:root{--tb-accent:#1373d9;--tb-accent-strong:#0b5bbf;--tb-danger:#d7264a;--tb-bg:#f4f6f9;--tb-surface:#fff;--tb-surface-alt:#eef1f5;--tb-text:#15141a;--tb-text-muted:#5b626d;--tb-border:#d7dce3;--tb-radius:12px;--tb-radius-sm:8px;--tb-shadow:0 1px 2px #14141a14, 0 2px 8px #14141a0d;--tb-font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--tb-bg:#1b1b1f;--tb-surface:#26262b;--tb-surface-alt:#2f2f35;--tb-text:#f2f2f5;--tb-text-muted:#a9adb6;--tb-border:#3a3a42;--tb-shadow:0 1px 2px #0006}}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--tb-font);color:var(--tb-text);background:var(--tb-bg);-webkit-font-smoothing:antialiased;margin:0}.app{flex-direction:column;min-height:100%;display:flex}.app__main{padding:20px 16px calc(20px + env(safe-area-inset-bottom));flex:1;width:100%;max-width:640px;margin:0 auto}.screen{flex-direction:column;gap:16px;display:flex}.screen--center{text-align:center;justify-content:center;align-items:center;min-height:60vh}.screen__title{margin:4px 0 8px;font-size:20px;font-weight:700}.muted{color:var(--tb-text-muted);margin:0;font-size:14px}.btn{appearance:none;border:1px solid var(--tb-border);background:var(--tb-surface);color:var(--tb-text);border-radius:var(--tb-radius-sm);cursor:pointer;min-height:44px;padding:10px 14px;font-size:14px;font-weight:600}.btn--danger{color:#fff;background:var(--tb-danger);border-color:var(--tb-danger)}.tabbar{background:var(--tb-surface);border-top:1px solid var(--tb-border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:sticky;bottom:0}.tabbar__item{min-height:56px;color:var(--tb-text-muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 0;font-size:12px;font-weight:600;text-decoration:none;display:flex}.tabbar__item--active{color:var(--tb-accent)}.tabbar__icon{font-size:18px;line-height:1}.brand{border-radius:var(--tb-radius);width:96px;height:96px;margin-bottom:4px}.status{flex-direction:column;align-items:center;gap:10px;display:flex}.status__dot{background:var(--tb-text-muted);border-radius:50%;width:18px;height:18px}.status--listening .status__dot{background:var(--tb-accent);box-shadow:0 0 0 6px #1373d92e}.status--recording .status__dot{background:var(--tb-danger);animation:1s ease-in-out infinite pulse}.status--denied .status__dot{background:var(--tb-danger)}.status__label{margin:0;font-size:18px;font-weight:700}.status__count{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:40px;font-weight:800}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.meter{background:var(--tb-surface-alt);border-radius:999px;width:100%;max-width:320px;height:8px;overflow:hidden}.meter__fill{background:var(--tb-accent);height:100%;transition:width 60ms linear}.snippet-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.snippet{background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:var(--tb-radius);box-shadow:var(--tb-shadow);flex-direction:column;gap:8px;padding:12px;display:flex}.snippet__meta{flex-direction:column;gap:2px;display:flex}.snippet__time{font-size:14px;font-weight:600}.snippet__sub{color:var(--tb-text-muted);font-size:12px}.snippet__audio{width:100%}