:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a0e;--bg-elev:#12151c;--bg-elev-2:#1a1e28;--text:#e8eaef;--muted:#8b95a8;--line:#252a36;--accent:#d4a053;--accent-dim:#d4a05326;--accent-strong:#e4b86a;--data:#2ec4b6;--data-dim:#2ec4b61f;--danger:#f87171;--danger-dim:#f8717124;--success:#4ade80;--success-dim:#4ade801f;--day-green:#4ade80;--day-yellow:#fbbf24;--day-red:#f87171;--day-off:#64748b;--shadow:0 4px 24px #00000073;--shadow-sm:0 2px 8px #0000004d;--radius:14px;--radius-sm:10px;--font-display:"Fraunces", Georgia, serif;--font-body:"Source Sans 3", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}body{background:radial-gradient(ellipse 80% 50% at 50% -20%, #d4a0530f, transparent), radial-gradient(ellipse 60% 40% at 100% 100%, #2ec4b60a, transparent), var(--bg);min-height:100svh}body:before{content:"";pointer-events:none;opacity:.035;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}.app-shell{grid-template-rows:auto 1fr auto;max-width:720px;min-height:100svh;margin:0 auto;display:grid}.top-bar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#080a0eeb;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.top-bar__brand{align-items:center;gap:.65rem;min-width:0;display:flex}.brand-mark{flex-shrink:0;width:28px;height:28px}.top-bar__titles{min-width:0}.top-bar h1{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:600;overflow:hidden}.top-bar__phase{color:var(--muted);text-transform:capitalize;margin:0;font-size:.72rem}.top-bar__actions{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.phase-ring{flex-shrink:0;width:44px;height:44px;position:relative}.phase-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.phase-ring__track{fill:none;stroke:var(--line);stroke-width:3px}.phase-ring__fill{fill:none;stroke:url(#phaseGradient);stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .6s}@media (prefers-reduced-motion:reduce){.phase-ring__fill{transition:none}}.phase-ring__label{font-family:var(--font-mono);color:var(--accent);place-items:center;font-size:.62rem;font-weight:600;display:grid;position:absolute;inset:0}.persist-pill{border:1px solid var(--line);background:var(--bg-elev);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.25rem .55rem;font-size:.68rem;font-weight:500}.persist-pill.supabase{color:var(--data);background:var(--data-dim);border-color:#2ec4b659}.page-container{padding:.75rem .75rem 5.75rem}.page{gap:.75rem;display:grid}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--data));opacity:.55;height:2px;position:absolute;top:0;left:0;right:0}.card--hero:before{opacity:1;height:3px}.card--urgent:before{background:linear-gradient(90deg, var(--danger), var(--day-yellow));opacity:.85}.card h2,.card h3{font-family:var(--font-display);margin:.2rem 0;font-weight:600}.card h2{font-size:1.25rem}.card h3{font-size:1.05rem}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.72rem;font-weight:600}.row{align-items:center;display:flex}.between{justify-content:space-between}.right{text-align:right}.gap{gap:.5rem}.wrap{flex-wrap:wrap}.muted{color:var(--muted);margin:0;font-size:.86rem}.hint{color:var(--muted);margin:.4rem 0 0;font-size:.84rem}.status-message{color:var(--muted);margin:.55rem 0 0;font-size:.86rem}.status-message.success{color:var(--success)}.status-message.error{color:var(--danger)}.stat-row{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem;display:grid}.stat-block{gap:.15rem;display:grid}.stat-value{font-family:var(--font-mono);color:var(--data);font-size:1.5rem;font-weight:600;line-height:1.1}.stat-block .section-label{margin:0}.chip-row{flex-wrap:wrap;gap:.45rem;display:flex}.chip,.score{border:1px solid var(--line);background:var(--bg-elev-2);color:var(--text);border-radius:999px;min-height:42px;padding:.45rem .75rem;font-weight:500;transition:border-color .15s,background .15s}.chip.active,.score.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-strong)}.chip--green.active,.chip--green:not(.active):hover{border-color:#4ade8080}.chip--green.active{background:var(--success-dim);color:var(--day-green);border-color:var(--day-green)}.chip--yellow.active{color:var(--day-yellow);border-color:var(--day-yellow);background:#fbbf241f}.chip--red.active{background:var(--danger-dim);color:var(--day-red);border-color:var(--day-red)}.chip--off.active{color:var(--day-off);border-color:var(--day-off);background:#64748b26}.score{text-align:center;width:42px;padding:.45rem 0}.metric{gap:.35rem;margin:.65rem 0;display:grid}.progress-bar{background:var(--bg-elev-2);border-radius:999px;height:6px;margin-top:.35rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--data));border-radius:999px;height:100%;transition:width .4s}@media (prefers-reduced-motion:reduce){.progress-fill{transition:none}}.progress-fill--success{background:var(--day-green)}.progress-fill--partial{background:var(--day-yellow)}.protocol-indicator{background:var(--bg-elev-2);border-radius:var(--radius-sm);align-items:center;gap:.5rem;margin-top:.65rem;padding:.5rem .65rem;font-size:.84rem;display:flex}.protocol-indicator--done{background:var(--success-dim);color:var(--day-green)}.protocol-indicator__dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.protocol-indicator--done .protocol-indicator__dot{background:var(--day-green)}button{cursor:pointer;font:inherit;font-family:var(--font-body)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);outline:none}button:disabled{cursor:not-allowed;opacity:.55}.primary,.secondary,.danger,.link-btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:.6rem .9rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.primary{background:var(--accent);color:#080a0e}.primary:hover:not(:disabled){background:var(--accent-strong)}.secondary{background:var(--bg-elev-2);color:var(--text);border-color:var(--line)}.secondary:hover:not(:disabled){border-color:var(--muted)}.danger{background:var(--danger-dim);color:var(--danger);border-color:#f8717159}.link-btn{background:var(--data-dim);color:var(--data);border-color:#2ec4b659}.input-label{gap:.35rem;margin-top:.6rem;font-size:.88rem;font-weight:500;display:grid}.input-label--error input,.input-label--error select{border-color:var(--danger)}.input-error{color:var(--danger);margin:.25rem 0 0;font-size:.82rem}input,select{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:46px;color:var(--text);font-family:var(--font-body);padding:.6rem .7rem;transition:border-color .15s}input::placeholder{color:var(--muted)}.checkbox{color:var(--muted);align-items:center;gap:.5rem;margin-top:.6rem;font-size:.88rem;display:flex}.checkbox input{width:18px;min-height:18px;accent-color:var(--accent)}.timer{font-family:var(--font-mono);letter-spacing:.04em;color:var(--data);font-variant-numeric:tabular-nums;margin:.5rem 0 .75rem;font-size:2.75rem;font-weight:600}.notice{background:var(--accent-dim);border-radius:var(--radius-sm);border:1px solid #d4a05359;margin-bottom:.6rem;padding:.75rem;font-size:.88rem}.notice.warning{background:var(--danger-dim);color:#fecaca;border-color:#f8717159}.emphasis{box-shadow:0 0 0 1px #d4a05326, var(--shadow);border-color:#d4a05373}.emphasis:before{opacity:1}.stage{border:1px solid var(--line);color:var(--muted);text-transform:capitalize;white-space:nowrap;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.stage--easy{color:var(--day-green);background:var(--success-dim);border-color:#4ade8066}.stage--medium{color:var(--day-yellow);background:#fbbf241a;border-color:#fbbf2466}.stage--hard{color:var(--day-red);background:var(--danger-dim);border-color:#f8717166}.stage--mixed_practice{color:var(--data);background:var(--data-dim);border-color:#2ec4b666}.attempt-pills{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.attempt-pill{font-family:var(--font-mono);background:var(--bg-elev-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.15rem .45rem;font-size:.72rem}.attempt-pill--easy{color:var(--day-green);border-color:#4ade804d}.attempt-pill--medium{color:var(--day-yellow);border-color:#fbbf244d}.attempt-pill--hard{color:var(--day-red);border-color:#f871714d}.list-item{border-top:1px solid var(--line);gap:.25rem;padding:.75rem 0;display:grid}.list-item:first-of-type{border-top:0;padding-top:.2rem}.review-step{color:var(--muted);align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}.review-step__dots{gap:3px;display:flex}.review-step__dot{background:var(--line);border-radius:50%;width:6px;height:6px}.review-step__dot--filled{background:var(--data)}.urgency-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.15rem .45rem;font-size:.68rem;font-weight:700;display:inline-block}.urgency-badge--due{background:var(--danger-dim);color:var(--danger);border:1px solid #f8717159}.urgency-badge--upcoming{background:var(--accent-dim);color:var(--accent);border:1px solid #d4a05359}.calendar-weekdays{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem;margin-bottom:.25rem;display:grid}.calendar-weekday{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:.25rem 0;font-size:.68rem;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem;display:grid}.calendar-cell{border:1px solid var(--line);background:var(--bg-elev-2);color:var(--text);border-radius:var(--radius-sm);place-items:center;gap:.1rem;min-height:52px;padding:.25rem;font-size:.85rem;transition:border-color .15s,background .15s;display:grid}.calendar-cell--empty{visibility:hidden;pointer-events:none;background:0 0;border:none;min-height:0}.calendar-cell__day{font-family:var(--font-mono);font-size:.9rem;font-weight:600}.calendar-cell__type{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:.6rem}.calendar-cell--green{border-color:#4ade8059}.calendar-cell--green .calendar-cell__type{color:var(--day-green)}.calendar-cell--yellow{border-color:#fbbf2459}.calendar-cell--yellow .calendar-cell__type{color:var(--day-yellow)}.calendar-cell--red{border-color:#f8717159}.calendar-cell--red .calendar-cell__type{color:var(--day-red)}.calendar-cell--off{border-color:#64748b59}.calendar-cell--off .calendar-cell__type{color:var(--day-off)}.calendar-cell.done{background:var(--success-dim)}.calendar-cell.selected{border-color:var(--accent);box-shadow:0 0 0 1px #d4a05340}.empty-state{text-align:center;color:var(--muted);padding:1.25rem .5rem;font-size:.9rem}.bottom-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);max-width:720px;padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom,0));background:#12151cf5;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{border-radius:var(--radius-sm);min-height:52px;color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.3rem .15rem;transition:color .15s,background .15s;display:flex}.nav-item__icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.nav-item__icon svg{width:20px;height:20px}.nav-item__label{letter-spacing:.02em;font-size:.62rem;font-weight:600}.nav-item.active{background:var(--accent-dim);color:var(--accent)}.nav-item.active .nav-item__icon svg{stroke:var(--accent)}.loading{min-height:100svh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.9rem;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.spinner{border-top-color:var(--accent);opacity:.7;animation:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=480px){.page-container{padding:1rem 1.25rem 6rem}.top-bar{padding:.85rem 1.25rem}.timer{font-size:3.25rem}}