*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#fff;color:#26372f;font-family:Arial,sans-serif}[hidden]{display:none!important}iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}#app{position:fixed;inset:0;isolation:isolate;background:#122b39}#drive{z-index:1;pointer-events:none}body[data-phase=drive] #drive{pointer-events:auto}#front{z-index:2}#notice{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:min(90%,540px);z-index:5;background:#233b31;color:#fff;padding:12px 18px;border-radius:6px;font-size:12px;line-height:1.5}#orientation{position:absolute;inset:0;z-index:4;display:grid;justify-items:center;align-content:center;padding:35px;text-align:center;background:#102632e8;color:#fff;font-size:14px}#orientation>span{font-size:45px}#orientation p{line-height:1.6}#orientation button{padding:12px 18px;background:#173340;color:#fff;border:1px solid #ffffff50;border-radius:6px;font-size:12px;margin:5px;cursor:pointer}#previous{position:absolute;z-index:3;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);margin:0;padding:11px 17px;text-align:center;pointer-events:none;border-radius:6px;background:#10232dd9;color:#f8f4e8;white-space:nowrap}#previous span{display:block;margin-bottom:4px;font-size:8px;letter-spacing:.17em;color:#bbc9ca}#previous strong{font-size:13px;font-weight:500;letter-spacing:.03em}#qa{position:fixed;z-index:8;top:0;left:0;right:0;height:40px;display:flex;align-items:center;gap:8px;background:#f6f8f5;border-bottom:1px solid #dce3dc;padding:4px 8px}#qa button{font-size:10px;padding:6px;background:transparent;border:1px solid #cbd5cd;border-radius:4px;cursor:pointer}body.qa #app{top:40px}:focus-visible{outline:2px solid #8ab5d0;outline-offset:3px}@media(max-height:480px){#previous{bottom:14px;padding:9px 14px}#previous strong{font-size:12px}}.rotate-illustration{position:relative;width:104px;height:94px;margin-bottom:2px;color:#e6efef;pointer-events:none}.rotate-arrow{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.45}.rotate-phone{position:absolute;left:34px;top:21px;width:36px;height:60px;fill:#18333e;stroke:currentColor;stroke-width:1.8;transform-origin:center;animation:rotate-phone 2.8s cubic-bezier(.4,0,.2,1) infinite}@keyframes rotate-phone{0%,12%{transform:rotate(0);opacity:0}22%{transform:rotate(0);opacity:1}65%,86%{transform:rotate(90deg);opacity:1}97%,to{transform:rotate(90deg);opacity:0}}body[data-motion=reduced] .rotate-phone{animation:none;transform:rotate(90deg);opacity:1}@media(prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(90deg);opacity:1}}html,body{overscroll-behavior:none}#app{height:100dvh}.safe-area-probe{position:fixed;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}#orientation{padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}html,body,body[data-phase=front] #app{background:var(--front-bg,#ffffff)}#qa{overflow-x:auto}#qa button{flex:0 0 auto}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}#qa{color:#26372f;color-scheme:light}#qa button{color:inherit}