:root{--bg:#eaf4ff;--accent:#539bea;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#293c5d;background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:linear-gradient(145deg,color-mix(in srgb,var(--bg),#badfff 18%),var(--bg) 75%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #1f5487;outline-offset:5px}.boot{padding:40px 24px;text-align:center}.gate{width:min(100%,560px);margin:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:calc(clamp(28px,5.5svh,60px) + env(safe-area-inset-top,0px)) clamp(20px,6vw,30px) max(32px,env(safe-area-inset-bottom,0px));text-align:center}.gate>*{flex-shrink:0}.gate-logo{display:block;object-fit:contain;width:clamp(136px,19svh,164px);height:clamp(80px,12svh,112px);margin:0 auto clamp(24px,4svh,36px)}.gate h1{font-size:clamp(26px,6vw,30px);margin:0 0 12px;line-height:1.3;font-weight:700;overflow-wrap:anywhere}.gate-copy{font-size:16px;color:#64738c;line-height:1.8;margin:0 0 clamp(28px,5svh,44px)}.slider{height:64px;border:1px solid color-mix(in srgb,var(--accent),white 70%);box-shadow:0 4px 18px #7ca3ca15,inset 0 0 3px #74b7e42b;border-radius:40px;background:#ffffffa6;position:relative;display:flex;align-items:center;justify-content:center;user-select:none}.slider>span{font-size:16px;color:#8ba9c8;pointer-events:none}.slider-knob{position:absolute;left:1px;top:1px;width:60px;height:60px;display:grid;place-items:center;border:5px solid var(--accent);border-radius:50%;background:#fff;color:var(--accent);touch-action:none;box-shadow:0 2px 6px #567fa52b;transition:transform .2s}.slider-knob svg{width:24px;height:24px;stroke-width:3}.dragging .slider-knob{transition:none}.slider-status{min-height:0;color:#6b849c;font-size:13px;line-height:1.5;margin:10px 0 0}.slider-status:empty{display:none}.gate-actions{margin-top:clamp(24px,4.5svh,40px);display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.gate-actions a{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#397fcc;border:1px solid #b7d6f7;border-radius:40px;padding:12px 20px;min-height:48px;background:#d9ebfc;font-size:16px}.gate-actions svg{width:19px;height:19px}.gate-actions .download{color:#278b47;background:#dff2eb;border-color:#b8e3d3}.browser-note{margin-top:clamp(28px,5svh,44px);color:#8da6be;font-size:13px;line-height:1.6}.browser-note>p{margin:0}.browsers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;font-size:clamp(10px,2.8vw,12px)}.browsers>span{min-width:0;line-height:1.5}.browser-mark{display:grid;place-items:center;font-style:normal;font-weight:700;font-size:34px;margin:0 auto 10px;width:48px;height:48px;border-radius:50%;color:white}.chrome{background:conic-gradient(#e94235 0deg 120deg,#fbc82d 120deg 240deg,#34a853 240deg);position:relative}.chrome:after{content:"";width:19px;height:19px;border-radius:50%;background:#2685e5;border:3px solid #fff}.firefox{background:linear-gradient(145deg,#ffdf36,#ff8537 45%,#a731db);font-size:27px}.quark{background:linear-gradient(135deg,#3675fa,#00c6ea);font-size:29px}.opera{color:#ee2336;background:transparent;font-size:52px;line-height:43px}.gate-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:60px}.gate-error p{line-height:1.8}.gate-error button{background:#fff;border:1px solid #aac8e5;border-radius:12px;padding:12px 20px;min-height:48px;color:#397fcc}@media(max-width:360px){.gate{padding-left:20px;padding-right:20px}.gate-actions a{padding:11px 17px}.browsers{font-size:11px}}@media(max-height:700px){.gate{padding-top:calc(24px + env(safe-area-inset-top,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.gate-logo{height:76px;margin-bottom:22px}.gate h1{font-size:28px}.gate-copy{line-height:1.7;margin-bottom:24px}.slider{height:60px}.slider-knob{width:56px;height:56px}.gate-actions{margin-top:24px}.gate-actions a{padding-top:10px;padding-bottom:10px;min-height:44px}.browser-note{margin-top:24px}.browsers{margin-top:16px}.browser-mark{width:42px;height:42px;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}