:root{color-scheme:light;--font-display: "Fraunces", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--radius: 14px;--radius-sm: 9px;--shadow-soft: 0 1px 2px rgba(40, 30, 20, .04), 0 12px 32px -12px rgba(40, 30, 20, .14);--bg: #faf6f0;--surface: #ffffff;--ink: #2b2420;--ink-soft: #7a6f63;--hairline: #e4dccf;--accent: #b5565f;--accent-ink: #fff9f6;--accent-soft: #f3e2e1;--gold: #c7a05c}:root[data-theme=wedding]{--bg: #fffdf9;--accent: #8c6d33;--accent-soft: #f5ecd7;--gold: #cda653;--font-display: "Cormorant Garamond", serif}:root[data-theme=birthday]{--bg: #fdf6e9;--accent: #d96a35;--accent-soft: #fbe4d2;--gold: #c7a05c;--font-display: "Fredoka", sans-serif}:root[data-theme=baby-shower]{--bg: #f4f6f0;--accent: #6f8f6a;--accent-soft: #e4ebe0;--gold: #b7a76a;--font-display: "Quicksand", sans-serif}:root[data-theme=anniversary]{--bg: #faf0ee;--accent: #7d3242;--accent-soft: #ecdadd;--gold: #c7a05c;--font-display: "Cormorant Garamond", serif}:root[data-theme=graduation]{--bg: #f2f3f1;--accent: #27425e;--accent-soft: #dde3e8;--gold: #b8964f;--font-display: "Lora", serif}:root[data-theme=memorial]{--bg: #f4f2ee;--accent: #4b5a50;--accent-soft: #e2e5e0;--gold: #a89361}*{box-sizing:border-box}svg{width:1em;height:1em}html,body{margin:0}body{min-height:100dvh;display:flex;justify-content:center;background-color:var(--bg);background-image:radial-gradient(ellipse 800px 500px at 50% -10%,var(--accent-soft) 0%,transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch' result='noise'/%3E%3CfeColorMatrix in='noise' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:no-repeat,repeat;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;padding:40px 20px;transition:background-color .4s ease}#decoration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.deco-item{position:absolute;transform:translate(-50%,-50%)}.deco-item svg{display:block;width:100%;height:100%;overflow:visible}.deco-lg{width:clamp(110px,24vw,170px);height:clamp(110px,24vw,170px)}.deco-md{width:clamp(75px,16vw,115px);height:clamp(75px,16vw,115px)}.deco-sm{width:clamp(48px,10vw,75px);height:clamp(48px,10vw,75px)}#app{width:100%;max-width:420px;text-align:center;position:relative;z-index:1}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#app>*{animation:fade-up .35s ease both}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.eyebrow{font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;transition:color .25s ease}.icon-badge{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;background:radial-gradient(circle at 30% 28%,color-mix(in srgb,var(--accent-soft) 65%,white),var(--accent-soft));color:var(--accent);display:flex;align-items:center;justify-content:center;transition:background .25s ease,color .25s ease}.icon-badge svg{width:24px;height:24px}.brand-logo{display:block;height:34px;width:auto;margin:0 auto 20px}.social-links{display:flex;justify-content:center;gap:22px;margin:24px 0 4px}.social-links a{display:inline-flex;align-items:center;gap:7px;color:var(--ink-soft);font-size:.82rem;font-weight:500;text-decoration:none;transition:color .15s ease}.social-links a:hover{color:var(--accent)}.social-links svg{width:18px;height:18px}h1{font-family:var(--font-display);font-weight:500;font-size:1.9rem;line-height:1.2;margin:0 0 6px;letter-spacing:-.01em}.flourish{color:var(--gold);display:flex;justify-content:center;margin:10px 0 16px;transition:color .25s ease}.flourish svg{width:100px;height:12px}p.hint{color:var(--ink-soft);margin:0 0 22px;font-size:.95rem}p.hint.muted{margin-top:-16px;font-size:.8rem;opacity:.8}p.hint.attribution{display:flex;align-items:center;justify-content:center;gap:10px;margin:-6px 0 18px;font-size:.88rem}p.hint.attribution strong{color:var(--ink)}p.hint.noise-hint{color:var(--accent);font-size:.85rem;max-width:34ch;margin-inline:auto;animation:fade-up .35s ease both}hr.rule{border:none;border-top:1px solid var(--hairline);margin:26px 0}.field-label{display:block;text-align:left;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--ink-soft);margin:2px 0 6px}input[type=text],input[type=email],input[type=date]{width:100%;box-sizing:border-box;padding:13px 15px;font-family:var(--font-body);font-size:1rem;color:var(--ink);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-sm);margin:0 0 14px;transition:border-color .15s ease,box-shadow .15s ease}input[type=text]:focus,input[type=email]:focus,input[type=date]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=text]::placeholder,input[type=email]::placeholder{color:var(--ink-soft);opacity:.8}input[type=text].invalid,input[type=email].invalid,input[type=date].invalid{border-color:#b00020;animation:shake .25s ease}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}button{font-family:var(--font-body);font-size:.98rem;font-weight:600;padding:13px 26px;border-radius:999px;border:none;cursor:pointer;margin:5px;transition:transform .12s ease,box-shadow .12s ease,background .15s ease}button:active{transform:scale(.97)}button.primary{background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 85%,white 15%) 0%,var(--accent) 100%);color:var(--accent-ink);box-shadow:0 6px 18px -6px color-mix(in srgb,var(--accent) 60%,transparent)}button.primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px -6px color-mix(in srgb,var(--accent) 65%,transparent)}button.secondary{background:transparent;color:var(--ink-soft);border:1px solid var(--hairline)}button.secondary:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-inline{width:16px;height:16px;vertical-align:-3px;margin-right:6px}.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;margin:4px 0 20px}.type-option{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:10px 2px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--surface);cursor:pointer;color:var(--ink-soft);font-size:.68rem;font-weight:500;transition:border-color .15s ease,color .15s ease,background .15s ease}.type-option svg{width:18px;height:18px}.type-option:hover{border-color:var(--accent);color:var(--ink)}.type-option.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.record-button{position:relative;width:64px;height:64px;border-radius:50%;margin:18px auto;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;padding:0}.record-button svg{width:22px;height:22px}.record-button:before,.record-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid var(--accent);opacity:0}.record-button.live:before{animation:pulse-ring 2s ease-out infinite}.record-button.live:after{animation:pulse-ring 2s ease-out infinite 1s}@keyframes pulse-ring{0%{transform:scale(1);opacity:.55}to{transform:scale(1.55);opacity:0}}.timer{font-family:var(--font-body);font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-soft);margin:4px 0 18px}audio{width:100%;margin:14px 0}.card{background:linear-gradient(165deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 90%,var(--accent-soft)) 100%);border:1px solid var(--hairline);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-soft);margin:4px 0 18px}.qr{max-width:180px;width:100%;height:auto;border-radius:var(--radius-sm);margin:0 auto 14px;display:block}.link-text{font-size:.82rem;color:var(--ink-soft);word-break:break-all;margin:0 0 10px;font-family:ui-monospace,SF Mono,Consolas,monospace}.warning{background:var(--accent-soft);color:var(--ink);border-radius:var(--radius-sm);padding:12px 16px;margin:20px 0 14px;text-align:left;font-size:.9rem}.warning strong{color:var(--accent)}.error{color:#b00020}.recording{text-align:left;border-bottom:1px solid var(--hairline);padding:16px 0}.recording:last-of-type{border-bottom:none}.recording-meta{color:var(--ink-soft);font-size:.85rem;margin:0 0 10px;display:flex;justify-content:space-between;gap:8px}.recording-meta .guest{color:var(--ink);font-weight:600}.player{display:flex;align-items:center;gap:12px}.player-btn{flex:none;width:40px;height:40px;border-radius:50%;margin:0;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;padding:0}.player-btn svg{width:16px;height:16px}.player-bar{flex:1;height:5px;border-radius:999px;background:var(--hairline);position:relative;cursor:pointer}.player-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;border-radius:999px;background:var(--accent)}.player-time{flex:none;font-size:.78rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.copy-btn{display:inline-flex;align-items:center;gap:6px}.copy-btn svg{width:16px;height:16px;flex:none}.toggle{display:flex;align-items:center;gap:10px;text-align:left;margin:4px 0 20px;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:38px;height:22px;border-radius:999px;background:var(--hairline);position:relative;flex:none;transition:background .15s ease}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s ease}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(16px)}.toggle-label{font-size:.9rem;color:var(--ink-soft)}.link-btn{background:none;border:none;padding:0;margin:0;color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.link-btn svg{width:14px;height:14px;flex:none}.link-btn.danger{color:#b00020}.transcript{margin:10px 0 0;padding:10px 12px;background:var(--accent-soft);border-radius:var(--radius-sm);font-size:.88rem;font-style:italic;color:var(--ink);text-align:left;animation:fade-up .35s ease both}.admin-row{text-align:left;border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:10px}.admin-row-name{margin:0 0 4px;font-weight:600}.admin-row .toggle{margin:10px 0}.admin-row-actions{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:6px}.admin-qr-slot:not(:empty){margin-top:10px}