*,*:before,*:after{box-sizing:border-box}:root{--ink: #0c2f33;--ink-soft: #1a454b;--teal: #147a7f;--teal-deep: #0a4f54;--teal-bright: #1a9ba1;--sand: #c9985a;--sand-soft: #e8d2b0;--mist: #e8f2f1;--paper: #f3f7f6;--line: rgba(12, 47, 51, .12);--danger: #b42318;--danger-bg: rgba(180, 35, 24, .08);--warn-bg: rgba(201, 152, 90, .15);--radius: 18px;--font-body: "Figtree", "Segoe UI", sans-serif;--font-display: "Bricolage Grotesque", "Figtree", sans-serif;--shadow: 0 18px 50px rgba(12, 47, 51, .12);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font-body);font-size:1rem;line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}#root{min-height:100vh;min-height:100dvh}button,input,a{font:inherit}.app-shell{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:calc(1.25rem + var(--safe-top)) clamp(1rem,4vw,1.75rem) calc(1.5rem + var(--safe-bottom));overflow-x:clip}.hero-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 520px at 8% -5%,rgba(20,122,127,.22),transparent 58%),radial-gradient(700px 480px at 96% 8%,rgba(201,152,90,.18),transparent 55%),radial-gradient(600px 400px at 50% 100%,rgba(20,122,127,.1),transparent 60%),var(--paper)}.site-header,.main-panel,.site-footer{position:relative;z-index:1;width:100%;max-width:36rem;margin-inline:auto}.site-header{text-align:center;margin-bottom:1.5rem}.eyebrow{margin:0 0 .35rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.brand-mark{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(2.25rem,9vw,3.25rem);letter-spacing:-.03em;line-height:1.05;color:var(--ink)}.brand-accent{color:var(--teal)}.tagline{margin:.5rem 0 0;font-size:1.05rem;color:var(--ink-soft)}.main-panel{flex:1;display:flex;flex-direction:column;gap:1.25rem}.rec-indicator{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.65rem 1rem;padding:.85rem 1.25rem;border-radius:var(--radius);background:var(--mist);border:1px solid var(--line);box-shadow:var(--shadow)}.rec-dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--danger);box-shadow:0 0 0 4px #b4231833;animation:pulse-rec 1.2s ease-in-out infinite}@keyframes pulse-rec{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.92)}}.rec-label{font-weight:600;color:var(--ink)}.rec-timer{font-family:var(--font-display);font-weight:700;font-size:1.35rem;font-variant-numeric:tabular-nums;color:var(--teal-deep)}.mic-option{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;border-radius:calc(var(--radius) - 4px);background:#ffffffa6;border:1px solid var(--line);cursor:pointer;user-select:none}.mic-option input{width:1.1rem;height:1.1rem;accent-color:var(--teal)}.actions{display:flex;flex-direction:column;gap:.75rem}@media(min-width:480px){.actions{flex-direction:row;flex-wrap:wrap}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 1.35rem;border-radius:999px;border:none;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-deep) 100%);color:#fff;box-shadow:0 10px 28px #147a7f59}.btn-primary:not(:disabled):hover{box-shadow:0 14px 32px #147a7f6b}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 10px 28px #b4231840}.btn-ghost{background:transparent;color:var(--teal-deep);border:2px solid var(--line)}.btn-ghost:not(:disabled):hover{border-color:var(--sand);background:#c9985a14}.notice{margin:0;padding:.85rem 1rem;border-radius:calc(var(--radius) - 4px);font-size:.92rem}.notice-warn{background:var(--warn-bg);border:1px solid rgba(201,152,90,.35);color:var(--ink-soft)}.notice-error{background:var(--danger-bg);border:1px solid rgba(180,35,24,.25);color:var(--danger)}.preview-block{margin-top:.25rem;padding:1rem;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.preview-title{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--ink)}.preview-video{width:100%;max-height:min(50vh,22rem);border-radius:calc(var(--radius) - 6px);background:var(--ink)}.preview-meta{margin:.65rem 0 0;font-size:.85rem;color:var(--ink-soft)}.steps{margin:0;padding-left:1.2rem;color:var(--ink-soft);font-size:.95rem}.steps li+li{margin-top:.35rem}.site-footer{margin-top:2rem;text-align:center;font-size:.85rem;color:var(--ink-soft)}.privacy-badge{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .75rem;padding:.5rem .85rem;border-radius:999px;background:var(--mist);border:1px solid var(--line);font-weight:600;color:var(--teal-deep)}.shield{color:var(--sand)}.compat-note{margin:0 0 .5rem;max-width:28rem;margin-inline:auto;line-height:1.45}.domain-note{margin:0}.domain-note a{color:var(--teal);font-weight:600;text-decoration:none}.domain-note a:hover{text-decoration:underline}