:root{--bg-0:#07070b;--bg-1:#0c0c14;--bg-2:#11121c;--surface:#ffffff08;--surface-2:#ffffff0d;--surface-3:#ffffff14;--hairline:#ffffff14;--hairline-strong:#ffffff24;--fg:#f5f6fa;--fg-dim:#f5f6fa9e;--fg-faint:#f5f6fa61;--accent:oklch(90% .27 130);--accent-ink:#07070b;--accent-2:oklch(72% .28 350);--accent-glow:oklch(90% .27 130/.45);--accent-2-glow:oklch(72% .28 350/.35);--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--text:var(--fg);--text-dim:var(--fg-dim);--border:var(--hairline)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-display);background:var(--bg-0);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.bg-stage{z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 10% 0%, var(--accent-glow), transparent 70%), radial-gradient(50% 50% at 90% 20%, var(--accent-2-glow), transparent 70%), radial-gradient(80% 60% at 50% 110%, oklch(35% .18 270/.35), transparent 70%), var(--bg-0);position:fixed;inset:0}.bg-stage:after{content:"";opacity:.6;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum", "zero"}.uppercase{text-transform:uppercase;letter-spacing:.08em}.kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);font-size:11px}.app-shell{min-height:100vh;position:relative}.topnav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline);background:linear-gradient(#07070bd9,#07070b8c);justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:sticky;top:0}.topnav .left{align-items:center;gap:36px;display:flex}.topnav .links{gap:28px;display:flex}.topnav .links a{color:var(--fg-dim);align-items:center;gap:6px;font-size:14px;text-decoration:none;display:inline-flex}.topnav .links a:hover{color:var(--fg)}.topnav .right{align-items:center;gap:12px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);align-items:center;gap:12px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.logo-mark{width:38px;height:38px;filter:drop-shadow(0 0 14px var(--accent-glow));background:url(/icon.png) 50%/contain no-repeat;flex-shrink:0}.btn{border:1px solid var(--hairline-strong);background:var(--surface-2);height:38px;color:var(--fg);font-family:var(--font-display);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:#ffffff40}.btn.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 1px var(--accent), 0 12px 40px -8px var(--accent-glow);border-color:#0000;font-weight:600}.btn.primary:hover{filter:brightness(1.08);box-shadow:0 0 0 1px var(--accent), 0 18px 50px -8px var(--accent-glow);transform:translateY(-1px)}.btn.primary:disabled,.btn:disabled{filter:none;transform:none}.btn.ghost{border-color:var(--hairline);background:0 0}.btn.ghost:hover{background:var(--surface)}.btn.lg{border-radius:999px;height:48px;padding:0 22px;font-size:15px}.btn.sm{height:30px;padding:0 12px;font-size:12px}.btn.icon{justify-content:center;width:38px;padding:0}.pill{height:24px;font-family:var(--font-mono);letter-spacing:.04em;background:var(--surface-2);border:1px solid var(--hairline);color:var(--fg-dim);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:inline-flex}.pill .dot{border-radius:50%;width:6px;height:6px}.pill.live{color:oklch(85% .18 145);border-color:oklch(85% .18 145/.4)}.pill.live .dot{background:oklch(85% .18 145);animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 8px oklch(85% .18 145)}.pill.draft{color:oklch(85% .18 80);border-color:oklch(85% .18 80/.35)}.pill.draft .dot{background:oklch(85% .18 80)}.pill.accent{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);transition:border-color .2s,transform .2s}.card:hover{border-color:var(--hairline-strong)}.card.elevated{background:linear-gradient(180deg, var(--surface-2), var(--surface));box-shadow:0 20px 60px -30px #0009}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;max-width:1480px;margin:0 auto;padding:80px 40px 60px;display:grid}.hero h1{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:18px 0 22px;font-size:clamp(48px,5.6vw,84px);font-weight:600;line-height:.95}.hero h1 .grad{background:linear-gradient(120deg, var(--accent) 20%, var(--accent-2) 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p.lede{color:var(--fg-dim);max-width:520px;margin:0 0 32px;font-size:18px;line-height:1.55}.hero .cta-row{align-items:center;gap:12px;display:flex}.hero .stats{border-top:1px solid var(--hairline);gap:40px;max-width:520px;margin-top:56px;padding-top:28px;display:flex}.hero .stats .stat .v{font-family:var(--font-display);letter-spacing:-.02em;font-size:28px;font-weight:600}.hero .stats .stat .l{font-family:var(--font-mono);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.12em;margin-top:4px;font-size:11px}.hero-stack{height:540px;position:relative}.float-win{border-radius:var(--radius-lg);border:1px solid var(--hairline-strong);background:var(--bg-1);position:absolute;overflow:hidden;box-shadow:0 40px 80px -40px #000000b3,0 0 0 1px #ffffff0a}.float-win .winbar{border-bottom:1px solid var(--hairline);background:#ffffff05;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.float-win .winbar i{background:#ffffff26;border-radius:50%;width:9px;height:9px}.float-win .winbar .url{font-family:var(--font-mono);color:var(--fg-faint);background:#ffffff0a;border-radius:999px;margin-left:10px;padding:3px 10px;font-size:10px}.float-a{z-index:3;width:480px;height:340px;top:0;right:30px;transform:rotate(-2.5deg)}.float-b{z-index:2;width:420px;height:300px;top:90px;left:0;transform:rotate(3deg)}.float-c{z-index:1;opacity:.85;width:380px;height:270px;bottom:0;right:60px;transform:rotate(-1.5deg)}.demo-section{max-width:1480px;margin:40px auto 100px;padding:0 40px}.demo-frame{border-radius:var(--radius-xl);border:1px solid var(--hairline-strong);background:var(--bg-1);overflow:hidden;box-shadow:0 40px 80px -40px #0009}.demo-frame .titlebar{border-bottom:1px solid var(--hairline);background:linear-gradient(#ffffff08,#0000);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.demo-frame .titlebar .l{align-items:center;gap:12px;display:flex}.demo-frame .body{grid-template-columns:240px 1fr 280px;height:540px;display:grid}.demo-frame .panel{border-right:1px solid var(--hairline);padding:18px;overflow-y:auto}.demo-frame .panel.right{border-right:none;border-left:1px solid var(--hairline)}.demo-frame .canvas{background:radial-gradient(50% 40% at 50% 0%, #ffffff0a, transparent 70%), repeating-linear-gradient(135deg, transparent 0 18px, #ffffff04 18px 19px), var(--bg-0);padding:24px;overflow:auto}.dash{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--hairline);background:linear-gradient(#ffffff05,#0000);flex-direction:column;gap:6px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar .logo{margin:4px 8px 22px}.sidebar .nav-item{color:var(--fg-dim);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.sidebar .nav-item:hover{color:var(--fg);background:var(--surface)}.sidebar .nav-item.active{color:var(--fg);background:var(--surface-2);border-color:var(--hairline)}.sidebar .nav-item .ic{width:18px;height:18px;color:var(--fg-faint);display:inline-flex}.sidebar .nav-item.active .ic{color:var(--accent)}.sidebar .section-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);padding:18px 10px 6px;font-size:10px}.sidebar .wallet{border:1px solid var(--hairline);background:var(--surface);border-radius:12px;margin-top:auto;padding:12px}.sidebar .wallet .addr{font-family:var(--font-mono);color:var(--fg-dim);font-size:12px}.sidebar .wallet .bal{font-family:var(--font-display);margin-top:4px;font-size:18px;font-weight:600}.dash-main{min-width:0;padding:26px 38px 60px}.dash-topbar{align-items:center;gap:14px;margin-bottom:28px;display:flex}.search{background:var(--surface);border:1px solid var(--hairline);max-width:460px;height:38px;color:var(--fg-dim);border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.search input{color:var(--fg);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.search kbd{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--hairline);color:var(--fg-faint);border-radius:4px;padding:2px 6px;font-size:10px}.avatar{background:linear-gradient(135deg, var(--accent-2), var(--accent));border:2px solid var(--bg-0);width:36px;height:36px;color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.dash-header h1{letter-spacing:-.025em;margin:0 0 6px;font-size:38px;font-weight:600}.dash-header .sub{color:var(--fg-dim);margin:0 0 28px;font-size:15px}.recent-card{border-radius:var(--radius-xl);border:1px solid var(--hairline);background:linear-gradient(135deg, var(--surface-2), var(--surface));grid-template-columns:1.1fr 1fr;gap:0;margin-bottom:36px;display:grid;overflow:hidden}.recent-card .left{flex-direction:column;padding:32px;display:flex}.recent-card .preview{background:var(--bg-0);border-left:1px solid var(--hairline);min-height:320px;position:relative;overflow:hidden}.section-head{justify-content:space-between;align-items:end;margin:16px 0;display:flex}.section-head h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.section-head .sub{font-family:var(--font-mono);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.sites-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;margin-bottom:44px;display:grid}.site-card{border-radius:var(--radius-lg);border:1px solid var(--hairline);background:var(--surface);cursor:pointer;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.site-card:hover{border-color:var(--hairline-strong);transform:translateY(-2px);box-shadow:0 18px 40px -20px #00000080}.site-card .thumb{border-bottom:1px solid var(--hairline);background:var(--bg-1);height:170px;position:relative;overflow:hidden}.site-delete{z-index:2;width:28px;height:28px;color:var(--fg);border:1px solid var(--hairline-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#07070bb3;border-radius:999px;justify-content:center;align-items:center;transition:opacity .15s,transform .15s,background .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;top:8px;right:8px;transform:scale(.9)}.site-card:hover .site-delete{opacity:1;transform:scale(1)}.site-delete:hover{color:#fff;background:oklch(70% .2 25);border-color:oklch(70% .2 25)}.site-card .body{padding:14px 16px 16px}.site-card .row1{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.site-card .name{letter-spacing:-.01em;font-size:16px;font-weight:600}.site-card .ticker{font-family:var(--font-mono);color:var(--fg-faint);font-size:10px}.site-card .url{font-family:var(--font-mono);color:var(--fg-dim);align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.site-card .url:hover{color:var(--accent)}.site-card .meta{border-top:1px solid var(--hairline);font-family:var(--font-mono);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;font-size:10px;display:flex}.site-card.new{border-style:dashed;border-color:var(--hairline-strong);min-height:280px;color:var(--fg-dim);text-align:center;background:0 0;justify-content:center;align-items:center;display:flex}.site-card.new:hover{color:var(--accent);border-color:var(--accent)}.site-card.new .plus{margin-bottom:6px;font-size:28px}.templates-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tpl-card{border-radius:var(--radius-lg);border:1px solid var(--hairline);cursor:pointer;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.tpl-card:hover{border-color:var(--accent);box-shadow:0 18px 40px -20px var(--accent-glow);transform:translateY(-2px)}.tpl-card .thumb{border-bottom:1px solid var(--hairline);background:var(--bg-1);height:220px;position:relative;overflow:hidden}.tpl-card .body{justify-content:space-between;align-items:center;padding:16px;display:flex}.tpl-card .name{font-weight:600}.tpl-card .desc{font-family:var(--font-mono);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:11px}.ed-top{border-bottom:1px solid var(--hairline);background:var(--bg-1);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:12px 22px;display:flex}.ed-top .l,.ed-top .r{align-items:center;gap:12px;display:flex}.ed-ticker{font-family:var(--font-mono);color:var(--fg-faint);background:var(--surface-2);border-radius:6px;padding:3px 8px;font-size:11px}.url-bar{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--hairline);color:var(--fg-dim);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.ed-shell{grid-template-columns:280px 1fr 320px;height:calc(100vh - 56px);display:grid}.ed-panel{border-right:1px solid var(--hairline);background:var(--bg-1);overflow-y:auto}.ed-panel.right{border-right:none;border-left:1px solid var(--hairline)}.ed-panel h3{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);margin:22px 18px 10px;font-size:10px}.ed-section-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin:0 8px;padding:10px 16px;font-size:14px;display:flex}.ed-section-item:hover{background:var(--surface)}.ed-section-item.active{background:var(--surface-2)}.ed-section-item.active .name{color:var(--accent)}.ed-section-item .grip,.ed-section-item .ic{color:var(--fg-faint);display:inline-flex}.ed-section-item .name{flex:1}.ed-section-item.hidden .name{color:var(--fg-faint);text-decoration:line-through}.ed-section-item .eye{color:var(--fg-faint);border-radius:4px;padding:4px}.ed-section-item .eye:hover{color:var(--fg);background:var(--surface-2)}.ed-canvas{background:radial-gradient(40% 30% at 50% 0%, #ffffff0a, transparent 70%), var(--bg-0);padding:28px;overflow:auto}.ed-canvas .preview-wrap{border-radius:var(--radius);border:1px solid var(--hairline);background:var(--bg-1);max-width:1080px;margin:0 auto;overflow:hidden;box-shadow:0 24px 60px -30px #0009}.ed-canvas .preview-chrome{border-bottom:1px solid var(--hairline);background:#ffffff05;align-items:center;gap:6px;padding:8px 12px;display:flex}.ed-canvas .preview-chrome i{background:#ffffff1a;border-radius:50%;width:8px;height:8px}.ed-canvas .preview-chrome .u{font-family:var(--font-mono);color:var(--fg-faint);margin-left:12px;font-size:10px}.props{padding:4px 18px 30px}.props label.field{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-faint);margin:18px 0 8px;font-size:10px;display:block}.props input[type=text],.props textarea{background:var(--surface);border:1px solid var(--hairline);width:100%;color:var(--fg);font-family:var(--font-display);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.props input[type=text]:focus,.props textarea:focus{border-color:var(--accent)}.props textarea{min-height:70px}.toggle-row{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.toggle-row .lbl{font-size:14px}.tg{background:var(--surface-2);cursor:pointer;border:1px solid var(--hairline);border-radius:999px;width:36px;height:20px;transition:background .15s;position:relative}.tg:after{content:"";background:var(--fg-dim);border-radius:50%;width:14px;height:14px;transition:all .15s;position:absolute;top:2px;left:2px}.tg.on{background:var(--accent)}.tg.on:after{background:var(--accent-ink);left:18px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07070bb3;justify-content:center;align-items:center;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);width:90%;max-width:520px;padding:32px;box-shadow:0 40px 80px -20px #000000b3}.modal h2{letter-spacing:-.02em;margin:0 0 8px;font-size:24px}.modal p{color:var(--fg-dim);margin:0 0 22px}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth-card{background:var(--bg-1);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:36px;box-shadow:0 40px 80px -20px #000000b3}.auth-card h1{letter-spacing:-.02em;margin:16px 0 6px;font-size:26px;font-weight:600}.auth-card .sub{color:var(--fg-dim);margin:0 0 24px;font-size:14px}.auth-card label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-faint);margin:14px 0 6px;font-size:10px;display:block}.auth-card input{background:var(--surface);border:1px solid var(--hairline);width:100%;color:var(--fg);border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px}.auth-card input:focus{border-color:var(--accent)}.auth-card .err{color:oklch(70% .2 25);margin-top:12px;font-size:13px}.auth-card .switch{color:var(--fg-dim);text-align:center;margin-top:18px;font-size:13px}.auth-card .switch button{color:var(--accent);background:0 0;border:none;font-size:13px}.lp-section{max-width:1480px;margin:0 auto;padding:80px 40px}.lp-section-head{max-width:720px;margin-bottom:36px}.lp-section-head.row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;max-width:none;display:flex}.lp-section-head.row>div{max-width:720px}.lp-section-head h2{letter-spacing:-.025em;margin:8px 0 10px;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.05}.lp-section-head p{color:var(--fg-dim);max-width:620px;margin:0;font-size:16px}.how-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.how-step{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:28px 24px 24px;transition:border-color .2s,transform .2s;position:relative}.how-step:hover{border-color:var(--hairline-strong);transform:translateY(-2px)}.how-num{color:var(--fg-faint);letter-spacing:.16em;font-size:12px;position:absolute;top:18px;right:22px}.how-icon{background:var(--surface-2);border:1px solid var(--hairline);width:44px;height:44px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.how-step h3{letter-spacing:-.01em;margin:0 0 8px;font-size:19px;font-weight:600}.how-step p{color:var(--fg-dim);margin:0;font-size:14px;line-height:1.55}.lp-templates{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.lp-tpl{border-radius:var(--radius-lg);border:1px solid var(--hairline);background:var(--surface);cursor:pointer;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.lp-tpl:hover{border-color:var(--accent);box-shadow:0 20px 50px -20px var(--accent-glow);transform:translateY(-3px)}.lp-tpl-thumb{border-bottom:1px solid var(--hairline);background:var(--bg-1);height:220px;position:relative;overflow:hidden}.lp-tpl-body{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.lp-tpl-body .name{letter-spacing:-.01em;font-size:16px;font-weight:600}.lp-tpl-body .desc{font-family:var(--font-mono);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:11px}.token-section{padding-top:60px;padding-bottom:100px}.todo-pill{color:oklch(85% .18 80);font-family:var(--font-mono);letter-spacing:.12em;vertical-align:middle;background:oklch(85% .18 80/.15);border:1px solid oklch(85% .18 80/.35);border-radius:999px;padding:1px 8px;font-size:10px;display:inline-block}code.todo{font-family:var(--font-mono);color:oklch(85% .18 80);background:oklch(85% .18 80/.12);border:1px dashed oklch(85% .18 80/.35);border-radius:4px;padding:1px 6px;font-size:.92em}.token-grid{grid-template-columns:1fr 380px;align-items:start;gap:28px;display:grid}.token-utilities{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);padding:24px}.util-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.util{border:1px solid var(--hairline);background:var(--bg-1);border-radius:14px;padding:18px}.util-icon{background:var(--surface-2);width:36px;height:36px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.util-title{margin-bottom:4px;font-size:14px;font-weight:600}.util-desc{color:var(--fg-dim);font-size:13px;line-height:1.5}.token-card{border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--surface-2), var(--surface));padding:26px;box-shadow:0 30px 60px -30px #00000080}.token-card-top{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.token-symbol{letter-spacing:-.02em;background:linear-gradient(120deg, var(--accent) 20%, var(--accent-2) 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:28px;font-weight:700}.token-rows{flex-direction:column;gap:10px;display:flex}.token-row{border-bottom:1px dashed var(--hairline);font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.token-row:last-child{border-bottom:none}.token-row .k{color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.token-row .v{color:var(--fg)}.placeholder-card{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;display:grid}.stat-card{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);padding:22px;position:relative}.stat-card .ic{background:var(--surface-2);width:32px;height:32px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.stat-card .v{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:28px;font-weight:700}.stat-card .l{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-faint);margin-top:4px;font-size:10px}.empty-chart{border-radius:var(--radius-lg);border:1px solid var(--hairline);background:var(--bg-1);height:320px;position:relative;overflow:hidden}.empty-chart-svg{opacity:.5;width:100%;height:100%;position:absolute;inset:0}.empty-chart-overlay{background:radial-gradient(50% 60%,#07070ba6,#0000 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.domain-list{flex-direction:column;gap:10px;display:flex}.domain-row{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:border-color .15s,transform .15s;display:flex}.domain-row:hover{border-color:var(--hairline-strong);transform:translateY(-1px)}.domain-row-left{align-items:center;gap:14px;display:flex}.domain-row .draft-dot{background:oklch(85% .18 80);border-radius:50%;width:8px;height:8px}.domain-url{color:var(--fg);font-size:14px}.domain-meta{font-family:var(--font-mono);color:var(--fg-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:11px}.domain-select{background:var(--surface);border:1px solid var(--hairline);color:var(--fg);font-family:var(--font-mono);cursor:pointer;border-radius:8px;outline:none;max-width:180px;padding:6px 10px;font-size:12px}.domain-select:focus{border-color:var(--accent)}.domain-form{padding:16px 20px 18px}.domain-form-row{align-items:stretch;gap:10px;display:flex}.domain-form-row input[type=text]{background:var(--bg-1);border:1px solid var(--hairline);color:var(--fg);font-family:var(--font-display);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:14px}.domain-form-row input[type=text]:focus{border-color:var(--accent)}.domain-form-row select{background:var(--bg-1);border:1px solid var(--hairline);color:var(--fg);font-family:var(--font-display);cursor:pointer;border-radius:10px;outline:none;min-width:180px;padding:0 12px;font-size:14px}.domain-form .form-hint{color:var(--fg-faint);margin:12px 0 0;font-size:12px;line-height:1.5}.domain-form .err{color:oklch(70% .2 25);background:oklch(70% .2 25/.08);border:1px solid oklch(70% .2 25/.25);border-radius:8px;padding:8px 12px}.settings-group{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:16px}.settings-group-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-faint);margin:0;padding:16px 20px 0;font-size:10px}.settings-rows{flex-direction:column;display:flex}.settings-row{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.settings-row:first-child{border-top:none;margin-top:8px}.settings-row-text{flex:1;min-width:0}.settings-row-label{color:var(--fg);margin-bottom:4px;font-size:14px;font-weight:600}.settings-row-value{color:var(--fg-dim);font-size:13px}@media (width<=980px){.hero{grid-template-columns:1fr}.hero-stack{height:380px}.demo-frame .body{grid-template-columns:1fr;height:auto}.dash{grid-template-columns:1fr}.sidebar{display:none}.ed-shell{grid-template-columns:1fr;height:auto}.how-grid,.token-grid,.util-grid{grid-template-columns:1fr}.lp-section{padding:60px 20px}.stat-grid{grid-template-columns:repeat(2,1fr)}.settings-row{flex-direction:column;align-items:flex-start;gap:10px}.domain-row{flex-direction:column;align-items:flex-start}.domain-form-row{flex-direction:column}.domain-form-row select,.domain-form-row input[type=text]{width:100%;min-width:0}}
