:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12131a;--panel:#1b1d27;--line:#2c2f3d;--text:#e8e8ee;--muted:#9094a6;--accent:#ffd65c;--good:#63d471;--bad:#ff8a8a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.45 system-ui,sans-serif}a{color:inherit}main{max-width:1600px;margin:0 auto;padding:20px 24px 60px}h2{margin:0 0 12px;font-size:20px}h3{margin:24px 0 8px;font-size:14px}small,.muted,.meta{color:var(--muted)}.grow{flex:1}.error{color:var(--bad)}input,select{background:var(--bg);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:6px;padding:8px}button{background:var(--accent);color:#221a00;font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:6px;padding:8px 14px;font-weight:600}button:disabled{opacity:.4;cursor:default}button.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}button.link{color:var(--muted);background:0 0;padding:0;font-weight:400;text-decoration:underline}.top{background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:10px 24px;display:flex}.top a{color:var(--muted);text-decoration:none}.top a.active{color:var(--text)}.top .brand{color:var(--accent);font-weight:700}.login{background:var(--panel);border-radius:10px;gap:14px;width:340px;margin:12vh auto 0;padding:24px;display:grid}.login h1{color:var(--accent);margin:0;font-size:20px}.login label{color:var(--muted);gap:4px;display:grid}.head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.head h2{margin:0}.tabs{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.tabs button{background:var(--panel);color:var(--text);border:1px solid var(--line);font-weight:400}.tabs button.active{border-color:var(--accent);color:var(--accent)}.refs{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0;display:flex}.refs img{border-radius:4px;height:56px;display:block}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px;scroll-margin-top:20px}.card:target{border-color:var(--accent)}.card.selected{border-color:var(--good)}.card.rejected{opacity:.6}.card img,.card video,.placeholder{aspect-ratio:16/9;object-fit:cover;background:var(--bg);border-radius:5px;width:100%;display:block}.card audio{width:100%}.placeholder{color:var(--muted);text-align:center;place-items:center;padding:10px;font-size:12px;display:grid;overflow:hidden}.placeholder.failed{color:var(--bad)}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.project{gap:4px;text-decoration:none;display:grid}.project strong{margin-top:4px}.meta{margin:6px 2px 0;font-size:12px}.meta b{color:var(--text);font-weight:600}.badge{border-radius:8px;margin-left:6px;padding:0 6px;font-size:11px}.badge.selected{color:#cdf5d5;background:#1d5a2a}.badge.rejected{color:#ffd6d6;background:#6a2020}.comment,details{margin:8px 2px 0}summary{cursor:pointer;color:var(--muted);font-size:12px}.prompt{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0;font-size:12px}.inputs{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.inputs img{aspect-ratio:auto;border-radius:3px;width:auto;height:40px}.inline{gap:8px;max-width:620px;display:flex}.inline input{flex:1}.code{background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;margin:0;padding:10px;font:12px ui-monospace,monospace}table{border-collapse:collapse;margin-top:8px}th{text-align:left;color:var(--muted);font-weight:500}th,td{border-bottom:1px solid var(--line);padding:6px 16px 6px 0}@media (width<=700px){input,select{font-size:16px}main{padding:14px 12px 40px}.top{flex-wrap:wrap;gap:6px 14px;padding:10px 12px}.top .brand{flex:1 0 auto}.top>.muted:first-of-type,.top>.grow{display:none}.top:after{content:"";flex-basis:100%;order:2}.top>a:not(.brand){order:3;padding:4px 0}.top>.muted:last-of-type{margin-left:auto}.grid{grid-template-columns:1fr}.login{width:auto;margin:8vh 12px 0}.inline{flex-wrap:wrap}.inline input{flex:100%}.tabs{flex-wrap:nowrap;margin-left:-12px;margin-right:-12px;padding:0 12px;overflow-x:auto}.tabs button{flex:none}table{max-width:100%;display:block;overflow-x:auto}td,th{white-space:nowrap}}.tabs.main{border-bottom:1px solid var(--line);margin-bottom:0;padding-bottom:10px}.tabs.main button{font-size:15px;font-weight:600}.tabs.sections{margin:12px 0 8px}.pill{color:#d4eeff;background:#164a66;border-radius:9px;margin-left:8px;padding:0 7px;font-size:11px}.pill.done{color:#cdf5d5;background:#1d5a2a}.status{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.status select.done{border-color:var(--good);color:var(--good)}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 14px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:16px;padding:4px 12px;font-weight:400}.chips button.active{color:var(--text);border-color:var(--text)}.tags{flex-wrap:wrap;gap:4px;margin:6px 2px 0;display:flex}.tag{background:var(--line);border-radius:8px;padding:0 7px;font-size:11px}.wip{text-align:center;place-items:center;min-height:50vh;display:grid}.wip h3{margin:0;font-size:20px}.empty{margin-top:30px}.settings{max-width:860px}.edit-tab{margin:12px 0;padding:12px}.row-edit{align-items:center;gap:6px;margin-bottom:6px;display:flex}.row-edit input{flex:1;min-width:0}.row-edit .statuses{color:var(--muted)}.edit-sections{margin-left:20px}button.icon{color:var(--muted);border:1px solid var(--line);background:0 0;padding:6px 9px;font-weight:400}.row-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}@media (width<=700px){.tabs.sections,.tabs.main{flex-wrap:nowrap;overflow-x:auto}.tabs.sections button,.tabs.main button{flex:none}.row-edit{flex-wrap:wrap}.row-edit input{flex:100%}.edit-sections{margin-left:8px}}.code.try{margin-bottom:6px}.login a{text-align:center;font-size:13px}.landing{max-width:1120px;margin:0 auto;padding:0 24px 80px}.landing-nav{align-items:center;gap:18px;padding:18px 0;display:flex}.landing-nav .brand{color:var(--accent);font-size:18px;font-weight:700}.landing-nav a:not(.button),.landing-footer a:not(.button){color:var(--muted)}.button{background:var(--accent);color:#221a00;border-radius:6px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-block}.landing-hero{text-align:center;padding:56px 0 36px}.landing-hero h1{margin:0 0 18px;font-size:clamp(34px,6vw,60px);line-height:1.1}.landing-hero h1 em{color:var(--accent);font-style:normal}.landing-hero p{color:var(--muted);max-width:680px;margin:0 auto;font-size:clamp(17px,2.2vw,20px);line-height:1.5}.landing-video{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:12px;width:100%;display:block;box-shadow:0 30px 80px #0008}.landing-steps{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:44px;display:grid}.landing-steps article{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}.landing-steps span{color:var(--accent);font-weight:700}.landing-steps h2{margin:6px 0;font-size:17px}.landing-steps p{color:var(--muted);margin:0}.landing-footer{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:52px;display:flex}.landing-footer p{margin:0;font-size:18px}
