.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-pill);background-color:var(--ink-800);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.button:hover:not(:disabled){background-color:var(--ink-750);border-color:var(--line-strong);color:var(--text-strong)}.button:active:not(:disabled){background-color:var(--ink-700)}.button:disabled{opacity:.45}.button--icon{width:44px;min-width:44px;padding:0}.button--primary{background:var(--brand-gradient);border-color:transparent;color:var(--on-accent);font-weight:600}.button--primary:hover:not(:disabled){background:var(--brand-gradient);filter:brightness(1.08);color:var(--on-accent)}.button--quiet{background-color:transparent;border-color:transparent;color:var(--text-secondary)}.button--quiet:hover:not(:disabled){background-color:var(--ink-850);color:var(--text-strong)}.button[aria-pressed=true]{border-color:var(--cyan-500);color:var(--accent-text);background-color:#2ee0fb1a}.link{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}.link:hover{color:var(--text-strong)}@media (max-width: 420px){.masthead__actions{gap:var(--space-1)}.masthead__actions .button--icon{width:40px;min-width:40px;min-height:40px}}.record{position:relative;display:grid;place-items:center;width:76px;height:76px;border:3px solid var(--text-secondary);border-radius:var(--radius-pill);background-color:transparent;transition:border-color var(--duration-base) var(--ease-out)}.record:hover:not(:disabled){border-color:var(--text-strong)}.record:disabled{opacity:.4}.record__shape{width:56px;height:56px;border-radius:var(--radius-pill);background-color:var(--record);transition:width var(--duration-base) var(--ease-out),height var(--duration-base) var(--ease-out),border-radius var(--duration-base) var(--ease-out)}.record[data-recording=true]{border-color:var(--record)}.record[data-recording=true] .record__shape{width:30px;height:30px;border-radius:var(--radius-sm)}.record[data-recording=true]:after{content:"";position:absolute;inset:-6px;border-radius:var(--radius-pill);box-shadow:0 0 0 0 var(--record-glow);animation:record-pulse 1.8s var(--ease-in-out) infinite}@keyframes record-pulse{0%{box-shadow:0 0 0 0 var(--record-glow)}70%{box-shadow:0 0 0 14px #ff3b4e00}to{box-shadow:0 0 #ff3b4e00}}@media (prefers-reduced-motion: reduce){.record[data-recording=true]:after{animation:none}}.segmented{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:var(--radius-pill);background-color:var(--ink-850)}.segmented__option{min-height:38px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);color:var(--text-muted);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.segmented__option:hover{color:var(--text-primary)}.segmented__option[aria-checked=true]{background-color:var(--ink-700);color:var(--text-strong)}.strips{display:grid;gap:var(--space-2);width:100%;max-width:100%}.strip{display:flex;align-items:center;gap:var(--space-3);min-width:0}.strip__label{flex:0 0 auto;width:52px;font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);text-align:right}@media (max-width: 699px){.strip__label{display:none}}.chip-strip{display:flex;gap:var(--space-2);justify-content:center;justify-content:safe center;width:100%;max-width:100%;padding-block:var(--space-1);overflow-x:auto;scrollbar-width:none}.chip-strip::-webkit-scrollbar{display:none}.chip-strip__option{flex:0 0 auto;min-height:36px;padding:0 var(--space-4);border:1px solid var(--line-subtle);border-radius:var(--radius-pill);background-color:var(--ink-850);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);white-space:nowrap;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.chip-strip__option:hover{color:var(--text-primary);border-color:var(--line)}.chip-strip__option[aria-checked=true]{border-color:transparent;background:var(--brand-gradient);color:var(--on-accent)}.button--compact{min-height:38px;padding:0 var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase}.panel__close{display:grid;place-items:center;width:32px;height:32px;margin-left:auto;border-radius:var(--radius-pill);color:var(--text-secondary)}.panel__close:hover{background-color:var(--ink-800);color:var(--text-strong)}.chip{display:flex;align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-2);border:1px solid var(--line-subtle);border-radius:var(--radius-md);background-color:var(--ink-850);scroll-snap-align:start;flex:0 0 auto;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.chip:hover{border-color:var(--line-strong)}.chip[data-enabled=false]{opacity:.42}.chip[data-fired=true]{border-color:var(--cyan-400);background-color:#2ee0fb1a}.chip__toggle{display:flex;align-items:center;gap:var(--space-3);min-width:0;min-height:36px;padding-right:var(--space-1);text-align:left}.chip__icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-sm);background-color:var(--ink-750);color:var(--accent-text);transition:background-color var(--duration-fast) var(--ease-out)}.chip[data-fired=true] .chip__icon{background-color:#2ee0fb38}.chip__label{font-size:var(--text-sm);font-weight:600;color:var(--text-strong);line-height:1.25;white-space:nowrap}.chip__note{margin-left:auto;min-height:36px;display:inline-flex;align-items:center;padding:0 var(--space-3);border:1px dashed var(--line-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--text-muted);white-space:nowrap}.chip__select{min-width:0;margin-left:auto;max-width:136px;min-height:36px;padding:0 26px 0 var(--space-3);border:1px solid var(--line-subtle);border-radius:var(--radius-sm);background-color:var(--ink-800);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);cursor:pointer;appearance:none;text-align:left;text-overflow:ellipsis;color-scheme:inherit;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) calc(50% + 1px),calc(100% - 10px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.chip__select:hover:not(:disabled){color:var(--text-strong);border-color:var(--line)}.chip__select:disabled{opacity:.5;cursor:not-allowed}.chip__select option{background-color:var(--ink-800);color:var(--text-primary)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);border-radius:var(--radius-pill);background-color:var(--video-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--on-video)}.pill__dot{width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--on-video-line)}.pill--recording .pill__dot{background-color:var(--record);animation:blink 1.4s steps(1,end) infinite}.pill--frame .pill__dot{background:var(--brand-gradient)}.viewfinder__status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.pill--tracking .pill__dot{background-color:var(--success)}.pill--listening{color:var(--cyan-300)}.pill--listening svg{animation:listening 1.8s var(--ease-in-out) infinite}@keyframes listening{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.pill--listening svg{animation:none}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.2}}@media (prefers-reduced-motion: reduce){.pill--recording .pill__dot{animation:none}}.toast{max-width:100%;min-width:0;padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-pill);background-color:var(--video-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:var(--text-sm);font-weight:500;line-height:1.4;text-align:center;text-wrap:pretty;color:var(--text-strong);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.toast[data-visible=true]{opacity:1}.toast__gesture{color:var(--accent-text);font-weight:600}.tooltip{position:fixed;z-index:var(--layer-tooltip);max-width:260px;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--ink-800);box-shadow:var(--shadow-md);font-size:var(--text-xs);font-weight:500;line-height:1.45;color:var(--text-primary);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.tooltip[data-visible=true]{opacity:1}.pill--armed .pill__dot{background:var(--brand-gradient)}.guide{position:absolute;inset:0;z-index:var(--layer-viewfinder-ui);width:100%;height:100%;pointer-events:none;transition:opacity var(--duration-fast) linear}.guide[data-visible=false]{display:none}.guide__outline{fill:none;stroke:var(--on-video);stroke-width:3;stroke-dasharray:14 10;stroke-linejoin:round;opacity:.85}.guide__corner{fill:var(--cyan-400)}@media (prefers-reduced-motion: no-preference){.guide__outline{animation:guide-march 1.1s linear infinite}}@keyframes guide-march{to{stroke-dashoffset:-24}}