@font-face{font-family:Space Grotesk;src:url(../fonts/SpaceGrotesk.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Departure Mono;src:url(../fonts/DepartureMono.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:DotMatrix;src:url(../fonts/DotMatrix.woff2) format("woff2");font-weight:400;font-display:swap}:root{--bg: #9fa8b1;--grid: rgba(19, 19, 19, .05);--dither: rgba(19, 19, 19, .06);--panel: transparent;--panel-2: rgba(255, 255, 255, .22);--elevated: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .62);--hair: rgba(255, 255, 255, .95);--text: #131313;--head: #131313;--muted: #3f464d;--faint: #555b62;--accent: #131313;--accent-dim: #3a3f45;--good: #131313;--radius: 4px;--font-display: "Space Grotesk", -apple-system, system-ui, sans-serif;--font-mono: "Departure Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-num: "Space Grotesk", -apple-system, system-ui, sans-serif;--font-lcd: "DotMatrix", "Space Grotesk", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg);background-image:radial-gradient(var(--dither) .5px,transparent .6px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:3px 3px,64px 100%;color:var(--text);font-family:var(--font-display);font-size:14px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit}svg{display:block}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#1d1d22}::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--faint);font-weight:500}.readout{font-family:var(--font-num);font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums lining-nums}.framed{position:relative}.framed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;--c: var(--hair);--l: 11px;background:linear-gradient(var(--c),var(--c)) 0 0 / var(--l) 1px no-repeat,linear-gradient(var(--c),var(--c)) 0 0 / 1px var(--l) no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 / var(--l) 1px no-repeat,linear-gradient(var(--c),var(--c)) 100% 0 / 1px var(--l) no-repeat,linear-gradient(var(--c),var(--c)) 0 100% / var(--l) 1px no-repeat,linear-gradient(var(--c),var(--c)) 0 100% / 1px var(--l) no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% / var(--l) 1px no-repeat,linear-gradient(var(--c),var(--c)) 100% 100% / 1px var(--l) no-repeat}.shell{display:grid;grid-template-columns:248px 1fr;height:100vh;overflow:hidden}.sidebar{background:transparent;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0}.brand{display:flex;align-items:center;padding:24px 20px 8px}.brand-mark{width:162px;max-width:100%;height:auto;display:block}.brand-sub{padding:0 20px 20px;border-bottom:1px solid var(--border);margin:0}.nav-label{padding:18px 20px 8px}.nav{display:flex;flex-direction:column;padding:0 12px;gap:1px}.nav button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;color:var(--muted);padding:11px 12px;font-size:13.5px;font-weight:500;position:relative;transition:color .12s,background .12s}.nav button:hover{color:var(--text);background:var(--panel)}.nav button.active{color:var(--text);background:var(--panel-2)}.nav button.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--accent)}.nav button .ic{width:18px;height:18px;flex-shrink:0;color:currentColor}.nav button .num{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--faint);letter-spacing:.1em}.side-card{margin:auto 16px 18px;border:1px solid var(--border);padding:16px;position:relative}.side-card .t{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:12px}.side-card .d{color:var(--muted);font-size:12px;margin:8px 0 13px;line-height:1.5}.side-card button{border:1px solid var(--hair);color:var(--text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-weight:500;padding:9px;width:100%;font-size:11px;transition:background .12s}.side-card button:hover{background:var(--panel-2)}.side-social{display:flex;align-items:center;gap:8px;margin:0 16px 18px;padding:10px 12px;border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:500;text-decoration:none;transition:color .12s,border-color .12s}.side-social:hover{color:var(--text);border-color:var(--hair)}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{height:64px;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 26px}.topbar .idx{display:flex;align-items:center;gap:9px}.topbar .idx .bars{display:flex;gap:2px;align-items:flex-end;height:14px}.topbar .idx .bars i{width:2px;background:var(--hair)}.topbar .idx .bars i:nth-child(1){height:5px}.topbar .idx .bars i:nth-child(2){height:9px}.topbar .idx .bars i:nth-child(3){height:14px}.topbar h1{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:600;margin:0;color:var(--text)}.topbar .spacer{flex:1}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--border);padding:9px 13px;width:260px;color:var(--faint)}.search svg{width:15px;height:15px}.search input{background:none;border:none;outline:none;color:var(--text);width:100%;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.search input::placeholder{color:var(--faint)}.bal-pill{display:flex;align-items:center;gap:9px;border:1px solid var(--border);padding:8px 14px;font-family:var(--font-mono);font-weight:600;letter-spacing:.04em;font-size:13px}.bal-pill .dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.top-avatar{width:38px;height:38px;border:1px solid var(--hair);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:13px}.content{flex:1;overflow-y:auto;padding:0}.content-narrow{max-width:1360px;margin:0 auto;padding:26px 26px 56px}.page-head{display:flex;align-items:baseline;gap:16px;margin-bottom:4px}.page-head h2{font-family:var(--font-display);font-weight:700;font-size:40px;letter-spacing:-.02em;color:var(--head);margin:0;line-height:1;text-shadow:0 2px 0 rgba(19,19,19,.18),0 6px 18px rgba(19,19,19,.16)}.page-head .scn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--faint);font-weight:500;align-self:flex-start;margin-top:4px}.page-rule{height:1px;background:var(--hair);margin:18px 0 24px;position:relative}.page-rule:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;background:var(--hair)}.page-sub{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;color:var(--muted);margin:-14px 0 24px}.row-between{display:flex;align-items:center;justify-content:space-between}.section-title{font-family:var(--font-display);font-size:17px;font-weight:600;margin:0;letter-spacing:-.01em}.muted{color:var(--muted)}.faint{color:var(--faint)}.link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:500;font-size:11px;transition:color .12s}.link:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:11.5px;border:1px solid var(--hair);transition:background .12s,border-color .12s}.btn svg{width:15px;height:15px}.btn.primary{background:#fff;color:#131313;border-color:#13131338}.btn.primary:hover{background:#f1f2f3}.btn.ghost{background:transparent;color:var(--text);border-color:var(--hair)}.btn.ghost:hover{background:#fff6}.btn.block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--border);padding:22px}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,1fr)}.dash-2col{grid-template-columns:1.6fr 1fr;align-items:start}@media (max-width: 1100px){.kpis{grid-template-columns:repeat(2,1fr)}.dash-2col{grid-template-columns:1fr}}@media (max-width: 760px){.shell{grid-template-columns:1fr}.sidebar{display:none}}.kpi{background:var(--panel);border:1px solid var(--border);padding:18px;position:relative}.kpi .top{display:flex;align-items:flex-start;justify-content:space-between}.kpi .ic{width:18px;height:18px;color:var(--muted)}.kpi .delta{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--muted);display:flex;align-items:center;gap:4px}.kpi .delta svg{width:11px;height:11px}.kpi .v{font-family:var(--font-lcd);font-size:34px;font-weight:400;margin-top:16px;letter-spacing:.01em;color:var(--text);text-shadow:0 1px 0 rgba(19,19,19,.18)}.kpi .l{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--faint);font-size:10.5px;margin-top:5px}.earn-panel{position:relative}.chart{display:flex;align-items:flex-end;gap:12px;height:168px;margin-top:20px;padding-top:10px;border-bottom:1px solid var(--border)}.chart .bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;height:100%;justify-content:flex-end}.chart .bar{width:100%;max-width:30px;background:#13131338;transition:height .4s ease,background .15s;min-height:4px}.chart .bar.hot,.chart .bar-wrap:hover .bar{background:var(--accent)}.chart .day{font-family:var(--font-mono);color:var(--faint);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-family:var(--font-mono);color:var(--faint);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:0 12px 14px}.table td{padding:14px 12px;border-top:1px solid var(--border);font-size:13.5px;vertical-align:middle}.table tr.clickable{cursor:pointer}.table tr.clickable:hover td{background:var(--panel-2)}.cell-task{display:flex;align-items:center;gap:13px}.cell-task .ic{width:38px;height:38px;border:1px solid var(--border);display:grid;place-items:center;flex-shrink:0;color:var(--muted)}.cell-task .ic svg{width:17px;height:17px}.cell-task .t{font-weight:500}.cell-task .s{font-family:var(--font-mono);color:var(--faint);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.reward-txt{font-family:var(--font-mono);color:var(--text);font-weight:600;font-size:14px;letter-spacing:.02em}.pos{font-family:var(--font-mono);color:var(--text);font-weight:600;letter-spacing:.02em}.neg{font-family:var(--font-mono);color:var(--muted);font-weight:600;letter-spacing:.02em}.chip{display:inline-block;font-family:var(--font-mono);font-size:9.5px;padding:3px 8px;border:1px solid var(--border);color:var(--muted);font-weight:500;letter-spacing:.12em;text-transform:uppercase}.chip.easy{color:var(--text);border-color:var(--hair)}.chip.medium{color:var(--accent-dim);border-color:var(--border)}.chip.hard{color:var(--muted);border-color:var(--border);border-style:dashed}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.task-tile{background:var(--panel);border:1px solid var(--border);padding:18px;cursor:pointer;transition:border-color .12s,background .12s;text-align:left;position:relative}.task-tile:hover{border-color:var(--hair);background:var(--panel-2)}.task-tile .head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.task-tile .ic{width:42px;height:42px;border:1px solid var(--border);display:grid;place-items:center;color:var(--text)}.task-tile .ic svg{width:20px;height:20px}.task-tile .tnum{font-family:var(--font-mono);font-size:10px;color:var(--faint);letter-spacing:.1em}.task-tile .t{font-family:var(--font-display);font-weight:600;font-size:15px;line-height:1.3}.task-tile .cat{font-family:var(--font-mono);color:var(--faint);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-top:6px}.task-tile .foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.filters{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.filter{padding:9px 15px;border:1px solid var(--border);font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:color .12s,border-color .12s}.filter:hover{color:var(--text)}.filter.active{background:var(--accent);color:#fff;border-color:var(--accent)}.rank-cell{font-family:var(--font-mono);font-weight:600;color:var(--faint);width:56px;letter-spacing:.05em}.rank-cell.top{color:var(--text)}.you-row td{background:var(--panel-2)!important}.you-row td:first-child{box-shadow:inset 2px 0 0 var(--accent)}.profile-banner{display:flex;align-items:center;gap:20px}.profile-banner .av{width:78px;height:78px;border:1px solid var(--hair);display:grid;place-items:center;font-family:var(--font-mono);font-size:30px;font-weight:700}.profile-banner .h{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.01em}.profile-banner .lvl{font-family:var(--font-mono);color:var(--muted);font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-top:5px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.set-row:last-child{border:none}.set-row .l{font-weight:500}.set-row .d{font-family:var(--font-mono);color:var(--faint);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;margin-top:3px}.toggle{width:44px;height:24px;border:1px solid var(--hair);background:transparent;position:relative;flex-shrink:0;transition:background .15s}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--muted);transition:left .15s,background .15s}.toggle.on:after{left:23px;background:#fff}.field{margin-bottom:16px}.field .cap{display:block;font-family:var(--font-mono);color:var(--faint);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.input{width:100%;background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:11px 13px;font-size:14px;font-family:var(--font-display)}.input:focus{outline:none;border-color:var(--hair)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:50;padding:24px;animation:fade .14s ease}@keyframes fade{0%{opacity:0}}.modal{width:100%;max-width:560px;max-height:88vh;overflow-y:auto;background:var(--bg);border:1px solid var(--hair);padding:28px;position:relative;animation:rise .18s ease}@keyframes rise{0%{transform:translateY(12px);opacity:0}}.modal-head{display:flex;gap:16px;align-items:flex-start}.modal-head .ic{width:56px;height:56px;border:1px solid var(--border);display:grid;place-items:center;flex-shrink:0;color:var(--text)}.modal-head .ic svg{width:26px;height:26px}.modal-head h2{font-family:var(--font-display);margin:0 0 6px;font-size:21px;font-weight:600;letter-spacing:-.01em}.modal-head .by{font-family:var(--font-mono);color:var(--faint);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}.modal-reward{display:flex;justify-content:space-between;align-items:center;margin:22px 0;padding:16px 18px;border:1px solid var(--border)}.modal-reward .big{font-family:var(--font-lcd);font-size:30px;font-weight:400;color:var(--text);letter-spacing:.01em}.lcd{font-family:var(--font-lcd);font-weight:400;letter-spacing:.02em;text-shadow:0 1px 0 rgba(19,19,19,.18)}.step{display:flex;gap:14px;margin-bottom:14px}.step .n{width:26px;height:26px;border:1px solid var(--border);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text);flex-shrink:0}.step .s{font-size:14px;line-height:1.45;padding-top:3px}.x-btn{width:34px;height:34px;border:1px solid var(--border);display:grid;place-items:center;color:var(--muted);margin-left:auto;transition:color .12s,border-color .12s}.x-btn:hover{color:var(--text);border-color:var(--hair)}.x-btn svg{width:14px;height:14px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:#131313;color:#fff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:11.5px;padding:14px 22px;z-index:60;display:flex;align-items:center;gap:10px;animation:rise .18s ease;box-shadow:0 10px 30px #13131340}.toast svg{width:15px;height:15px}.footnote{font-family:var(--font-mono);text-align:center;color:var(--faint);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:26px}