:root{font-family:Arial,Microsoft JhengHei,sans-serif;color:#302d36;background:#fff8fb;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100svh;display:flex;flex-direction:column}button,select{font:inherit}.gate-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #f5e5ed;background:#fff}.gate-header a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-size:18px;font-weight:700;white-space:nowrap}.gate-header img{display:block;border-radius:8px}.gate-header select{max-width:140px;padding:8px 4px;background:transparent;border:0;color:#716874;font-size:14px}.gate-main{width:100%;max-width:480px;margin:auto;padding:48px 24px;text-align:center}.gate-symbol{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 24px;background:#fce6f0;color:#cc3477;border-radius:50%}.gate-symbol svg{width:36px;height:36px;stroke-width:1.6}h1{font-size:26px;line-height:1.5;margin-bottom:10px;overflow-wrap:anywhere}#gate-description{font-size:15px;line-height:1.7;color:#827681;min-height:26px}.slider{position:relative;margin-top:32px;height:58px;width:100%;border:1px solid #ead8e2;border-radius:8px;background:#fff;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y}#slider-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 14px 0 60px;font-size:14px;line-height:1.4;color:#81707c;pointer-events:none}.slider-progress{position:absolute;inset:0 auto 0 0;width:0;background:#fbe0ed}.slider-thumb{position:absolute;top:3px;left:3px;width:50px;height:50px;border:0;border-radius:6px;background:#d72d78;color:#fff;display:grid;place-items:center;cursor:grab;touch-action:none;z-index:1;will-change:transform}.slider-thumb svg{width:24px;height:24px}.slider-thumb:active{cursor:grabbing}.slider-thumb:focus-visible,.gate-refresh:focus-visible{outline:3px solid #28796d;outline-offset:2px}.slider[data-state=success] .slider-thumb{background:#28796d}.slider[data-state=busy] .slider-thumb svg{animation:gate-spin 1s linear infinite}.slider[data-state=failed] .slider-thumb{background:#a58596;cursor:default}.gate-status{min-height:52px;padding-top:16px;font-size:14px;line-height:1.7;color:#ab3b64;overflow-wrap:anywhere}.gate-refresh{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:0;background:transparent;color:#b42d64;cursor:pointer;font-size:14px}.gate-refresh[hidden]{display:none}.gate-refresh svg{width:16px;height:16px}.gate-footer{display:flex;justify-content:center;align-items:center;gap:6px;padding:24px 20px max(24px,env(safe-area-inset-bottom));font-size:12px;color:#958890}.gate-footer svg{width:13px;height:13px}@keyframes gate-spin{to{transform:rotate(360deg)}}@media (max-width:360px){.gate-header{padding:16px}.gate-main{padding:36px 16px}#slider-label{font-size:12px}}@media (prefers-reduced-motion:reduce){.slider[data-state=busy] .slider-thumb svg{animation:none}}