:root{--bg:#070e18;--bg-soft:#0b1622;--card:#0e1c2c;--card-2:#122236;--line:#ffffff12;--line-strong:#ffffff24;--text:#f5efe6;--text-dim:#93a4b8;--orange:#f0742d;--orange-soft:#f0742d24;--green:#86e93c;--green-soft:#86e93c1f;--gold:#e8bc55;--gold-deep:#c08c2c;--blue-accent:#6aa5f8;--radius:20px;--radius-sm:14px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1200px 600px at 85% -10%,#f0742d12,#0000 60%),radial-gradient(900px 500px at -10% 110%,#6aa5f80f,#0000 60%);background-attachment:fixed}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b162299;flex-direction:column;flex:0 0 264px;gap:6px;width:264px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:4px 10px 22px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--orange), #ff9d5c);border-radius:12px;place-items:center;width:40px;height:40px;font-size:20px;display:grid;box-shadow:0 6px 18px #f0742d59}.brand-name{letter-spacing:.02em;font-size:17px;font-weight:800}.brand-sub{color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.nav-item{border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:12px 14px;font-family:inherit;font-size:14.5px;font-weight:600;transition:all .15s;display:flex}.nav-item:hover{color:var(--text);background:#ffffff0a}.nav-item.active{color:var(--text);background:linear-gradient(90deg, var(--orange-soft), transparent);border-color:#f0742d40;position:relative}.nav-item.active:before{content:"";background:var(--orange);border-radius:3px;width:3px;height:60%;position:absolute;top:20%;left:-18px}.nav-icon{text-align:center;width:22px;font-size:17px}.sidebar-footer{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}.avatar{background:radial-gradient(circle at 32% 28%, #f9dd90, var(--gold) 45%, var(--gold-deep));color:#5c3d10;border-radius:50%;place-items:center;width:42px;height:42px;font-size:16px;font-weight:800;display:grid}.user-name{font-size:14px;font-weight:700}.user-meta{color:var(--text-dim);align-items:center;gap:6px;font-size:11.5px;display:flex}.user-meta .miles{color:var(--gold);font-weight:700}.user-meta .grade{color:var(--blue-accent);letter-spacing:.06em;font-weight:700}.main{flex:1;max-width:1180px;padding:34px 42px 60px}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.greeting{color:var(--text-dim);font-size:15px}.greeting b{color:var(--text)}.top-stats{align-items:center;gap:12px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--card);border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.chip.gold{color:var(--gold);border-color:#e8bc5559}.chip.fire{color:var(--orange);border-color:#f0742d59}.page-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:12px}.page-title{letter-spacing:-.02em;margin-bottom:6px;font-size:40px;font-weight:900}.page-title .grad{background:linear-gradient(90deg, var(--orange), var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text}.page-sub{color:var(--text-dim);margin-bottom:30px;font-size:15px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.card.glow{border-color:#f0742d4d;box-shadow:0 0 60px #f0742d0f}.grid-4{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stat-card{text-align:left}.stat-icon{border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:14px;font-size:20px;display:grid}.stat-value{font-size:30px;font-weight:900}.stat-label{color:var(--text-dim);margin-top:3px;font-size:12.5px}.progress-track{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--orange), var(--gold));border-radius:999px;height:100%;transition:width .6s}.progress-fill.green{background:linear-gradient(90deg, #5abf20, var(--green))}.tier{border-bottom:1px solid var(--line);align-items:flex-start;gap:18px;padding:18px 0;display:flex}.tier:last-child{border-bottom:none}.tier-badge{border:2px solid var(--line-strong);background:var(--card-2);border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:23px;display:grid}.tier.done .tier-badge{background:radial-gradient(circle at 32% 28%, #f9dd90, var(--gold) 45%, var(--gold-deep));border-color:var(--gold)}.tier.next .tier-badge{border-color:var(--orange);box-shadow:0 0 0 4px var(--orange-soft)}.tier-title{font-size:15.5px;font-weight:800}.tier-desc{color:var(--text-dim);margin-top:2px;font-size:13px}.tier-amount{color:var(--gold);white-space:nowrap;margin-left:auto;font-size:14px;font-weight:800}.tier.done .tier-check{color:var(--green);font-size:13px;font-weight:800}.mission{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);align-items:center;gap:16px;margin-bottom:12px;padding:16px 18px;transition:border-color .15s;display:flex}.mission:hover{border-color:var(--line-strong)}.mission-icon{background:var(--card-2);border-radius:12px;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.mission-title{font-size:14.5px;font-weight:700}.mission-desc{color:var(--text-dim);margin-top:1px;font-size:12.5px}.mission-reward{color:var(--gold);white-space:nowrap;margin-left:auto;font-size:14px;font-weight:800}.mission-state{letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;text-align:right;margin-top:2px;font-size:10.5px}.mission.done{opacity:.55}.mission.done .mission-state{color:var(--green)}.btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:9px;padding:13px 24px;font-family:inherit;font-size:14px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-orange{background:linear-gradient(90deg, var(--orange), #ff9450);color:#1a0d02;box-shadow:0 8px 24px #f0742d4d}.btn-green{background:var(--green);color:var(--bg-soft);box-shadow:0 8px 24px #86e93c38}.btn-ghost{color:var(--text);border:1px solid var(--line-strong);background:0 0}.ref-link-box{background:var(--bg-soft);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--blue-accent);align-items:center;gap:12px;padding:14px 18px;font-family:SF Mono,ui-monospace,monospace;font-size:13.5px;display:flex}.badge-pill{border:1px solid var(--line-strong);color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:700;display:inline-flex}.badge-pill.hot{color:var(--orange);background:var(--orange-soft);border-color:#f0742d66}.badge-pill.win{color:var(--green);background:var(--green-soft);border-color:#86e93c59}.section-h{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:30px 0 14px;font-size:12px;font-weight:700}.streak-days{gap:8px;margin-top:14px;display:flex}.streak-day{text-align:center;border:1px solid var(--line);background:var(--card-2);color:var(--text-dim);border-radius:12px;flex:1;padding:12px 0 10px;font-size:12px}.streak-day.lit{background:var(--orange-soft);color:var(--text);border-color:#f0742d73}.streak-day .d{margin-bottom:3px;font-size:17px;display:block}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.row{align-items:center;gap:12px;display:flex}.spread{justify-content:space-between;align-items:center;display:flex}.dim{color:var(--text-dim)}.small{font-size:13px}@media (width<=900px){.sidebar{display:none}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.main{padding:22px 18px 50px}}.test-fab{z-index:999;border:1px solid var(--line-strong);background:var(--card-2);width:52px;height:52px;color:var(--text);cursor:pointer;border-radius:50%;font-size:22px;transition:transform .15s;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 26px #00000080}.test-fab:hover{transform:translateY(-2px)rotate(-8deg)}.test-panel{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-left:1px solid var(--line-strong);background:#09121df7;flex-direction:column;width:340px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 50px #00000073}.test-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 18px 14px;display:flex}.test-title{font-size:15px;font-weight:900}.test-sub{color:var(--text-dim);margin-top:3px;font-size:11.5px;line-height:1.4}.test-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:16px}.test-close:hover{color:var(--text)}.test-body{padding:16px 18px 26px;overflow-y:auto}.test-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin:16px 0 9px;font-size:10.5px;font-weight:700}.test-label:first-child{margin-top:0}.test-scenarios,.test-actions{flex-direction:column;gap:7px;display:flex}.test-chip{border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;text-align:left;border-radius:11px;align-items:center;gap:9px;padding:10px 13px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.test-chip:hover{border-color:var(--line-strong);background:var(--card-2)}.test-chip.hot{color:var(--orange);border-color:#f0742d59}.test-chip.hot:hover{background:var(--orange-soft)}.test-slider{margin-top:15px}.test-slider-head{color:var(--text-dim);justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:12.5px;display:flex}.test-slider-head b{color:var(--gold);font-size:13px}.test-slider input[type=range]{width:100%;accent-color:var(--orange);cursor:pointer}.test-readout{background:var(--orange-soft);border:1px solid #f0742d47;border-radius:12px;margin-top:20px;padding:13px 14px;font-size:12.5px;line-height:1.6}.test-readout b{color:var(--text)}.test-reset{border:1px solid var(--line-strong);width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;margin-top:16px;padding:11px;font-family:inherit;font-size:13px;font-weight:700}.test-reset:hover{color:var(--text);border-color:var(--text-dim)}@media (width<=900px){.test-panel{width:100%}}.btn-google{color:#1f2937;background:#fff;justify-content:center;box-shadow:0 8px 22px #00000059}.btn-google:hover{background:#f3f4f6}.login-sep{color:var(--text-dim);align-items:center;gap:12px;margin:2px 0;font-size:12px;display:flex}.login-sep:before,.login-sep:after{content:"";background:var(--line);flex:1;height:1px}.cockpit-footer{border-top:1px solid var(--line);text-align:center;margin-top:44px;padding-top:22px}.cockpit-footer__links{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.cockpit-footer__links a{color:var(--text-dim);font-size:12.5px;text-decoration:none;transition:color .15s}.cockpit-footer__links a:hover{color:var(--orange);text-decoration:underline}.cockpit-footer__note{color:var(--text-dim);opacity:.75;margin-top:14px;font-size:12px}