:root { --bg:#0f1410; --card:#1a211c; --text:#f3f1ea; --muted:#b7b3a8; --acc:#c9a227; }
html.fb-ig-android { zoom: 0.8; }
html.fb-ig-android #video-box { zoom: 1.25; }
* { box-sizing: border-box; }
body { margin:0; font-family: Georgia, serif; background:radial-gradient(900px 500px at 50% -10%, #2a332c, var(--bg)); color:var(--text); }
main { max-width:720px; margin:0 auto; padding:48px 20px 80px; }
h1 { font-weight:600; letter-spacing:.04em; font-size:clamp(28px,5vw,44px); margin:0 0 8px; }
h2 { margin:0 0 12px; font-size:22px; }
.sub, .hint, footer { color:var(--muted); }
.raised { color:var(--acc); white-space:nowrap; font-size:clamp(12px, 3.4vw, 18px); overflow:hidden; text-overflow:ellipsis; }
.card { background:var(--card); border:1px solid #2c362f; border-radius:18px; padding:22px; margin:16px 0; }
p { line-height:1.55; color:#e8e4d9; }
label { display:block; margin:0 0 8px; color:var(--muted); }
input { width:100%; border:1px solid #3a453e; background:#111; color:var(--text); border-radius:12px; padding:12px; font-size:15px; }
input::placeholder { color:#8a867c; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
button { margin-top:14px; background:var(--acc); color:#111; border:0; border-radius:12px; padding:12px 16px; font-weight:700; cursor:pointer; font-family:Arial,sans-serif; max-width:100%; white-space:normal; line-height:1.3; }
.addr { font-family:Consolas,ui-monospace,monospace; background:#111; padding:12px 8px; border-radius:10px; user-select:all; -webkit-user-select:all; white-space:nowrap; overflow-x:auto; font-size:clamp(10px, 3.1vw, 15px); letter-spacing:-0.02em; text-align:center; }
.sum { font-size:28px; margin:0 0 12px; }
#qr { display:block; width:192px; height:192px; background:#fff; border-radius:12px; padding:8px; margin:8px 0 12px; }
.err { color:#e08a8a; min-height:1.2em; }
.hidden { display:none !important; }
a { color:var(--acc); }
.share-box { display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; text-align:center; }
.fb-btn { display:inline-flex; align-items:center; gap:8px; background:#1877F2; color:#fff !important; text-decoration:none; border-radius:10px; padding:10px 16px; font-family:Arial,sans-serif; font-weight:700; }
.fb-btn:hover { filter:brightness(1.08); }
#video-box { display:flex; justify-content:center; }
#promo { display:block; width:min(100%, 420px); aspect-ratio:9/16; height:auto; max-height:80vh; object-fit:contain; border-radius:12px; background:#000; }
footer { margin-top:36px; font-size:14px; text-align:center; }
.lang-wrap { position:fixed; top:14px; right:14px; z-index:20; }
[dir="rtl"] .lang-wrap { right:auto; left:14px; }
#lang-btn { margin:0; background:#1a211c; color:#f3f1ea; border:1px solid #3a453e; min-width:64px; }
.lang-menu { position:absolute; top:44px; right:0; background:#1a211c; border:1px solid #3a453e; border-radius:12px; min-width:88px; overflow:hidden; }
[dir="rtl"] .lang-menu { right:auto; left:0; }
.lang-menu button { display:block; width:100%; margin:0; border-radius:0; background:transparent; color:#f3f1ea; text-align:left; }
.lang-menu button:hover, .lang-menu button.active { background:#2c362f; }