:root{--paper:#f4f3eb;--ink:#131410;--blue:#0755ff;--line:#d3d3c9;--muted:#62645c;--mono:'SFMono-Regular',Consolas,monospace;--display:Impact,'Arial Narrow',Arial,sans-serif}
body{background:var(--paper);color:var(--ink);font-size:15px}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.site-shell{max-width:1600px;padding:0 48px}.site-header{height:104px;border-color:var(--ink);gap:36px}.brand{font:900 22px/.88 Arial,sans-serif;letter-spacing:-1.2px;gap:10px}.brand img{width:48px;height:48px;object-fit:cover}.brand-dot{font-size:28px;color:var(--blue);margin-left:3px}.site-header nav{margin-left:auto;gap:34px;color:var(--muted);font:11px var(--mono);text-transform:uppercase}.site-header nav .active{color:var(--ink)}.site-header nav .active:after{height:4px;background:var(--blue)}.site-header nav>a>span{border-color:var(--line);border-radius:0;font-size:10px}.nav-button{font:11px var(--mono);text-transform:uppercase;color:var(--muted)}.profile-button{margin-left:20px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:0;padding:15px 18px;font-size:12px;gap:12px}.profile-button:hover{background:var(--blue);border-color:var(--blue)}.pump-pill{background:linear-gradient(90deg,#b8f99b 50%,#f4f3eb 50%)}
.hero{display:grid;grid-template-columns:1.6fr 1fr;min-height:380px;padding:40px 0 36px;gap:40px}.eyebrow,.micro{font:10px var(--mono);letter-spacing:1px;color:var(--muted)}.tiny-cross{font-size:20px;color:var(--blue)}.hero h1{font:clamp(50px,5.7vw,88px)/.96 var(--display);letter-spacing:-1.8px;margin:19px 0 20px}.hero h1>span{color:var(--blue)}.hero p{font-size:13px;line-height:1.7;color:var(--muted)}.hero-cta{display:inline-flex;align-items:center;gap:38px;font:11px var(--mono);text-transform:uppercase;border-bottom:1px solid var(--ink);padding:12px 0 9px;margin-top:9px}.hero-cta span{font-size:20px}.agent-card{position:relative;display:block;justify-self:end;width:min(100%,340px);height:310px;margin:0;background:var(--blue);overflow:hidden}.hero-mascot{display:block;width:100%;height:100%;object-fit:cover}.agent-sticker{position:absolute;bottom:16px;left:14px;right:14px;background:var(--paper);padding:12px 16px;transform:rotate(-3deg);border:1px solid var(--ink)}.agent-card .micro{font:8px var(--mono);color:var(--muted)}.agent-card strong{font:bold 22px Arial,sans-serif;letter-spacing:-.7px;margin:6px 0}.agent-card strong span{float:right;color:var(--blue);background:none;border:1px solid var(--blue);border-radius:0;font:10px var(--mono);padding:4px}.agent-status{font:9px var(--mono);color:var(--muted);margin-top:6px}.agent-status i{background:var(--blue)}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 0;border-top:1px solid var(--ink);font:9px var(--mono);color:var(--muted);letter-spacing:.6px}.workspace-heading .eyebrow{color:var(--ink)}.studio-grid{grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:stretch}.panel{border:1px solid var(--ink);border-radius:0;background:var(--paper)}.panel-heading{height:52px;border-color:var(--line);padding:0 18px}.panel-heading h2{font:bold 12px Arial,sans-serif}.broadcast .panel-heading{background:var(--ink);color:var(--paper);border-color:var(--ink)}.signal-dot{background:#adfca0;box-shadow:none}.mode-label{background:transparent;border:1px solid #60645c;border-radius:0;color:#c9d4bd;font:8px var(--mono);padding:5px 7px}.stream-controls{color:#b8bfb2}.icon-button{color:var(--paper)}.icon-button:hover{color:#a4baff}.stage{height:auto!important;aspect-ratio:16/9;background:#151616;min-height:0}.browser-window{transform:none}.broadcast-footer{min-height:52px;height:auto;padding:14px 18px;background:#fffef7;border-top:1px solid var(--ink);gap:11px}.broadcast-footer p{font:11px/1.5 var(--mono);color:var(--muted);margin:0}.footer-spider{color:var(--blue);font-size:24px}.draft-mode{color:var(--muted);font-size:8px;letter-spacing:.2px}.draft-mode i{background:var(--blue)}#live-frame{background:#131410;object-fit:contain}.side-column{gap:16px}.activity-panel{display:flex;flex-direction:column;min-height:280px}.activity-panel .panel-heading{height:52px;flex:none}.activity-panel .micro{font:8px var(--mono);color:var(--muted)}.thinking{padding:20px 17px;background:#e7edfc;border-bottom:1px solid var(--line);gap:12px;min-height:104px}.thinking-icon{color:var(--blue);font-size:27px}.thinking .micro{color:var(--blue);font-size:8px}.thinking p{font-size:13px;line-height:1.5;color:var(--ink);margin-top:7px}.activity-list{padding:20px 19px;height:180px;flex:1;max-height:220px;scrollbar-color:#b5b7ae transparent;overflow:auto}.log-entry{border-left:1px solid var(--line);padding-bottom:19px;padding-left:15px}.log-entry:before{background:#b3b6ac;box-shadow:0 0 0 4px var(--paper);width:5px;height:5px}.log-entry:first-child:before{background:var(--blue)}.log-entry time{font:8px var(--mono);color:#76796e}.log-entry p{font-size:11px;color:var(--muted);line-height:1.55}.log-entry:first-child p{color:var(--ink)}.activity-bottom{border-color:var(--line);color:var(--muted);font-size:8px;padding:12px 18px}.mission-panel{border:0;border-radius:0;background:var(--blue);color:var(--paper);padding:20px;min-height:0}.mission-panel>svg{color:#cbd5ff33}.mission-panel>.micro{color:#d6e3ff;font-size:8px}.mission-panel h3{font:30px/1 var(--display);letter-spacing:0;margin:12px 0}.mission-panel h3 em{font:inherit;color:var(--paper);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.mission-panel p{color:#d9e5ff;font-size:10px;line-height:1.6}.mission-steps{font:8px var(--mono);color:var(--paper);margin-top:16px;gap:13px}.mission-steps b{color:#b7ceff}
.metrics{margin:26px 0 60px;padding:21px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.metrics>div{padding:0 27px;border-color:var(--line)}.metrics .micro{font:9px var(--mono);color:var(--muted)}.metrics strong{font:42px/1 var(--display);letter-spacing:-1px;margin-top:11px;gap:12px}.metrics small{font:9px var(--mono);color:var(--muted);letter-spacing:0}.section-heading{margin-bottom:25px}.section-heading .eyebrow{font:10px var(--mono);color:var(--muted)}.section-heading h2{font:44px/1 var(--display);letter-spacing:-.5px;margin-top:12px}.creation-actions{color:var(--muted);font:10px var(--mono)}.text-button{font:10px var(--mono);color:var(--ink);text-decoration:underline;text-underline-offset:5px}.text-button:hover{color:var(--blue)}.creation-grid{grid-template-columns:repeat(3,1fr);gap:18px}.coin-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:17px;padding:18px;border:1px solid var(--line);border-radius:0;background:#fffef7;transition:border-color .2s}.coin-card:hover{border-color:var(--blue);transform:none}.coin-thumbnail{height:90px;width:90px;border-radius:0;overflow:hidden}.coin-thumbnail img{border-radius:0}.coin-text .micro{font:7px var(--mono);color:var(--muted);letter-spacing:.3px;display:block;padding-right:10px}.coin-text h3{font:bold 17px/1.15 Arial,sans-serif;letter-spacing:-.5px;margin:9px 0 6px}.coin-text p{color:var(--blue);font:10px var(--mono);margin-bottom:12px}.coin-tag{color:var(--muted);font:6px var(--mono);border:1px solid var(--line);border-radius:0;white-space:nowrap;padding:3px 5px}.coin-card>.card-arrow{color:var(--blue);top:10px;right:11px}.storage-note{color:var(--muted);font:9px/1.7 var(--mono);margin-top:17px}.brand-banner{margin-top:55px}.brand-banner>img{width:100%;height:auto;display:block}.brand-banner>div{display:flex;justify-content:flex-end;gap:25px;margin-top:14px;font:10px var(--mono);color:var(--muted)}.brand-banner a:hover{color:var(--blue)}.site-footer{border-color:var(--ink);height:94px;margin-top:36px}.site-footer .brand{font:bold 18px Arial,sans-serif;letter-spacing:-.6px;color:var(--ink)}.site-footer .brand>svg{color:var(--blue)}.site-footer>span{font:8px var(--mono);color:var(--muted)}.site-footer .text-button{font-size:9px}
dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:0;box-shadow:12px 12px 0 #0755ff66}dialog::backdrop{background:#15161699;backdrop-filter:blur(3px)}.dialog-close{color:var(--ink)}.dialog-spider{color:var(--blue)}dialog h2{font:40px/1 var(--display);letter-spacing:0}dialog p,dialog li{color:var(--muted);font-size:13px}dialog .dialog-note{background:#e8ebf2;border:0;color:var(--muted);border-radius:0}dialog .dialog-link{background:var(--blue);color:white;border-radius:0;font:11px var(--mono)}dialog .secondary-link{background:transparent;color:var(--ink);border-color:var(--ink)}.dialog-source{color:var(--blue)}.dialog-art{border-radius:0}.toast{background:var(--ink);color:var(--paper);border-radius:0;font:12px var(--mono);box-shadow:4px 4px 0 var(--blue)}.runner-offline{background:#161815e8;color:var(--paper);gap:14px}.runner-offline>svg{color:var(--paper);width:55px;height:66px}.runner-offline>strong{font:28px var(--display);letter-spacing:.5px}.runner-offline>p{color:#b8bdaf;font:11px/1.7 var(--mono)}.stage.is-reconnecting:after{content:'RECONNECTING · LAST FRAME';position:absolute;top:14px;left:14px;z-index:7;background:#f4f3eb;color:#131410;padding:8px 10px;font:9px var(--mono);border-left:4px solid var(--blue)}
.stream-only .workspace-heading,.stream-only .brand-banner{display:none}.stream-only .stage{aspect-ratio:auto;height:calc(100dvh - 106px)!important;min-height:0}.stream-only .site-shell{padding:0}.stream-only .broadcast-footer{height:54px}.stream-only .studio-grid{display:block}
@media(min-width:1600px){.hero{min-height:405px}.agent-card{width:365px;height:335px}.activity-list{max-height:270px}}
@media(max-width:1100px){.site-shell{padding:0 28px}.hero{grid-template-columns:1.6fr 1fr;gap:22px;min-height:330px}.hero h1{font-size:60px}.agent-card{width:260px;height:270px}.studio-grid{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.mission-panel{display:none}.activity-list{max-height:200px}.coin-card{grid-template-columns:65px minmax(0,1fr);gap:12px;padding:14px}.coin-thumbnail{width:65px;height:80px}.coin-text h3{font-size:15px}.coin-tag{font-size:5px}.metrics{margin-bottom:45px}.site-header nav{gap:23px}.profile-button{margin-left:0}}
@media(max-width:850px){.site-header{height:88px;gap:20px}.site-header nav{gap:20px}.profile-button>span:nth-child(2){display:none}.hero h1{font-size:54px}.hero{min-height:300px;padding:30px 0;gap:20px}.agent-card{width:225px;height:250px}.agent-sticker{bottom:13px;left:12px;right:12px;padding:10px}.agent-card strong{font-size:19px}.agent-card .micro{font-size:6px}.agent-status{font-size:8px}.studio-grid{grid-template-columns:1fr}.side-column{display:block}.activity-panel{min-height:0;display:grid;grid-template-columns:1fr 1.7fr}.activity-panel .panel-heading{grid-column:1/-1}.thinking{border-bottom:0;border-right:1px solid var(--line);min-height:150px;align-items:center}.activity-list{height:150px;max-height:150px;padding:17px 20px}.activity-bottom{grid-column:1/-1}.metrics strong{font-size:35px}.metrics small{font-size:8px;display:block;width:auto;margin:8px 0 0}.metrics>div{padding:0 19px}.metrics strong{display:block}.creation-grid{grid-template-columns:repeat(2,1fr)}.coin-card{grid-template-columns:80px minmax(0,1fr)}.coin-thumbnail{width:80px;height:85px}.coin-tag{font-size:6px}.creation-actions>span{display:none}.section-heading h2{font-size:38px}}
@media(max-width:560px){.site-shell{padding:0 18px}.site-header{height:82px;gap:12px}.brand{font-size:18px;letter-spacing:-1px;gap:7px}.brand img{width:40px;height:40px}.site-header nav{font-size:9px;gap:15px;margin-left:auto}.site-header nav>a>span{font-size:8px;padding:2px 3px}.profile-button{padding:11px}.profile-button>svg{display:none}.nav-button{display:none}.hero{grid-template-columns:1fr 110px;gap:10px;min-height:280px;padding:30px 0}.hero .eyebrow{font-size:6px;letter-spacing:.6px;gap:4px}.hero .tiny-cross{font-size:13px}.hero h1{font-size:clamp(36px,8.5vw,48px);letter-spacing:-.8px;margin:16px 0}.hero p{font-size:10px;line-height:1.7}.hero p br{display:none}.hero-cta{font-size:9px;margin-top:5px;padding:9px 0;gap:27px}.agent-card{width:110px;height:155px;align-self:center}.hero-mascot{height:110px;object-fit:cover}.agent-sticker{left:0;right:0;bottom:0;transform:none;padding:7px;border:0;background:var(--blue);color:var(--paper)}.agent-card>div:last-child{display:block}.agent-sticker .micro,.agent-sticker .agent-status,.agent-sticker strong span{display:none}.agent-card strong{font-size:12px;letter-spacing:-.3px;margin:3px 0;text-align:center}.workspace-heading{padding:15px 0}.workspace-heading .eyebrow{font-size:8px}.workspace-heading>span:last-child{display:none}.panel-heading{height:46px;padding:0 11px}.panel-heading h2{font-size:10px}.heading-title{gap:6px}.mode-label{font-size:6px;padding:4px}.stream-controls{gap:4px}.stream-controls>span{font-size:8px}.broadcast-footer{padding:11px;gap:8px;min-height:57px}.broadcast-footer p{font-size:8px;line-height:1.6}.draft-mode{font-size:6px;letter-spacing:0}.footer-spider{font-size:20px}.activity-panel{display:flex;min-height:0}.activity-panel .panel-heading{height:44px}.thinking{min-height:85px;border-right:0;border-bottom:1px solid var(--line);padding:13px 15px}.thinking p{font-size:12px;margin-top:5px}.activity-list{height:150px;flex:none;max-height:150px;padding:16px 20px}.activity-panel .micro{font-size:7px}.log-entry p{font-size:10px}.metrics{grid-template-columns:1fr 1fr;padding:20px 0;row-gap:25px;margin:23px 0 40px}.metrics .micro{font-size:8px}.metrics strong{font-size:34px;display:flex;align-items:baseline;gap:10px}.metrics small{font-size:7px;margin:0;display:inline}.metrics>div{padding:0 17px}.section-heading{align-items:flex-end;gap:10px}.section-heading .eyebrow{font-size:8px}.section-heading h2{font-size:32px;line-height:1;max-width:230px;letter-spacing:0;margin-top:12px}.creation-actions .text-button{font-size:8px;line-height:1.6}.creation-grid{grid-template-columns:1fr;gap:12px}.coin-card{grid-template-columns:85px minmax(0,1fr);padding:15px;gap:18px}.coin-thumbnail{width:85px;height:85px}.coin-text .micro{font-size:7px}.coin-text h3{font-size:19px;margin:8px 0}.coin-text p{font-size:10px;display:block;margin-bottom:8px}.coin-tag{font-size:6px}.storage-note{font-size:8px;line-height:1.8}.brand-banner{margin-top:35px}.brand-banner>div{justify-content:space-between;font-size:8px}.site-footer{height:110px;gap:10px;row-gap:12px}.site-footer .brand{font-size:16px}.site-footer>span{font-size:6px}.site-footer .text-button{font-size:8px;width:100%;margin:0;text-align:left}.runner-offline>svg{width:30px;height:35px}.runner-offline>strong{font-size:21px}.runner-offline>p{font-size:9px;margin:0}.runner-offline{gap:9px;padding:20px}.stage.is-reconnecting:after{font-size:7px;top:9px;left:9px;padding:6px}.stream-only .stage{height:calc(100dvh - 103px)!important}}

.empty-archive{grid-column:1/-1;border:1px solid var(--line);padding:40px;text-align:center}.empty-archive h3{font:30px var(--display);margin:12px 0}.empty-archive p{font:11px var(--mono);color:var(--muted)}