:root{color-scheme:light;--bg: #eef2ff;--bg-accent: radial-gradient(circle at top, #fdfbff 0%, #eef2ff 42%, #e2e8f0 100%);--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--surface-soft: #f8fafc;--border: rgba(148, 163, 184, .18);--text: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--primary: #4f46e5;--primary-strong: #4338ca;--primary-soft: rgba(79, 70, 229, .1);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--shadow-lg: 0 30px 60px rgba(15, 23, 42, .18);--shadow-md: 0 14px 30px rgba(15, 23, 42, .08);--shadow-sm: 0 10px 18px rgba(15, 23, 42, .05);--radius-xl: 32px;--radius-lg: 22px;--radius-md: 18px;--radius-sm: 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400}:root[data-theme=dark]{color-scheme:dark;--bg: #020617;--bg-accent: radial-gradient(circle at top, #1e1b4b 0%, #020617 38%, #020617 100%);--surface: rgba(15, 23, 42, .9);--surface-strong: #0f172a;--surface-soft: #1e293b;--border: rgba(148, 163, 184, .18);--text: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--primary: #8b5cf6;--primary-strong: #7c3aed;--primary-soft: rgba(139, 92, 246, .16);--shadow-lg: 0 30px 60px rgba(2, 6, 23, .45);--shadow-md: 0 14px 30px rgba(2, 6, 23, .35);--shadow-sm: 0 10px 18px rgba(2, 6, 23, .24)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-height:100vh;background:var(--bg-accent);color:var(--text);transition:background .18s ease,color .18s ease;overflow:hidden}button,input,select,textarea{font:inherit}button{border:none;background:none;color:inherit;cursor:pointer}input,select,textarea{outline:none}textarea{resize:vertical}.app-shell{min-height:100vh;display:block;padding:0}.phone-frame{position:relative;width:100%;min-height:100vh;height:100vh;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 92%,transparent),color-mix(in srgb,var(--surface-soft) 88%,transparent));border:none;border-radius:0;box-shadow:none;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-screen{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 16px calc(140px + env(safe-area-inset-bottom))}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.eyebrow{margin:0 0 6px;color:var(--primary);font-size:.9rem;font-weight:700}.topbar h1{margin:0;font-size:clamp(2rem,6vw,2.45rem);line-height:1.05;letter-spacing:-.04em}.subtle{margin:8px 0 0;color:var(--text-secondary);font-size:.98rem}.topbar-actions,.toolbar-group{display:flex;gap:10px}.topbar-actions--stacked{flex-direction:column;align-items:flex-end}.utility-icon-button{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--surface-strong) 82%,transparent);box-shadow:var(--shadow-sm);transition:.18s ease}.language-select-wrap{position:relative}.language-select-button{pointer-events:none}.language-select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;border-radius:16px;opacity:0;cursor:pointer}.icon-button,.ghost-button{display:grid;place-items:center;transition:.18s ease}.icon-button{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--surface-strong) 84%,transparent);box-shadow:var(--shadow-sm);color:var(--text-secondary)}.icon-button:hover,.icon-button:focus-visible,.utility-icon-button:hover,.utility-icon-button:focus-visible,.ghost-button:hover,.ghost-button:focus-visible,.tab:hover,.tab:focus-visible,.bottom-nav__item:hover,.bottom-nav__item:focus-visible,.fab:hover,.fab:focus-visible,.pill-button:hover,.pill-button:focus-visible,.primary-button:hover,.primary-button:focus-visible,.secondary-button:hover,.secondary-button:focus-visible,.check-button:hover,.check-button:focus-visible,.choice-chip:hover,.choice-chip:focus-visible,.week-day:hover,.week-day:focus-visible,.toggle-pill:hover,.toggle-pill:focus-visible,.month-day:hover,.month-day:focus-visible,.year-month:hover,.year-month:focus-visible,.danger-button:hover,.danger-button:focus-visible{transform:translateY(-1px)}.progress-card,.hero-card{margin-top:24px;padding:22px;border-radius:var(--radius-lg);color:#fff;box-shadow:0 20px 40px #4f46e559}.progress-card,.hero-card--calendar,.hero-card--focus,.hero-card--profile{background:linear-gradient(145deg,#4338ca,#4f46e5 45%,#7c3aed)}.progress-card__header,.hero-card__row,.section-header,.focus-spotlight__actions,.setting-item,.timer-display,.calendar-nav,.focus-control-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-label{margin:0 0 4px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;opacity:.78}.progress-card h2,.hero-card h2,.panel-card h3{margin:0;line-height:1.2}.progress-card h2,.hero-card h2{font-size:1.35rem}.progress-chip,.hero-chip{padding:8px 12px;border-radius:999px;background:#ffffff2e;font-weight:700}.progress-track{height:10px;margin-top:18px;border-radius:999px;background:#fff3;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#fff,#c4b5fd)}.progress-stats,.stat-grid,.achievement-grid,.chart-bars{display:grid;gap:12px;margin-top:18px}.progress-stats{grid-template-columns:repeat(3,1fr)}.stat-grid,.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-bars{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.progress-stats strong,.stat-tile strong,.timer-display__ring strong,.chart-bar-card strong{display:block;font-size:1.15rem}.progress-stats span,.stat-tile span,.timer-display__ring span,.chart-bar-card span{font-size:.82rem;opacity:.82}.stat-tile{padding:14px;border-radius:18px;background:#ffffff1f}.quick-add{margin-top:18px}.quick-add__input-wrap,.panel-card,.agenda-item,.mini-task,.setting-item,.achievement-card,.week-day,.timer-display__ring,.month-day,.year-month,.chart-bar-card,.history-item,.status-banner,.toggle-pill-button,.danger-zone{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quick-add__input-wrap{display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px}.quick-add__input-wrap--stacked{flex-direction:column;align-items:stretch}.quick-add__top-row,.quick-add__toolbar,.field-row,.modal-sheet__footer,.focus-spotlight__meta,.setting-list,.page-stack,.mini-list,.timer-modes,.mode-switcher,.history-list{display:flex;gap:12px}.page-stack,.setting-list,.mini-list,.timer-modes,.history-list{flex-direction:column}.quick-add__top-row{display:flex;align-items:center;gap:10px;width:100%}.quick-add__top-row input{flex:1 1 auto;min-width:0}.quick-add__toolbar,.mode-switcher{flex-wrap:wrap}.quick-add__input-wrap input,.date-input,.field__control{flex:1;min-width:0;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 82%,transparent);color:var(--text)}.quick-add__input-wrap input::placeholder,.field__control::placeholder{color:var(--text-tertiary)}.pill-button,.secondary-button{flex-shrink:0;padding:10px 14px;border-radius:14px;background:var(--primary-soft);color:var(--primary);font-weight:700}.primary-button{flex:0 0 auto;min-width:76px;padding:10px 16px;border-radius:14px;background:linear-gradient(145deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;box-shadow:0 12px 22px #4f46e538}.danger-button{width:100%;padding:12px 16px;border-radius:14px;background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff;font-weight:700}.tabs{display:flex;gap:10px;margin-top:18px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab,.choice-chip{white-space:nowrap}.tab{padding:10px 16px;border-radius:999px;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-strong) 76%,transparent);box-shadow:inset 0 0 0 1px #94a3b81f}.choice-chip,.toggle-pill-button{min-width:92px;padding:12px 14px;border-radius:18px;text-align:left;background:color-mix(in srgb,var(--surface-strong) 72%,transparent);border:1px solid var(--border)}.choice-chip span,.choice-chip strong,.toggle-pill-button span,.toggle-pill-button strong{display:block}.choice-chip span,.toggle-pill-button__label{font-size:.76rem;color:var(--text-tertiary)}.choice-chip strong,.toggle-pill-button strong{margin-top:4px;font-size:.92rem}.choice-chip--active,.tab--active,.week-day--selected,.month-day--selected,.year-month--selected{background:var(--text);color:var(--surface-strong);box-shadow:none}.choice-chip--active span,.tab--active span,.week-day--selected span,.month-day--selected span,.year-month--selected span{color:inherit}:root[data-theme=dark] .tab--active,:root[data-theme=dark] .choice-chip--active,:root[data-theme=dark] .week-day--selected,:root[data-theme=dark] .month-day--selected,:root[data-theme=dark] .year-month--selected{background:#f8fafc;color:#020617}.task-list{margin-top:18px;display:grid;gap:14px}.task-card{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.task-card--high{position:relative}.task-card--high:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:999px;background:linear-gradient(180deg,#fb7185,#ef4444)}.task-card--completed,.agenda-item--done{opacity:.72}.task-card__content{flex:1;min-width:0}.task-card__title-row{display:flex;align-items:flex-start;gap:10px}.task-card__title-row h3{flex:1;margin:0;font-size:1rem;line-height:1.35}.task-card--completed .task-card__title-row h3{text-decoration:line-through}.task-card__actions{display:flex;gap:6px}.ghost-button{width:34px;height:34px;flex-shrink:0;border-radius:12px;color:var(--text-tertiary)}.ghost-button--danger{color:var(--danger)}.task-card__description,.agenda-item p,.focus-spotlight__description,.setting-item p,.achievement-card p,.mini-task p,.history-item p,.year-month p{margin:6px 0 0;color:var(--text-secondary);font-size:.92rem}.task-card__meta,.agenda-item__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.meta-item{color:var(--text-secondary);font-size:.83rem;font-weight:600;white-space:nowrap}.meta-item--tag{color:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:700}.badge--high{background:#ef444424;color:#b91c1c}.badge--medium{background:#f59e0b2e;color:#b45309}.badge--low{background:#10b98124;color:#047857}.check-button{width:28px;height:28px;margin-top:2px;flex-shrink:0;display:grid;place-items:center;border-radius:999px;border:2px solid #cbd5e1;color:#fff;transition:.18s ease}.check-button--done{border-color:var(--success);background:var(--success)}.check-button span{font-size:.85rem;font-weight:800}.empty-state{margin-top:22px;padding:28px 20px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-sm)}.empty-state--page{margin-top:0}.empty-state h2{margin:0;font-size:1.1rem}.empty-state p{margin:8px 0 0;color:var(--text-secondary)}.panel-card,.agenda-item,.mini-task,.setting-item,.achievement-card,.week-day,.timer-display__ring,.month-day,.year-month,.chart-bar-card,.history-item,.status-banner,.toggle-pill-button,.danger-zone{border-radius:var(--radius-md)}.panel-card,.chart-bar-card,.history-item,.status-banner,.danger-zone{padding:14px}.section-header{margin-bottom:14px}.calendar-nav{margin-top:14px;align-items:center}.week-grid,.month-grid,.year-grid{display:grid;gap:10px;margin-top:14px}.week-grid,.month-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.week-day,.month-day,.year-month{display:flex;flex-direction:column;align-items:flex-start;width:100%;min-height:0;padding:14px 10px;text-align:left}.week-day--today,.month-day--today{outline:1px solid var(--primary)}.week-day__name,.week-day__meta,.month-day span,.year-month span{display:block}.week-day__name,.month-day span,.year-month span{font-size:.72rem;color:inherit;opacity:.76}.week-day__date,.month-day strong,.year-month strong{display:block;margin-top:6px;font-size:1.05rem}.week-day__meta{margin-top:4px}.week-day--has-tasks .week-day__date,.month-day--has-tasks strong,.year-month--has-tasks strong{color:var(--primary)}.year-month__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-top:6px;padding:0 6px;border-radius:10px;background:var(--primary);color:#fff;font-size:.72rem;font-weight:700}.year-month--selected .year-month__count{background:#ffffff4d}.month-day--muted{opacity:.46}.agenda-group__count,.setting-item__value{color:var(--text-secondary);font-size:.84rem;font-weight:700}.agenda-group__items,.history-list{display:grid;gap:12px}.agenda-item,.mini-task,.setting-item,.achievement-card,.timer-display__ring{padding:14px}.agenda-item__main,.mini-task__body{min-width:0}.focus-spotlight,.timer-card{margin-top:0}.focus-spotlight__meta{flex-wrap:wrap;margin-top:14px}.focus-spotlight__actions{margin-top:18px}.timer-display{justify-content:center;margin-top:16px}.timer-display__ring{width:180px;height:180px;border-radius:999px;display:grid;place-items:center;text-align:center;background:conic-gradient(var(--primary) var(--timer-progress, 0%),color-mix(in srgb,var(--surface-soft) 82%,transparent) 0%);animation:timerPulse 2.4s ease-in-out infinite}.timer-display__ring strong{font-size:2rem}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.toggle-pill{width:56px;height:32px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 86%,transparent);border:1px solid var(--border)}.toggle-pill span{display:block;width:22px;height:22px;border-radius:999px;background:var(--text-tertiary);transition:transform .18s ease,background .18s ease}.toggle-pill--active{background:var(--primary-soft)}.toggle-pill--active span{transform:translate(24px);background:var(--primary)}.status-banner--complete{background:#10b98124;color:#047857}.status-banner--idle{color:var(--text-secondary)}.chart-bar-card{display:grid;gap:8px}.chart-bar-card__track{height:110px;display:flex;align-items:end;padding:8px;border-radius:16px;background:color-mix(in srgb,var(--surface-soft) 82%,transparent)}.chart-bar-card__fill{width:100%;border-radius:999px;background:linear-gradient(180deg,#8b5cf6,#4f46e5)}.achievement-card{min-height:148px}.achievement-card__icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;margin-bottom:12px;background:var(--primary-soft);color:var(--primary);font-size:.9rem;font-weight:800}.history-item,.mini-task{display:flex;justify-content:space-between;align-items:center}.danger-zone{border-color:#ef44443d}.fab{position:absolute;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));width:60px;height:60px;border-radius:20px;background:linear-gradient(145deg,#4f46e5,#7c3aed);color:#fff;font-size:1.75rem;box-shadow:0 18px 28px #4f46e552}.bottom-nav{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:color-mix(in srgb,var(--surface-strong) 88%,transparent);border:1px solid color-mix(in srgb,var(--surface-strong) 76%,white 24%);box-shadow:0 -10px 30px #0f172a1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;padding:6px 4px;border-radius:18px;color:var(--text-tertiary);font-size:.74rem;font-weight:700}.bottom-nav__item--active{color:var(--primary);background:var(--primary-soft)}@media(max-width:640px){.topbar{align-items:flex-start}.topbar h1{font-size:clamp(1.75rem,8vw,2.2rem)}.app-screen{padding-inline:14px}.quick-add__input-wrap{gap:10px;padding:10px}.quick-add__top-row,.quick-add__toolbar{width:100%;min-width:0}.quick-add__top-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.quick-add__top-row input{width:100%;min-width:0}.primary-button{min-width:64px;padding:10px 12px;white-space:nowrap}.quick-add__toolbar{display:grid;grid-template-columns:minmax(78px,auto) minmax(0,1fr) minmax(88px,auto);align-items:stretch;flex-wrap:nowrap;gap:8px;overflow:hidden}.quick-add__toolbar>*{min-height:44px;margin:0}.pill-button,.date-input{min-width:0;white-space:nowrap}.date-input{height:44px;line-height:1}.pill-button{padding:10px 12px}.date-input{width:100%;padding-inline:10px;font-size:16px}.task-card{padding:14px;gap:10px}.task-card__meta{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px;padding-bottom:2px}.task-card__meta::-webkit-scrollbar{display:none}.badge,.meta-item{flex:0 0 auto;white-space:nowrap}}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-items:end;padding:16px;background:#0206176b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-sheet{padding:22px;border-radius:28px;background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.modal-sheet__header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.modal-sheet__header h2{margin:0}.form-grid{display:grid;gap:14px;margin-top:18px}.field{display:grid;gap:8px}.field span{color:var(--text-secondary);font-size:.88rem;font-weight:700}.field__control{width:100%}.field__control--textarea{min-height:110px}.modal-sheet__footer{margin-top:18px;justify-content:flex-end}@media(max-width:480px){.app-shell{padding:0}.phone-frame{width:100%;min-height:100vh;border-radius:0}.toolbar-group,.quick-add__toolbar,.field-row,.modal-sheet__footer,.focus-spotlight__actions,.section-header,.setting-item,.calendar-nav,.focus-control-row,.history-item{flex-direction:column}.primary-button,.secondary-button,.pill-button,.date-input,.field__control,.choice-chip,.toggle-pill-button,.danger-button{width:100%}.progress-stats,.stat-grid,.stat-grid--compact,.achievement-grid,.week-grid,.month-grid,.year-grid,.chart-bars{grid-template-columns:repeat(2,minmax(0,1fr))}.timer-display__ring{width:156px;height:156px}}