.habit-card{background:var(--bg-card);border-radius:16px;padding:20px;margin-bottom:12px;transition:background .2s}.habit-card:active{background:var(--bg-card-hover)}.habit-card__main{margin-bottom:16px}.habit-card__name{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:var(--text)}.habit-card__stats{display:flex;gap:20px;margin-bottom:8px}.habit-card__stat{font-size:.9rem;color:var(--text-muted)}.habit-card__stat em{font-style:normal;color:var(--accent);font-weight:600}.habit-card__time{margin:0;font-size:.85rem;color:var(--text-muted)}.habit-card__remark-wrap{margin-bottom:12px}.habit-card__remark-input{width:100%;padding:12px 16px;font-size:1rem;border:1px solid var(--bg-card-hover);border-radius:10px;background:var(--bg);color:var(--text);outline:none}.habit-card__remark-input::placeholder{color:var(--text-muted)}.habit-card__remark-input:focus{border-color:var(--accent)}.habit-card__actions{display:flex;flex-direction:column;gap:8px}.habit-card__btn{width:100%;padding:14px 24px;font-size:1rem;font-weight:600;color:var(--bg);background:var(--accent);border:none;border-radius:12px;cursor:pointer;transition:background .2s}.habit-card__btn:hover:not(:disabled){background:var(--accent-hover)}.habit-card__btn:active:not(:disabled){transform:scale(.98)}.habit-card__btn:disabled{opacity:.7;cursor:not-allowed}.habit-card__remark-btn{padding:10px;font-size:.9rem;color:var(--text-muted);background:transparent;border:none;cursor:pointer}.habit-card__remark-btn:hover:not(:disabled){color:var(--accent)}.habit-card__remark-btn:disabled{opacity:.5;cursor:not-allowed}.habit-card__secondary-actions{display:flex;gap:12px;margin-top:8px;justify-content:center}.habit-card__secondary-btn{flex:1;padding:10px 16px;font-size:.9rem;color:var(--text-muted);background:transparent;border:1px solid var(--bg-card-hover);border-radius:10px;cursor:pointer}.habit-card__secondary-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.habit-card__secondary-btn:disabled{opacity:.5;cursor:not-allowed}.habit-card__backfill-wrap{margin-bottom:12px}.habit-card__backfill-label{display:block;font-size:.9rem;color:var(--text-muted);margin-bottom:8px}.habit-card__backfill-pickers{display:flex;gap:12px;margin-bottom:8px}.habit-card__backfill-date,.habit-card__backfill-time{flex:1;padding:12px 16px;font-size:1rem;border:1px solid var(--bg-card-hover);border-radius:10px;background:var(--bg);color:var(--text);outline:none}.habit-card__backfill-date:focus,.habit-card__backfill-time:focus{border-color:var(--accent)}.habit-card__backfill-date::-webkit-calendar-picker-indicator,.habit-card__backfill-time::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}.habit-card__backfill-wrap .habit-card__remark-input{margin-top:0}.habit-card__cancel{display:block;width:100%;margin-top:8px;padding:10px;font-size:.9rem;color:var(--text-muted);background:transparent;border:none;cursor:pointer}.habit-card__cancel:disabled{opacity:.5;cursor:not-allowed}.habit-page{min-height:100dvh;padding:0 20px 24px;max-width:480px;margin:0 auto}.habit-page__header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 20px;position:sticky;top:0;background:var(--bg);z-index:10}.habit-page__header h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--text)}.habit-page__refresh{width:44px;height:44px;font-size:1.5rem;color:var(--text-muted);background:var(--bg-card);border:none;border-radius:12px;cursor:pointer}.habit-page__refresh:hover:not(:disabled){color:var(--accent)}.habit-page__refresh:disabled{opacity:.6;cursor:not-allowed}.habit-page__loading,.habit-page__error,.habit-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;text-align:center;color:var(--text-muted)}.habit-page__spinner{width:40px;height:40px;border:3px solid var(--bg-card);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.habit-page__loading p,.habit-page__error p{margin:16px 0 0;font-size:.95rem}.habit-page__error button{margin-top:16px;padding:10px 24px;font-size:1rem;color:var(--accent);background:transparent;border:1px solid var(--accent);border-radius:10px;cursor:pointer}.habit-page__empty p{margin:0;font-size:1.1rem;color:var(--text)}.habit-page__empty span{margin-top:8px;font-size:.9rem;color:var(--text-muted)}.habit-page__list{padding-bottom:env(safe-area-inset-bottom,24px)}.habit-page__toast{position:fixed;bottom:calc(32px + env(safe-area-inset-bottom,0));left:50%;transform:translate(-50%);padding:12px 24px;font-size:.95rem;color:var(--bg);background:var(--text);border-radius:12px;box-shadow:0 4px 20px #0000004d;animation:toast-in .25s ease;z-index:100}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}:root{--bg: #0f172a;--bg-card: #1e293b;--bg-card-hover: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--accent: #38bdf8;--accent-hover: #7dd3fc;--success: #34d399;--error: #f87171;--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0)}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden}#root{min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}