:root{--paper:#f7f0e4;--ink:#3b2d27;--terra:#ac6e5c;--gold:#c4a652;--soft:#efe4d2;--ok:#6f8f6a;--bad:#a8483d}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Lora',Georgia,serif;font-size:19px;line-height:1.55}
.wrap{max-width:640px;margin:0 auto;padding:20px 20px 60px}
header{text-align:center;padding:18px 0 4px}
.brand{font-family:'Pinyon Script',cursive;font-size:56px;line-height:1;color:var(--ink)}
.fam{letter-spacing:.42em;font-size:13px;color:var(--terra);margin-top:2px;padding-left:.42em}
.lang{display:flex;gap:8px;justify-content:center;margin:14px 0}
.lang button{background:none;border:1px solid var(--terra);color:var(--terra);border-radius:20px;padding:4px 12px;font:inherit;font-size:14px;cursor:pointer}
.lang button.on{background:var(--terra);color:#fff}
h1{font-weight:500;font-size:28px;line-height:1.25;text-align:center;margin:18px 0 8px}
p.sub{text-align:center;color:#6b574c;margin:0 0 22px}
.card{background:#fffaf1;border:1px solid #e6d6bd;border-radius:16px;padding:18px 20px;margin:14px 0}
.step{display:flex;gap:14px;align-items:flex-start}
.step b{flex:0 0 36px;height:36px;border-radius:50%;background:var(--terra);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}
.btn{display:block;width:100%;border:0;border-radius:14px;background:var(--terra);color:#fff;font:600 21px 'Lora',serif;padding:18px;cursor:pointer;text-align:center;text-decoration:none}
.btn:disabled{opacity:.45}
.btn.alt{background:#fff;color:var(--terra);border:2px solid var(--terra)}
.rec{width:150px;height:150px;border-radius:50%;margin:10px auto;display:flex;align-items:center;justify-content:center;background:var(--terra);color:#fff;border:0;font:600 20px 'Lora',serif;cursor:pointer;box-shadow:0 0 0 10px rgba(172,110,92,.15)}
.rec.live{background:var(--bad);animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(168,72,61,.45)}100%{box-shadow:0 0 0 26px rgba(168,72,61,0)}}
.timer{text-align:center;font-size:34px;font-variant-numeric:tabular-nums;margin:6px 0}
.status{text-align:center;font-size:16px;color:#6b574c;min-height:24px}
.status.ok{color:var(--ok)}.status.bad{color:var(--bad)}
label.chk{display:flex;gap:12px;align-items:flex-start;font-size:16px}
label.chk input{width:24px;height:24px;margin-top:3px;flex:0 0 24px}
input[type=number],input[type=text]{font:inherit;font-size:20px;padding:10px 12px;border:1px solid #d9c6a8;border-radius:10px;width:100%;background:#fff}
.row{display:flex;gap:10px;align-items:center}
.small{font-size:15px;color:#6b574c}
.link{word-break:break-all;background:var(--soft);border-radius:10px;padding:10px 12px;font-size:15px}
audio{width:100%;margin:6px 0}
.rt{border-top:1px solid #e6d6bd;padding:12px 0}
.rt:first-child{border-top:0}
nav.tabs{display:flex;gap:8px;margin:10px 0}
nav.tabs a{flex:1;text-align:center;padding:10px;border-radius:12px;border:1px solid var(--terra);color:var(--terra);text-decoration:none;font-size:17px}
nav.tabs a.on{background:var(--terra);color:#fff}
footer{text-align:center;font-size:14px;color:#8a7668;margin-top:30px}
footer a{color:inherit}
.hide{display:none}