*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}
[hidden]{display:none!important}
body{font:15px/1.4 -apple-system,system-ui,Segoe UI,Roboto,sans-serif;background:#000;color:#e7e9ea;padding-bottom:180px}
button{font:inherit;color:inherit;cursor:pointer;min-height:44px;min-width:44px}
.banner{background:#3a2a00;color:#ffd479;font-size:12px;padding:6px 12px}
.top{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;position:sticky;top:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);z-index:5}
h1{font-size:20px;margin:0}.sub{margin:0;color:#71767b;font-size:13px}
.badge{font-size:11px;border:1px solid #1d9bf0;color:#1d9bf0;border-radius:99px;padding:2px 8px}
.tabs{display:flex;border-bottom:1px solid #2f3336;position:sticky;top:58px;background:#000;z-index:5}
.tabs button{flex:1;background:none;border:0;color:#71767b;font-weight:600;border-bottom:3px solid transparent}
.tabs button[aria-selected=true]{color:#e7e9ea;border-color:#1d9bf0}
.list{list-style:none;margin:0;padding:0}
.row{display:flex;gap:10px;padding:12px 12px 12px 16px;border-bottom:1px solid #2f3336;transition:background .15s}
.row.active{background:#0b1a26}.row.done{opacity:.55}
.av{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;color:#000}
.rb{flex:1;min-width:0}.rh{color:#71767b;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rh b{color:#e7e9ea}
.rt{margin:2px 0 0;overflow-wrap:anywhere}
.tag{display:inline-block;margin-top:6px;font-size:12px;background:#16181c;border:1px solid #2f3336;border-radius:99px;padding:2px 8px;color:#1d9bf0}
.icon{background:none;border:0;border-radius:99px;font-size:18px}.icon:hover{background:#1d9bf01a}
.folders{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}
.fcard{background:#16181c;border:1px solid #2f3336;border-radius:16px;padding:14px;min-height:96px}
.fcard .e{font-size:24px}.fcard .n{font-weight:700;margin-top:4px}.fcard .c{color:#71767b;font-size:13px}
.fcard.unsorted{border-style:dashed}
.dock{position:fixed;left:0;right:0;bottom:0;display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#000 30%);z-index:6}
.primary{flex:1;background:#1d9bf0;border:0;border-radius:99px;font-weight:700;font-size:16px;min-height:50px}
.primary:disabled{opacity:.5}
.ghost{background:none;border:1px solid #536471;border-radius:99px;padding:0 18px}
#glow{position:fixed;inset:0;pointer-events:none;z-index:20;border-radius:14px;opacity:0;transition:opacity .25s;box-shadow:inset 0 0 0 3px #1d9bf0,inset 0 0 28px 6px #1d9bf088}
body.agent-on #glow{opacity:1;animation:pulse 1.6s ease-in-out infinite}
body.agent-paused #glow{opacity:.35;animation:none}
@keyframes pulse{50%{box-shadow:inset 0 0 0 3px #1d9bf0,inset 0 0 40px 10px #1d9bf0aa}}
.pill{position:fixed;left:12px;right:12px;bottom:84px;z-index:30;background:#16181ce6;backdrop-filter:blur(10px);border:1px solid #1d9bf0;border-radius:20px;padding:10px 12px;box-shadow:0 8px 30px #0008}
.pill-text{display:flex;align-items:center;gap:8px;font-size:14px;min-width:0}
#pillMsg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prog{color:#71767b;font-variant-numeric:tabular-nums}
.dot{width:8px;height:8px;border-radius:50%;background:#1d9bf0;flex:none;animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}
.pill-btns{display:flex;gap:8px;margin-top:8px}.pbtn{flex:1;background:#2f3336;border:0;border-radius:99px;font-weight:600}.pbtn.stop{background:#4a1515;color:#ffb3b3}
.sheet{position:fixed;inset:0;background:#000c;z-index:10;display:flex;align-items:flex-start;padding-top:70px}
.sheet-card{background:#000;border-top:1px solid #2f3336;border-bottom:1px solid #2f3336;width:100%;padding:8px 16px 12px}
.d-head{display:flex;align-items:center;gap:8px}#dBody .rt{font-size:18px;margin:10px 0}
.d-actions{display:flex;justify-content:flex-end;border-top:1px solid #2f3336;padding-top:6px}
.modal{position:fixed;inset:0;background:#5b708366;z-index:12;display:flex;align-items:flex-end}
.modal-card{background:#000;width:100%;border-radius:18px 18px 0 0;padding:8px 12px 20px;max-height:70vh;overflow:auto}
.m-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px}
.m-list{display:flex;flex-direction:column}
.m-list button{display:flex;gap:10px;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid #16181c;padding:6px 6px;border-radius:10px}
.m-list button.hit{background:#1d9bf033;outline:2px solid #1d9bf0}
.cursor{position:fixed;left:0;top:0;z-index:40;pointer-events:none;transition:transform .08s linear;display:flex;align-items:flex-start;gap:2px}
.cursor span{background:#1d9bf0;color:#fff;font-size:11px;border-radius:6px;padding:1px 6px;margin-top:16px;white-space:nowrap}
.cursor.click svg{transform:scale(.8)}
.foot{color:#71767b;font-size:12px;padding:16px}
code{font-size:.92em;overflow-wrap:anywhere}
@media (min-width:700px){body{max-width:600px;margin:0 auto;border-left:1px solid #2f3336;border-right:1px solid #2f3336}.dock,.pill{max-width:600px;margin:0 auto}}