:root{--bg:#0d0b09;--c1:#171310;--cu:#b87333;--au:#e8c77a;--tx:#f5ead7;--mu:#b9a68a}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% -10%,#3a2615 0,transparent 45%),radial-gradient(circle at 110% 30%,#2a1d10 0,transparent 40%),var(--bg);color:var(--tx);font-family:"Segoe UI",system-ui,sans-serif;padding-bottom:30px}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:#0d0b09ee;backdrop-filter:blur(8px);border-bottom:1px solid #b8733355}
.logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font:700 20px Georgia,serif;color:var(--au);border:2px solid var(--cu);background:linear-gradient(145deg,#1d1610,#0d0b09)}
.tt{flex:1;line-height:1.1}.tt b{font:700 18px Georgia,serif;background:linear-gradient(90deg,var(--au),var(--cu));-webkit-background-clip:text;color:transparent}.tt small{display:block;color:var(--mu);font-size:11px;font-style:italic}
.inst{background:linear-gradient(135deg,var(--au),var(--cu));color:#1a1009;border:0;border-radius:20px;padding:8px 11px;font-weight:700;font-size:12px}
main{max-width:640px;margin:auto;padding:14px}
.card{background:linear-gradient(180deg,#1b1611,#13100c);border:1px solid #b8733355;border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 10px 30px #0008}
h1,h2{font-family:Georgia,serif;color:var(--au);margin:4px 0 8px}h2{font-size:19px;margin:0}
.mut{color:var(--mu)}.sm{font-size:12px;margin:6px 0 12px}.err{color:#ff9b8a;min-height:1em;font-weight:600}
.hide{display:none!important}
input,textarea{width:100%;background:#0d0b09;border:1px solid #b8733388;color:var(--tx);border-radius:12px;padding:12px;font:16px inherit;font-family:inherit}
#pin,#pin2{font-size:26px;letter-spacing:10px;text-align:center;margin:8px 0}
button{font:inherit;border-radius:12px;border:1px solid #b8733399;background:#1f1812;color:var(--tx);padding:11px 14px;cursor:pointer}
.gold{background:linear-gradient(135deg,var(--au),var(--cu));color:#1a1009;font-weight:700;border:0;width:100%}.big{font-size:18px;padding:15px;margin-top:6px}
.dng{border-color:#ff9b8a88;color:#ffb3a6}.lnk{background:none;border:0;color:var(--au);text-decoration:underline;padding:6px}
.lb{display:block;margin:12px 0 6px;color:var(--au);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.pbox{position:relative}.pbox textarea{padding-right:56px;resize:vertical}.mic{position:absolute;right:8px;top:8px;width:42px;height:42px;padding:0;border-radius:50%;font-size:20px}.mic.rec{background:#b83333;animation:pl 1s infinite}@keyframes pl{50%{box-shadow:0 0 0 8px #b8333344}}
.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button{border-radius:20px;padding:8px 12px;font-size:14px}.chips button.on,.fmt button.on{background:linear-gradient(135deg,var(--au),var(--cu));color:#1a1009;border-color:transparent;font-weight:700}
.fmt{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fmt button{font-size:13px;padding:10px 4px}
.foto{display:flex;align-items:center;gap:10px}.up{border:1px dashed var(--cu);border-radius:12px;padding:12px 14px;color:var(--au);cursor:pointer}#prev{width:64px;height:64px;object-fit:cover;border-radius:10px;border:2px solid var(--au)}
.gh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.gal img{width:100%;border-radius:12px;border:1px solid #b8733366;display:block;cursor:pointer}
.ov{position:fixed;inset:0;z-index:20;background:#000c;display:grid;place-items:center;padding:16px;text-align:center}
.spin{width:58px;height:58px;margin:auto;border-radius:50%;border:5px solid #b8733344;border-top-color:var(--au);animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.dl{max-width:360px}.row{display:flex;gap:8px;margin-top:12px}.row button{flex:1;width:auto}
.vw{max-width:560px;width:100%}.vw img{max-width:100%;max-height:70vh;border-radius:14px;border:1px solid var(--cu)}
#dlg,#tip{z-index:30}
