@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--font-display:"Space Grotesk", "Manrope", system-ui, sans-serif;--font-ui:"Manrope", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", ui-monospace, "SFMono-Regular", monospace;--bg-void:#07070a;--bg-base:#0c0c11;--bg-surface:#14141b;--bg-elevated:#1c1c26;--bg-overlay:#07070ab8;--line:#ffffff14;--line-strong:#ffffff29;--grid:#ffffff0b;--fg-1:#fff;--fg-2:#ffffffa3;--fg-3:#fff6;--fg-4:#ffffff3d;--fg-on-accent:#0a0a0a;--accent-1:#f5c518;--accent-2:#ff6a3d;--accent-soft:#f5c51824;--accent-grad:linear-gradient(90deg, var(--accent-1) 0%, var(--accent-2) 100%);--accent-glow:radial-gradient(circle at 50% 40%, var(--accent-1) 0%, var(--accent-2) 45%, transparent 72%);--up:#3fd98c;--down:#ff4d4d;--on-up:#062b1c;--on-down:#2b0606;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--r-card:22px;--r-phone:44px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:48px;--s-10:64px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px -8px #0000008c;--shadow-lg:0 24px 60px -20px #000000b3;--shadow-cta:0 8px 28px -8px #ff6a3d80;--shadow-glow:0 0 0 1px var(--line), 0 0 40px -12px #f5c51859;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.14s;--dur-med:.28s;--dur-slow:.46s}[data-palette=ember]{--accent-1:#f5c518;--accent-2:#ff6a3d;--accent-soft:#f5c51824}[data-palette=magma]{--accent-1:#ffb020;--accent-2:#ff3d6e;--accent-soft:#ffb02024}[data-palette=electric]{--accent-1:#b6ff3d;--accent-2:#25e0a0;--accent-soft:#b6ff3d24;--fg-on-accent:#07140a}[data-palette=aurora]{--accent-1:#5be8c2;--accent-2:#2a8fff;--accent-soft:#5be8c224;--fg-on-accent:#04121a}.t-hook{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg-1);font-size:34px;font-weight:700;line-height:1}.t-display{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg-1);font-size:44px;font-weight:700;line-height:.98}.t-h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg-1);font-size:28px;font-weight:700;line-height:1.08}.t-h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg-1);font-size:22px;font-weight:600;line-height:1.15}.t-h3{font-family:var(--font-ui);color:var(--fg-1);font-size:17px;font-weight:700;line-height:1.25}.t-body{font-family:var(--font-ui);color:var(--fg-2);font-size:15px;font-weight:500;line-height:1.55}.t-body-sm{font-family:var(--font-ui);color:var(--fg-2);font-size:13.5px;font-weight:500;line-height:1.5}.t-label{font-family:var(--font-ui);letter-spacing:.005em;color:var(--fg-1);font-size:14px;font-weight:700;line-height:1.2}.t-caption{font-family:var(--font-ui);color:var(--fg-3);font-size:12px;font-weight:600;line-height:1.4}.t-mono{font-family:var(--font-mono);letter-spacing:.02em;color:var(--fg-2);font-size:12px;font-weight:400;line-height:1.3}.t-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1}.t-grad{background:var(--accent-grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-ui);color:var(--fg-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000}#root{background:var(--bg-void);width:100%;max-width:440px;height:100svh;margin:0 auto;position:relative;overflow:hidden}@media (width>=460px){#root{border-radius:var(--r-phone);height:min(100svh,920px);margin-top:max(0px,50svh - 460px);box-shadow:0 40px 90px -30px #000000e6,0 0 0 1px #ffffff0f}}.tabbar{z-index:70;padding:12px 14px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, #07070ad9 38%, var(--bg-void));justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.tabbar.solid{background:var(--bg-base);border-top:1px solid var(--line)}.tab{font-family:var(--font-ui);color:var(--fg-3);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.tab:active{transform:scale(.92)}.tab.active{color:var(--accent-1)}.feedBg{z-index:0;background:radial-gradient(130% 90% at 50% -10%, #0d1117 0%, var(--bg-void) 58%);--bg-shift:0px;--bg-surge:0;transform:translateY(var(--bg-shift));position:absolute;inset:0;overflow:hidden}.bgBlob{filter:blur(64px);mix-blend-mode:screen;will-change:transform, opacity;border-radius:50%;position:absolute}.bgBlob.b1{aspect-ratio:1;background:radial-gradient(circle, var(--accent-1) 0%, transparent 62%);width:95%;opacity:calc(.34 + var(--bg-surge) * .25);animation:drift1 19s var(--ease-in-out) infinite;top:-6%;left:-18%}.bgBlob.b2{aspect-ratio:1;background:radial-gradient(circle, var(--accent-2) 0%, transparent 64%);width:105%;opacity:calc(.3 + var(--bg-surge) * .25);animation:drift2 25s var(--ease-in-out) infinite;top:22%;right:-28%}.bgBlob.b3{aspect-ratio:1;background:radial-gradient(circle, var(--accent-1) 0%, transparent 68%);width:80%;opacity:calc(.2 + var(--bg-surge) * .2);animation:drift3 31s var(--ease-in-out) infinite;bottom:-16%;left:8%}@keyframes drift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(14%,10%)scale(1.18)}}@keyframes drift2{0%,to{transform:translate(0)scale(1.05)}50%{transform:translate(-12%,-8%)scale(.92)}}@keyframes drift3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(10%,-12%)scale(1.2)}}@media (prefers-reduced-motion:reduce){.bgBlob{animation:none}}.feed{z-index:1;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;position:absolute;inset:0;overflow-y:scroll}.feed::-webkit-scrollbar{display:none}.feed.locked{overflow:hidden}.feedCard{scroll-snap-align:start;scroll-snap-stop:always;background:0 0;width:100%;height:100%;position:relative;overflow:hidden}.layer{pointer-events:none;position:absolute;inset:0}.glow{filter:blur(10px);mix-blend-mode:screen;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out)}.grid{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);opacity:var(--grid-opacity,.7);background-size:30px 30px}.protect{background:linear-gradient(180deg, #07070a40 0%, transparent 26%, transparent 46%, #07070ab8 78%, var(--bg-void) 100%)}.collapsed{z-index:10;padding:0 24px calc(122px + env(safe-area-inset-bottom));transition:opacity var(--dur-med) var(--ease-out);text-align:left;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.feedTag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-on-accent);background:var(--accent-1);border-radius:7px;align-self:flex-start;align-items:center;gap:7px;margin-bottom:16px;padding:6px 11px;font-size:11px;font-weight:700;display:inline-flex}.feedTag .dot{background:var(--fg-on-accent);border-radius:50%;width:6px;height:6px}.hook{font-family:var(--font-display);letter-spacing:-.025em;color:var(--fg-1);margin:0;font-size:40px;font-weight:700;line-height:1}.feedSub{font-family:var(--font-ui);color:var(--fg-2);max-width:300px;margin:14px 0 0;font-size:14.5px;font-weight:500;line-height:1.45}.feedTicker{font-family:var(--font-mono);color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;font-size:12px;display:flex}.feedTicker .up{color:var(--up)}.feedTicker .down{color:var(--down)}.expandCta{font-family:var(--font-ui);color:var(--fg-on-accent);background:var(--accent-grad);cursor:pointer;box-shadow:var(--shadow-cta);transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);border:none;border-radius:14px;align-self:flex-start;align-items:center;gap:9px;margin-top:22px;padding:14px 22px;font-size:15px;font-weight:800;display:inline-flex}.expandCta:hover{filter:brightness(1.06)}.expandCta:active{transform:scale(.97)}.rail{right:16px;bottom:calc(140px + env(safe-area-inset-bottom));z-index:12;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute}.railBtn{cursor:pointer;color:#fff;font-family:var(--font-mono);transition:transform var(--dur-fast) var(--ease-out);background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;font-size:10px;display:flex}.railBtn:active{transform:scale(.85)}.railBtn .ring{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.railBtn.on .ring{color:var(--accent-2);border-color:var(--accent-2)}.railBtn.onsave .ring{color:var(--accent-1);border-color:var(--accent-1)}.dots{z-index:12;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.dots i{width:4px;height:4px;transition:all var(--dur-med) var(--ease-out);background:#ffffff52;border-radius:50%}.dots i.on{background:#fff;border-radius:3px;height:18px}.swipeHint{top:calc(28px + env(safe-area-inset-top));z-index:12;color:#ffffff80;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;animation:floaty 2.4s var(--ease-in-out) infinite;pointer-events:none;flex-direction:column;align-items:center;gap:2px;font-size:9.5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.swipeHint{animation:none}}@keyframes floaty{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,5px)}}.sheet{z-index:80;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:transform var(--dur-slow) var(--ease-spring);will-change:transform;background:linear-gradient(#0c0c11db,#07070af7);border-radius:30px 30px 0 0;flex-direction:column;display:flex;position:absolute;inset:0;transform:translateY(100%)}.sheet.open{transform:translateY(0)}.sheetGrip{background:var(--line-strong);border-radius:999px;flex:none;width:40px;height:4px;margin:10px auto 0}.sheetClose{z-index:5;border:1px solid var(--line);background:var(--bg-elevated);width:38px;height:38px;color:var(--fg-1);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:16px}.sheetHead{border-bottom:1px solid var(--line);flex:none;padding:18px 24px 16px;position:relative}.sheetHook{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg-1);max-width:300px;margin:10px 0 0;font-size:26px;font-weight:700;line-height:1.05}.sheetBody{scrollbar-width:none;overscroll-behavior:contain;flex:1;padding:22px 24px 16px;overflow-y:auto}.sheetBody::-webkit-scrollbar{display:none}.lessonStep{gap:14px;margin-bottom:22px;display:flex}.lessonStep .sNum{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent-1);flex:none;width:84px;padding-top:3px;font-size:11px;font-weight:700}.lessonStep .sTitle{font-family:var(--font-ui);color:var(--fg-1);font-size:17px;font-weight:800}.lessonStep .sBody{font-family:var(--font-ui);color:var(--fg-2);font-size:15px;font-weight:500;line-height:1.55}.dataRows{gap:10px;margin-top:14px;display:flex}.dataChip{background:var(--bg-surface);border:1px solid var(--line);border-radius:14px;flex:1;padding:13px 14px}.dataChip .k{font-family:var(--font-ui);color:var(--fg-3);font-size:12px;font-weight:600}.dataChip .v{font-family:var(--font-mono);color:var(--fg-1);margin-top:5px;font-size:19px;font-weight:700}.sheetCta{padding:14px 24px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#07070a80;flex:none}.ctaBtn{width:100%;font-family:var(--font-ui);color:var(--fg-on-accent);background:var(--accent-grad);cursor:pointer;box-shadow:var(--shadow-cta);transition:transform var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);border:none;border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:16px;font-size:16px;font-weight:800;display:flex}.ctaBtn:hover{filter:brightness(1.06)}.ctaBtn:active{transform:scale(.985)}.ctaNote{text-align:center;font-family:var(--font-mono);color:var(--fg-4);margin-top:8px;font-size:10px}.splash{z-index:100;background:var(--bg-void);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.splash .glowS{filter:blur(20px);background:radial-gradient(circle,#ff6a3d4d,#0000 65%);border-radius:50%;width:420px;height:420px;position:absolute}.splashMark{animation:markIn .8s var(--ease-spring) both;position:relative}.splashWord{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;animation:fadeUp .7s var(--ease-out) .25s both;font-size:34px;font-weight:700;position:relative}.splashTag{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-3);animation:fadeUp .7s var(--ease-out) .45s both;font-size:11px;position:relative}.splashBar{bottom:calc(90px + env(safe-area-inset-bottom));background:var(--bg-elevated);border-radius:999px;width:120px;height:3px;position:absolute;overflow:hidden}.splashBar i{background:var(--accent-grad);width:40%;height:100%;animation:load 1.6s var(--ease-in-out) infinite;border-radius:999px;display:block}@keyframes markIn{0%{opacity:0;transform:translateY(14px)scale(.85)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes load{0%{transform:translate(-120%)}to{transform:translate(360%)}}@media (prefers-reduced-motion:reduce){.splashMark,.splashWord,.splashTag{animation:none}.splashBar i{width:100%;animation:none}}.appScreen{background:var(--bg-base);scrollbar-width:none;padding-bottom:calc(96px + env(safe-area-inset-bottom));position:absolute;inset:0;overflow-y:auto}.appScreen::-webkit-scrollbar{display:none}.screenHead{padding:calc(40px + env(safe-area-inset-top)) 24px 18px;background:linear-gradient(180deg, var(--bg-base) 70%, transparent);z-index:5;position:sticky;top:0}.screenHead .eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-1);font-size:11px}.screenHead h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg-1);margin-top:6px;font-size:30px;font-weight:700}.vList{flex-direction:column;gap:12px;padding:6px 18px 0;display:flex}.vRow{background:var(--bg-surface);border:1px solid var(--line);cursor:pointer;color:var(--fg-3);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);text-align:left;border-radius:18px;align-items:center;gap:14px;width:100%;padding:12px;display:flex}.vRow:active{transform:scale(.985)}.vRow:hover{border-color:var(--line-strong)}.vThumb{border-radius:12px;flex:none;width:116px;height:72px;position:relative;overflow:hidden}.vThumb .vplay{color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vThumb .vdur{font-family:var(--font-mono);color:#fff;background:#0009;border-radius:5px;padding:2px 5px;font-size:10px;position:absolute;bottom:6px;right:6px}.vMeta{flex:1}.vMeta .vt{font-family:var(--font-ui);color:var(--fg-1);font-size:15px;font-weight:700;line-height:1.25}.vMeta .vc{font-family:var(--font-mono);color:var(--fg-3);margin-top:5px;font-size:11px}.setProgress{background:var(--bg-surface);border:1px solid var(--line);border-radius:20px;margin:6px 18px 8px;padding:18px}.setRow{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.setRow .pl{font-family:var(--font-ui);color:var(--fg-1);font-size:14px;font-weight:700}.setRow .pv{font-family:var(--font-mono);color:var(--fg-2);font-size:12px}.pTrack{background:var(--bg-elevated);border-radius:999px;height:10px;overflow:hidden}.pTrack i{background:var(--accent-grad);height:100%;transition:width var(--dur-slow) var(--ease-out);border-radius:999px;display:block}.streakChip{background:var(--accent-soft);color:var(--accent-1);font-family:var(--font-ui);border-radius:999px;align-items:center;gap:7px;margin-top:14px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-flex}.setList{flex-direction:column;gap:2px;padding:8px 18px 0;display:flex}.setItem{border-bottom:1px solid var(--line);cursor:pointer;color:var(--fg-3);text-align:left;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:14px;width:100%;padding:16px 6px;display:flex}.setItem:last-child{border-bottom:none}.setItem .si{background:var(--bg-surface);border:1px solid var(--line);width:42px;height:42px;color:var(--fg-2);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.setItem .st{flex:1}.setItem .st .a{font-family:var(--font-ui);color:var(--fg-1);font-size:15px;font-weight:700}.setItem .st .b{font-family:var(--font-ui);color:var(--fg-3);margin-top:2px;font-size:12.5px;font-weight:500}.setFoot{text-align:center;font-family:var(--font-mono);color:var(--fg-4);padding:26px;font-size:11px}:root{--glow-k:.22;--grid-opacity:.5}