:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f5f6;background:#0b0e10;font-synthesis:none;-webkit-font-smoothing:antialiased;--cyan:#35c4e1;--muted:#9aa9af;--line:#343c40}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 12%,#152a30 0, #0c1113 45%,#0b0e10 78%);min-height:100svh}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}#app{min-height:100svh;padding:0 28px env(safe-area-inset-bottom);background:inherit}.topbar{max-width:1120px;height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:auto}.brand{display:flex;flex-shrink:0}.brand img{display:block;width:148px;height:auto}.event{font-size:11px;letter-spacing:.14em;color:#9aabad;white-space:nowrap}.event span{margin-left:8px}.change-language{border:1px solid var(--line);border-radius:10px;background:#191f22;color:#b5d0d7;padding:11px 14px;font-size:12px;min-height:44px}.change-language:hover{border-color:var(--cyan)}
.welcome{max-width:720px;margin:35px auto 0}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.15em;color:#80a7af;font-weight:650}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--cyan)}h1{font-size:clamp(32px,4.5vw,49px);line-height:1.18;letter-spacing:-.045em;margin:25px 0 18px;font-weight:720}h1>span{display:block}h1>span:last-child{color:var(--cyan)}.welcome-caption{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:34px}.language-card{padding:32px;border:1px solid var(--line);background:#15191b;border-radius:22px;box-shadow:0 24px 80px #0004}.kicker{font-size:9px;letter-spacing:.16em;color:#859ba3;margin:0 0 14px}h2{margin:0;font-size:25px;line-height:1.35;letter-spacing:-.035em;font-weight:650}h2>span{display:block}h2>span:last-child{color:#9cabb1;font-size:18px;font-weight:450;margin-top:3px}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.language-option{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;border:1px solid #3b5059;background:#193139;color:#f1f7f8;border-radius:14px;padding:23px 20px;transition:background .15s,border-color .15s,transform .15s}.language-option:hover{background:#1e414c;border-color:var(--cyan);transform:translateY(-2px)}.language-option strong{display:block;font-size:23px;letter-spacing:-.025em}.language-option small{display:block;font-size:11px;color:#91bac4;margin-top:8px}.option-arrow{font-size:28px;color:var(--cyan)}.card-note{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#7e929c;line-height:1.5;margin:22px 0 0}.welcome-footer{font-size:9px;letter-spacing:.13em;color:#71868e;margin:30px 0 40px}
.viewer{max-width:1500px;margin:auto}.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1200px;margin:0 auto 14px}.viewer-heading>p{font-size:14px;line-height:1.4;color:#b7cbd2;margin:0}.viewer-tools{display:flex;gap:8px;flex-shrink:0}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #36454b;border-radius:12px;background:#1a2429;color:#c8e2e9;flex-shrink:0;text-decoration:none}.icon-button:hover{background:#24404a;border-color:#518899}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button:disabled{opacity:.3;cursor:default}.stage{position:relative;width:min(100%,calc((100svh - 295px)*16/9));min-width:min(100%,400px);aspect-ratio:16/9;margin:auto;border:1px solid #41515b;border-radius:8px;overflow:hidden;background:#151b20;box-shadow:0 20px 60px #0005;touch-action:pan-y pinch-zoom}.stage img{display:block;width:100%;height:100%;object-fit:contain}.stage:focus{outline:none}.slide-status,.slide-error{position:absolute;inset:0;background:#151b20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px;color:#bfd3db;font-size:14px}.retry{background:var(--cyan);border:0;border-radius:10px;padding:12px 18px;color:#0f1218;font-weight:650}.controls{max-width:900px;display:flex;gap:20px;align-items:center;margin:20px auto 0}.controls .next{background:var(--cyan);border-color:var(--cyan);color:#0f1218}.controls input{flex:1;min-width:0;height:32px;accent-color:var(--cyan);cursor:pointer}.controls output{font-size:13px;color:#b4d4de;font-variant-numeric:tabular-nums;white-space:nowrap}.hint{text-align:center;font-size:11px;color:#8099a4;margin:12px 0 0}.viewer-bottom{display:flex;justify-content:center;gap:30px;font-size:11px;color:#90b5c3;margin:18px 0}.viewer-bottom a{text-decoration:none}.viewer-bottom a:hover{text-decoration:underline}details{max-width:900px;margin:20px auto 40px;color:#a9c0ca;font-size:12px}summary{cursor:pointer;width:fit-content;min-height:30px}details p{white-space:pre-wrap;line-height:1.8;padding:20px;border:1px solid var(--line);border-radius:12px;background:#151b20}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app:fullscreen{overflow:auto;background:#0b0e10}#app:fullscreen .topbar{height:66px}#app:fullscreen .stage{width:min(100%,calc((100svh - 210px)*16/9))}#app:fullscreen .viewer-bottom,#app:fullscreen details{display:none}
@media(min-width:1450px){.topbar{max-width:1400px}.viewer-heading{max-width:1400px}}
@media(max-width:700px){#app{padding-left:16px;padding-right:16px}.topbar{height:80px;gap:10px}.brand img{width:125px}.event{font-size:9px}.event span{margin-left:3px}.welcome{margin-top:26px}h1{font-size:clamp(27px,6.2vw,40px);margin-top:22px}.welcome-caption{font-size:12px;margin-bottom:25px}.language-card{padding:25px 20px;border-radius:18px}.language-options{gap:10px}.language-option{padding:20px 14px}.language-option strong{font-size:21px}.language-option small{font-size:10px}.option-arrow{font-size:23px}.change-language{padding:10px;font-size:11px}.topbar:has(.change-language:not([hidden])) .event{display:none}.viewer-heading{gap:12px;margin:10px 0 14px}.viewer-heading>p{font-size:12px}.stage{width:100%;min-width:0}.controls{gap:12px;margin-top:18px}.hint{font-size:10px;line-height:1.6}.viewer-bottom{margin-top:24px}details{margin-top:25px}.viewer-tools .icon-button{width:38px;height:38px}}
@media(max-width:370px){.language-options{grid-template-columns:1fr}.language-option{padding:16px}.language-option>span:first-child{display:flex;align-items:center;gap:12px}.language-option small{margin:0}.event{font-size:8px}}
@media(max-height:520px) and (orientation:landscape){.topbar{height:48px!important}.brand img{width:110px}.viewer-heading{margin:0 auto 5px;max-width:850px}.viewer-heading>p{font-size:11px}.viewer-tools .icon-button{width:30px;height:30px}.stage,#app:fullscreen .stage{width:min(100%,calc((100svh - 142px)*16/9));min-width:0}.controls{margin-top:7px;max-width:650px}.controls .icon-button{height:32px;width:38px}.hint,.viewer-bottom,details{display:none}.welcome{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}