/* Weisender World — VNext's design language (gold on black, Georgia serif, phone frame), WORLD's own surface. */
:root{
  --gold:#D4AF37; --gold-light:#E8C96A; --gold-dim:#6b5620;
  --bg:#0B0B0F; --card:#111114; --line:#1e1c14; --text:#E8DFC0; --sub:#7a7060;
  --white:#FFFFFF; --green:#22C55E; --yellow:#FACC15; --orange:#FB923C; --red:#EF4444;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:Georgia,"Times New Roman",serif;color:var(--text);background:var(--bg);display:grid;place-items:center;overflow:hidden}
.phone{position:relative;width:min(420px,100vw);height:min(860px,100dvh);overflow:hidden;display:flex;flex-direction:column;
  background:radial-gradient(circle at 50% -8%,rgba(212,168,55,.14),transparent 38%),var(--bg);border:1px solid #15130c}
@media(min-width:960px){.phone{width:min(960px,94vw);height:min(920px,96dvh);border-radius:20px;
  box-shadow:0 26px 90px rgba(0,0,0,.55),0 0 0 1px rgba(212,168,55,.10)}
  .stage section{max-width:780px;margin-inline:auto}}

.nilbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 12px 10px;flex:0 0 auto;
  background:linear-gradient(180deg,rgba(15,14,10,.52),rgba(15,14,10,.88)),url(/assets/img/world-bg.webp) center/cover no-repeat,#0f0e0a}
.persona{display:flex;flex-direction:column;align-items:center;gap:3px;width:78px}
.nil-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid var(--gold-dim);
  background:radial-gradient(circle,#1a1600,#0a0a0c);box-shadow:0 0 16px rgba(212,168,55,.26)}
.nil-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.nil-name{font-size:13px;font-weight:700;color:var(--gold-light)}
.hdr-brand{display:flex;flex-direction:column;align-items:center;gap:2px}
.hdr-logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(212,168,55,.42))}
.hdr-name{font-size:15px;letter-spacing:.14em;font-weight:700;color:var(--gold-light);text-shadow:0 0 10px rgba(212,168,55,.35)}
.hdr-world{font-size:10px;letter-spacing:.42em;color:var(--gold);padding-left:.42em}
.divider{height:1px;margin:4px 16px 8px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent);flex:0 0 auto}

.stage{position:relative;flex:1 1 auto;min-height:0}
[data-page]{position:absolute;inset:0;padding:6px 16px 24px;overflow-y:auto}
[data-page][hidden]{display:none}
h1.title{font-size:19px;color:var(--gold-light);text-shadow:0 0 18px rgba(212,168,55,.35);margin:6px 0 8px;line-height:1.3}
.lead{color:var(--text);opacity:.85;font-size:14px;line-height:1.5;margin-bottom:14px}
.lbl{display:block;font-size:12px;color:var(--sub);margin:12px 0 6px;letter-spacing:.02em}
.fine{font-size:11.5px;color:var(--sub);line-height:1.45;margin-top:12px}
.langgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(min-width:960px){.langgrid{grid-template-columns:repeat(4,1fr)}}
.langbtn{padding:10px 10px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;
  font-size:14px;text-align:start;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:6px}
.langbtn.on{border-color:var(--gold);background:rgba(212,168,55,.12);color:var(--gold-light)}
.badge{font-size:9.5px;padding:2px 6px;border-radius:999px;border:1px solid var(--gold-dim);color:var(--gold);white-space:nowrap}
.badge.lim{color:var(--sub);border-color:#2a2618}
.field{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:14px}
.bigbtn{width:100%;margin-top:16px;padding:13px 16px;border-radius:14px;border:1px solid var(--gold);cursor:pointer;
  background:linear-gradient(180deg,#e8c96a,#b8922a);color:#0b0b0f;font-family:inherit;font-size:16px;font-weight:700}

.thread{display:flex;flex-direction:column;gap:12px}
.bubble{align-self:flex-end;max-width:85%;padding:10px 12px;border-radius:14px 14px 4px 14px;background:#1a1810;border:1px solid var(--gold-dim);
  font-size:14.5px;line-height:1.45;white-space:pre-wrap}
[dir=rtl] .bubble{align-self:flex-start;border-radius:14px 14px 14px 4px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-size:14.5px;line-height:1.5}
.card.urgent{border-color:var(--red);box-shadow:0 0 0 1px rgba(239,68,68,.25)}
.card p{margin:0 0 8px}
.card p.first.urgent{color:#ffd6d6;font-weight:700}
.card a.tel{color:var(--gold-light);font-weight:700;text-decoration:none;border-bottom:1px dashed var(--gold-dim);white-space:nowrap}
.card a.tel::before{content:"📞 "}
.mt{font-size:11px;color:var(--sub);margin-top:6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.linkbtn{background:none;border:none;color:var(--gold);font-family:inherit;font-size:11.5px;cursor:pointer;text-decoration:underline;padding:0}
.orig{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);font-size:13px;opacity:.85}
.orig[hidden]{display:none}
.src{margin-top:8px;font-size:12px;color:var(--sub)}
.src summary{cursor:pointer;color:var(--gold)}
.src li{margin:4px 0 0 16px;word-break:break-all}
.src a{color:var(--gold-light)}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.opt{padding:7px 11px;border-radius:999px;border:1px solid var(--gold-dim);background:#13110a;color:var(--gold-light);font-family:inherit;font-size:13px;cursor:pointer}
.opt:hover{border-color:var(--gold)}
.typing{color:var(--sub);font-style:italic;font-size:13px}
.err{color:var(--orange);font-size:13px}

.askbar{flex:0 0 auto;display:flex;align-items:flex-end;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid var(--line);background:linear-gradient(180deg,#0e0d09,#0b0b0f)}
.askbar[hidden]{display:none}
.askbar textarea{flex:1 1 auto;resize:none;max-height:140px;padding:10px 12px;border-radius:14px;border:1px solid var(--gold-dim);
  background:var(--card);color:var(--text);font-family:inherit;font-size:15px;line-height:1.4}
.iconbtn,.sendbtn{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:1px solid var(--gold-dim);background:#13110a;color:var(--gold-light);
  font-size:18px;cursor:pointer;display:grid;place-items:center}
.sendbtn{background:linear-gradient(180deg,#e8c96a,#b8922a);color:#0b0b0f;border-color:var(--gold)}
[dir=rtl] .sendbtn{transform:scaleX(-1)}

/* brand hero (operator's brand assets, F:/MARKETING/WEISENDER/WORLD; see img/brand/BRAND_SOURCES.json) */
.hero{position:relative;margin:0 -16px 8px;aspect-ratio:1672/941;max-height:260px;display:flex;flex-direction:column;justify-content:flex-end;
  align-items:center;padding-bottom:14px;background:url(/assets/img/brand/background-900.webp) center top/cover no-repeat,#05050a}
@media(min-width:960px){.hero{max-height:380px;background-image:url(/assets/img/brand/background-1600.webp)}}
.hero-tag{font-size:15px;color:var(--text);letter-spacing:.02em;text-shadow:0 2px 10px #000}
.hero-sub{font-size:12.5px;color:var(--gold-light);margin-top:4px;text-shadow:0 2px 10px #000}
/* the first greeting */
.hero-small{aspect-ratio:auto;height:120px;max-height:none}
.greet-ask{font-size:18px;color:var(--gold-light);margin:14px 0 4px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.opt.on{background:var(--gold);color:#0B0B0F;border-color:var(--gold)}
.linkbtn{display:block;width:100%;margin-top:12px;padding:10px;background:none;border:none;color:var(--gold-light);text-decoration:underline;
  font-family:inherit;font-size:14px;cursor:pointer}