:root{--bg: #07060f;--bg-soft: #0d0b1c;--glass: rgba(255, 255, 255, .045);--glass-2: rgba(255, 255, 255, .08);--stroke: rgba(255, 255, 255, .09);--stroke-2: rgba(255, 255, 255, .18);--tx: #f2f0ff;--tx2: #b9b4dd;--tx3: #7d77a8;--p1: #a78bfa;--p2: #3ee8a8;--gold: #fbbf24;--rose: #f472b6;--danger: #f87171;--easy: #6ee7b7;--med: #fbbf24;--hard: #f87171;--aurora: linear-gradient(120deg, #a78bfa 0%, #6366f1 45%, #3ee8a8 100%);--aurora-soft: linear-gradient(120deg, rgba(167, 139, 250, .16), rgba(99, 102, 241, .1), rgba(62, 232, 168, .14));--r: 20px;--r-sm: 13px;--shadow: 0 10px 35px rgba(0, 0, 0, .45);--glow-p1: 0 0 22px rgba(167, 139, 250, .35);--glow-p2: 0 0 22px rgba(62, 232, 168, .3);--nav-h: 66px;--st: env(safe-area-inset-top, 0px);--sb: env(safe-area-inset-bottom, 0px);--font-display: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}[data-theme=daylight]{--bg: #f4f2fc;--bg-soft: #ffffff;--glass: rgba(255, 255, 255, .75);--glass-2: rgba(124, 108, 255, .07);--stroke: rgba(80, 70, 160, .12);--stroke-2: rgba(80, 70, 160, .25);--tx: #1d1838;--tx2: #4d4670;--tx3: #8d86b8;--p1: #7c5cf0;--p2: #0bab72;--aurora: linear-gradient(120deg, #8b6cf8 0%, #6366f1 45%, #10c98a 100%);--aurora-soft: linear-gradient(120deg, rgba(139, 108, 248, .12), rgba(99, 102, 241, .07), rgba(16, 201, 138, .12));--shadow: 0 10px 30px rgba(60, 50, 130, .12);--glow-p1: 0 0 18px rgba(124, 92, 240, .22);--glow-p2: 0 0 18px rgba(11, 171, 114, .2)}[data-theme=dusk]{--bg: #140d08;--bg-soft: #1e1410;--glass: rgba(255, 200, 120, .05);--glass-2: rgba(255, 200, 120, .1);--stroke: rgba(255, 190, 90, .12);--stroke-2: rgba(255, 190, 90, .25);--tx: #fff5e6;--tx2: #d8b88a;--tx3: #9c7a4e;--p1: #f59e0b;--p2: #4ade80;--aurora: linear-gradient(120deg, #f59e0b 0%, #f43f5e 50%, #a855f7 100%);--aurora-soft: linear-gradient(120deg, rgba(245, 158, 11, .14), rgba(244, 63, 94, .09), rgba(168, 85, 247, .12));--glow-p1: 0 0 22px rgba(245, 158, 11, .3);--glow-p2: 0 0 22px rgba(74, 222, 128, .25)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--tx);font-family:var(--font-body);line-height:1.5;min-height:100dvh;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0;background:radial-gradient(50% 38% at 18% 0%,rgba(139,108,248,.2),transparent 70%),radial-gradient(45% 35% at 85% 8%,rgba(62,232,168,.12),transparent 70%),radial-gradient(40% 30% at 60% 100%,rgba(99,102,241,.12),transparent 70%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.02em}button{font-family:inherit;color:inherit;cursor:pointer;touch-action:manipulation}input,select,textarea{font-family:inherit;width:100%;background:var(--glass-2);color:var(--tx);border:1px solid var(--stroke);border-radius:var(--r-sm);padding:.65rem .8rem;font-size:.95rem;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--p1)}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%237d77a8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;padding-right:2rem}select option{background:var(--bg-soft);color:var(--tx)}label.fl{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--tx3);margin:.7rem 0 .25rem;font-weight:600}.shell{max-width:560px;margin:0 auto;padding:calc(.6rem + var(--st)) 1rem calc(var(--nav-h) + var(--sb) + 1.2rem)}@media(min-width:900px){.shell{max-width:640px}}.screen{animation:screenIn .25s cubic-bezier(.2,.9,.3,1)}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card{background:var(--glass);border:1px solid var(--stroke);border-radius:var(--r);padding:1rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.card.glow{box-shadow:var(--shadow)}.card+.card{margin-top:.65rem}.card-aurora{position:relative;background:var(--aurora-soft),var(--glass);border:1px solid var(--stroke-2);overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem 1rem;min-height:2.5rem;border-radius:var(--r-sm);border:1px solid var(--stroke-2);background:transparent;color:var(--tx);font-size:.9rem;font-weight:600;transition:transform .1s,background .15s,opacity .15s}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--aurora);border:none;color:#fff;box-shadow:var(--glow-p1)}.btn-ghost{border-color:transparent;color:var(--tx2)}.btn-danger{color:var(--danger);border-color:#f8717159}.btn-gold{color:var(--gold);border-color:#fbbf2466}.btn-sm{padding:.35rem .7rem;min-height:2rem;font-size:.8rem}.btn-xs{padding:.2rem .5rem;min-height:1.7rem;font-size:.72rem;border-radius:9px}.btn-block{width:100%}.chips{display:flex;gap:.35rem;flex-wrap:wrap}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.3rem;scrollbar-width:none}.chips.scroll::-webkit-scrollbar{display:none}.chip{font-size:.76rem;font-weight:600;padding:.3rem .7rem;border-radius:99px;border:1px solid var(--stroke);background:var(--glass);color:var(--tx2);white-space:nowrap;transition:all .15s}.chip.on{background:var(--aurora);color:#fff;border-color:transparent}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:center;padding:0 .7rem calc(var(--sb) + .55rem);pointer-events:none}.bottom-nav-inner{pointer-events:auto;display:flex;gap:.15rem;width:100%;max-width:480px;background:color-mix(in srgb,var(--bg-soft) 82%,transparent);border:1px solid var(--stroke);border-radius:24px;padding:.35rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.1rem;background:none;border:none;padding:.4rem .2rem;border-radius:18px;color:var(--tx3);font-size:.62rem;font-weight:600;transition:all .18s}.nav-item .ico{font-size:1.25rem;line-height:1;transition:transform .18s}.nav-item.on{color:var(--tx);background:var(--aurora-soft)}.nav-item.on .ico{transform:translateY(-1px) scale(1.12)}.sheet-overlay{position:fixed;inset:0;z-index:80;background:#0009;backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .18s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:560px;max-height:90dvh;overflow-y:auto;background:var(--bg-soft);border:1px solid var(--stroke);border-radius:26px 26px 0 0;padding:.5rem 1.1rem calc(1.3rem + var(--sb));animation:sheetUp .28s cubic-bezier(.2,.9,.3,1)}@keyframes sheetUp{0%{transform:translateY(60px);opacity:.4}to{transform:none;opacity:1}}.sheet-handle{width:38px;height:4px;border-radius:4px;background:var(--stroke-2);margin:.5rem auto .9rem}.sheet h2{font-size:1.05rem;margin-bottom:.7rem}@media(min-width:700px){.sheet-overlay{align-items:center}.sheet{border-radius:26px;max-height:84dvh}.sheet-handle{display:none}}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + var(--sb) + 1.1rem);transform:translate(-50%) translateY(90px);opacity:0;visibility:hidden;background:var(--bg-soft);border:1px solid var(--stroke-2);border-radius:14px;padding:.6rem 1.1rem;font-size:.88rem;font-weight:500;z-index:100;max-width:86vw;text-align:center;box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s,visibility .25s;pointer-events:none}.toast.on{transform:translate(-50%) translateY(0);opacity:1;visibility:visible}.bar{height:6px;border-radius:99px;background:var(--glass-2);overflow:hidden}.bar>div{height:100%;border-radius:99px;background:var(--aurora);transition:width .5s cubic-bezier(.34,1.3,.64,1)}.bar.p1>div{background:var(--p1)}.bar.p2>div{background:var(--p2)}.tug{display:flex;height:12px;border-radius:99px;overflow:hidden;background:var(--glass-2);border:1px solid var(--stroke)}.tug .a{background:linear-gradient(90deg,var(--p1),color-mix(in srgb,var(--p1) 60%,transparent));transition:width .6s cubic-bezier(.34,1.2,.64,1)}.tug .b{background:linear-gradient(270deg,var(--p2),color-mix(in srgb,var(--p2) 60%,transparent));transition:width .6s cubic-bezier(.34,1.2,.64,1);flex:1}.avatar-ring{position:relative;width:64px;height:64px;flex-shrink:0}.avatar-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.avatar-core{position:absolute;inset:7px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.15rem;background:var(--glass-2)}.quest{display:flex;align-items:center;gap:.7rem;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--r-sm);padding:.65rem .75rem;margin-bottom:.45rem;transition:border-color .2s,opacity .3s}.quest.req{border-left:3px solid var(--p1)}.quest.done{opacity:.45}.quest.done .q-name{text-decoration:line-through}.quest.raced{border-color:var(--gold);animation:racePulse 1.6s ease-in-out infinite}@keyframes racePulse{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 16px #fbbf2459}}.q-check{width:2rem;height:2rem;flex-shrink:0;border-radius:50%;border:2px solid var(--stroke-2);background:transparent;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:all .18s}.q-check.on{background:var(--aurora);border-color:transparent;color:#fff}.q-name{font-weight:600;font-size:.92rem;line-height:1.3;word-break:break-word}.quest.expandable{cursor:pointer}.q-chev{color:var(--tx3);font-size:.8rem;flex-shrink:0;transition:transform .2s}.q-chev.open{transform:rotate(180deg)}.q-meta{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;font-size:.68rem;color:var(--tx3);margin-top:.1rem}.pill{font-size:.64rem;font-weight:700;padding:.08rem .45rem;border-radius:99px}.pill.easy{background:#6ee7b724;color:var(--easy)}.pill.medium{background:#fbbf2424;color:var(--med)}.pill.hard{background:#f8717124;color:var(--hard)}.pill.tag{background:#818cf824;color:#a5b4fc}.pill.p1{background:color-mix(in srgb,var(--p1) 16%,transparent);color:var(--p1)}.pill.p2{background:color-mix(in srgb,var(--p2) 16%,transparent);color:var(--p2)}.pill.gold{background:#fbbf2424;color:var(--gold)}.sl{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--tx3);margin:1.1rem 0 .5rem}.sl .line{flex:1;height:1px;background:var(--stroke)}.row{display:flex;align-items:center;gap:.6rem}.spread{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.col{display:flex;flex-direction:column;gap:.5rem}.g2{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.45rem}.muted{color:var(--tx3);font-size:.78rem}.small{font-size:.8rem}.gold{color:var(--gold)}.center{text-align:center}.empty{text-align:center;color:var(--tx3);padding:2.2rem 1rem;font-size:.9rem}.empty .big{font-size:2.2rem;display:block;margin-bottom:.5rem}.fade-num{transition:opacity .2s}.tog{position:relative;width:2.6rem;height:1.45rem;flex-shrink:0;cursor:pointer}.tog input{opacity:0;width:0;height:0;position:absolute}.tog span{position:absolute;inset:0;border-radius:99px;background:var(--glass-2);border:1px solid var(--stroke-2);transition:.2s}.tog span:before{content:"";position:absolute;width:1rem;height:1rem;left:.18rem;top:.16rem;border-radius:50%;background:var(--tx3);transition:.2s}.tog input:checked+span{background:var(--aurora);border-color:transparent}.tog input:checked+span:before{transform:translate(1.12rem);background:#fff}.onb-hero{text-align:center;padding:2.2rem 1rem 1rem}.onb-logo{font-family:var(--font-display);font-weight:800;font-size:2rem;letter-spacing:-.03em}.onb-logo .grad{background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent}.tour-dot{width:7px;height:7px;border-radius:50%;background:var(--stroke-2);transition:all .2s}.tour-dot.on{background:var(--p1);width:20px}.score-xl{font-family:var(--font-display);font-weight:800;font-size:2rem;line-height:1}.feed-item{display:flex;gap:.55rem;align-items:baseline;padding:.42rem 0;border-bottom:1px solid var(--stroke);font-size:.82rem}.feed-item:last-child{border-bottom:none}.feed-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;transform:translateY(-1px)}.chart-wrap svg{width:100%;height:auto;overflow:visible}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}