:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f5f1e8;background:#101316;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#101316}button{font:inherit;cursor:pointer}.kiosk-shell{min-height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 78% 26%,#253b43 0,transparent 35%),#101316}.topbar,footer{display:flex;justify-content:space-between;align-items:center;padding:28px 42px;letter-spacing:.12em;font-size:10px;color:#aeb8b3}.wordmark{width:116px;height:auto;display:block}.mode-badge{border:1px solid #79b5a5;color:#a5d7c7;padding:7px 10px}.mode-badge.simulator{border-color:#d4a953;color:#e4c477}.build{opacity:.55}.screen{flex:1;display:flex;align-items:center;justify-content:center;padding:50px 8vw 80px}.attract-layout,.journey-layout,.complete-layout{width:min(920px,100%)}.eyebrow{color:#d4a953;letter-spacing:.2em;font-size:11px;font-weight:700}.screen h1{font-size:clamp(42px,7vw,88px);line-height:.98;letter-spacing:-.06em;margin:20px 0 28px}.screen h1 i{color:#d4a953;font-family:Georgia,serif;font-weight:400}.lede,.instruction{max-width:460px;color:#b8c0bb;font-size:19px;line-height:1.5}.primary-action,.secondary-action{border:0;padding:18px 24px;min-width:190px;color:#101316;background:#d4a953;font-weight:700;display:inline-flex;justify-content:space-between;gap:36px}.secondary-action{background:transparent;color:#f5f1e8;border:1px solid #52605e}.button-row{display:flex;gap:14px;margin-top:30px}.attract-layout .primary-action,.journey-content>.primary-action,.complete-layout .primary-action{margin-top:30px}.attract-orbit{position:absolute;right:13%;top:28%;width:270px;height:270px;border:1px solid #45616a;border-radius:50%;display:grid;place-items:center;transform:rotate(-18deg)}.orbit-core{width:130px;height:130px;display:grid;place-items:center;border-radius:50%;color:#101316;background:#d4a953;font-size:36px;font-weight:800}.orbit-line{position:absolute;width:350px;height:90px;border:1px solid #d4a953;border-radius:50%}.journey-content{max-width:760px}.privacy-card{max-width:650px;border-left:2px solid #d4a953;padding:25px 30px;background:#182125}.shield,.complete-mark{color:#d4a953;font-size:35px}.privacy-card h2,.result-card h2{font-size:32px;margin:8px 0 16px}.privacy-card p,.result-card p{color:#bbc5c0;line-height:1.6;font-size:17px}.privacy-card small,.disclaimer{display:block;color:#81908a;line-height:1.5;margin-top:20px}.camera-frame{width:min(78vw,430px);aspect-ratio:9 / 16;max-height:58vh;position:relative;background:linear-gradient(160deg,#2a4149,#182125);border:1px solid #55777b;display:grid;place-items:center}.camera-person,.result-silhouette{width:190px;display:flex;align-items:center;flex-direction:column}.head{width:82px;height:82px;background:#eac3a6;border-radius:50%}.body{width:170px;height:250px;margin-top:12px;border-radius:80px 80px 25px 25px;background:#658b99}.camera-note{position:absolute;bottom:18px;left:18px;color:#d4a953;font-size:10px;letter-spacing:.14em}.corner{position:absolute;width:32px;height:32px;border-color:#d4a953}.tl{top:20px;left:20px;border-top:2px solid;border-left:2px solid}.tr{top:20px;right:20px;border-top:2px solid;border-right:2px solid}.bl{bottom:20px;left:20px;border-bottom:2px solid;border-left:2px solid}.br{bottom:20px;right:20px;border-bottom:2px solid;border-right:2px solid}.processing-ring{width:220px;height:220px;border-radius:50%;border:2px solid #354f55;border-top-color:#d4a953;display:grid;place-items:center;animation:spin 2s linear infinite}.processing-ring span{animation:spin 2s linear infinite reverse;font-size:42px;color:#d4a953}.progress-track{height:5px;background:#2b393c;max-width:500px}.progress-track div{height:100%;background:#d4a953;transition:width .3s}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card{padding:22px 16px;background:#182125;border-top:2px solid #45616a}.metric-card span,.garment-card small{display:block;color:#82918b;font-size:12px}.metric-card strong{display:block;margin-top:22px;font-size:22px}.garment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.garment-card{text-align:left;padding:0 0 15px;border:1px solid transparent;color:#f5f1e8;background:#182125}.garment-card.selected{border-color:#d4a953}.garment-art{height:220px;padding:14px;color:#101316;font-size:10px;letter-spacing:.1em}.garment-art img{width:100%;height:100%;object-fit:cover;display:block}.garment-art span{position:relative;z-index:1}.tryon-result-image{width:min(42vw,360px);max-height:52vh;object-fit:contain;background:#182125}.tryon-result-images{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.garment-card strong,.garment-card small{padding:0 14px}.garment-card strong{display:block;margin:16px 0 5px}.result-card{display:flex;align-items:center;gap:52px;background:#182125;padding:38px;max-width:700px}.result-silhouette{flex:0 0 180px}.result-silhouette .body{height:280px}.cleanup-list{display:grid;gap:14px;font-size:19px;color:#aebbb3}.cleanup-list span:last-child{color:#e4c477}.complete-layout{text-align:center}.complete-layout .primary-action{margin-left:auto;margin-right:auto}footer{border-top:1px solid #263337}.error-state{color:#f0a28e;line-height:1.5}.camera-video,.camera-review{width:100%;height:100%;object-fit:cover}.camera-video{transform:scaleX(-1)}.camera-review{transform:none}.journey-layout{animation:rise .45s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.inactivity-warning{position:fixed;z-index:3;top:12px;left:50%;transform:translate(-50%);padding:10px 16px;color:#101316;background:#e4c477;font-size:12px;font-weight:700;letter-spacing:.04em}.global-error{position:fixed;z-index:3;top:52px;left:50%;transform:translate(-50%);max-width:min(90vw,560px);padding:8px 14px;background:#321f20}.bootstrap-state{flex:1;display:grid;place-content:center;justify-items:center;gap:16px;padding:40px;text-align:center}.bootstrap-state h1{margin:0}@media(max-width:700px){.topbar,footer{padding:20px}.build{display:none}.screen{padding:30px 20px 60px}.attract-orbit{opacity:.25;right:-90px;top:30%}.metric-grid,.garment-grid{grid-template-columns:repeat(2,1fr)}.metric-card strong{font-size:17px}.result-card{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.button-row{flex-direction:column}.primary-action,.secondary-action,.camera-frame{width:100%}}
