:root{--bg:#fdf8ec;--fg:#23302a;--muted:#5f6d64;--accent:#2f7d4f;--accent-fg:#fff;--surface:#fff;--border:#e3dcc8;--warm:#f6c445;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}.page{max-width:720px;margin:0 auto;padding:24px 16px 48px}h1{margin:0 0 8px;font-size:1.8rem}h2{margin:32px 0 12px;font-size:1.2rem}.hint{color:var(--muted);margin:0 0 16px}.small{margin-top:32px;font-size:.85rem}button{border:2px solid var(--border);background:var(--surface);min-width:64px;min-height:64px;color:var(--fg);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:16px;font-size:1.3rem}button:disabled{opacity:.45;cursor:default}.controls{flex-wrap:wrap;gap:16px;margin:24px 0;display:flex}.big{flex:220px;min-height:96px;font-size:1.5rem;font-weight:600}.record{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.stop{background:var(--warm);border-color:var(--warm)}.dot{background:var(--fg);border-radius:50%;width:18px;height:18px;margin-right:8px;animation:1s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.5;transform:scale(.6)}}.notice{border:2px solid var(--warm);background:#fff3cd;border-radius:12px;padding:12px 16px}.facts{background:var(--surface);border:2px solid var(--border);border-radius:16px;grid-template-columns:max-content 1fr;gap:8px 16px;padding:16px;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:600}.recordings{gap:8px;margin:0;padding:0;list-style:none;display:grid}.recordings li{background:var(--surface);border:2px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}.row-actions{flex-shrink:0;gap:8px;display:flex}