:root{--ink:#000000;--volt:#00E676;--moss:#1B5E20;--paper:#FAFAFA;--sun:#FFD23F;--mist:#9BB5A2;--display:"Archivo","Arial Black",Impact,sans-serif;--body:"Archivo",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:#050706;color:var(--paper);font-family:var(--body)}button{font:inherit}.shell{display:flex;gap:28px;align-items:center;justify-content:center;width:100%;max-width:1100px;height:100%;padding:16px;margin:auto}.stage{position:relative;width:min(100%,430px);height:min(100%,860px);aspect-ratio:9/17;border-radius:22px;overflow:hidden;background:var(--ink);box-shadow:0 30px 80px #0009;user-select:none;touch-action:manipulation}.bars{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px;z-index:5}.bars i{flex:1;height:3px;border-radius:2px;background:#ffffff47}.bars i b{display:block;height:100%;width:0;background:currentColor}.bars i.done b{width:100%}.top{position:absolute;top:24px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:5;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase}.preview{position:absolute;z-index:7;top:20px;right:16px;background:#ff7a59;color:var(--ink);padding:3px 9px;border-radius:99px;font:700 9.5px var(--mono);letter-spacing:.12em}.card{position:absolute;inset:0;padding:78px 26px 70px;display:flex;flex-direction:column;justify-content:safe center;gap:14px;overflow-y:auto;overscroll-behavior:contain;opacity:0;pointer-events:none;transition:opacity .35s}.card.on{opacity:1;pointer-events:auto}.ink{background:var(--ink);color:var(--paper)}.volt{background:var(--volt);color:var(--ink)}.moss{background:var(--moss);color:var(--paper)}.paper{background:var(--paper);color:var(--ink)}.sun{background:var(--sun);color:var(--ink)}.eyebrow{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.8}.h{font:900 clamp(28px,min(9.5vw,5.4vh),40px)/.98 var(--display);font-stretch:112%;letter-spacing:-.01em;margin:0;text-wrap:balance}.h.xl{font-size:clamp(34px,min(12vw,6.6vh),52px)}.big{font:900 clamp(64px,min(26vw,112px),120px)/.85 var(--display);font-stretch:125%;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.lede{font-size:clamp(15px,2.3vh,18px);line-height:1.35;max-width:32ch;margin:0}.q{font:800 clamp(20px,min(6.4vw,3.4vh),26px)/1.12 var(--display);margin:0}.src{position:absolute;left:26px;right:110px;bottom:26px;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.65}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pair .big{font-size:76px}.list,.arc{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.list li{display:grid;grid-template-columns:46px 1fr;align-items:baseline;gap:6px}.list .n{font:900 34px/1 var(--display)}.list .t{font:800 24px/1.05 var(--display)}.list .s{grid-column:2;font-size:14px;opacity:.75}.arc{padding-left:18px;border-left:3px solid}.arc li{position:relative}.arc li:before{content:"";position:absolute;left:-25px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--volt)}.arc .m{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.7}.arc .w{font:800 clamp(16px,2.5vh,20px)/1.15 var(--display)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{border:2px solid;border-radius:99px;padding:8px 13px;font-weight:700;font-size:15px}.chips small{display:block;font-weight:400;font-size:11.5px;opacity:.75}.sharewrap{display:flex;flex-direction:column;align-items:center;gap:12px}.sharewrap img{height:min(46vh,400px);aspect-ratio:9/16;width:auto;border-radius:12px;border:2px solid var(--volt)}.tap{position:absolute;top:0;bottom:0;width:38%;z-index:3;background:none;border:0;cursor:pointer}.tap.next{right:0;width:62%}.tap.prev{left:0}.rev{position:absolute;left:12px;right:12px;bottom:12px;z-index:6;background:#000000f2;color:var(--paper);border:1px solid var(--sun);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;font-size:13px}.tag{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border-radius:5px;align-self:flex-start}.tag.computed{background:#2b3b30}.tag.big{background:var(--volt);color:var(--ink)}.tag.rule{background:#3a3550}.row,.acts{display:flex;gap:8px;align-items:center;justify-content:space-between}.acts button,.action{border:1px solid;border-radius:99px;padding:6px 11px;background:none;color:inherit;cursor:pointer}.acts .selected{background:var(--volt);color:var(--ink)}.side{width:340px;max-height:100%;overflow:auto;color:var(--mist);font-size:14px;line-height:1.45}.side h1,.side h2{color:var(--paper);font-family:var(--display)}.queue{list-style:none;padding:0}.queue button{width:100%;text-align:left;background:#101612;color:var(--paper);border:1px solid #344138;border-radius:10px;padding:10px;margin:4px 0;cursor:pointer}.queue button.active{border-color:var(--volt)}.meta{font:500 10px var(--mono);text-transform:uppercase;color:var(--sun)}textarea{width:100%;min-height:60px}.error{color:#ff9c82}.success{color:var(--volt)}:focus-visible{outline:3px solid var(--sun);outline-offset:2px}@media(max-width:760px){.side{display:none}.shell{padding:0}.stage{height:100%;border-radius:0;width:100%;max-width:none;aspect-ratio:auto;box-shadow:none}}@media(prefers-reduced-motion:reduce){.card{transition:none}}
.share-btn{position:absolute;right:14px;bottom:16px;z-index:5;border:0;border-radius:99px;padding:9px 16px;background:var(--paper);color:var(--ink);font:700 13px var(--body);cursor:pointer;box-shadow:0 4px 14px #0005}.saver{position:absolute;inset:0;z-index:9;background:#050706f2;display:flex;align-items:center;justify-content:center;padding:18px}.saver-box{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;color:var(--paper);font-size:14px}.saver-box img{height:min(62vh,560px);aspect-ratio:9/16;width:auto;border-radius:12px}.saver-box .action{color:var(--paper);text-decoration:none}.stage.paused .bars{opacity:.4}.share-btn.review{top:44px;bottom:auto}
.rev{max-height:72%;overflow:auto}.editor{border-top:1px solid #344138;padding-top:6px}.editor summary{cursor:pointer;color:var(--sun);font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.editor .field{display:flex;flex-direction:column;gap:3px;margin-top:6px}.editor textarea{min-height:0;width:100%;font:inherit;font-size:13px;background:#101612;color:var(--paper);border:1px solid #344138;border-radius:6px;padding:6px}.edit-row{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:6px;border-top:1px dashed #344138}.editor .action.selected{background:var(--sun);color:var(--ink)}
.mgr{max-width:1000px;margin:0 auto;padding:28px 18px 60px;color:var(--paper)}.mgr h1{font:900 38px/1 var(--display);margin:6px 0}.mgr h2{font:800 20px var(--display);margin:30px 0 10px}.mgr .muted{color:var(--mist)}.mgr .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:20px}.mgr .tiles div{background:#101612;border:1px solid #344138;border-radius:12px;padding:14px}.mgr .tiles b{display:block;font:900 36px/1 var(--display);color:var(--volt)}.mgr .tiles small{font-size:18px;color:var(--mist)}.mgr .tiles span{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}.mgr .scroll{overflow-x:auto}.mgr table{width:100%;border-collapse:collapse;font-size:14px}.mgr th{text-align:left;font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mist);padding:8px;border-bottom:1px solid #344138}.mgr td{padding:9px 8px;border-bottom:1px solid #1d2620;vertical-align:top}.mgr td a{color:var(--paper)}.mgr .warn{color:var(--sun);font-weight:700}.mgr .state{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:3px 7px;border-radius:5px}.mgr .state.ok{background:var(--volt);color:var(--ink)}.mgr .state.held{background:#5a2b22;color:#ffb6a3}.mgr .state.mid{background:var(--sun);color:var(--ink)}.mgr .state.todo{background:#2b3b30;color:var(--paper)}.mgr .tag-preview{font:500 10px var(--mono);color:#ff7a59;text-transform:uppercase}body[data-view="manager"]{overflow:auto}body[data-view="manager"] #app{height:auto}
.card-comment{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.card-comment.resolved{opacity:.55;text-decoration:line-through}.card-comment .action{padding:2px 9px;font-size:12px}
.mgr .tiles b.warnb{color:var(--sun)}
.stage:has(.preview) .top{padding-right:72px}.top>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.brandline{display:flex;align-items:center;gap:8px;min-width:0}.brandline>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmark{height:20px;width:auto;flex:none;display:block}.top.light .bmark{filter:brightness(0)}
.bmark-hero{height:76px;width:auto;align-self:flex-start;margin-bottom:22px;display:block}.card.volt .bmark-hero,.card.paper .bmark-hero,.card.sun .bmark-hero{filter:brightness(0)}