:root{color:#f3f8f5;background:#07110d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{background:linear-gradient(#7af0ca0b 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#7af0ca0b 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 15% 0,#ff4fd824,#0000 28%),#07110d;min-height:100vh;padding:28px}.topbar,.hero,.overview,.workspace,.notice{width:min(1480px,100%);margin:0 auto 18px}.topbar,.hero,.overview,.run-rail,.run-panel,.notice{background:#06100ceb;border:1px solid #7af0ca38;min-width:0;box-shadow:inset 0 0 0 1px #ffffff04}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;display:flex}.brand{align-items:center;gap:14px;min-width:250px;display:inline-flex}.brand-mark{color:#d7ff79;border:1px solid #d7ff79b8;place-items:center;width:48px;height:48px;font-size:18px;font-weight:900;display:grid}.brand-mark img{object-fit:cover;width:100%;height:100%}.brand strong,.brand-subtitle{display:block}.brand strong{color:#f6fbf8;font-size:22px;line-height:1}.brand-subtitle,.lede,.run-header p,.flow-step p,.empty,.empty-state p{color:#a8bab3}.brand-subtitle{margin-top:6px;font-size:13px;line-height:1.35}.brand .brand-heart{color:#ff4fd8;font-weight:900;display:inline}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.status-pill,.form-row span{color:#d8e5df;background:#0d1c16bd;border:1px solid #7af0ca3d;padding:9px 11px;font-size:13px}.status-pill{outline:none;align-items:center;gap:8px;display:inline-flex;position:relative}.status-pill:focus-visible{border-color:#d7ff79b3;box-shadow:0 0 0 3px #d7ff791f}.status-pill:after{z-index:80;color:#e7f2ed;content:attr(data-tooltip);opacity:0;pointer-events:none;text-transform:none;background:#06100c;border:1px solid #d7ff795c;width:230px;padding:9px 10px;font-size:12px;font-weight:700;line-height:1.45;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-3px);box-shadow:0 16px 42px #0000005c}.status-pill:hover:after,.status-pill:focus-visible:after{opacity:1;transform:translateY(0)}.status-pill strong{color:#d7ff79;text-transform:uppercase;font-size:12px}.hero{grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:30px;padding:32px;display:grid}.eyebrow{color:#d7ff79;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:850}h1,h2,h3,p{margin-top:0}h1{color:#f7fbf8;letter-spacing:0;max-width:760px;margin-bottom:14px;font-size:clamp(38px,4vw,64px);line-height:.98}h2{margin-bottom:8px;font-size:24px}h3{color:#eaf3ee;word-break:break-word;margin-bottom:14px;font-size:15px}.lede{max-width:720px;margin-bottom:0;font-size:17px;line-height:1.65}.capture-form{gap:14px;display:grid}label{color:#e8f2ed;text-transform:uppercase;gap:8px;font-size:13px;font-weight:800;display:grid}textarea{resize:vertical;color:#f3f8f5;background:#0b1813;border:1px solid #7af0ca47;outline:none;width:100%;min-height:118px;padding:14px;line-height:1.5}textarea:focus{border-color:#d7ff79b8;box-shadow:0 0 0 3px #d7ff791f}textarea::placeholder{color:#a9b8af94}.form-row{flex-wrap:wrap;gap:8px;display:flex}.primary-button,.ghost-button,.ghost-link,.primary-link,.tabs button,.run-item,.screen-card,.music-button{cursor:pointer;border:0;text-decoration:none}.primary-button,.primary-link{color:#06100c;background:#d7ff79;justify-content:center;align-items:center;min-height:46px;padding:0 16px;font-weight:900;display:inline-flex}.primary-button:disabled{cursor:not-allowed;opacity:.55}.ghost-button,.ghost-link{color:#d8e5df;background:#0c1813c2;border:1px solid #7af0ca40;justify-content:center;align-items:center;min-height:38px;padding:0 12px;display:inline-flex}.notice{color:#ffd6f5;border-color:#ff4fd873;padding:14px 16px}.overview{grid-template-columns:220px minmax(0,1fr);gap:20px;padding:24px;display:grid}.flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.flow-step{background:#0e2018bd;border:1px solid #7af0ca33;min-height:126px;padding:14px}.flow-step strong{color:#d7ff79;margin-bottom:8px;display:block}.flow-step p{margin-bottom:0;font-size:13px;line-height:1.45}.workspace{grid-template-columns:300px minmax(0,1fr);gap:18px;display:grid}.run-rail,.run-panel{min-height:620px;max-height:min(860px,100vh - 96px);padding:18px;overflow-y:auto}.section-head,.run-header{justify-content:space-between;align-items:flex-start;gap:14px;min-width:0;margin-bottom:16px;display:flex}.run-list{gap:10px;display:grid}.run-item{color:#f3f8f5;text-align:left;background:#0a1511db;border:1px solid #7af0ca2e;gap:8px;width:100%;padding:13px;display:grid}.run-item.selected{border-color:#d7ff79b3;box-shadow:0 0 0 2px #d7ff7914}.run-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.run-item span{color:#a8bab3;text-transform:uppercase;font-size:12px}.progress{background:#7af0ca29;height:5px;display:block;overflow:hidden}.progress span{background:#7af0ca;height:100%;display:block}.run-header{border-bottom:1px solid #7af0ca29;padding-bottom:14px}.run-header h2{margin-bottom:6px}.run-header p{margin-bottom:0;line-height:1.5}.run-metrics{flex-wrap:wrap;gap:8px;margin:16px 0 0;display:flex}.run-metric{background:#0c18139e;border:1px solid #7af0ca2e;outline:none;gap:3px;min-width:86px;padding:8px 10px;display:grid;position:relative}.run-metric:focus-visible{border-color:#d7ff79b3;box-shadow:0 0 0 3px #d7ff791f}.run-metric:after{z-index:80;color:#e7f2ed;content:attr(data-tooltip);opacity:0;pointer-events:none;text-transform:none;background:#06100c;border:1px solid #d7ff795c;width:240px;max-width:min(240px,80vw);padding:9px 10px;font-size:12px;font-weight:700;line-height:1.45;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(3px);box-shadow:0 16px 42px #0000005c}.run-metric:hover:after,.run-metric:focus-visible:after{opacity:1;transform:translateY(0)}.run-metrics dt{color:#a8bab3;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:760;display:flex}.info-icon{color:#d7ff79b8;text-transform:none;border:1px solid;border-radius:999px;flex:none;place-items:center;width:14px;height:14px;font-size:9px;font-weight:900;line-height:1;display:inline-grid}.run-metrics .info-icon{width:14px;height:14px}.run-metrics dd{color:#f3f8f5;text-align:left;text-transform:uppercase;font-size:13px;font-weight:850}.run-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tabs button{color:#a8bab3;background:#0b1813e0;border:1px solid #7af0ca33;align-items:center;gap:8px;padding:10px 13px;font-weight:800;display:inline-flex;position:relative}.tabs button:after{z-index:80;color:#e7f2ed;content:attr(data-tooltip);opacity:0;pointer-events:none;background:#06100c;border:1px solid #d7ff795c;width:230px;padding:9px 10px;font-size:12px;font-weight:700;line-height:1.45;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(3px);box-shadow:0 16px 42px #0000005c}.tabs button:hover:after,.tabs button:focus-visible:after{opacity:1;transform:translateY(0)}.tabs button.active{color:#f3f8f5;border-color:#d7ff79b3}.gallery{gap:20px;display:grid}.screen-group{border-bottom:1px solid #7af0ca24;padding-bottom:18px}.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.screen-card{color:#f3f8f5;text-align:left;background:#0a1511db;border:1px solid #7af0ca2e;gap:9px;min-height:214px;padding:10px;display:grid}.screen-card.selected{border-color:#ff4fd8}.screen-card img{aspect-ratio:16/10;object-fit:cover;background:#0b1813;border:1px solid #ffffff14;width:100%}.screen-card span{text-transform:capitalize;font-weight:850}.screen-card small{color:#a8bab3}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #7af0ca24;padding:11px 8px}th{color:#d7ff79;text-transform:uppercase;font-size:11px}td{color:#d8e5df}.events{gap:10px;margin:0;padding:0;list-style:none;display:grid}.events li{background:#0a1511b3;border:1px solid #7af0ca29;padding:12px}.events span{color:#d7ff79;text-transform:uppercase;font-size:11px;font-weight:850}.events strong{color:#f3f8f5;margin-left:8px;font-size:12px}.events p{color:#a8bab3;margin:6px 0 0}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric{background:#0a1511b3;border:1px solid #7af0ca2b;padding:12px}.metric span,.metric strong{display:block}.metric span{color:#a8bab3;font-size:12px}.metric strong{color:#f3f8f5;margin-top:6px}dl{gap:8px;margin:0;display:grid}dl div{border-bottom:1px solid #7af0ca1f;justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}dt{color:#a8bab3}dd{color:#f3f8f5;text-align:right;margin:0}.empty,.empty-state{background:#0a15116b;border:1px dashed #7af0ca33;padding:18px}.empty-state.compact{align-content:center;min-height:220px;display:grid}.music-cluster{align-items:center;gap:10px;display:inline-flex}.music-button{color:#05020d;text-transform:uppercase;background:#ff4fd8;border:2px solid #ff4fd894;align-content:center;min-width:118px;min-height:42px;padding:0 12px;font-size:13px;font-weight:900;display:grid;box-shadow:4px 4px #d7ff79d9}.music-button small{color:#05020db3;text-transform:none;font-size:10px;font-weight:850}.music-button.playing{box-shadow:none;color:#7af0ca;background:#7af0ca1a;border-color:#7af0ca73}.music-button.playing small{color:#7af0cab8}.music-nudge{color:#d7ff79;pointer-events:none;align-items:center;gap:8px;display:flex}.music-nudge-copy{text-transform:uppercase;background-color:#050710db;background-image:linear-gradient(#ffffff0a 50%,#00000014 50%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 4px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:2px solid #ff4fd8c7;gap:1px;min-width:132px;padding:6px 8px 5px;display:grid;transform:rotate(-2deg);box-shadow:3px 3px #ff4fd8a8,0 0 18px #d7ff7924}.music-nudge-copy span,.music-nudge-copy strong,.music-nudge-copy small{white-space:nowrap;display:block}.music-nudge-copy span,.music-nudge-copy small{color:#a8bab3;font-size:8px;font-weight:800}.music-nudge-copy span{color:#ff4fd8;font-weight:900}.music-nudge-copy strong{color:#edf5f1;text-shadow:2px 2px #ff4fd8e6;font-size:11px;font-weight:900;line-height:1}.music-nudge-arrow{color:#caff5f;filter:drop-shadow(2px 2px #ff4fd8)drop-shadow(0 0 13px #d7ff798a);flex:none;font-size:36px;font-weight:900;line-height:1;animation:.82s ease-in-out infinite music-nudge-wobble}.music-celebration{pointer-events:none;z-index:110;position:fixed;inset:0}.lightbox-backdrop{z-index:100;background:#020705c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox{background:#06100c;border:1px solid #7af0ca52;grid-template-columns:minmax(0,1fr) 300px;width:min(1180px,100%);max-height:calc(100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 80px #00000070,inset 0 0 0 1px #ffffff05}.lightbox-media{background-color:#030806;background-image:linear-gradient(#7af0ca0a 1px,#0000 1px),linear-gradient(90deg,#7af0ca0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:520px;display:grid;overflow:auto}.lightbox-media img{object-fit:contain;width:100%;height:100%;max-height:calc(100vh - 48px)}.lightbox-meta{border-left:1px solid #7af0ca2e;align-content:start;gap:14px;padding:18px;display:grid}.lightbox-meta h2{text-transform:capitalize;margin-bottom:0}.lightbox-meta p{overflow-wrap:anywhere;color:#a8bab3;margin-bottom:0;line-height:1.5}.lightbox-close{color:#d8e5df;cursor:pointer;background:#0c1813c2;border:1px solid #7af0ca40;justify-self:end;padding:8px 10px}.music-confetti{position:absolute;inset:0;overflow:hidden}.music-confetti-piece{opacity:0;border-radius:2px;width:8px;height:14px;animation-name:music-confetti-fall;animation-timing-function:cubic-bezier(.17,.67,.24,1);position:absolute;top:-24px;box-shadow:0 0 14px}.music-confetti-piece.piece-1{border-radius:999px;width:10px;height:10px}.music-confetti-piece.piece-2{width:22px;height:7px}.music-confetti-piece.piece-3{clip-path:polygon(50% 0,100% 100%,0 100%);width:16px;height:16px}.music-celebration-toast{-webkit-backdrop-filter:blur(8px)saturate(1.35);backdrop-filter:blur(8px)saturate(1.35);text-align:center;background:repeating-linear-gradient(#ffffff0f 0 1px,#0000 1px 5px),#0507109e;border:2px solid #ff4fd8d1;gap:8px;width:max-content;max-width:min(620px,100vw - 42px);padding:clamp(18px,3vw,28px);animation:5.8s forwards music-toast-pop;display:grid;position:absolute;top:22%;left:50%;box-shadow:7px 7px #ff4fd8b8,0 0 46px #d7ff7957}.music-celebration-toast span{color:#d7ff79;text-transform:uppercase;font-size:13px;font-weight:800}.music-celebration-toast strong{color:#edf5f1;text-shadow:4px 4px #ff4fd8,0 0 24px #d7ff796b;text-transform:uppercase;font-size:clamp(28px,4.2vw,55px);line-height:.95;display:block}.music-celebration-toast small{color:#a8bab3;font-size:14px;font-weight:820}@keyframes music-nudge-wobble{0%,to{transform:translate(0)scale(1)}50%{transform:translate(7px)scale(1.06)}}@keyframes music-confetti-fall{0%{opacity:0;transform:translateY(-40px)rotate(0)}9%{opacity:1}to{opacity:0;transform:translate(calc(9vw - 9%),112vh)rotate(760deg)}}@keyframes music-toast-pop{0%{opacity:0;transform:translate(-50%,-12px)scale(.88)rotate(-2deg)}10%,82%{opacity:1;transform:translate(-50%)scale(1)rotate(-1deg)}to{opacity:0;transform:translate(-50%,-18px)scale(.96)rotate(1deg)}}@media (width<=1180px){.hero,.overview,.workspace{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.run-rail,.run-panel{min-height:0;max-height:none;overflow:visible}.lightbox{grid-template-columns:1fr;overflow-y:auto}.lightbox-media{min-height:360px}.lightbox-meta{border-top:1px solid #7af0ca2e;border-left:0}}@media (width<=760px){.shell{padding:14px}.topbar,.hero{display:grid}.topbar-actions,.music-cluster{justify-content:flex-start}.section-head,.run-header{flex-wrap:wrap}.music-nudge{display:none}.hero,.overview,.run-rail,.run-panel{padding:16px}.screen-grid,.settings-grid,.flow{grid-template-columns:1fr}.lightbox-backdrop{padding:12px}.lightbox-media{min-height:280px}}