:root{--c-bg-dark:#101722;--c-bg-light:#f7f6f2;--c-orange:#ff9f1c;--c-success:#58cc72;--c-abdul:#4285f4;--c-suna:#9b6bff;--c-shared:#22bfa7;--c-warning:#ff5c5c;--c-gold:#ffc83d;--font-display:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", "Menlo", monospace;--fs-eyebrow:clamp(.7rem, .66rem + .2vw, .8rem);--fs-body:clamp(.95rem, .9rem + .3vw, 1.05rem);--fs-lead:clamp(1.05rem, 1rem + .5vw, 1.2rem);--fs-title:clamp(1.3rem, 1.1rem + 1.2vw, 1.7rem);--fs-display:clamp(2.2rem, 1.6rem + 4vw, 3.4rem);--fs-mega:clamp(3rem, 2rem + 7vw, 5rem);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:28px;--sp-7:40px;--sp-8:56px;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-xl:32px;--r-pill:999px;--touch-min:44px;--control-h:54px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--motion-quick:.14s;--motion-base:.26s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--shadow-card:0 8px 30px #00000047;--shadow-press:0 2px 8px #0000003d}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--c-bg-dark);--bg-elev:#182333;--bg-elev-2:#1f2c40;--surface:#182333;--text:#f7f6f2;--text-secondary:#b6c0cc;--text-muted:#7c8aa0;--border:#ffffff14;--border-strong:#ffffff29;--accent:var(--c-orange);--accent-contrast:#101722;--glow:#ff9f1c59}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--c-bg-light);--bg-elev:#fff;--bg-elev-2:#fff;--surface:#fff;--text:#17202b;--text-secondary:#5d6875;--text-muted:#8b96a3;--border:#17202b1a;--border-strong:#17202b2e;--accent:#e8850a;--accent-contrast:#fff;--glow:#ff9f1c47;--shadow-card:0 8px 26px #17202b1a}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--c-bg-light);--bg-elev:#fff;--bg-elev-2:#fff;--surface:#fff;--text:#17202b;--text-secondary:#5d6875;--text-muted:#8b96a3;--border:#17202b1a;--border-strong:#17202b2e;--accent:#e8850a;--accent-contrast:#fff;--glow:#ff9f1c47;--shadow-card:0 8px 26px #17202b1a}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;background-image:radial-gradient(120% 60% at 50% -10%, var(--glow), transparent 60%), radial-gradient(80% 50% at 100% 0%, #22bfa714, transparent 55%);background-attachment:fixed;min-height:100dvh;line-height:1.5}#root{isolation:isolate;min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:800;line-height:1.08}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg{max-width:100%;display:block}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-contrast:more){:root{--text-secondary:var(--text);--border:var(--border-strong)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes flicker{0%,to{transform:scale(1)rotate(-1deg)}50%{transform:scale(1.04)rotate(1deg)}}.screen{padding:var(--sp-5) var(--sp-4) calc(var(--sp-8) + 72px + var(--safe-bottom));gap:var(--sp-4);max-width:720px;animation:rise var(--motion-base) var(--ease-out) both;flex-direction:column;margin:0 auto;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-card);gap:var(--sp-3);flex-direction:column;display:flex;position:relative}.card--abdul:before,.card--suna:before,.card--shared:before,.card--gold:before,.card--success:before{content:"";border-radius:var(--r-pill);width:4px;position:absolute;top:16px;bottom:16px;left:0}.card--abdul:before{background:var(--c-abdul)}.card--suna:before{background:var(--c-suna)}.card--shared:before{background:var(--c-shared)}.card--gold:before{background:var(--c-gold)}.card--success:before{background:var(--c-success)}.eyebrow{font-family:var(--font-display);font-weight:800;font-size:var(--fs-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.btn{min-height:var(--control-h);padding:0 var(--sp-5);border-radius:var(--r-md);font-family:var(--font-display);font-weight:700;font-size:var(--fs-body);justify-content:center;align-items:center;gap:var(--sp-2);transition:transform var(--motion-quick) var(--ease-spring), filter var(--motion-quick) var(--ease-out), background var(--motion-quick);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:inline-flex}.btn:active{transform:scale(.97)}.btn--full{width:100%}.btn--primary{background:linear-gradient(180deg, #ffb347, var(--accent));color:var(--accent-contrast);box-shadow:0 6px 0 #c86e0080, var(--shadow-press)}.btn--primary:active{transform:translateY(3px)scale(.99);box-shadow:0 2px #c86e0080}.btn--secondary{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border-strong)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--danger{background:var(--c-warning);color:#fff}.btn:disabled{opacity:.5;pointer-events:none}.pill{border-radius:var(--r-pill);font-size:var(--fs-eyebrow);background:var(--bg-elev-2);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.pill--abdul{background:color-mix(in srgb, var(--c-abdul) 18%, transparent);color:var(--c-abdul)}.pill--suna{background:color-mix(in srgb, var(--c-suna) 18%, transparent);color:var(--c-suna)}.pill--shared{background:color-mix(in srgb, var(--c-shared) 18%, transparent);color:var(--c-shared)}.pill--muted{opacity:.8}.ring{place-items:center;display:grid;position:relative}.ring__center{font-family:var(--font-mono);place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.stat{flex-direction:column;gap:2px;display:flex}.stat__value{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lead)}.stat__label{font-size:var(--fs-eyebrow);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.flow,.mindset{min-height:100dvh;padding:calc(var(--safe-top) + var(--sp-3)) var(--sp-4) calc(var(--safe-bottom) + var(--sp-4));flex-direction:column;display:flex}.flow__top{align-items:center;gap:var(--sp-3);display:flex}.flow__close{width:var(--touch-min);height:var(--touch-min);color:var(--text-secondary);border-radius:var(--r-pill);place-items:center;font-size:1.2rem;display:grid}.flow__progress{border-radius:var(--r-pill);background:var(--border-strong);flex:1;height:8px;overflow:hidden}.flow__progress span{background:linear-gradient(90deg, var(--accent), var(--c-gold));height:100%;transition:width var(--motion-base) var(--ease-out);display:block}.flow__count{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;min-width:48px;font-size:.85rem}.flow__body,.mindset__body{justify-content:center;gap:var(--sp-4);padding:var(--sp-5) 0;flex-direction:column;flex:1;display:flex}.flow__kind,.mindset__block,.mindset__rep{font-family:var(--font-display);font-weight:800;font-size:var(--fs-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.mindset__block{color:var(--text-muted)}.mindset__rep{color:var(--accent)}.flow__title{font-size:var(--fs-display)}.mindset__statement{font-family:var(--font-display);font-size:var(--fs-title);font-weight:800;line-height:1.25}.flow__hint,.mindset__msg{color:var(--text-secondary)}.flow__actions,.mindset__actions{gap:var(--sp-3);flex-direction:column;display:flex}.flow__primary,.mindset__speak{min-height:var(--control-h);border-radius:var(--r-md);background:linear-gradient(180deg, #ffb347, var(--accent));color:var(--accent-contrast);font-family:var(--font-display);font-weight:800;font-size:var(--fs-lead)}.mindset__speak{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border-strong)}.flow__skip{min-height:var(--touch-min);color:var(--text-secondary)}.steptimer,.tooth{align-items:center;gap:var(--sp-4);flex-direction:column;display:flex}.steptimer__time{font-family:var(--font-mono);font-size:var(--fs-mega);font-weight:700}.steptimer__controls{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.steptimer__btn{min-height:var(--touch-min);padding:0 var(--sp-4);border-radius:var(--r-md);background:var(--bg-elev-2);border:1px solid var(--border-strong);font-weight:700}.steptimer__btn--go{background:var(--accent);color:var(--accent-contrast);border:none}.tooth__grid{gap:var(--sp-2);aspect-ratio:1;grid-template-columns:1fr 1fr;width:min(280px,80vw);display:grid}.tooth__quad{border-radius:var(--r-md);background:var(--bg-elev-2);border:2px solid var(--border-strong);color:var(--text-secondary);transition:all var(--motion-base) var(--ease-out);place-items:center;font-weight:700;display:grid}.tooth__quad--active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);transform:scale(1.03)}.tooth__quad--done{background:color-mix(in srgb, var(--c-success) 24%, transparent);border-color:var(--c-success);color:var(--text)}.tooth__meta{flex-direction:column;align-items:center;display:flex}.tooth__meta strong{font-family:var(--font-mono);font-size:2rem}.hold{gap:var(--sp-2);flex-direction:column;display:flex}.hold__btn{min-height:var(--control-h);border-radius:var(--r-md);background:var(--bg-elev-2);border:1px solid var(--border-strong);touch-action:none;font-weight:700;position:relative;overflow:hidden}.hold__fill{background:color-mix(in srgb, var(--accent) 40%, transparent);transition:width 80ms linear;position:absolute;inset:0 auto 0 0}.hold__label{z-index:1;position:relative}.hold__options{gap:var(--sp-2);flex-wrap:wrap;display:flex}.hold__option{min-height:var(--touch-min);padding:0 var(--sp-4);border-radius:var(--r-pill);background:var(--bg-elev-2);border:1px solid var(--border-strong);font-weight:600}.hold__confirm{min-height:var(--control-h);border-radius:var(--r-md);background:var(--c-success);color:#fff;font-family:var(--font-display);font-weight:800}.rowlist{gap:var(--sp-2);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-3);min-height:58px;padding:0 var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);display:flex}.row__check{border-radius:var(--r-pill);border:2px solid var(--border-strong);color:#0000;flex:none;place-items:center;width:30px;height:30px;display:grid}.row__check--done{background:var(--c-success);border-color:var(--c-success);color:#fff}.row__title{flex:1;font-weight:600}.row__title--done{color:var(--text-muted);text-decoration:line-through}.addbar{gap:var(--sp-2);display:flex}.addbar input{min-height:var(--control-h);padding:0 var(--sp-4);border-radius:var(--r-md);background:var(--bg-elev-2);border:1px solid var(--border);flex:1}.addbar button{width:var(--control-h);border-radius:var(--r-md);background:var(--accent);color:var(--accent-contrast);font-size:1.4rem;font-weight:700}.sectiontitle{font-size:var(--fs-lead);color:var(--text-secondary);margin-top:var(--sp-2)}.note{color:var(--text-secondary);font-size:var(--fs-body)}.focus{justify-content:center;align-items:center;gap:var(--sp-5);min-height:100dvh;padding:var(--sp-5);text-align:center;flex-direction:column;display:flex}.focus__time{font-family:var(--font-mono);font-size:var(--fs-mega);font-weight:700}.focus__durations{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.calendar{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calcell{aspect-ratio:1;border-radius:var(--r-sm);font-family:var(--font-mono);background:var(--bg-elev-2);color:var(--text-muted);border:1px solid var(--border);place-items:center;font-size:.7rem;font-weight:700;display:grid}.authinput{min-height:var(--control-h);padding:0 var(--sp-4);border-radius:var(--r-md);background:var(--bg-elev-2);border:1px solid var(--border);width:100%}.linkbtn{color:var(--accent);font-weight:600;font-size:var(--fs-body);min-height:var(--touch-min)}.syncbadge{border-radius:var(--r-pill);font-size:var(--fs-eyebrow);background:var(--bg-elev-2);color:var(--text-secondary);border:1px solid var(--border);align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.syncbadge__dot{border-radius:var(--r-pill);background:var(--text-muted);width:8px;height:8px}.syncbadge--current .syncbadge__dot{background:var(--c-success)}.syncbadge--syncing .syncbadge__dot{background:var(--accent);animation:1s infinite flicker}.syncbadge--savedOffline .syncbadge__dot{background:var(--c-gold)}.syncbadge--waitingToSync .syncbadge__dot{background:var(--accent)}.syncbadge--conflict .syncbadge__dot,.syncbadge--failed .syncbadge__dot{background:var(--c-warning)}.syncbadge__count{background:var(--accent);color:var(--accent-contrast);border-radius:var(--r-pill);padding:0 6px;font-size:.65rem;font-weight:700}.app{flex-direction:column;min-height:100dvh;display:flex}.app__header{z-index:20;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:calc(var(--safe-top) + var(--sp-3)) var(--sp-4) var(--sp-3);padding-left:calc(var(--safe-left) + var(--sp-4));padding-right:calc(var(--safe-right) + var(--sp-4));background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.app__profile{align-items:center;gap:var(--sp-3);min-height:var(--touch-min);display:flex}.app__avatar{border-radius:var(--r-pill);width:40px;height:40px;font-family:var(--font-display);color:#fff;place-items:center;font-weight:800;display:grid}.app__avatar--abdul{background:var(--c-abdul)}.app__avatar--suna{background:var(--c-suna)}.app__hello{flex-direction:column;line-height:1.1;display:flex}.app__hello small{font-size:var(--fs-eyebrow);color:var(--text-muted)}.app__hello strong{font-family:var(--font-display);font-size:var(--fs-lead)}.app__content{flex:1}.tabbar{z-index:30;padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + var(--safe-bottom));background:color-mix(in srgb, var(--bg-elev) 92%, transparent);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar__item{min-height:var(--touch-min);border-radius:var(--r-sm);color:var(--text-muted);transition:color var(--motion-quick);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:.68rem;font-weight:600;display:flex}.tabbar__item.active{color:var(--accent)}.tabbar__item:active{background:var(--bg-elev-2)}.flame{align-items:center;gap:var(--sp-2);flex-direction:column;display:inline-flex}.flame__stage{place-items:center;display:grid;position:relative}.flame__glow{filter:blur(10px);z-index:0;position:absolute;inset:-18%}.flame__svg{z-index:1;filter:drop-shadow(0 6px 14px #ff7a0047);position:relative}.flame__body{animation:flicker 2.4s var(--ease-out) infinite}.flame__percent{z-index:2;font-family:var(--font-mono);color:#101722;text-shadow:0 1px 2px #fff6;font-size:.9rem;font-weight:700;position:absolute;bottom:14%}.flame__label{font-family:var(--font-display);font-weight:700;font-size:var(--fs-eyebrow);letter-spacing:.02em;color:var(--text-secondary);text-transform:uppercase}.today__date{font-family:var(--font-display);color:var(--text-secondary);text-transform:capitalize;font-weight:700}.today__hero{text-align:center;align-items:center;gap:var(--sp-4);background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 60%), var(--surface)}.today__flamewrap{padding-top:var(--sp-2)}.today__stats{gap:var(--sp-2);text-align:center;grid-template-columns:repeat(3,1fr);width:100%;display:grid}.today__stats .stat{align-items:center}.today__levelbar{border-radius:var(--r-pill);background:var(--border-strong);width:100%;height:8px;overflow:hidden}.today__levelbar span{background:linear-gradient(90deg, var(--accent), var(--c-gold));border-radius:var(--r-pill);height:100%;transition:width var(--motion-base) var(--ease-out);display:block}.today__next{gap:var(--sp-2)}.today__nextreason{font-family:var(--font-display);font-size:var(--fs-title);font-weight:800;line-height:1.15}.today__nextcta{margin-top:var(--sp-2);padding:10px var(--sp-5);min-height:var(--touch-min);border-radius:var(--r-md);background:var(--accent);color:var(--accent-contrast);font-family:var(--font-display);align-self:flex-start;align-items:center;font-weight:800;display:inline-flex}.today__pathtitle{font-size:var(--fs-lead);margin-top:var(--sp-2);color:var(--text-secondary)}.daypath{gap:var(--sp-2);flex-direction:column;display:flex;position:relative}.daynode__link{align-items:center;gap:var(--sp-3);min-height:62px;padding:0 var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:transform var(--motion-quick) var(--ease-spring);display:flex}.daynode__link:active{transform:scale(.985)}.daynode__marker{border-radius:var(--r-pill);width:38px;height:38px;font-family:var(--font-mono);background:var(--bg-elev-2);color:var(--text-secondary);border:2px solid var(--border-strong);flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.daynode--done .daynode__marker{background:var(--c-success);color:#fff;border-color:var(--c-success)}.daynode__label{font-family:var(--font-display);flex:1;font-weight:700}.daynode__chev{color:var(--text-muted);font-size:1.4rem}.installhint{left:var(--sp-3);right:var(--sp-3);bottom:calc(72px + var(--safe-bottom) + var(--sp-3));z-index:40;background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-card);gap:var(--sp-3);animation:rise var(--motion-base) var(--ease-out) both;flex-direction:column;display:flex;position:fixed}.installhint__body strong{font-family:var(--font-display);font-size:var(--fs-lead);margin-bottom:var(--sp-2);display:block}.installhint__body ol{padding-left:var(--sp-4);color:var(--text-secondary);font-size:var(--fs-body);flex-direction:column;gap:6px;list-style:decimal;display:flex}.installhint__close{min-height:var(--touch-min);padding:0 var(--sp-4);border-radius:var(--r-md);background:var(--accent);color:var(--accent-contrast);font-family:var(--font-display);align-self:flex-end;font-weight:700}