:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:oklch(91% .011 287);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page:oklch(16% .047 284);--shell:oklch(14.5% .011 285);--rail:oklch(11.5% .009 285);--sidebar:oklch(15.5% .009 285);--panel:oklch(17.8% .01 285);--panel-2:oklch(21.5% .011 285);--panel-3:oklch(25.5% .013 285);--line:oklch(27.5% .012 285);--line-strong:oklch(34% .017 285);--text:oklch(93% .01 285);--muted:oklch(68% .012 285);--faint:oklch(52% .012 285);--accent:oklch(71% .2 343);--accent-2:oklch(78% .14 196);--green:oklch(72% .16 151);--yellow:oklch(83% .16 88);--danger:oklch(67% .18 23);--shadow:0 20px 60px oklch(5% .01 285/.5);--ease-out:cubic-bezier(.23, 1, .32, 1);background:oklch(12% .018 279);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page)}body{background:linear-gradient(145deg,oklch(34% .18 258) 0%,#0000 36%),linear-gradient(335deg,oklch(64% .24 343) 0%,#0000 40%),radial-gradient(circle at 68% 18%,oklch(55% .16 285/.42),#0000 32%),oklch(16% .047 284);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}p{color:var(--muted);line-height:1.55}ul,ol,dl,dd{margin:0;padding:0}#root{min-height:100vh}.product-page{place-items:center;min-height:100dvh;padding:34px;display:grid}.product-shell{background:var(--shell);width:min(1360px,100%);height:min(840px,100dvh - 68px);min-height:680px;box-shadow:var(--shadow);border:1px solid oklch(25% .016 285);border-radius:24px;grid-template-columns:64px 232px minmax(0,1fr);display:grid;overflow:hidden}.workspace-rail{border-right:1px solid var(--line);background:var(--rail);grid-template-rows:auto 1fr auto;gap:18px;padding:14px 10px;display:grid}.rail-brand,.rail-nav button,.rail-plus,.back-button{cursor:pointer;transition:transform .15s var(--ease-out), background .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:1px solid #0000;place-items:center;display:grid}.rail-brand{color:oklch(11% .009 285);background:oklch(92% .012 285);border-color:oklch(96% .01 285/.2);border-radius:12px;width:42px;height:42px;font-size:.8rem;font-weight:950}.rail-nav{align-content:start;gap:10px;display:grid}.rail-nav button,.rail-plus,.back-button{width:42px;height:42px;color:var(--muted);border-radius:12px}.rail-nav button:hover,.rail-nav button.active,.rail-plus:hover,.back-button:hover{border-color:var(--line-strong);background:var(--panel-2);color:var(--text)}.rail-brand:active,.rail-nav button:active,.rail-plus:active,.back-button:active{transform:scale(.96)}.project-sidebar{border-right:1px solid var(--line);background:var(--sidebar);grid-template-rows:auto auto auto auto 1fr auto;gap:14px;min-width:0;padding:14px 12px;display:grid}.project-cover{border:1px solid var(--line);background:linear-gradient(155deg, oklch(47% .15 208/.88), transparent 58%), linear-gradient(28deg, oklch(64% .24 343/.82), transparent 60%), var(--panel-2);border-radius:12px;align-items:end;min-height:88px;padding:12px;display:grid;position:relative;overflow:hidden}.project-cover:after{content:"";background:linear-gradient(#0000,oklch(12% .012 285/.78));position:absolute;inset:0}.project-cover img{opacity:.84;width:130px;position:absolute;top:1px;right:-18px;transform:rotate(-8deg)}.project-cover div{z-index:1;gap:2px;display:grid;position:relative}.project-cover strong,.account-heading strong,.sprint-card strong,.ops-card strong{color:var(--text);font-weight:850}.project-cover span,.account-heading small,.sprint-card span,.ops-card span,.metric span,.wallet-address,.detail-actions p{color:var(--muted);font-size:.78rem}.project-nav{gap:4px;display:grid}.project-nav button{min-height:38px;color:var(--muted);cursor:pointer;text-align:left;transition:background .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 10px;font-size:.86rem;font-weight:750;display:grid}.project-nav button:hover,.project-nav button.active{background:var(--panel-2);color:var(--text);border-color:oklch(33% .017 285)}.project-nav button small{background:var(--panel-3);min-width:32px;height:20px;color:var(--muted);border-radius:999px;place-items:center;font-size:.72rem;display:grid}.sprint-card,.account-card,.incoming-referral,.metric,.reward-tile,.ops-card{border:1px solid var(--line);background:var(--panel);border-radius:8px}.sprint-card{gap:9px;padding:12px;display:grid}.sprint-card-top,.incoming-referral,.account-heading,.section-heading,.course-meta-row span,.complete-badge{align-items:center;display:flex}.sprint-card-top,.incoming-referral,.account-heading{gap:9px}.sprint-card-top svg{color:var(--accent)}.incoming-referral{min-height:40px;color:var(--accent-2);padding:0 10px;font-size:.82rem;font-weight:750}.incoming-referral.compact{overflow:hidden}.sidebar-spacer{grid-row:5;min-height:0}.project-sidebar>.account-card,.project-sidebar>.config-warning{grid-row:6;align-self:end}.account-card{gap:10px;padding:12px;display:grid}.account-card.verified{border-color:oklch(50% .13 151/.65)}.account-heading span{background:var(--panel-2);width:32px;height:32px;color:var(--accent-2);border-radius:8px;place-items:center;display:grid}.account-heading div{gap:2px;min-width:0;display:grid}.account-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.account-card code{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;display:inline-block}.workspace{background:var(--shell);grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.workspace-topbar{border-bottom:1px solid var(--line);background:oklch(15% .01 285);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:62px;padding:0 16px;display:grid}.breadcrumb{min-width:0;color:var(--faint);align-items:center;gap:7px;font-size:.86rem;display:flex}.breadcrumb strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumb svg{transform:rotate(180deg)}.topbar-metrics{grid-template-columns:repeat(3,78px);gap:8px;display:grid}.metric{gap:2px;min-height:48px;padding:8px 10px;display:grid}.metric strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:850;overflow:hidden}.feedback-banner{border:1px solid var(--line);color:var(--text);border-radius:8px;margin:12px 16px 0;padding:10px 12px;font-size:.88rem;font-weight:750}.feedback-banner.success{background:oklch(22% .06 151/.42);border-color:oklch(51% .15 151/.72)}.feedback-banner.error{background:oklch(23% .06 23/.42);border-color:oklch(58% .18 23/.75)}.feedback-banner.info{background:oklch(22% .05 196/.4);border-color:oklch(50% .13 196/.72)}.quest-workspace,.leaderboard-workspace,.referral-workspace{min-height:0;padding:16px;display:grid}.quest-workspace{grid-template-columns:minmax(360px,.93fr) minmax(390px,1.07fr);gap:14px}.quest-list-panel,.quest-detail-panel,.leaderboard-main,.ops-panel,.referral-main,.referral-stats{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:0;min-height:0}.quest-list-panel{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.course-banner{border-bottom:1px solid var(--line);background:linear-gradient(150deg, oklch(41% .14 191/.82), transparent 62%), linear-gradient(24deg, oklch(58% .24 340/.58), transparent 62%), var(--panel-2);grid-template-columns:minmax(0,1fr) 112px;gap:16px;min-height:178px;padding:22px;display:grid;position:relative;overflow:hidden}.course-art{opacity:.9;width:180px;height:180px;position:absolute;top:-36px;right:18px}.course-art img{filter:drop-shadow(0 18px 22px oklch(6% .01 285/.35));width:100%;height:auto;transform:rotate(-10deg)}.course-copy{z-index:1;align-content:end;gap:10px;display:grid;position:relative}.panel-kicker{color:oklch(82% .06 287);font-size:.75rem;font-weight:850}.course-copy h1{max-width:19rem;color:var(--text);letter-spacing:0;font-size:1.34rem;line-height:1.1}.course-meta-row{flex-wrap:wrap;gap:7px;display:flex}.course-meta-row span{min-height:25px;color:var(--text);background:oklch(11% .01 285/.45);border:1px solid oklch(96% .01 285/.14);border-radius:999px;gap:5px;padding:0 8px;font-size:.74rem;font-weight:750}.course-progress{z-index:1;align-content:end;gap:7px;display:grid;position:relative}.course-progress strong{color:var(--text);font-size:1.28rem}.course-progress span{color:oklch(88% .01 285);font-size:.76rem;font-weight:750}.progress-track{background:oklch(10% .01 285/.46);border-radius:999px;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%;display:block}.quest-list{align-content:start;gap:8px;min-height:0;padding:12px;display:grid;overflow:auto}.quest-row{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:74px;color:var(--text);cursor:pointer;text-align:left;transition:transform .15s var(--ease-out), border-color .15s var(--ease-out), background .15s var(--ease-out);border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto 58px;align-items:center;gap:11px;padding:9px 10px;display:grid}.quest-row:hover{border-color:var(--line-strong);background:var(--panel-3)}.quest-row:active{transform:scale(.995)}.quest-row.selected{background:linear-gradient(90deg, oklch(37% .11 343/.26), transparent 50%), var(--panel-2);border-color:oklch(66% .18 343)}.quest-row.completed{border-color:oklch(50% .14 151/.75)}.quest-index{background:var(--panel-3);width:36px;height:36px;color:var(--text);border-radius:9px;place-items:center;font-weight:850;display:grid}.quest-row.completed .quest-index{color:oklch(93% .02 151);background:oklch(34% .12 151)}.quest-row-copy{gap:4px;min-width:0;display:grid}.quest-row-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;font-weight:800;overflow:hidden}.quest-row-copy small,.quest-row-tags small,.quest-row-tags em,.reward-tile small,.leaderboard-head,.leaderboard-row span,.referral-main p{color:var(--muted);font-size:.78rem}.quest-row-tags{white-space:nowrap;justify-items:end;gap:4px;display:grid}.quest-row-tags em{color:var(--text);font-style:normal;font-weight:750}.mini-visual{border:1px solid var(--line);background:linear-gradient(145deg,oklch(31% .06 245),oklch(22% .02 285));border-radius:10px;width:56px;height:50px;position:relative;overflow:hidden}.mini-visual span{background:var(--accent-2);border-radius:999px;position:absolute}.mini-visual span:first-child{width:20px;height:20px;top:9px;left:9px}.mini-visual span:nth-child(2){background:var(--accent);width:29px;height:10px;bottom:8px;right:8px}.mini-visual span:nth-child(3){background:var(--yellow);width:10px;height:28px;top:9px;right:12px}.mini-visual.permissions span:first-child,.mini-visual.scanner span:first-child{background:var(--danger)}.mini-visual.swap span:nth-child(2),.mini-visual.launchpad span:nth-child(2){width:38px}.quest-detail-panel{grid-template-rows:158px minmax(0,1fr) auto;display:grid;overflow:hidden}.detail-hero{border-bottom:1px solid var(--line);background:linear-gradient(150deg, oklch(38% .13 207/.82), transparent 64%), linear-gradient(24deg, oklch(50% .2 340/.64), transparent 66%), var(--panel-2);justify-content:space-between;align-items:flex-start;padding:14px;display:flex}.detail-hero .mini-visual{border-color:oklch(96% .01 285/.2);width:86px;height:78px;transform:translateY(44px)}.detail-scroll{align-content:start;gap:13px;min-height:0;padding:16px;display:grid;overflow:auto}.detail-title{gap:8px;display:grid}.detail-title span{border:1px solid var(--line);background:var(--panel-2);width:fit-content;color:var(--accent-2);border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:800}.detail-title h2{color:var(--text);letter-spacing:0;font-size:1.88rem;line-height:1.04}.complete-badge{color:oklch(82% .13 151);background:oklch(22% .06 151/.45);border:1px solid oklch(48% .13 151/.75);border-radius:999px;gap:5px;width:fit-content;padding:5px 9px;font-size:.75rem}.quest-summary{color:oklch(76% .012 285);max-width:62ch}.reward-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.reward-tile{gap:4px;min-height:78px;padding:10px;display:grid}.reward-tile span{background:var(--panel-2);width:28px;height:28px;color:var(--yellow);border-radius:8px;place-items:center;display:grid}.reward-tile strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.detail-section,.quiz-section,.wallet-callout,.proof-note{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:11px;padding:13px;display:grid}.section-heading{color:var(--text);gap:8px}.section-heading svg{color:var(--accent-2)}.section-heading h3,.wallet-callout h3,.empty-state h2,.ops-card h2,.referral-main h1{color:var(--text);font-size:.98rem}.lesson-list,.action-list{gap:9px;list-style:none;display:grid}.lesson-list li,.action-list li{color:var(--muted);font-size:.9rem;line-height:1.45}.lesson-list li{padding-left:19px;position:relative}.lesson-list li:before{content:"";background:var(--accent-2);border-radius:50%;width:7px;height:7px;position:absolute;top:.56em;left:0}.action-list{counter-reset:action}.action-list li{counter-increment:action;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;display:grid}.action-list li:before{background:var(--panel-3);width:24px;height:24px;color:var(--text);content:counter(action);border-radius:7px;place-items:center;font-size:.72rem;font-weight:850;display:grid}.wallet-callout,.proof-note{grid-template-columns:auto minmax(0,1fr);align-items:start}.wallet-callout svg,.proof-note svg{color:var(--green)}.wallet-callout p,.proof-note p{font-size:.88rem}.quiz-options{gap:8px;display:grid}.quiz-option{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--text);cursor:pointer;text-align:left;transition:border-color .15s var(--ease-out), background .15s var(--ease-out), transform .15s var(--ease-out);border-radius:8px;padding:10px 12px}.quiz-option:hover:not(:disabled),.quiz-option.selected{background:oklch(28% .08 343/.42);border-color:oklch(62% .17 343)}.quiz-option:active:not(:disabled){transform:scale(.99)}.quiz-option:disabled{cursor:not-allowed;opacity:.55}.answer-message,.error-text{font-weight:750}.answer-message.good{color:var(--green)}.answer-message.bad,.error-text{color:var(--danger)}.detail-actions{border-top:1px solid var(--line);background:oklch(15% .01 285);flex-wrap:wrap;align-items:center;gap:8px;min-height:70px;padding:12px 16px;display:flex}.leaderboard-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:14px}.leaderboard-main,.referral-main{align-content:start;gap:18px;padding:18px;display:grid;overflow:hidden}.board-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.board-header h1,.referral-main h1{color:var(--text);margin-top:5px;font-size:2rem;line-height:1}.board-header span{color:var(--muted);margin-top:8px;font-size:.86rem;display:block}.board-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.empty-state{border:1px dashed var(--line-strong);background:linear-gradient(155deg, oklch(29% .08 196/.36), transparent), var(--panel-2);text-align:center;border-radius:12px;align-content:center;justify-items:center;gap:10px;min-height:300px;padding:26px;display:grid}.empty-state.compact{min-height:180px}.empty-state svg{color:var(--accent)}.empty-state p{max-width:42ch}.leaderboard-table{border:1px solid var(--line);border-radius:10px;min-height:0;display:grid;overflow:auto}.leaderboard-head,.leaderboard-row{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(180px,1fr) 96px 96px 96px 56px;align-items:center;gap:10px;min-width:720px;padding:0 12px;display:grid}.leaderboard-head{background:oklch(15% .01 285);min-height:42px;font-weight:800}.leaderboard-row{background:var(--panel-2);min-height:58px}.leaderboard-row:last-child,.leaderboard-head:last-child{border-bottom:0}.leaderboard-row strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;overflow:hidden}.rank{background:var(--panel-3);width:34px;height:34px;color:var(--text);border-radius:9px;place-items:center;font-weight:850;display:grid}.ops-panel,.referral-stats{align-content:start;gap:10px;padding:12px;display:grid}.ops-card{gap:8px;padding:13px;display:grid}.ops-card svg{color:var(--accent-2)}.ops-card.primary{background:linear-gradient(155deg, oklch(32% .1 343/.62), transparent), var(--panel-2);min-height:156px}.ops-card p{font-size:.86rem}.referral-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:14px}.referral-main{align-content:start;padding:26px}.referral-main>p{max-width:64ch}.referral-link-box{border:1px solid var(--line);background:var(--panel-2);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.referral-link-box span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;overflow:hidden}.auth-shell{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-panel{border:1px solid var(--line);background:var(--panel);width:min(560px,100%);box-shadow:var(--shadow);border-radius:16px;gap:14px;padding:28px;display:grid}.auth-panel h1{color:var(--text);font-size:2.2rem;line-height:1}.ui-button{cursor:pointer;text-align:center;min-width:0;transition:transform .15s var(--ease-out), background .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out);white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;line-height:1;display:inline-flex}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:scale(.97)}.ui-button:disabled{cursor:not-allowed;opacity:.48}.ui-button-primary{color:oklch(98% .004 285);background:linear-gradient(oklch(71% .2 343),oklch(58% .19 343));border-color:oklch(73% .18 343)}.ui-button-secondary{border-color:var(--line-strong);background:var(--panel-2);color:var(--text)}.ui-button-quiet{border-color:var(--line);color:var(--muted);background:0 0}.ui-button-danger{border-color:var(--danger);background:var(--danger);color:oklch(98% .004 285)}.ui-button-sm{min-height:34px;padding:0 11px;font-size:.8rem}.ui-button-md{min-height:40px;padding:0 14px;font-size:.86rem}.ui-button-icon{width:36px;height:36px;padding:0}.ui-button-glyph{display:inline-flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.product-shell{grid-template-columns:58px 210px minmax(0,1fr)}.quest-workspace,.leaderboard-workspace,.referral-workspace{grid-template-columns:1fr;overflow:auto}.quest-detail-panel{min-height:660px}.ops-panel,.referral-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=880px){.product-page{place-items:stretch stretch;padding:0}.product-shell{border:0;border-radius:0;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr;width:100%;height:100dvh;min-height:0}.workspace-rail{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:1fr;grid-template-columns:auto 1fr auto;align-items:center;padding:8px 10px}.rail-nav{grid-auto-flow:column;justify-content:center;overflow-x:auto}.project-sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto auto;gap:8px;padding:10px}.project-cover,.sprint-card,.incoming-referral.compact,.sidebar-spacer{display:none}.project-nav{grid-auto-columns:1fr;grid-auto-flow:column;overflow-x:auto}.account-card{grid-row:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center}.account-card .account-stats,.account-card .wallet-address,.account-card .error-text,.account-card p,.account-card .ui-button-quiet{grid-column:1/-1}.workspace-topbar{grid-template-columns:1fr;gap:8px;padding:10px}.topbar-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.quest-workspace,.leaderboard-workspace,.referral-workspace{padding:10px}.quest-workspace{grid-auto-rows:auto;align-content:start}.quest-list-panel{grid-template-rows:auto auto;min-height:auto;overflow:visible}.quest-list{min-height:auto;overflow:visible}.course-banner{grid-template-columns:1fr;min-height:160px}.course-art{right:-26px}.course-progress{max-width:180px}.quest-row{grid-template-columns:36px minmax(0,1fr) 50px}.quest-row-tags{grid-area:2/2;justify-items:start}.quest-row .mini-visual{grid-area:1/3/span 2}.detail-title h2,.board-header h1,.referral-main h1{font-size:1.65rem}.board-header,.referral-link-box{grid-template-columns:1fr}.board-actions{justify-content:flex-start}.ops-panel,.referral-stats{grid-template-columns:1fr}}@media (width<=560px){.rail-nav button,.rail-plus,.rail-brand{width:38px;height:38px}.project-nav button{min-width:116px}.course-banner,.detail-scroll,.leaderboard-main,.referral-main{padding:14px}.course-copy h1{max-width:16rem;font-size:1.1rem}.reward-strip{grid-template-columns:1fr}.quest-detail-panel{min-height:720px}.detail-actions{align-items:stretch}.detail-actions .ui-button{flex:auto}}
