*{box-sizing:border-box}
html,body{margin:0;background:#060b10;color:#cfe6ee;font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}
body{padding:16px}
.title{margin:0;font-size:18px;letter-spacing:.25em;color:#4fd1e6;font-weight:700}
.sub{color:#6f8f9a;font-size:12px;letter-spacing:.08em;margin-top:2px}
.powered{color:#4fd1e6;opacity:.8}
#gate{text-align:center;padding:20vh 0}
.top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start}
.controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
select,input,textarea,.btn{max-width:100%;background:#0b1419;color:#cfe6ee;border:1px solid #10242c;border-radius:6px;padding:6px 10px;font:inherit}
.btn{cursor:pointer;letter-spacing:.1em;font-size:12px;text-transform:uppercase}
.btn:hover{border-color:#4fd1e6}.btn.accent{color:#4fd1e6;border-color:#4fd1e6}
.who{color:#6f8f9a;font-size:12px}
.meta{margin:12px 0;color:#6f8f9a;font-size:12px;font-family:ui-monospace,Menlo,monospace}
.board{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.board{grid-template-columns:repeat(5,minmax(0,1fr))}}
.col{background:#0b1419;border:1px solid #10242c;border-radius:8px;padding:10px;min-width:0}
.col h2{margin:0 0 10px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}
.badge{background:#10242c;color:#cfe6ee;border-radius:10px;padding:1px 8px;font-size:11px;letter-spacing:0}
.c-open h2{color:#4fd1e6}.c-in_progress h2{color:#5aa9f0}.c-blocked h2{color:#e0607a}.c-waiting h2{color:#e6b85c}.c-complete h2{color:#5fd39a}
.card{background:#060b10;border:1px solid #10242c;border-radius:8px;padding:10px;margin-bottom:10px;overflow-wrap:anywhere}
.ttl{font-weight:700;cursor:text}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.chip{background:#10242c;border-radius:10px;padding:1px 8px;font-size:11px}
.mono,.id{font-family:ui-monospace,Menlo,monospace}
.due{font-family:ui-monospace,Menlo,monospace;font-size:12px;margin:4px 0}
.overdue{color:#ff6b6b;font-weight:700;margin-left:6px}
.notes{margin:6px 0;color:#6f8f9a;font-size:12px}
.notes div{margin-bottom:3px}
.row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.row select{flex:1;min-width:90px;padding:4px 6px;font-size:12px}
.row .btn{padding:4px 8px;font-size:11px}
.more{color:#4fd1e6;font-size:12px;cursor:pointer;background:none;border:0;padding:4px 0}
.pop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10}
.pop[hidden]{display:none}
.pop form{background:#0b1419;border:1px solid #10242c;border-radius:8px;padding:16px;width:min(420px,92vw);display:flex;flex-direction:column;gap:10px}
.pop h3{margin:0;letter-spacing:.15em;font-size:13px;color:#4fd1e6;text-transform:uppercase}
.pop textarea{min-height:90px;resize:vertical}
.pop .acts{display:flex;gap:8px;justify-content:flex-end}
.err{color:#ff6b6b;font-size:12px}
.capture{display:flex;gap:8px;margin:14px 0 0;width:100%}
.capture input{flex:1;min-width:0}
.capture .btn{flex:none}
.cap-result{margin-top:8px;font-size:13px;color:#5fd39a;overflow-wrap:anywhere}
.cap-result:empty{display:none}
.cap-result.clarify{color:#e6b85c}.cap-result.bad{color:#ff6b6b}
#cap-mic.rec{border-color:#ff6b6b;color:#ff6b6b}
.picker{display:flex;flex-direction:column;gap:6px;min-width:0}
.quick{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.quick .btn{padding:3px 8px;font-size:11px}
.pcount{color:#6f8f9a;font-size:11px;margin-left:auto}
.plist{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow-y:auto;overflow-x:hidden}
.pchip{display:inline-flex;align-items:center;gap:4px;background:#10242c;border-radius:10px;padding:2px 8px;font-size:12px;max-width:100%;cursor:pointer}
.pchip input{padding:0;margin:0}