* { box-sizing: border-box; }
[hidden] { display: none !important; }
button, a, [role="button"] { touch-action: manipulation; }
a:focus-visible, button:focus-visible, [role="button"]:focus-visible { outline: 3px solid #459bff; outline-offset: 3px; }
#landing-feedback { position: fixed; left: 50%; bottom: max(16px, env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 20000; width: max-content; max-width: min(92vw, 620px); padding: 12px 16px; margin: 0; border-radius: 8px; color: white; background: rgba(20, 24, 32, .93); font: 14px/1.5 sans-serif; text-align: center; pointer-events: none; }
[data-probe-state="error"], [data-probe-state="timeout"], [data-probe-state="invalid"] { color: #b82525; }
[data-signal-state="error"] .active, [data-signal-state="timeout"] .active { background: #aaa !important; }
.code-box canvas, .code-box img { max-width: 100%; height: auto; }
.mask-wraps[hidden] { display: none !important; }
@media (max-width: 768px) { .time, .time2 { white-space: nowrap; font-size: 12px; } }

.time, .time2 { display: inline-block; min-width: 54px; }
body[data-view="desktop"] .main-wrap { width:min(100%,1200px); margin-left:auto; margin-right:auto; padding:0 24px; }
body[data-view="desktop"] .main-wrap > img { width:min(56vw,810px); height:auto; flex-shrink:1; min-width:0; margin-right:clamp(16px,4vw,80px); }
body[data-view="desktop"] .list-wrap { flex-shrink:0; }
body[data-view="desktop"] .logo img { max-width:90%; height:auto; }
body[data-view="desktop"] .mask-wraps { position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:min(910px,94vw); height:auto; aspect-ratio:910/675; max-height:94dvh; z-index:10000; background-color:#111b3d; border-radius:12px; }
body[data-view="desktop"] .mask-wraps > div { position:absolute; right:8%; top:25%; width:27%; float:none; padding:0; text-align:center; }
body[data-view="desktop"] .mask-wraps .scan-code { width:100%; padding-bottom:16px; }
body[data-view="desktop"] .mask-wraps .scan-code > p { font-size:clamp(14px,1.5vw,18px); padding:14px 0; }
body[data-view="desktop"] .mask-wraps .code-box { width:min(200px,100%); height:auto; aspect-ratio:1; padding:12px; }
.mask-wraps .landing-modal-close { position:absolute; top:10px; right:10px; width:36px; height:36px; padding:0; border:0; border-radius:50%; background:#fff; color:#333; font:24px/36px sans-serif; cursor:pointer; z-index:1; }
@media (max-width: 400px) { .list-ul li { max-width: 100%; } }
body[data-view="mobile"] .download-wrap ul li .left { min-width:0; flex:1; }
body[data-view="mobile"] .download-wrap ul li .left p { width:auto; min-width:0; overflow-wrap:anywhere; margin-left:8px; }
body[data-view="mobile"] .download-wrap ul li .right { flex-shrink:0; }
@media (max-width: 360px) { .download-wrap ul li .right p { width:42px; margin-right:3px; } }