:root{color:#f9f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#f9f7ff;--muted:#b6b1c8;--void:#050508;--panel:#141219;--panel-2:#1e1a25;--line:#f9f7ff24;--lime:#b6ff3b;--cyan:#00f5d4;--pink:#ff2e93;--yellow:#ffd166;--red:#ff5a6e;background:#050508;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--void)}body{background:linear-gradient(90deg,#ff2e931a 1px,#0000 1px) 0 0/42px 42px,linear-gradient(0deg,#00f5d414 1px,#0000 1px) 0 0/42px 42px,linear-gradient(135deg,#050508 0%,#111018 52%,#08070d 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s}button:disabled,input:disabled{cursor:not-allowed;opacity:.54}a{color:inherit}.yellow-shell{grid-template-columns:78px minmax(0,1fr);min-width:0;min-height:100vh;display:grid;overflow-x:hidden}.side-rail{z-index:6;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#050508d6;flex-direction:column;align-items:center;gap:13px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.brand-sigil,.rail-button,.icon-only{border:1px solid var(--line);border-radius:8px;place-items:center;width:44px;height:44px;display:inline-grid}.brand-sigil{color:#060609;background:var(--lime);box-shadow:0 0 0 6px #b6ff3b1f}.rail-button,.icon-only{color:var(--ink);background:#141219db}.rail-button.active{color:#fff;background:#ff2e932e;border-color:#ff2e93bd;box-shadow:0 0 28px #ff2e932e}.rail-button:hover,.icon-only:hover,.brand-sigil:hover{border-color:#00f5d494;transform:translateY(-1px)}.workspace{width:min(1510px,100%);min-width:0;margin:0 auto;padding:24px;overflow-x:hidden}.hero-stage{background:linear-gradient(115deg,#b6ff3b26,#0000 34%),linear-gradient(55deg,#ff2e9333,#0000 42%),#0c0a10f2;border:1px solid #f9f7ff29;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:22px;min-width:0;min-height:400px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 90px #0000005c}.hero-stage:before{pointer-events:none;content:"";mix-blend-mode:screen;background:repeating-linear-gradient(135deg,#ffffff14 0 1px,#0000 1px 16px),linear-gradient(90deg,#0000,#00f5d41f,#0000);position:absolute;inset:0}.hero-copy,.hero-art,.progress-rack{z-index:1;position:relative}.hero-copy{align-content:center;gap:14px;min-width:0;display:grid}.eyebrow{color:var(--lime);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:900}.hero-copy h1,.hero-copy h2,.panel-heading h2{letter-spacing:0;margin:0}.hero-copy h1{overflow-wrap:anywhere;text-transform:uppercase;max-width:860px;font-size:clamp(4rem,9vw,8.6rem);line-height:.76}.hero-copy h2{max-width:920px;color:var(--cyan);overflow-wrap:anywhere;text-transform:uppercase;text-shadow:4px 4px #ff2e93d1;font-size:clamp(2rem,4vw,4rem);line-height:.9}.hero-actions,.action-row,.console-links,.inline-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-art{background:#0e0c14;border:1px solid #f9f7ff29;border-radius:8px;align-self:stretch;min-height:320px;overflow:hidden}.hero-art img{object-fit:cover;filter:saturate(1.28)contrast(1.06);width:100%;height:100%;min-height:320px;display:block}.sticker-stack{justify-items:end;gap:8px;display:grid;position:absolute;bottom:14px;right:14px}.sticker{color:#050508;border:2px solid #050508;border-radius:8px;align-items:center;min-height:32px;padding:0 12px;font-weight:950;display:inline-flex;box-shadow:4px 4px #050508}.sticker.lime{background:var(--lime)}.sticker.pink{background:var(--pink)}.sticker.cyan{background:var(--cyan)}.progress-rack{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0505089e;border:1px solid #f9f7ff26;border-radius:8px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.progress-rack span,.progress-rack p{color:var(--muted);margin:0;font-weight:800}.progress-rack strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1.1rem;display:block;overflow:hidden}.progress-track{background:#09080d;border:1px solid #f9f7ff29;border-radius:8px;height:18px;position:relative;overflow:hidden}.progress-fill{transform-origin:0;background:repeating-linear-gradient(90deg, #050508 0 10px, transparent 10px 18px), linear-gradient(90deg, var(--lime), var(--cyan), var(--pink));display:block;position:absolute;inset:0}.ticker{background:#0d0b12;border:1px solid #f9f7ff24;border-radius:8px;min-width:0;max-width:100%;margin:16px 0;overflow:hidden}.ticker-track{will-change:transform;gap:12px;width:max-content;max-width:none;padding:10px 0;display:flex}.ticker-track span{min-height:28px;color:var(--yellow);border:1px solid #ffd16680;border-radius:8px;align-items:center;padding:0 12px;font-size:.78rem;font-weight:950;display:inline-flex}.metrics-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-tile,.panel-band,.wallet-modal{background:#141219f0;border:1px solid #f9f7ff24;border-radius:8px;min-width:0;box-shadow:0 20px 60px #0000003d}.metric-tile{align-items:center;gap:13px;min-height:82px;padding:14px;display:flex}.metric-tile svg{color:var(--cyan);flex:none}.metric-tile span,.detail-grid span,label span{color:var(--muted);font-size:.76rem;font-weight:850}.metric-tile strong,.detail-grid strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.screen-grid{align-items:start;gap:18px;display:grid}.command-grid{grid-template-columns:minmax(360px,1fr) minmax(360px,1fr) minmax(330px,.92fr)}.contract-grid{grid-template-columns:minmax(420px,1fr) minmax(340px,.9fr) minmax(340px,.9fr)}.live-grid,.wallet-grid{grid-template-columns:minmax(420px,1.15fr) minmax(360px,.85fr)}.panel-band{padding:18px}.panel-band:hover{transform:translateY(-1px)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.panel-heading h2{font-size:clamp(1.1rem,2.3vw,1.75rem);line-height:1}.panel-heading svg{color:var(--pink);flex:none}.form-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}label{gap:8px;min-width:0;margin-bottom:12px;display:grid}input,select{width:100%;min-width:0;height:44px;color:var(--ink);background:#0b0a10;border:1px solid #f9f7ff26;border-radius:8px;outline:none;padding:0 12px}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00f5d424}.input-error{border-color:#ff5a6ebd;box-shadow:0 0 0 3px #ff5a6e1f}.icon-text{color:#050508;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:920;text-decoration:none;display:inline-flex}.icon-text:hover{transform:translateY(-1px)}.icon-text.primary{background:var(--lime);box-shadow:4px 4px #000000b3}.icon-text.secondary{background:var(--cyan);box-shadow:4px 4px #000000b3}.icon-text.ghost{color:var(--ink);background:#f9f7ff12;border:1px solid #f9f7ff29}.icon-text.huge{min-height:54px;padding:0 20px;font-size:1.02rem}.subtle{color:var(--muted)}.participant-list,.activity-feed,.event-stream,.wallet-grid-options{gap:10px;display:grid}.person-row{background:#0d0b12;border:1px solid #f9f7ff1f;border-radius:8px;grid-template-columns:44px minmax(0,1fr) minmax(92px,.32fr) 44px;align-items:center;gap:10px;padding:10px;display:grid}.avatar-burst{color:#050508;background:var(--pink);width:44px;height:44px;box-shadow:3px 3px 0 var(--cyan);border-radius:8px;place-items:center;font-weight:950;display:grid}.person-fields{gap:8px;min-width:0;display:grid}.person-fields input,.vibe-input{height:36px}.inline-form{align-items:stretch;margin-top:12px}.inline-form input{flex:1}.detail-grid>div{background:#0d0b12;border:1px solid #f9f7ff1f;border-radius:8px;gap:8px;min-width:0;min-height:78px;padding:12px;display:grid}.stage-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.stage-pill{min-width:0;color:var(--muted);background:#0b0a10;border:1px solid #f9f7ff21;border-radius:8px;justify-items:center;gap:7px;padding:10px 6px;display:grid}.stage-pill span{color:#050508;background:#f9f7ffb8;border-radius:99px;place-items:center;width:28px;height:28px;font-size:.76rem;font-weight:950;display:grid}.stage-pill strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;overflow:hidden}.stage-pill.active{color:var(--cyan);border-color:#00f5d49e;animation:1s ease-in-out infinite stage-jump}.stage-pill.done{color:var(--lime);border-color:#b6ff3b61}.stage-pill.done span,.stage-pill.active span{background:var(--lime)}.stage-pill.failed{color:var(--red);border-color:#ff5a6e9e}.stage-pill.failed span{color:#fff;background:var(--red)}.status-line{min-height:38px;color:var(--muted);align-items:center;gap:9px;font-size:.9rem;line-height:1.35;display:flex}.status-line span:last-child{overflow-wrap:anywhere;min-width:0}.status-line.success{color:var(--lime)}.status-line.warning{color:var(--yellow)}.status-line.error{color:var(--red)}.status-dot{background:var(--muted);border-radius:99px;flex:none;width:9px;height:9px}.console-links{margin-top:12px}.console-links a,.console-links span,.install-link,.event-row a,.activity-item a{color:var(--cyan);align-items:center;gap:6px;font-size:.84rem;font-weight:850;text-decoration:none;display:inline-flex}.wallet-display{align-items:baseline;gap:10px;margin:10px 0 12px;display:flex}.wallet-display strong{font-size:clamp(2.4rem,7vw,4.8rem);line-height:.9}.wallet-display span{color:var(--lime);font-weight:950}.wallet-option-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.mini-wallet{border:1px solid color-mix(in srgb, var(--accent) 48%, transparent);background:color-mix(in srgb, var(--accent) 10%, #0d0b12);border-radius:8px;gap:6px;min-width:0;padding:10px;display:grid}.mini-wallet span,.mini-wallet strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-wallet strong{color:var(--accent);font-size:.82rem}.error-grid{gap:10px;display:grid}.error-route,.activity-item,.event-row{background:#0d0b12;border:1px solid #f9f7ff1f;border-radius:8px}.error-route{grid-template-columns:28px minmax(0,.55fr) minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.error-route svg{color:var(--yellow)}.error-route strong,.error-route span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.error-route span{color:var(--muted);font-size:.84rem}.activity-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.activity-item.green{border-color:#b6ff3b57}.activity-item.pink{border-color:#ff2e9357}.activity-item.teal{border-color:#00f5d457}.activity-item.yellow{border-color:#ffd16657}.activity-item.red{border-color:#ff5a6e57}.activity-item div{gap:5px;min-width:0;display:grid}.activity-item strong,.activity-item span{text-overflow:ellipsis;overflow:hidden}.activity-item span,.activity-item time{color:var(--muted);font-size:.84rem}.event-row{grid-template-columns:14px minmax(0,1fr) minmax(104px,auto);align-items:center;gap:12px;padding:12px;display:grid}.event-beat{background:linear-gradient(180deg, var(--lime), var(--cyan), var(--pink));border-radius:8px;width:12px;height:44px}.event-row div:nth-child(2){gap:5px;min-width:0;display:grid}.event-row strong,.event-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-row span{color:var(--muted);font-size:.84rem}.empty-state{min-height:180px;color:var(--muted);text-align:center;border:1px dashed #f9f7ff2e;border-radius:8px;place-items:center;display:grid}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050508c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.wallet-modal{background:linear-gradient(135deg,#ff2e931f,#0000 48%),#141219fa;width:min(720px,100%);padding:18px}.wallet-grid-options{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.wallet-choice{border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);min-height:132px;color:var(--ink);background:color-mix(in srgb, var(--accent) 12%, #0d0b12);text-align:left;border-radius:8px;justify-items:start;gap:8px;padding:14px;display:grid}.wallet-choice:hover{box-shadow:5px 5px 0 color-mix(in srgb, var(--accent) 72%, #000);transform:translateY(-2px)}.wallet-choice-icon{color:#050508;background:var(--accent);border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.wallet-choice strong,.wallet-choice span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.wallet-choice span:last-child{color:var(--muted)}.onboarding-screen{z-index:30;background:linear-gradient(90deg,#b6ff3b29,#0000 34%),linear-gradient(135deg,#050508 0%,#16101c 100%);place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow:hidden}.onboarding-grid{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(7,1fr);display:grid;position:absolute;inset:-4px}.spark-cell{background:linear-gradient(135deg,#ff2e931a,#0000),#ffffff03;border:1px solid #f9f7ff17}.spark-cell:nth-child(3n){background:linear-gradient(135deg,#00f5d41f,#0000),#ffffff03}.spark-cell:nth-child(5n){background:linear-gradient(135deg,#b6ff3b1f,#0000),#ffffff03}.onboarding-copy{justify-items:start;gap:18px;width:min(980px,100%);display:grid;position:relative}.onboarding-copy h1{letter-spacing:0;text-transform:uppercase;max-width:920px;text-shadow:6px 6px 0 var(--pink), 12px 12px 0 var(--cyan);margin:0;font-size:clamp(4.2rem,12vw,11rem);line-height:.78}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes stage-jump{50%{transform:translateY(-3px)}}@media (width<=1200px){.command-grid,.contract-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-console,.activity-panel{grid-column:1/-1}.metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.yellow-shell{grid-template-columns:1fr}.side-rail{border:1px solid var(--line);border-radius:8px;flex-direction:row;justify-content:center;height:60px;margin:8px 12px 0;padding:8px;position:sticky;top:8px}.brand-sigil{display:none}.workspace{padding:12px 12px 30px}.hero-stage{grid-template-columns:1fr;padding:18px}.hero-copy h1,.hero-copy h2{max-width:100%}.progress-rack,.command-grid,.contract-grid,.live-grid,.wallet-grid,.form-grid,.detail-grid,.metrics-strip,.wallet-grid-options{grid-template-columns:1fr}.wallet-option-row{grid-template-columns:repeat(2,minmax(0,1fr))}.person-row{grid-template-columns:44px minmax(0,1fr) 44px}.vibe-input{grid-column:2/-1}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-row{grid-template-columns:14px minmax(0,1fr)}.event-row a{grid-column:2}}@media (width<=540px){.hero-copy h1,.onboarding-copy h1{font-size:clamp(2.5rem,12.8vw,4rem)}.hero-copy h2{font-size:clamp(1.7rem,10vw,3rem)}.wallet-option-row,.metrics-strip,.error-route,.activity-item{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
