@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-cyrillic-ext-500-normal-11xBT7e1.woff2) format("woff2"),url(/assets/montserrat-cyrillic-ext-500-normal-DOzfAZ45.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-cyrillic-500-normal-T0SG181k.woff2) format("woff2"),url(/assets/montserrat-cyrillic-500-normal-CyGtXmN9.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-vietnamese-500-normal-NT-t8RG1.woff2) format("woff2"),url(/assets/montserrat-vietnamese-500-normal-DpeZlV_K.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-latin-ext-500-normal-BKtbrd6n.woff2) format("woff2"),url(/assets/montserrat-latin-ext-500-normal-DWPqqZgs.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-latin-500-normal-DRFEGfly.woff2) format("woff2"),url(/assets/montserrat-latin-500-normal-Dok2oTci.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-cyrillic-ext-600-normal-BtBW-rpm.woff2) format("woff2"),url(/assets/montserrat-cyrillic-ext-600-normal-wReYPmz2.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-cyrillic-600-normal-CQEPC0hM.woff2) format("woff2"),url(/assets/montserrat-cyrillic-600-normal-DUglwBrH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-vietnamese-600-normal-DKe6qT_E.woff2) format("woff2"),url(/assets/montserrat-vietnamese-600-normal-SJ-HTWuM.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-latin-ext-600-normal-DSkTqI9L.woff2) format("woff2"),url(/assets/montserrat-latin-ext-600-normal-CSDhkhgS.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-latin-600-normal-UVxSCcoG.woff2) format("woff2"),url(/assets/montserrat-latin-600-normal-CdhFl4lI.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-cyrillic-ext-700-normal-MyDreaeu.woff2) format("woff2"),url(/assets/montserrat-cyrillic-ext-700-normal-D-Mk2xRJ.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-cyrillic-700-normal-D-Pqjtdp.woff2) format("woff2"),url(/assets/montserrat-cyrillic-700-normal-BvLYcGP1.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-vietnamese-700-normal-C0x1De3p.woff2) format("woff2"),url(/assets/montserrat-vietnamese-700-normal-DnwGT2D9.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-latin-ext-700-normal-BOP2Nhf0.woff2) format("woff2"),url(/assets/montserrat-latin-ext-700-normal-DdDFr05Z.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-latin-700-normal-BdjcYUrC.woff2) format("woff2"),url(/assets/montserrat-latin-700-normal-BWkrl476.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/montserrat-cyrillic-ext-800-normal-GOAQXnVZ.woff2) format("woff2"),url(/assets/montserrat-cyrillic-ext-800-normal-mB3PmEeV.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/montserrat-cyrillic-800-normal-DDmpGQGC.woff2) format("woff2"),url(/assets/montserrat-cyrillic-800-normal-B_mUCQ9O.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/montserrat-vietnamese-800-normal-BDwqwvSG.woff2) format("woff2"),url(/assets/montserrat-vietnamese-800-normal-Chy8GRiB.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/montserrat-latin-ext-800-normal-BBvmbyWk.woff2) format("woff2"),url(/assets/montserrat-latin-ext-800-normal-Wjq_OapB.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/montserrat-latin-800-normal-axpkC1rd.woff2) format("woff2"),url(/assets/montserrat-latin-800-normal-C3dfDxXV.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg: #ffffff;--color-text: #4a4a4a;--color-text-muted: #6a6f7a;--color-text-on-btn: #4a4a4a;--color-btn: #f6ecc4;--color-btn-hover: #f1e3a8;--color-btn-strong: #f4ce52;--color-btn-strong-hover: #f0c531;--color-slider-track: #f6ecc4;--color-slider-track-border: #e7d9a6;--color-slider-handle: #f4a423;--color-slider-tick: #9a9aa2;--color-slider-label: #8a7f63;--color-help-ring: #4a4a4a;--color-overlay: rgba(40, 40, 50, .55);--color-surface: #ffffff;--color-info-text: #5a5a5a;--font-heading: "Montserrat", "Trebuchet MS", system-ui, sans-serif;--font-body: "Montserrat", "Trebuchet MS", system-ui, sans-serif;--fs-display: clamp(48px, 5.2vw, 104px);--fs-h1: clamp(26px, 2.3vw, 46px);--fs-result: clamp(34px, 3vw, 60px);--fs-kicker: clamp(20px, 1.7vw, 34px);--fs-title: clamp(22px, 1.9vw, 38px);--fs-body: clamp(16px, 1.2vw, 24px);--fs-label: clamp(13px, .95vw, 19px);--fs-info: clamp(13px, .9vw, 18px);--fs-button: clamp(15px, 1.05vw, 22px);--fw-bold: 800;--fw-semibold: 700;--fw-medium: 600;--fw-regular: 500;--radius-pill: 999px;--radius-card: clamp(16px, 1.8vw, 32px);--btn-pad-y: clamp(12px, .9vw, 18px);--btn-pad-x: clamp(28px, 2.3vw, 46px);--gap-screen-x: clamp(40px, 5vw, 96px);--gap-screen-y: clamp(32px, 4vh, 72px);--transition: .22s ease;--idle-timeout-ms: 90000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}#stage{position:fixed;inset:0;background:var(--color-bg)}#app{position:relative;width:100%;height:100%;background:var(--color-bg);overflow:hidden}.screen{position:absolute;inset:0;padding:var(--gap-screen-y) var(--gap-screen-x);animation:fadeIn var(--transition)}.screen:not(.is-active){display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{display:inline-block;font-family:var(--font-body);font-size:var(--fs-button);font-weight:var(--fw-medium);letter-spacing:.04em;color:var(--color-text-on-btn);background:var(--color-btn);border-radius:var(--radius-pill);padding:var(--btn-pad-y) var(--btn-pad-x);transition:background var(--transition),transform var(--transition);text-transform:uppercase}.btn:hover{background:var(--color-btn-hover)}.btn:active{transform:translateY(1px)}.btn--strong{background:var(--color-btn-strong)}.btn--strong:hover{background:var(--color-btn-strong-hover)}.lang-toggle{position:absolute;top:40px;right:var(--gap-screen-x);font-size:var(--fs-button);font-weight:var(--fw-medium);letter-spacing:.05em;color:var(--color-text-on-btn);background:var(--color-btn);border:1.5px solid var(--color-btn-strong);border-radius:var(--radius-pill);padding:14px 34px;text-transform:uppercase;z-index:20}.lang-toggle:hover{background:var(--color-btn-hover)}.help-btn{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--color-help-ring);color:var(--color-help-ring);font-size:15px;font-weight:var(--fw-bold);line-height:1;display:inline-flex;align-items:center;justify-content:center;flex:none}.help-btn:hover{background:var(--color-btn)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.title-screen{display:flex;align-items:center;justify-content:center;gap:clamp(32px,4vw,72px);height:100%;cursor:pointer}.title-eye{width:clamp(320px,34vw,700px);aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--radius-card);flex:none}.title-text h1{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--fs-title);line-height:1.2;text-transform:uppercase;letter-spacing:.01em}.title-author{margin-top:clamp(10px,1vw,20px);font-size:var(--fs-body);color:var(--color-text-muted)}.title-hint{position:absolute;bottom:clamp(28px,4vh,56px);left:0;right:0;text-align:center;color:var(--color-text-muted);font-size:var(--fs-label);opacity:.8;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.9}}.intro-screen{display:flex;flex-direction:column;height:100%;padding-top:clamp(60px,9vh,140px)}.intro-heading{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--fs-display);line-height:1.04;max-width:16em}.intro-body{margin-top:clamp(28px,3.5vh,56px);max-width:42em}.intro-body p{font-size:var(--fs-body);color:var(--color-text-muted);line-height:1.45;margin-bottom:clamp(14px,1.6vh,28px)}.intro-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:clamp(12px,2vh,24px)}.intro-hint{display:flex;align-items:center;gap:14px;color:var(--color-text-muted);font-size:var(--fs-body)}.question-screen{display:grid;grid-template-columns:1fr clamp(420px,38vw,760px);gap:clamp(40px,5vw,96px);align-items:center;height:100%;padding-top:clamp(70px,9vh,140px)}.q-heading{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--fs-h1);line-height:1.15;margin-bottom:clamp(36px,5vh,72px)}.q-sliders{display:flex;flex-direction:column;gap:clamp(36px,4.5vh,72px)}.q-aside{display:flex;flex-direction:column;align-items:center;gap:clamp(18px,2vw,32px)}.q-image{width:100%;max-width:clamp(420px,38vw,760px);aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-card);background:#ece9e2}.q-info{font-size:var(--fs-info);color:var(--color-info-text);line-height:1.5;text-align:left}.slider-group{width:100%}.slider-head{display:flex;align-items:center;gap:12px;margin-bottom:clamp(16px,2vh,28px)}.slider-head .slider-label{font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text)}.slider{position:relative;user-select:none}.slider-rail{position:relative;height:clamp(20px,1.6vw,30px);border-radius:var(--radius-pill);background:var(--color-slider-track);border:1.5px solid var(--color-slider-track-border);touch-action:none}.slider-fill{display:none}.slider-handle{position:absolute;top:50%;left:50%;width:clamp(30px,2.6vw,46px);height:clamp(30px,2.6vw,46px);background:var(--color-slider-handle);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000040;cursor:grab;transition:left var(--transition);touch-action:none;z-index:3}.slider-handle:active{cursor:grabbing}.slider-handle.is-dragging{transition:none;cursor:grabbing}.slider-diamonds{position:relative;height:clamp(16px,1.4vw,24px);margin-top:clamp(10px,1.2vh,18px)}.slider-diamond{position:absolute;top:0;width:clamp(14px,1.1vw,20px);height:clamp(14px,1.1vw,20px);transform:translate(-50%) rotate(45deg);border:2px solid var(--color-slider-tick);border-radius:3px;background:transparent}.slider-diamond:first-child{transform:translate(0) rotate(45deg)}.slider-diamond:last-child{transform:translate(-100%) rotate(45deg)}.slider-tick-labels{position:relative;margin-top:clamp(8px,1vh,16px);height:1.4em}.slider-tick-label{position:absolute;transform:translate(-50%);font-size:var(--fs-label);color:var(--color-slider-label);white-space:nowrap}.slider-tick-label:first-child{transform:translate(0)}.slider-tick-label:last-child{transform:translate(-100%)}.loading-screen{display:flex;flex-direction:column;height:100%;padding-top:clamp(90px,14vh,200px)}.loading-heading{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--fs-display);line-height:1.05;max-width:18em}.loading-anim{margin-top:clamp(40px,6vh,80px);display:flex;align-items:center;gap:16px}.loading-dot{width:clamp(14px,1.2vw,22px);height:clamp(14px,1.2vw,22px);border-radius:50%;background:var(--color-slider-handle);animation:bounce 1.2s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.15s}.loading-dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-20px);opacity:1}}.loading-screen .btn{margin-top:auto;align-self:flex-start;margin-bottom:clamp(28px,5vh,56px)}.result-screen{display:flex;flex-direction:column;height:100%;padding-top:clamp(50px,7vh,100px)}.result-kicker{font-size:var(--fs-kicker);font-weight:var(--fw-medium);color:var(--color-text-muted);margin-bottom:clamp(4px,.6vh,10px)}.result-title{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--fs-result);line-height:1.08;margin-bottom:clamp(28px,4vh,56px)}.result-body{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(40px,4vw,80px);align-items:start}.result-figure{display:flex;flex-direction:column;align-items:stretch;gap:clamp(18px,2.4vh,36px)}.result-figure .btn{width:100%;text-align:center}.result-image{width:clamp(320px,30vw,560px);aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-card);background:#ece9e2}.result-desc{font-size:var(--fs-body);line-height:1.55;color:var(--color-text);max-width:30em}.result-qr{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,1.4vh,22px)}.result-qr-label{font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);line-height:1.4;max-width:14em}.result-qr img{width:clamp(240px,20vw,380px);height:auto;aspect-ratio:1 / 1}.glossary-overlay{position:absolute;inset:0;background:var(--color-overlay);display:none;align-items:center;justify-content:center;z-index:50;animation:fadeIn var(--transition)}.glossary-overlay.is-open{display:flex}.glossary-panel{width:min(1100px,88vw);max-height:82vh;background:var(--color-surface);border-radius:var(--radius-card);padding:clamp(32px,4vw,64px);overflow-y:auto;position:relative}.glossary-panel.is-tooltip{width:min(680px,90vw);padding:clamp(28px,3vw,44px)}.glossary-panel.is-tooltip .glossary-term{margin-bottom:0}.glossary-panel.is-tooltip .glossary-term h2{font-family:var(--font-heading);color:var(--color-slider-handle);margin-bottom:clamp(12px,1.6vh,18px);padding-right:clamp(44px,4vw,56px)}.glossary-panel.is-tooltip .glossary-term p{font-size:var(--fs-body);line-height:1.55}.glossary-close{position:absolute;top:clamp(18px,1.6vw,26px);right:clamp(20px,1.8vw,30px);width:clamp(38px,3vw,44px);height:clamp(38px,3vw,44px);border-radius:50%;border:1.5px solid var(--color-help-ring);font-size:22px;line-height:1}.glossary-close:hover{background:var(--color-btn)}.glossary-panel h2{font-family:var(--font-heading);font-size:var(--fs-h1);margin-bottom:clamp(20px,2.4vh,32px)}.glossary-term{margin-bottom:clamp(18px,2vh,28px);scroll-margin-top:24px}.glossary-term h3{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--color-text);margin-bottom:6px}.glossary-term.is-highlight h3{color:var(--color-slider-handle)}.glossary-term p{font-size:var(--fs-label);color:var(--color-text-muted);line-height:1.5}
