:root{--bg:radial-gradient(120% 70% at 50% 0%,#1C2A4F,#0A1124 70%);--base:#0A1124;--acc:#D9B96E;--ink:#F1E7CC;--line:rgba(217,185,110,.45)}
.theme-b{--bg:radial-gradient(110% 60% at 50% 0%,#151B2E,#05070D 72%);--base:#05070D;--acc:#E4BFA3;--ink:#F3E6DC;--line:rgba(228,191,163,.45)}
*{box-sizing:border-box;margin:0}html{background:var(--base)}body{min-height:100dvh;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif}
main{max-width:430px;margin:0 auto;min-height:100dvh;padding:52px 26px 28px;display:flex;flex-direction:column}.g{flex:1}
.br{text-align:center;font:600 17px 'Cormorant Garamond',serif;letter-spacing:.38em;text-transform:uppercase;color:var(--acc)}.ph{text-align:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin-top:4px}
h1{font:500 42px/1.05 'Cormorant Garamond',serif;text-align:center;margin:30px 0 8px}h1 i{color:var(--acc)}.s{text-align:center;font-size:14px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 2px;border:0;border-bottom:1.5px solid var(--line);background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.row b{font:600 24px 'Cormorant Garamond',serif}.row small{font-size:14px;opacity:.7}.row.on b{color:var(--acc)}.row:disabled{opacity:.45;cursor:default}
.tag{font-size:13px;border:1.5px solid var(--acc);color:var(--acc);border-radius:4px;padding:3px 8px;margin-left:8px}
.v{display:flex;gap:5px;padding:12px 0}.v button{font:14px Inter;border:1.5px solid var(--line);padding:6px 9px;border-radius:4px;background:none;color:inherit}.v button.o{background:var(--acc);color:var(--base);border-color:var(--acc)}
.btn{display:block;width:100%;border:1.5px solid var(--acc);color:var(--acc);background:none;text-align:center;padding:18px;font:600 14px Inter;letter-spacing:.28em;text-transform:uppercase;border-radius:4px;cursor:pointer}.btn.f{background:var(--acc);color:var(--base)}.btn:disabled{opacity:.5}
.p{text-align:center;font-size:14px;opacity:.7;margin-top:14px;line-height:1.45}.err{color:#F2A28F;text-align:center;font-size:14px;margin-top:14px;min-height:20px}
.code{display:flex;gap:8px;justify-content:center;margin-top:40px}.code input{width:46px;height:62px;border-radius:6px;background:rgba(255,255,255,.04);border:1.5px solid var(--line);text-align:center;font:600 32px 'Cormorant Garamond',serif;color:var(--ink)}.code input:focus{outline:none;border:2px solid var(--acc)}
.seal{width:200px;height:200px;margin:40px auto 0;border-radius:50%;border:2px solid var(--acc);display:flex;align-items:center;justify-content:center;box-shadow:0 0 80px rgba(217,185,110,.25)}.seal div{width:160px;height:160px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font:500 56px 'Cormorant Garamond',serif;color:var(--acc)}
.prev{margin-top:24px;min-height:200px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}
.prev video{width:100%;max-height:320px;border-radius:10px}.prev audio{width:100%}.prev q{font:italic 500 26px/1.25 'Cormorant Garamond',serif;text-align:center;quotes:none}
.field,textarea{width:100%;margin-top:18px;border-radius:6px;background:rgba(255,255,255,.04);border:1.5px solid var(--line);padding:15px 16px;font:15px Inter;color:var(--ink)}textarea{min-height:110px;resize:none}
.note{font-size:14px;opacity:.7;margin-top:8px;line-height:1.4}.link{display:block;margin:0 auto 12px;background:none;border:0;font:15px Inter;color:var(--acc);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}