:root{
  --bg:#0f0804;
  --panel:#1c1009;
  --panel2:#24140a;
  --text:#fff7ec;
  --muted:#d8c2a7;
  --accent:#ff9f1c;
  --accent2:#ffd166;
  --danger:#ff5d5d;
  --green:#7ee081;
  --line:rgba(255,255,255,.12);
  --shadow:0 24px 80px rgba(0,0,0,.35);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:radial-gradient(circle at top,#2c1609 0,#110905 36%,#0b0603 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
.page-shell{min-height:100vh;overflow:hidden}
.hero{position:relative;padding:18px clamp(16px,4vw,56px) 42px;border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,159,28,.16),transparent 35%),radial-gradient(circle at 80% 15%,rgba(255,209,102,.14),transparent 30%);pointer-events:none}
.topbar,.hero-grid,main,.footer-inner{width:min(1180px,100%);margin-inline:auto}
.topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{font-weight:900;letter-spacing:.13em;text-decoration:none;font-size:clamp(.72rem,1.4vw,.92rem);white-space:nowrap}
.language-switcher{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.lang-btn{border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;border-radius:999px;padding:8px 11px;font-weight:800;display:inline-flex;align-items:center;gap:6px}
.lang-btn.active{background:var(--accent);color:#1a0b00;border-color:var(--accent)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(290px,.92fr);gap:clamp(24px,5vw,72px);align-items:center;padding-top:32px}
.eyebrow,.section-kicker,.result-overline{font-size:.78rem;font-weight:1000;letter-spacing:.16em;color:var(--accent2)}
h1{margin:.18em 0 .25em;font-size:clamp(2.15rem,7vw,6.5rem);line-height:.86;letter-spacing:-.055em;max-width:12ch;overflow-wrap:anywhere;text-wrap:balance}
.hero-lead{font-size:clamp(1rem,2vw,1.25rem);line-height:1.55;color:var(--muted);max-width:720px}
.warning-card{margin-top:22px;padding:18px 20px;border:1px solid rgba(255,93,93,.35);background:rgba(255,93,93,.09);border-radius:18px;display:grid;gap:6px;line-height:1.45}
.warning-card strong{color:#ff8d8d}
.hero-art-wrap{display:flex;justify-content:center;min-width:0}
.hero-art{width:min(100%,540px);height:auto;aspect-ratio:16/10;object-fit:contain;filter:drop-shadow(0 26px 50px rgba(0,0,0,.35))}
main{padding:32px clamp(14px,3vw,28px) 72px}
.panel{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(20px,4vw,38px);margin:0 0 26px;min-width:0}
.section-heading h2,.calculate-copy h2,.result-hero h2{font-size:clamp(1.55rem,4vw,2.75rem);margin:.18em 0 .3em;letter-spacing:-.03em;overflow-wrap:anywhere}
.section-heading p,.calculate-copy p{color:var(--muted);line-height:1.6;margin:.3em 0 0;max-width:850px}
.drink-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}
.drink-card{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:20px;padding:16px;min-width:0}
.drink-emoji{font-size:2rem;grid-row:1/3}
.drink-name{font-weight:900}
.drink-card input{grid-column:2;width:100%;min-width:0;background:#120904;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff;padding:10px 12px;font-size:1.2rem;font-weight:900}
.drink-help{grid-column:1/-1;font-size:.79rem;color:var(--muted);line-height:1.35}
.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.context-grid label{display:grid;gap:8px;font-weight:800}
.context-grid input,.context-grid select{width:100%;min-width:0;background:#120904;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px 15px;outline:none}
.context-grid input:focus,.context-grid select:focus,.drink-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,159,28,.15)}
.quiz-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 16px}
.quiz-counter{font-weight:900;color:var(--accent2)}
.questions{display:grid;gap:13px}
.question{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px;padding:15px}
.question-top{display:flex;align-items:flex-start;gap:10px}
.q-index{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,159,28,.15);color:var(--accent2);font-weight:1000}
.q-text{font-weight:850;line-height:1.4;padding-top:4px}
.answer-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}
.answer-scale input{position:absolute;opacity:0;pointer-events:none}
.answer-scale label{display:flex;align-items:center;justify-content:center;text-align:center;min-height:42px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);padding:7px 6px;font-size:.76rem;font-weight:800;line-height:1.1;cursor:pointer;user-select:none}
.answer-scale input:checked+label{background:var(--accent);color:#1a0b00;border-color:var(--accent);transform:translateY(-1px)}
.calculate-panel{display:flex;align-items:center;justify-content:space-between;gap:24px}
.calculate-copy{display:flex;align-items:center;gap:18px;min-width:0}
.mini-mascot{width:92px;height:92px;object-fit:contain;flex:0 0 auto}
.primary-btn,.secondary-btn,.ghost-btn{border-radius:14px;padding:13px 18px;font-weight:950;border:1px solid transparent;transition:.2s ease;max-width:100%}
.primary-btn{background:linear-gradient(180deg,#ffb039,#ff8a00);color:#1b0b00;box-shadow:0 12px 28px rgba(255,159,28,.18)}
.secondary-btn{background:#fff;color:#17100a}
.ghost-btn{background:transparent;border-color:var(--line);color:#fff}
.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}
.big-btn{font-size:clamp(.9rem,2vw,1.08rem);white-space:normal;text-align:center}
.hidden{display:none!important}
.result-panel{border-color:rgba(255,159,28,.3)}
.result-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.result-hero p{color:var(--muted);font-size:1.03rem;line-height:1.5;max-width:700px}
.score-dial{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle at 35% 30%,#ffbf55,#ff8d0b 58%,#ac4e00);box-shadow:inset 0 0 0 8px rgba(255,255,255,.12),0 18px 38px rgba(0,0,0,.28);color:#1c0b00}
.score-number{font-size:2.5rem;font-weight:1000;line-height:.9}
.score-number small{font-size:.88rem}.score-label{font-size:.72rem;font-weight:950;margin-top:7px;text-transform:uppercase}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}
.metric-card{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px;padding:16px;display:grid;gap:7px;min-width:0}
.metric-card span{font-size:.8rem;color:var(--muted);font-weight:750}.metric-card strong{font-size:clamp(1.6rem,4vw,2.4rem);overflow-wrap:anywhere}.metric-card small{font-size:.72rem;color:#ad9980}
.result-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:16px;margin-bottom:16px}
.result-card{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:20px;padding:20px;min-width:0}
.result-card h3{margin:0 0 12px;font-size:1.2rem}.result-card p{color:var(--muted);line-height:1.6}
.image-card{padding:0;overflow:hidden;min-height:260px}.image-card img{width:100%;height:100%;object-fit:cover;display:block}
.bars{display:grid;gap:11px;margin-top:18px}.bar-row{display:grid;grid-template-columns:minmax(120px,.65fr) 1.35fr 48px;gap:9px;align-items:center}.bar-label{font-size:.78rem;font-weight:800;color:#f7dcc0}.bar-track{height:10px;background:#100805;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px}.bar-value{text-align:right;font-size:.75rem;font-weight:900}
.prediction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prediction{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:13px;background:rgba(0,0,0,.12);line-height:1.4}.prediction .icon{font-size:1.2rem}.prediction strong{display:block}.prediction small{color:var(--muted)}
.reality-card{margin-top:16px;border-color:rgba(126,224,129,.32);background:rgba(126,224,129,.07)}.reality-card h3{color:#a7f0aa}
.export-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
footer{border-top:1px solid var(--line);padding:28px clamp(16px,4vw,56px) 46px;color:#bca98f}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;align-items:center;font-size:.83rem}.footer-inner p{margin:0}.back-link{text-decoration:none;font-weight:850;color:var(--accent2)}
@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy h1{margin-inline:auto;max-width:14ch}.hero-lead{margin-inline:auto}.warning-card{text-align:left}.hero-art{width:min(86vw,520px)}
  .drink-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-layout{grid-template-columns:1fr}.image-card{max-height:380px}.calculate-panel{align-items:stretch;flex-direction:column}.big-btn{width:100%}
}
@media (max-width:640px){
  .hero{padding-inline:13px;padding-bottom:26px}.topbar{align-items:flex-start}.brand{padding-top:8px}.lang-btn span{display:none}.lang-btn{padding:8px 9px}
  .hero-grid{padding-top:22px;gap:12px}.hero-copy h1{font-size:clamp(2rem,14vw,4.2rem);line-height:.9;max-width:11ch}.eyebrow{font-size:.65rem;letter-spacing:.1em}.hero-lead{font-size:.96rem}.hero-art{width:min(94vw,440px)}
  main{padding:18px 10px 54px}.panel{padding:17px 13px;border-radius:20px;margin-bottom:16px}.drink-grid{grid-template-columns:1fr 1fr;gap:9px}.drink-card{padding:12px}.drink-emoji{font-size:1.55rem}.drink-help{display:none}.context-grid{grid-template-columns:1fr}
  .quiz-tools{align-items:stretch;flex-direction:column}.ghost-btn{width:100%}.question{padding:12px}.q-index{flex-basis:30px;height:30px}.q-text{font-size:.92rem}.answer-scale{grid-template-columns:1fr;gap:6px}.answer-scale label{min-height:38px;justify-content:flex-start;text-align:left;padding:9px 11px}
  .calculate-copy{align-items:flex-start}.mini-mascot{width:66px;height:66px}.result-hero{grid-template-columns:1fr}.score-dial{width:128px;height:128px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:12px}.metric-card strong{font-size:1.6rem}.prediction-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr 44px}.bar-track{grid-column:1/-1;grid-row:2}.bar-value{grid-column:2;grid-row:1}.export-row>*{width:100%}.footer-inner{display:grid;text-align:center;justify-items:center}
}
@media (max-width:390px){
  .drink-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(1.95rem,13.8vw,3.2rem);max-width:10.5ch}.language-switcher{gap:5px}.lang-btn{font-size:.78rem}
}
@media print{.topbar,.quiz-panel,.intro-panel,.calculate-panel,.export-row,footer,.hero-art-wrap{display:none!important}.hero{padding:0;border:none}.hero-grid{display:block;padding:0}.hero-copy{display:none}.result-panel{box-shadow:none;border:0;margin:0;padding:0}.result-card,.metric-card{break-inside:avoid}.page-shell,body{background:#fff;color:#111}.result-card p,.metric-card span,.metric-card small,.result-hero p{color:#333}}