.concept-back{position:fixed;left:16px;top:12px;z-index:25;background:#ffffffed;color:#183043;text-decoration:none;font:600 12px system-ui,sans-serif;padding:9px 12px;border-radius:7px;box-shadow:0 1px 8px #0001}
.concept-back:focus-visible{outline:2px solid #506b58;outline-offset:3px}
.concept-label{position:fixed;right:12px;bottom:12px;z-index:25;margin:0;border-radius:5px;padding:5px 8px;color:#fff;background:#142a31cc;font:10px system-ui,sans-serif;pointer-events:none}
.wt-chip{top:58px!important;max-width:calc(100% - 34px)}
.wt-agency{top:64px!important}
.wt-hero-text{padding-bottom:52px}
.wt-hero .wt-kicker{letter-spacing:.13em}
.wt-actions .wt-cta{font-size:12px}
.wt-concept-copy{font-size:13px;line-height:1.7;max-width:42ch;color:var(--muted)}
.wt-outro h2{font-family:Georgia,serif;font-weight:400}
.wt-outro .wt-outro-btns{margin-top:10px}
.concept-error{position:fixed;z-index:30;left:20px;right:20px;bottom:60px;background:#fff;color:#183043;border-radius:10px;padding:22px;font:15px/1.6 system-ui,sans-serif;max-width:540px;margin:auto;box-shadow:0 4px 40px #0003}
.concept-error a{color:inherit}
.concept-error[hidden]{display:none}
@media(min-width:900px){.concept-back{left:28px}.wt-chip{top:58px!important}.wt-hero-text{padding-bottom:70px}}
@media(max-width:899px){.wt-rail{top:49px}.wt-chip{top:67px!important;font-size:10px}.concept-label{bottom:3px;right:6px;font-size:9px;padding:2px 5px}.wt-actions{padding-bottom:20px}.wt-cap{padding-bottom:90px}.wt-agency{display:none}.wt-hero .wt-facts{font-size:11px}.wt-hero .wt-sub{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.concept-embedded .concept-back{display:none}
.concept-embedded .wt-chip{top:16px!important}
.concept-embedded .wt-agency{top:20px!important}
.concept-embedded .wt-rail{top:20px}
.wt-lm button{font-size:22px;line-height:1}
.wt-note{max-width:48ch}
@media(max-width:899px){.concept-embedded .wt-chip{top:50px!important}.concept-embedded .wt-rail{top:12px}.wt-note{font-size:12px;line-height:1.6}}

/* Same 10px translucent scrollbar as the main Sozou page, including the room list. */
html,.wt .wt-rail{scrollbar-width:auto;scrollbar-color:auto}
html::-webkit-scrollbar,.wt-rail::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track,.wt-rail::-webkit-scrollbar-track{background:transparent}
html::-webkit-scrollbar-button,.wt-rail::-webkit-scrollbar-button{display:none;width:0;height:0}
html::-webkit-scrollbar-thumb,.wt-rail::-webkit-scrollbar-thumb{background:rgba(12,36,84,.24);border:2px solid transparent;background-clip:content-box;border-radius:10px}
html::-webkit-scrollbar-thumb:hover,.wt-rail::-webkit-scrollbar-thumb:hover{background-color:rgba(12,36,84,.45)}
@supports not selector(::-webkit-scrollbar){html,.wt .wt-rail{scrollbar-width:thin;scrollbar-color:rgba(12,36,84,.3) transparent}}

/* Idle preview fills the viewport with the model; its parent crossfades the cover. */
html.concept-idle{overflow:hidden}
.concept-idle .wt>.wt-stage{position:fixed!important;inset:0!important;width:100%!important;height:100%!important}
.concept-idle .wt>:not(.wt-stage),.concept-idle .wt-stage>:not(canvas),.concept-idle .concept-label{display:none!important}