:root{--bg: #0f1113;--surface: #16191c;--surface-2: #1d2125;--line: #262b30;--text: #f1f2f3;--dim: #9aa1a8;--faint: #60686f;--accent: #ff6a2b;--accent-ink: #20100a;--accent-dim: rgba(255, 106, 43, .14);--ok: #3fcf8e;--bad: #ff5c5c;--display: "Space Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}@media all and (display-mode: standalone){html{height:100lvh}}body{background:var(--bg);color:var(--text);font-family:var(--display);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}button{font-family:inherit}.app{position:relative;max-width:480px;margin:0 auto;height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 20px 12px}.wordmark{display:flex;align-items:center;gap:9px;font-weight:600;font-size:15px;letter-spacing:-.01em}.topbar .date{font-size:13px;color:var(--faint)}.page{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:6px 20px 28px;display:flex;flex-direction:column;gap:26px}.page h1{font-size:28px;font-weight:600;letter-spacing:-.02em}.demo-tag{font-family:var(--mono);font-size:10px;font-weight:500;color:var(--faint);border:1px solid var(--line);border-radius:99px;padding:3px 8px;vertical-align:6px;margin-left:6px;letter-spacing:.04em}.section{display:flex;flex-direction:column;gap:10px}.section-label{font-size:11.5px;font-weight:600;color:var(--faint);text-transform:uppercase;letter-spacing:.07em}.list{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.row{display:flex;align-items:center;gap:12px;padding:14px 16px}.row+.row{border-top:1px solid var(--line)}.row .icon{width:34px;height:34px;border-radius:10px;background:var(--accent-dim);color:var(--accent);display:grid;place-items:center;flex:none}.row .icon.neutral{background:var(--surface-2);color:var(--dim)}.row .icon.alert{background:#ff5c5c24;color:var(--bad)}.row .body{flex:1;min-width:0}.row .title{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .sub{font-size:13px;color:var(--dim);margin-top:2px}.row .meta{font-size:12.5px;color:var(--faint);flex:none}.row .meta.ok{color:var(--ok)}.row .meta.bad{color:var(--bad)}button.row{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .12s}button.row:active{background:var(--surface-2)}.chev{color:var(--faint);flex:none}.empty{padding:40px 24px;text-align:center;color:var(--dim);font-size:14px;line-height:1.55}.empty .glyph{display:block;font-size:24px;margin-bottom:10px;color:var(--faint)}.dot{width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none}.dot.ok{background:var(--ok)}.dot.bad{background:var(--bad)}.tabbar{flex-shrink:0;border-top:1px solid var(--line);background:#0f1113e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.ptr{position:absolute;left:0;right:0;top:calc(46px + env(safe-area-inset-top));z-index:30;display:flex;justify-content:center;align-items:center;font-size:12px;letter-spacing:.02em;color:var(--faint);pointer-events:none;opacity:0;will-change:transform,opacity}.tabbar-inner{max-width:480px;margin:0 auto;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:8px 8px calc(10px + env(safe-area-inset-bottom))}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--faint);display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0 4px;cursor:pointer;font-size:11px;font-weight:600;transition:color .15s}.tab svg{width:22px;height:22px}.tab.active{color:var(--accent)}.sheet-griprow{display:flex;justify-content:center;padding:12px 0 4px}.sheet-grip{width:36px;height:4px;border-radius:99px;background:var(--line)}.sheet-scroll{padding:0 20px calc(24px + env(safe-area-inset-bottom))}.sheet-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.sheet-title{font-size:19px;font-weight:600;letter-spacing:-.01em}.sheet-sub{font-family:var(--mono);font-size:11.5px;color:var(--faint)}.field{margin-top:16px}.label{display:block;font-size:12.5px;font-weight:600;color:var(--dim);margin-bottom:8px}.req{color:var(--accent)}.input,.textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--text);font-family:var(--display);font-size:16px;padding:13px 14px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.textarea{min-height:64px;resize:none;line-height:1.45}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface-2);color:var(--dim);font-size:13px;padding:7px 12px;border-radius:99px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.chip[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.prio{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}.prio button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg);color:var(--dim);font-size:14px;font-weight:600;padding:11px 0;border-radius:12px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.prio button[aria-selected=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.btn{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:14px;background:var(--accent);color:var(--accent-ink);font-size:16px;font-weight:600;padding:15px;margin-top:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s,transform .08s,opacity .15s}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.kbd{font-family:var(--mono);font-size:12px;opacity:.55}.err{color:var(--bad);font-size:13px;margin-top:10px}.backrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--dim);display:flex;align-items:center;gap:2px;font-size:14px;font-weight:500;padding:0;margin:-2px 0 4px;cursor:pointer}.backrow:hover{color:var(--text)}.logtail{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:6px;max-height:60dvh;overflow-y:auto;font-family:var(--mono);font-size:12.5px;line-height:1.6}.logline{white-space:pre-wrap;word-break:break-word;color:var(--text)}.logline .lt,.logline.dim{color:var(--faint)}.logline.warn{color:var(--accent)}.logline.error{color:var(--bad)}.qc{padding:14px 16px 16px}.qc-voice{padding:26px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:12px}.mic-big{width:76px;height:76px;border-radius:50%;border:1px solid var(--line);background:var(--surface-2);color:var(--accent);display:grid;place-items:center;cursor:pointer;transition:transform .1s,background .15s,color .15s}.mic-big:active{transform:scale(.95)}.mic-big.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);animation:listenpulse 1.6s ease-in-out infinite}.qc-hint{font-size:13px;color:var(--faint);text-align:center}.qc-transcript{width:100%;font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.qc-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--dim);font-size:13px;cursor:pointer;padding:4px 8px}.qc-switch:hover{color:var(--text)}.qc-input{background:var(--bg)}.qc-actions{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:12px}.qc-actions .btn{margin-top:0;padding:12px 16px;font-size:15px}.qc-mic.listening{color:var(--accent);border-color:var(--accent);animation:listenpulse 1.6s ease-in-out infinite}@keyframes listenpulse{0%,to{box-shadow:0 0 0 0 var(--accent-dim)}50%{box-shadow:0 0 0 6px var(--accent-dim)}}.qc-filed{font-size:13.5px;color:var(--dim);margin-top:12px}.qc-filed b{color:var(--ok);font-weight:600}.pill{font-family:var(--mono);font-size:11px;color:var(--accent);background:var(--accent-dim);padding:4px 9px;border-radius:99px;flex:none;white-space:nowrap}.pill.muted{color:var(--dim);background:var(--surface-2)}.owner{font-family:var(--mono);font-size:10px;color:var(--faint);border:1px solid var(--line);padding:1px 6px;border-radius:99px;margin-left:6px;vertical-align:2px}.owner.ec2{color:var(--ok);border-color:#3fcf8e59}.quote{font-size:14.5px;color:var(--dim);line-height:1.55;border-left:2px solid var(--line);padding-left:12px}.draft{font-size:15px;line-height:1.55;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:13px 14px}.btnrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.btnrow .btn{margin-top:0}.signin{max-width:480px;margin:0 auto;height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:24px 24px calc(24px + env(safe-area-inset-bottom))}.mark{width:52px;height:52px;border-radius:14px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:24px;font-weight:700}.signin h1{font-size:26px;font-weight:600;letter-spacing:-.02em}.signin p{color:var(--dim);font-size:15px;line-height:1.5;max-width:32ch}.signin .stack{display:grid;gap:10px}.hint{font-size:13px;color:var(--faint);line-height:1.5}.center-note{height:100%;display:grid;place-items:center;font-size:14px;color:var(--dim);padding:24px;text-align:center}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(24px);opacity:.6}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}