:root{color-scheme:dark;--bg: #090b0e;--bg-2: #10141b;--card: #161b23;--ink: #f3f1ea;--muted: #9aa3b2;--line: rgba(255, 255, 255, .08);--done: #6ee7b7;--skip: #fb7185;--comment: #7dd3fc;--query: #fbbf24;--shadow: 0 24px 60px rgba(0, 0, 0, .45);font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{min-height:100dvh;background:radial-gradient(1200px 600px at 50% -10%,rgba(125,211,252,.08),transparent 50%),radial-gradient(800px 500px at 100% 100%,rgba(110,231,183,.05),transparent 45%),var(--bg)}button,input,textarea{font:inherit;color:inherit}.app{min-height:100dvh;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.brand{font-weight:700;letter-spacing:-.03em;font-size:1.05rem}.brand span{color:var(--muted);font-weight:500}.count{color:var(--muted);font-size:.82rem}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.chips.modes{padding-bottom:6px}.chips::-webkit-scrollbar{display:none}.chip,.ghost,.primary,.icon-btn{border:1px solid var(--line);background:var(--bg-2);border-radius:999px;padding:7px 12px;cursor:pointer}.chip.active{background:#f3f1ea;color:#111;border-color:#f3f1ea}.stage{position:relative;flex:1;min-height:420px;display:grid;place-items:center}.rails{position:absolute;inset:8px 0;pointer-events:none;display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:28px 1fr 28px;grid-template-rows:22px 1fr 22px}.rail{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.7}.rail-up{grid-area:up;justify-self:center;color:var(--comment)}.rail-down{grid-area:down;justify-self:center;color:var(--query)}.rail-left{grid-area:left;align-self:center;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--skip)}.rail-right{grid-area:right;align-self:center;writing-mode:vertical-rl;color:var(--done)}.card{width:min(100%,420px);height:min(62dvh,560px);background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:22px 22px 18px;display:flex;flex-direction:column;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--hint, 0);background:var(--hint-bg, transparent)}.meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.pill{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 8px;background:#ffffff0f;color:var(--muted)}.pill.type{color:var(--ink);background:#ffffff1a}.body{flex:1;overflow:auto;font-size:1.12rem;line-height:1.45;letter-spacing:-.02em;white-space:pre-wrap}.age{margin-top:12px;color:var(--muted);font-size:.82rem}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.actions button{border-radius:16px;padding:12px 6px;border:1px solid var(--line);background:#0f1319;cursor:pointer}.actions .lbl{display:block;font-size:.68rem;color:var(--muted);margin-top:2px}.actions .done{color:var(--done)}.actions .skip{color:var(--skip)}.actions .comment{color:var(--comment)}.actions .query{color:var(--query)}.empty,.gate,.status{width:min(100%,420px);background:var(--card);border:1px solid var(--line);border-radius:28px;padding:28px 24px;box-shadow:var(--shadow)}.empty h1,.gate h1{margin:0 0 8px;font-size:1.5rem;letter-spacing:-.04em}.empty p,.gate p,.status p{color:var(--muted);line-height:1.5}.gate form,.sheet form{display:grid;gap:10px}input,textarea{width:100%;background:#0b0e13;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.primary{background:var(--ink);color:#111;border-color:var(--ink);font-weight:700}.ghost{color:var(--muted)}.toast{margin:10px auto 0;background:#f3f1ea;color:#111;border-radius:999px;padding:8px 12px 8px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(100%,420px);z-index:20}.toast .primary{background:#111;color:#f3f1ea;border-color:#111}.sheet-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:30;overflow-x:hidden;min-width:0}.sheet{width:min(100%,480px);max-width:100%;min-width:0;background:#141820;border:1px solid var(--line);border-radius:24px 24px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.sheet h2{margin:0 0 8px;font-size:1.1rem}.sheet p{margin:0 0 10px;color:var(--muted);font-size:.9rem}.sheet-org{display:grid;gap:6px;min-width:0;max-width:100%}.sheet-org-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted)}.sheet .chips{padding-bottom:0;min-width:0;max-width:100%}.query-sheet{max-height:min(92dvh,760px);overflow-x:hidden;overflow-y:auto}.sheet-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;min-width:0;max-width:100%}.sheet-meta .pill{min-width:0;max-width:100%;overflow-wrap:anywhere}.related{display:grid;gap:8px;margin-bottom:12px;min-width:0;max-width:100%;width:100%}.related-empty{margin:0;color:var(--muted);font-size:.85rem}.related-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;min-width:0;max-width:100%;width:100%}.related-item{background:#0b0e13;border:1px solid var(--line);border-radius:14px;padding:10px 12px;min-width:0;max-width:100%}.related-item p{margin:4px 0 0;color:var(--ink);font-size:.88rem;line-height:1.4;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.related-meta{font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.query-actions{display:grid;gap:8px;margin-top:4px;min-width:0;max-width:100%}.query-actions .stale{color:var(--skip)}.error{color:#fda4af;font-size:.9rem}.hint{font-size:.75rem;color:var(--muted);text-align:center;margin-top:10px}