@font-face{font-family:GT Standard;src:url(/brand/GTStandard-Variable.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:"STK Bureau Serif";src:url(/brand/STKBureauSerif-Variable.woff2) format("woff2");font-style:normal;font-weight:300 500;font-display:swap}:root{color-scheme:light;--font-sans: "GT Standard", ui-sans-serif, system-ui, sans-serif;--font-serif: "STK Bureau Serif", Georgia, "Times New Roman", serif;--background: #f9f7f0;--foreground: #371b15;--card: #ffffff;--primary: #371b15;--primary-foreground: #f9f7f0;--secondary: #f0efe0;--muted: #f7f6ed;--muted-foreground: #857b6f;--text-secondary: #6e655b;--accent: #ffea2e;--accent-hover: #f0dc00;--border: #eae9d5;--input: #ddd8cb;--destructive: #ee4343;--destructive-foreground: #a92323;--success-surface: #dafce8;--success-foreground: #116947;--info: #b4dfee;--radius-control: 10px;--radius-card: 14px;font-family:var(--font-sans);color:var(--foreground);background:var(--background);font-synthesis:none;font-weight:400;line-height:1.5;letter-spacing:-.2px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid transparent;border-radius:var(--radius-control);padding:10px 18px;background:var(--primary);color:var(--primary-foreground);font-size:14px;font-weight:500;line-height:1.4;cursor:pointer;transition:background-color .12s,border-color .12s}button:hover:not(:disabled){background:#5f4944}button:active:not(:disabled){transform:translateY(1px)}button:disabled,input:disabled,select:disabled{opacity:.5;cursor:not-allowed}button.cta{background:var(--accent);color:var(--foreground);border-radius:999px}button.cta:hover:not(:disabled){background:var(--accent-hover)}button.secondary{background:var(--background);border-color:var(--border);color:var(--foreground)}button.secondary:hover:not(:disabled),button.quiet:hover:not(:disabled){background:var(--secondary)}button.quiet{background:transparent;color:var(--foreground);padding:8px 12px}button.danger{color:var(--destructive-foreground)}button.danger:hover:not(:disabled){background:#fdecec}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.shell{max-width:980px;padding:0 32px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--border);gap:20px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;flex-wrap:wrap;max-width:100%;gap:16px;color:var(--foreground);text-decoration:none}.brand img{display:block;width:auto;height:36px}.brand span{border-left:1px solid var(--input);padding-left:16px;font-size:14px;font-weight:500}.account{display:flex;align-items:center;gap:10px;font-size:13px;min-width:0}.account>span{overflow-wrap:anywhere;min-width:0}.account button{flex-shrink:0}.intro{padding:48px 0 28px;max-width:650px}.eyebrow{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:1.2px}h1{font-family:var(--font-sans);font-weight:600;font-size:clamp(32px,6vw,48px);line-height:1.15;letter-spacing:-1.2px;margin:14px 0 20px}.intro>p:last-child{font-family:var(--font-serif);font-size:20px;max-width:520px}h2{font-size:18px;font-weight:600;letter-spacing:-.2px;margin:0}section{margin-bottom:36px}.card{border:1px solid var(--border);background:var(--card);border-radius:var(--radius-card);padding:24px}.welcome>p,.setup>p{font-family:var(--font-serif);font-size:18px}.welcome .cta{margin-top:8px}.setup{margin-top:40px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.pill{background:var(--secondary);color:var(--foreground);border-radius:8px;font-size:14px;font-weight:500;padding:4px 10px;max-width:100%;overflow-wrap:anywhere}.pill.success{background:var(--success-surface);color:var(--success-foreground)}.pill.failure{background:#fdecec;color:var(--destructive-foreground)}label{display:block;font-size:16px;font-weight:500}input,select{display:block;width:100%;min-width:0;min-height:44px;border:1px solid var(--input);background:var(--card);border-radius:var(--radius-control);padding:10px 14px;color:var(--foreground);font-family:var(--font-serif);font-size:16px;font-weight:400;margin-top:6px}input::placeholder{color:var(--text-secondary);opacity:1}input:focus-visible,select:focus-visible{border-color:var(--primary);outline-width:2px}.device-row{display:flex;gap:16px;align-items:end;margin-top:20px}.device-row label{flex:1;min-width:0}.time{font-variant-numeric:tabular-nums;font-size:clamp(42px,8vw,64px);font-weight:500;letter-spacing:-1px;text-align:center;margin-top:32px;display:flex;align-items:center;justify-content:center;gap:20px}.record-dot{width:12px;height:12px;flex-shrink:0;background:var(--muted-foreground);border-radius:50%}.live .record-dot{background:var(--destructive);box-shadow:0 0 0 7px #ee43431a}.state{text-align:center;font-size:14px;color:var(--text-secondary);margin:0 0 24px}.controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.hint{color:var(--text-secondary);font-size:14px}.recorder>.hint{font-family:var(--font-serif);text-align:center;margin-top:24px}.alert{border:1px solid #ee43434d;background:#fdecec;color:var(--destructive-foreground);border-radius:var(--radius-control);padding:12px 16px;font-size:16px;margin-bottom:20px;overflow-wrap:anywhere}.notice{background:color-mix(in srgb,var(--info) 40%,white);border-radius:var(--radius-control);padding:12px 16px;color:var(--foreground);font-family:var(--font-serif);font-size:16px}.recordings{padding:0;list-style:none;margin:0}.recordings li{border-bottom:1px solid var(--border);padding:20px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}.recordings li>div{min-width:0;max-width:100%}.recordings strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.recordings p{font-size:14px;margin:5px 0 0}.recordings .processing-error{flex-basis:100%;color:var(--destructive-foreground)}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{padding:8px 12px}.empty{background:var(--card);color:var(--text-secondary);border:1px dashed var(--input);border-radius:var(--radius-card);text-align:center;padding:40px 24px;font-family:var(--font-serif);font-size:16px}footer{font-size:12px;color:var(--text-secondary);text-align:center;padding:28px 0 36px;border-top:1px solid var(--border)}@media(max-width:600px){.shell{padding:0 18px}header{padding:24px 0;gap:16px}.brand{gap:12px}.brand span{padding-left:12px}.account{width:100%;justify-content:space-between}.intro{padding-top:32px}.card{padding:20px}.device-row{display:block}.device-row button{margin-top:12px}.time{gap:12px}}@media(prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}}@media(forced-colors:active){.record-dot{background:CanvasText}button:disabled,input:disabled,select:disabled{color:GrayText;opacity:1}}