:root{--bg-void:#070a12;--bg-surface:#0d1220;--bg-glass:#141c308c;--bg-glass-solid:#141c30;--accent-cyan:#22d3ee;--accent-magenta:#e879f9;--accent-violet:#8b5cf6;--accent-lime:#a3e635;--accent-amber:#fbbf24;--text-primary:#f1f5fb;--text-secondary:#8a94ad;--stroke-glass:#ffffff14;--gradient:linear-gradient(135deg, #22d3ee, #8b5cf6, #e879f9);--r-card:20px;--r-btn:14px;--r-sheet:28px;--font:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--mono:"JetBrains Mono", "SF Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font);font-size:16px;line-height:1.5;overflow-x:hidden}#root{min-height:100%}button{font-family:var(--font);color:inherit;cursor:pointer;font-size:inherit;background:0 0;border:none}input,textarea{font-family:var(--font)}::selection{background:#22d3ee4d}::-webkit-scrollbar{width:0;height:0}.shell{max-width:480px;min-height:100dvh;margin:0 auto;padding-bottom:110px;position:relative}.side-rail,.desk-only{display:none}.constellation{pointer-events:none;z-index:0;opacity:.5;position:fixed;inset:0}.page{z-index:1;padding:20px 20px 0;animation:.28s cubic-bezier(.2,.9,.3,1) pageIn;position:relative}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.display{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.2}.headline{letter-spacing:-.01em;font-size:20px;font-weight:600}.title{font-size:17px;font-weight:600}.body{font-size:16px}.caption{color:var(--text-secondary);font-size:13px;font-weight:500}.micro{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.mono{font-family:var(--mono);font-size:13.5px;line-height:1.6}.grad-text{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--stroke-glass);border-radius:var(--r-card)}.card{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--stroke-glass);border-radius:var(--r-card);padding:18px;transition:transform .12s,box-shadow .12s,border-color .12s}.card.tap{cursor:pointer}.card.tap:active{transform:scale(.97)}.card.glow-cyan:active{box-shadow:0 0 24px #22d3ee40}.card.hero{background:linear-gradient(var(--bg-glass-solid), var(--bg-glass-solid)) padding-box, linear-gradient(135deg, #22d3eeb3, #8b5cf6b3, #e879f9b3) border-box;border:1px solid #0000;animation:4s ease-in-out infinite heroGlow;position:relative}@keyframes heroGlow{0%,to{box-shadow:0 0 28px #8b5cf61f}50%{box-shadow:0 0 36px #22d3ee2e}}.side-rail{width:var(--rail-w,248px);z-index:40;-webkit-backdrop-filter:blur(28px);border-right:1px solid var(--stroke-glass);background:#0d1220b8;flex-direction:column;gap:4px;height:100dvh;padding:22px 16px;position:fixed;top:0;left:0}.rail-logo{align-self:flex-start;height:30px;margin:4px 8px 18px}.rail-item{color:var(--text-secondary);text-align:left;border-radius:12px;align-items:center;gap:13px;padding:11px 14px;font-size:14.5px;font-weight:600;transition:all .16s;display:flex}.rail-item:hover{color:var(--text-primary);background:#ffffff0a}.rail-item.on{color:var(--accent-cyan);background:#22d3ee1f}.rail-item.on.magenta{color:var(--accent-magenta);background:#e879f91f}.rail-foot{border-top:1px solid var(--stroke-glass);margin-top:auto;padding:10px 8px 4px}.btn{border-radius:var(--r-btn);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-grad{background:var(--gradient);color:#06080f;box-shadow:0 0 20px #8b5cf659}.btn-grad:active{box-shadow:0 0 30px #8b5cf680}.btn-ghost{border:1px solid var(--stroke-glass);color:var(--text-primary);background:#ffffff0f}.btn-sm{border-radius:11px;padding:8px 14px;font-size:13px}.btn:disabled{opacity:.35;pointer-events:none}.btn-block{width:100%}.pill{border:1px solid var(--stroke-glass);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .16s;display:inline-flex}.pill.on{color:var(--accent-cyan);background:#22d3ee24;border-color:#22d3ee80;box-shadow:0 0 14px #22d3ee2e}.pill.on-magenta{color:var(--accent-magenta);background:#e879f91f;border-color:#e879f980}.tag{color:var(--accent-cyan);font-size:12px;font-weight:600}.seg{border:1px solid var(--stroke-glass);background:#ffffff0a;border-radius:999px;gap:6px;padding:4px;display:flex}.seg button{color:var(--text-secondary);border-radius:999px;flex:1;padding:8px 10px;font-size:13.5px;font-weight:600;transition:all .18s}.seg button.on{color:var(--accent-cyan);background:#22d3ee26}.tabbar{-webkit-backdrop-filter:blur(28px);border:1px solid var(--stroke-glass);z-index:50;background:#0d1220d1;border-radius:999px;justify-content:space-around;align-items:center;width:calc(100% - 32px);max-width:448px;height:64px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.tab{width:60px;color:var(--text-secondary);flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:10px;font-weight:600;transition:color .18s;display:flex;position:relative}.tab svg{transition:all .18s}.tab.on{color:var(--accent-cyan)}.tab.on.magenta{color:var(--accent-magenta)}.tab .dot{background:currentColor;border-radius:99px;width:4px;height:4px;animation:.22s dotIn;position:absolute;bottom:-2px;box-shadow:0 0 8px}@keyframes dotIn{0%{transform:scale(0)}to{transform:scale(1)}}.searchbar{background:var(--bg-glass);border:1px solid var(--stroke-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:var(--text-secondary);cursor:pointer;border-radius:16px;align-items:center;gap:10px;width:100%;padding:13px 16px;font-size:15px;display:flex}.ring-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.ring-label{font-size:11px;font-weight:700;position:absolute}.bar{background:#ffffff14;border-radius:99px;height:6px;overflow:hidden}.bar>div{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-violet));border-radius:99px;height:100%;transition:width .6s cubic-bezier(.2,.9,.3,1)}.lvl-slider{border:1px solid var(--stroke-glass);background:#ffffff0d;border-radius:999px;gap:4px;width:fit-content;padding:4px;display:flex}.lvl-slider button{opacity:.5;border-radius:999px;padding:6px 14px;font-size:14px;transition:all .2s}.lvl-slider button.on{opacity:1;background:#8b5cf638;box-shadow:0 0 12px #8b5cf640}.lvl-fade{animation:.22s lvlFade}@keyframes lvlFade{0%{opacity:0}to{opacity:1}}.badge{border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.fresh{color:var(--accent-lime);background:#a3e6351a;border:1px solid #a3e63540}.badge.stale{color:var(--accent-amber);background:#fbbf241a;border:1px solid #fbbf2440}.badge.premium{color:#06080f;background:var(--gradient)}.badge.editorial{color:var(--accent-cyan);background:#22d3ee1a;border:1px solid #22d3ee4d}.prompt-block{border:1px solid var(--stroke-glass);font-family:var(--mono);color:#c9d4ec;white-space:pre-wrap;word-break:break-word;background:#0a0f1c;border-radius:14px;padding:14px;font-size:13px;line-height:1.65;position:relative}.prompt-block .var{color:var(--accent-cyan);font-weight:600}.tic-orb{background:var(--gradient);z-index:60;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;animation:4s ease-in-out infinite breathe;display:flex;position:fixed;bottom:96px;right:20px;box-shadow:0 0 24px #8b5cf673}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 20px #8b5cf666}50%{transform:scale(1.06);box-shadow:0 0 32px #22d3ee73}}.scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:70;background:#04060cb3;animation:.2s lvlFade;position:fixed;inset:0}.sheet{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--stroke-glass);border-radius:var(--r-sheet) var(--r-sheet) 0 0;width:100%;max-width:520px;max-height:86dvh;padding:14px 22px calc(24px + env(safe-area-inset-bottom));z-index:80;background:#101628f5;border-bottom:none;animation:.3s cubic-bezier(.2,.9,.3,1) sheetUp;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}@keyframes sheetUp{0%{opacity:0;transform:translate(-50%,60px)}to{opacity:1;transform:translate(-50%)}}.sheet-handle{background:#ffffff2e;border-radius:99px;width:40px;height:4px;margin:0 auto 16px}.overlay-page{z-index:65;background:var(--bg-void);animation:.26s cubic-bezier(.2,.9,.3,1) pageIn;position:fixed;inset:0;overflow-y:auto}.overlay-inner{max-width:480px;margin:0 auto;padding:16px 20px 60px}@media (width>=900px){.overlay-inner{max-width:720px}}.backbtn{border:1px solid var(--stroke-glass);color:var(--text-primary);background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:9px 14px;font-size:14px;font-weight:600;display:inline-flex}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:4px;display:flex}.hscroll{scrollbar-width:none;gap:12px;margin:0 -20px;padding:4px 20px;display:flex;overflow-x:auto}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.section-head{justify-content:space-between;align-items:center;margin:26px 0 12px;display:flex}.avatar{color:#06080f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.rep-ring{background:var(--gradient);border-radius:999px;padding:2px;display:inline-flex}.q-option{text-align:left;border:1px solid var(--stroke-glass);background:#ffffff0a;border-radius:14px;width:100%;margin-bottom:10px;padding:14px 16px;font-size:15px;transition:all .16s}.q-option.correct{border-color:var(--accent-lime);color:var(--accent-lime);background:#a3e6351f;animation:.5s pulse}.q-option.wrong{border-color:#fbbf2480;animation:.4s shake}@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.burst{position:relative}.burst:after{content:"";pointer-events:none;background:radial-gradient(circle,#a3e63566,#0000 70%);border-radius:999px;animation:.9s forwards burstAnim;position:absolute;inset:-20px}@keyframes burstAnim{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2)}}.xp-tick{color:var(--accent-lime);font-weight:800;animation:.8s xpUp}@keyframes xpUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cursor-blink:after{content:"▋";color:var(--accent-cyan);animation:.9s step-end infinite blink}@keyframes blink{50%{opacity:0}}.toast{border:1px solid var(--stroke-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;white-space:nowrap;background:#101628f2;border-radius:14px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;animation:.24s cubic-bezier(.2,.9,.3,1) toastIn;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #22d3ee26}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.dtable{border-collapse:collapse;width:100%;font-size:13px}.dtable th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--stroke-glass);text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;font-size:11.5px;font-weight:600}.dtable td{border-bottom:1px solid #ffffff0a;padding:10px}.dtable tr:last-child td{border-bottom:none}.tree-canvas{touch-action:pan-x pan-y;width:100%}.node-hex{cursor:pointer;transition:all .25s}.edge-pulse{stroke-dasharray:6 100;animation:2.2s linear infinite edgeFlow}@keyframes edgeFlow{to{stroke-dashoffset:-106px}}.ob-dots{justify-content:center;align-items:center;gap:22px;margin:22px 0;display:flex}.ob-dot{background:#ffffff26;border-radius:99px;width:8px;height:8px;transition:all .3s;position:relative}.ob-dot.on{background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan)}.ob-dot.on:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-cyan));width:22px;height:1px;position:absolute;top:50%;right:100%}.ob-dot:first-child.on:before{display:none}.fade-up{animation:.5s cubic-bezier(.2,.9,.3,1) both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.d1{animation-delay:80ms}.d2{animation-delay:.18s}.d3{animation-delay:.3s}.d4{animation-delay:.42s}.upvote{position:relative}.upvote.fired{color:var(--accent-magenta)}.upvote.fired:after{content:"✦";color:var(--accent-magenta);font-size:10px;animation:.6s forwards particle;position:absolute;top:-4px;left:50%}@keyframes particle{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-18px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width>=960px){.shell{max-width:none;padding-left:var(--rail-w,248px);margin:0;padding-bottom:0}.side-rail{display:flex}.tabbar{display:none!important}.tic-orb{bottom:32px;right:32px}.page{max-width:1140px;margin:0 auto;padding:30px 40px 64px}.overlay-page{left:var(--rail-w,248px)}.overlay-inner{max-width:780px;padding:26px 40px 64px}.hscroll{flex-wrap:wrap;margin:0;padding:4px 0;overflow:visible}.grid2{grid-template-columns:repeat(3,1fr)}.grid3{grid-template-columns:repeat(4,1fr)}.desk-cols{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;display:grid}.desk-only{display:block}.mobile-only{display:none!important}}