@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#292923;background:#eee9e1;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit}.app-shell{width:100%;height:100%;position:relative;overflow:hidden;background:#e9e3dc}.scene{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.scene canvas{display:block;width:100%;height:100%;outline:none}.topbar{position:absolute;z-index:2;left:0;right:0;top:0;height:76px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#f4f0e9e6,#f4f0e900);pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#34332c;font-size:14px;font-weight:700;letter-spacing:.18em}.brand>span:last-child{line-height:1.1}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:.24em;color:#9b8e7c;margin-top:4px}.brand-mark{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#77816c;color:#fbf6eb;font-family:Playfair Display,serif;font-size:19px;font-weight:500;letter-spacing:0;box-shadow:0 4px 14px #565d4833}.room-label{position:absolute;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.16em;color:#807768;font-weight:600}.room-label i{font-style:normal;padding:0 7px;color:#c1b5a3}.live-dot,.tv-dot{display:inline-block;width:6px;height:6px;background:#869272;border-radius:50%;margin-right:8px;vertical-align:1px;box-shadow:0 0 0 3px #86927222}.icon-button{width:36px;height:36px;border-radius:50%;border:1px solid #8b806c3b;color:#635f54;background:#f5f1e9a6;display:grid;place-items:center;cursor:pointer;transition:.2s}.icon-button:hover{background:#fff}.welcome{position:absolute;z-index:1;left:7.3%;top:20.5%;pointer-events:none;text-shadow:0 1px 16px #efe9dfb0}.eyebrow{display:flex;gap:7px;align-items:center;font-size:9px;letter-spacing:.2em;font-weight:700;color:#8b886e;margin-bottom:17px}.eyebrow svg{color:#a88d62}.welcome h1{font-family:Playfair Display,serif;font-weight:500;font-size:clamp(38px,5.3vw,68px);line-height:.99;letter-spacing:-.045em;margin:0;color:#403f35}.welcome h1 em{font-weight:500;color:#78836c}.welcome p{font-size:13px;line-height:1.75;color:#766f61;margin-top:17px;letter-spacing:.01em}.room-chip{position:absolute;right:42px;top:94px;background:#f5f1e9c9;border:1px solid #fff9;border-radius:28px;padding:9px 15px 9px 10px;display:flex;gap:9px;align-items:center;box-shadow:0 8px 26px #50453212}.sun-icon{width:29px;height:29px;border-radius:50%;background:#e9dfca;color:#b18b52;display:grid;place-items:center;font-size:21px}.room-chip b,.room-chip small{display:block}.room-chip b{font-size:9px;letter-spacing:.16em;color:#66644f}.room-chip small{font-size:9px;color:#a39a8a;margin-top:2px}.toast{position:absolute;bottom:94px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:9px 13px;border-radius:22px;background:#f5f2ebd9;color:#837a6b;box-shadow:0 4px 22px #40342512;font-size:10px;white-space:nowrap;transition:opacity .6s}.keycap{height:20px;min-width:20px;display:grid;place-items:center;border:1px solid #dad1c3;border-radius:5px;background:#fffcf6;color:#6d6a5f;font-size:9px;font-weight:700}.toast-copy{padding-left:3px}.toast-divider{height:15px;width:1px;background:#d9d0c2;margin:0 6px}.toast>svg{color:#9a8e7c}.tv-hint{position:absolute;right:42px;bottom:106px;padding:9px 13px;border-radius:20px;background:#f5f2ebbf;color:#777264;font-size:10px;box-shadow:0 4px 22px #40342512}.tv-dot{width:5px;height:5px;background:#c59060;box-shadow:0 0 0 3px #c5906020}.bottom-bar{position:absolute;z-index:2;left:0;right:0;bottom:0;height:72px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(0deg,#f5f1e9ed,#f5f1e9bb 68%,#f5f1e900)}.avatar{display:flex;align-items:center;gap:9px;position:relative}.avatar>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#7d876f;color:#fff8ec;font-family:Playfair Display,serif;font-size:16px}.avatar b,.avatar small{display:block}.avatar b{font-size:11px;color:#5c594f}.avatar small{font-size:9px;color:#999180;margin-top:2px}.online{position:absolute;width:8px;height:8px;border-radius:50%;background:#8caa78;border:2px solid #f4f0e8;left:26px;top:24px}.bottom-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;color:#777864;font-size:9px;letter-spacing:.15em;font-weight:700}.bottom-center svg{color:#a18c68}.center-sep{color:#b5aa98}.bottom-center .muted{color:#a49b8c;font-weight:500;letter-spacing:.02em}.sound-pill{display:flex;gap:7px;align-items:center;color:#85806f;font-size:8px;letter-spacing:.13em;font-weight:700}.sound-pill svg{color:#92937c}.sound-pill i{width:17px;height:9px;border-radius:9px;background:#849073;position:relative;margin-left:2px}.sound-pill i:after{content:"";position:absolute;right:2px;top:2px;width:5px;height:5px;background:#f8f4e9;border-radius:50%}.mobile-controls{display:none}.loading{position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:#e9e3dc;color:#827765;z-index:10;font-size:13px}@media(max-width:700px){.topbar{height:65px;padding:0 18px}.brand{font-size:12px;gap:8px}.brand-mark{width:31px;height:31px}.room-label{top:72px;font-size:8px}.icon-button{width:32px;height:32px}.welcome{left:7%;top:17%}.welcome h1{font-size:43px}.welcome p{font-size:11px;margin-top:12px}.eyebrow{font-size:8px;margin-bottom:13px}.room-chip{right:15px;top:111px;transform:scale(.88);transform-origin:top right}.toast{display:none}.tv-hint{right:50%;transform:translate(50%);bottom:88px;white-space:nowrap;font-size:9px;padding:8px 11px}.bottom-bar{height:67px;padding:0 18px}.bottom-center{display:none}.sound-pill{font-size:0}.sound-pill svg{width:18px;height:18px}.avatar small{font-size:8px}.mobile-controls{display:flex;position:absolute;left:20px;bottom:93px;flex-direction:column;gap:6px;align-items:center;touch-action:none}.joy{width:112px;height:112px;border-radius:50%;background:#eee9df91;border:1px solid #fff9;box-shadow:0 5px 25px #4c43301c;position:relative;display:grid;place-items:center;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.joy:before{content:"";position:absolute;width:67px;height:67px;border:1px dashed #978b7955;border-radius:50%}.joy i{width:40px;height:40px;border-radius:50%;background:#f8f4ecde;border:1px solid #fff;box-shadow:0 3px 9px #54452d29;z-index:1}.joy-arrows{position:absolute;width:82px;height:82px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;align-items:center;justify-items:center;color:#9d927f}.joy-arrows svg:nth-child(1){grid-column:2;grid-row:1}.joy-arrows svg:nth-child(2){grid-column:2;grid-row:3}.joy-arrows svg:nth-child(3){grid-column:1;grid-row:2}.joy-arrows svg:nth-child(4){grid-column:3;grid-row:2}.mobile-label{font-size:8px;letter-spacing:.18em;font-weight:700;color:#827865;background:#f5f1e9ba;border-radius:10px;padding:4px 7px}.scene canvas{touch-action:none}}@media(max-height:550px)and (max-width:900px){.welcome{top:14%}.welcome h1{font-size:35px}.welcome p{display:none}.room-chip{top:75px}.joy{width:88px;height:88px}.mobile-controls{bottom:82px}.tv-hint{bottom:76px}}.seat-action{position:absolute;z-index:4;left:50%;bottom:151px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:11px 15px;border:1px solid #fff9;border-radius:24px;background:#59664f;color:#fffaf0;font-size:11px;font-weight:600;box-shadow:0 8px 26px #40342535;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s}.seat-action:hover{background:#46523f;transform:translate(-50%) translateY(-2px)}.seat-action kbd{min-width:22px;height:21px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:6px;color:#f7e6c8;font:600 10px DM Sans,sans-serif}@media(max-width:700px){.seat-action{bottom:207px;font-size:10px;padding:10px 13px}}.entry-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:28px;background:linear-gradient(115deg,#2c2e2794,#38302733),linear-gradient(0deg,rgba(31,30,26,.35),transparent 60%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.entry-card{width:min(100%,440px);padding:36px 40px 28px;border:1px solid #ffffff8f;border-radius:25px;background:#f7f2e9f2;box-shadow:0 28px 90px #27221c55;color:#454237}.entry-brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.17em;font-size:12px}.entry-brand>span{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#7c876d;color:#fff;font:20px Playfair Display,serif}.entry-brand small{display:block;color:#99917f;font-size:7px;letter-spacing:.17em;margin-top:4px}.entry-kicker{margin:28px 0 10px;color:#a18f6e;font-size:9px;font-weight:700;letter-spacing:.2em}.entry-card h1{font:500 48px/.94 Playfair Display,serif;letter-spacing:-.045em;margin:0;color:#444237}.entry-card h1 em{color:#7e896f}.entry-copy{margin:14px 0 24px;color:#817969;font-size:12px;line-height:1.7}.name-label,.video-form label{display:block;color:#8b826f;font-size:8px;font-weight:700;letter-spacing:.16em;margin-bottom:8px}.name-input,.video-form input{width:100%;height:43px;border:1px solid #dfd7c9;border-radius:11px;background:#fffdf9;padding:0 13px;color:#514d42;font:12px DM Sans,sans-serif;outline:none}.name-input:focus,.video-form input:focus{border-color:#99a087;box-shadow:0 0 0 3px #89947820}.look-title{display:flex;align-items:center;gap:7px;margin:19px 0 9px;color:#8b826f;font-size:8px;font-weight:700;letter-spacing:.15em}.look-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.look-card{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #e4dccf;border-radius:13px;background:#fdfbf6;color:#504c40;text-align:left;cursor:pointer}.look-card.selected{border-color:#899578;background:#edf0e8;box-shadow:inset 0 0 0 1px #89957855}.look-portrait{width:37px;height:37px;flex:none;border-radius:12px;display:grid;place-items:center;font:23px Playfair Display,serif}.woman-portrait{background:#f0d9d4;color:#a36e73}.man-portrait{background:#d9e1e8;color:#536d86}.look-card b,.look-card small{display:block}.look-card b{font-size:11px}.look-card small{margin-top:3px;color:#9c9484;font-size:8px}.look-card>i{margin-left:auto;color:#708064;font-size:12px;font-style:normal}.enter-button{width:100%;height:46px;margin-top:17px;border:0;border-radius:13px;background:#737e65;color:#fffaf0;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 6px 15px #68745c38}.enter-button:disabled{opacity:.45;cursor:not-allowed}.private-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;color:#a39b8c;font-size:8px}.private-note span,.remote-eyebrow span{width:6px;height:6px;border-radius:50%;background:#94a281}.entry-footer{position:absolute;bottom:19px;color:#f2eee3b5;font-size:8px;letter-spacing:.22em}.entry-footer span{padding:0 8px;color:#d3b98c}.remote-action{position:absolute;z-index:4;right:26px;bottom:118px;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #fff9;border-radius:16px;background:#535f49;color:#fffaf0;font-size:11px;font-weight:600;box-shadow:0 8px 26px #40342535;cursor:pointer}.remote-action span{padding-left:10px;border-left:1px solid #ffffff48;color:#dfd5c2;font-size:9px;font-weight:400}.remote-panel{position:absolute;z-index:7;right:26px;bottom:195px;width:min(355px,calc(100vw - 32px));padding:24px;border:1px solid #ffffff9c;border-radius:22px;background:#f8f4ecf2;box-shadow:0 22px 60px #302b2250;color:#4b493f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.remote-close{position:absolute;right:13px;top:13px;width:29px;height:29px;border:0;border-radius:50%;background:#ebe6dc;color:#7b766b;display:grid;place-items:center;cursor:pointer}.remote-eyebrow{display:flex;align-items:center;gap:7px;color:#88836f;font-size:8px;font-weight:700;letter-spacing:.17em}.remote-panel h2{margin:12px 25px 5px 0;font:500 24px Playfair Display,serif}.remote-panel>p{margin:0 0 16px;color:#958d7c;font-size:10px}.remote-choices{display:grid;gap:8px}.remote-choices button{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid #e4ddd0;border-radius:13px;background:#fffdf8;color:#7c876d;text-align:left;cursor:pointer}.remote-choices button:hover{border-color:#a4ad96;background:#f5f6f1}.remote-choices button>span{flex:1}.remote-choices b,.remote-choices small{display:block}.remote-choices b{color:#4d4b42;font-size:11px}.remote-choices small{margin-top:3px;color:#a19a8a;font-size:9px}.video-form{margin-top:15px;padding-top:14px;border-top:1px solid #e8e0d4}.video-form input{height:39px;font-size:10px}.video-form>button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:38px;margin-top:9px;border:0;border-radius:10px;background:#78846c;color:#fffaf0;font-size:10px;font-weight:600;cursor:pointer}.video-form .video-error{display:block;margin-top:6px;color:#ad6858;font-size:9px}.embed-note{display:block;margin-top:9px;color:#aaa190;font-size:8px;line-height:1.5}.stop-video,.drop-remote{display:block;width:100%;margin-top:11px;padding:8px;border:0;border-radius:9px;background:#ece8df;color:#777365;font-size:9px;cursor:pointer}.tv3d-layer{position:absolute!important;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.tv3d-layer iframe.tv-video{position:absolute;width:1200px;height:660px;display:block;border:0;pointer-events:auto;background:#111}.joy-knob{transition:transform .04s linear}.mobile-controls{z-index:3}.seat-action,.remote-action{touch-action:manipulation}@media(max-width:700px){.entry-screen{padding:18px}.entry-card{width:min(100%,390px);padding:25px 23px 20px;border-radius:21px}.entry-kicker{margin-top:20px}.entry-card h1{font-size:42px}.entry-copy{font-size:11px;margin-bottom:19px}.entry-footer{font-size:7px}.remote-panel{right:12px;bottom:215px;width:min(355px,calc(100vw - 24px));padding:20px}.remote-action{right:14px;bottom:145px;padding:11px 12px;font-size:10px}.seat-action{bottom:207px}.mobile-controls{left:16px;bottom:91px}.joy{width:126px;height:126px}.joy:before{width:77px;height:77px}.joy-knob{width:48px!important;height:48px!important}.tv-hint{display:none}}@media(max-width:380px){.entry-card{padding:22px 18px 18px}.entry-card h1{font-size:38px}.look-card{gap:6px;padding:8px}.look-portrait{width:32px;height:32px}}@media(orientation:landscape)and (max-height:550px)and (max-width:1000px){.mobile-controls{display:flex;position:absolute;left:18px;bottom:78px;flex-direction:column;gap:5px;align-items:center;touch-action:none}.joy{width:88px;height:88px;border-radius:50%;background:#eee9dfb8;border:1px solid #fff9;box-shadow:0 5px 25px #4c43301c;position:relative;display:grid;place-items:center;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.joy:before{width:55px;height:55px}.joy i{width:34px;height:34px;border-radius:50%;background:#f8f4eced;border:1px solid #fff;box-shadow:0 3px 9px #54452d29;z-index:1}.joy-knob{width:36px!important;height:36px!important}.joy-arrows{position:absolute;width:68px;height:68px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;align-items:center;justify-items:center;color:#8c826f}.joy-arrows svg{width:12px;height:12px}.mobile-label{font-size:7px;padding:3px 6px}.toast,.bottom-center{display:none}.topbar{height:58px;padding:0 18px}.brand{font-size:11px;gap:8px}.brand-mark{width:30px;height:30px}.room-label{top:61px;font-size:8px}.icon-button{width:31px;height:31px}.welcome{left:5%;top:24%}.welcome h1{font-size:clamp(30px,5vw,44px)}.welcome p{font-size:10px;margin-top:9px}.eyebrow{font-size:7px;margin-bottom:9px}.room-chip{right:18px;top:72px;transform:scale(.82);transform-origin:top right}.bottom-bar{height:58px;padding:0 18px}.sound-pill{font-size:0}.sound-pill svg{width:18px;height:18px}.seat-action{bottom:75px;left:50%;font-size:9px;padding:8px 11px}.remote-action{right:18px;bottom:75px;padding:9px 11px;font-size:9px}.remote-panel{right:14px;bottom:130px;width:min(340px,48vw);max-height:calc(100vh - 145px);overflow:auto;padding:16px}.tv-hint{right:18px;bottom:78px;font-size:8px;padding:7px 9px}.entry-screen{padding:12px}.entry-card{width:min(390px,72vw);max-height:calc(100vh - 18px);overflow:auto;padding:12px 20px 10px;border-radius:18px}.entry-brand{font-size:10px;gap:8px}.entry-brand>span{width:27px;height:27px;font-size:17px}.entry-kicker{margin:8px 0 5px;font-size:7px}.entry-card h1{font-size:30px;line-height:.9}.entry-copy{display:none}.name-label{margin:9px 0 5px;font-size:7px}.name-input{height:35px;font-size:11px}.look-title{margin:8px 0 5px;font-size:7px}.look-options{gap:7px}.look-card{padding:5px;gap:6px}.look-card b{font-size:9px}.look-card small{font-size:7px}.look-portrait{width:25px;height:25px;font-size:16px}.enter-button{height:34px;margin-top:7px;font-size:10px}.private-note{margin-top:6px;font-size:7px}.entry-footer{display:none}}.camera-zoom{position:absolute;z-index:3;top:148px;right:22px;width:42px;height:166px;padding:10px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid #fff9;border-radius:22px;background:#f5f1e9c9;color:#737e65;box-shadow:0 6px 22px #40342518;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.camera-zoom input{width:18px;height:112px;margin:0;accent-color:#77816c;writing-mode:vertical-lr;direction:ltr;touch-action:none;cursor:pointer}.furniture-tools{position:absolute;z-index:4;top:128px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:7px;border:1px solid #fff9;border-radius:16px;background:#f5f1e9d9;box-shadow:0 8px 25px #4034251c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.furniture-toggle,.furniture-rotate{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid #ded6c8;border-radius:11px;background:#fffdf8;color:#646b58;font-size:10px;font-weight:600;white-space:nowrap;cursor:pointer;touch-action:manipulation}.furniture-toggle.active{border-color:#68765d;background:#68765d;color:#fffaf0}.furniture-selection{max-width:150px;overflow:hidden;color:#847d6e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.furniture-rotate{min-height:31px;background:#ece8df;font-size:9px}@media(max-width:700px){.furniture-tools{top:157px;left:50%;gap:5px;padding:5px}.furniture-toggle,.furniture-rotate{min-height:31px;padding:0 9px;font-size:9px}.furniture-selection{max-width:94px;font-size:8px}}@media(orientation:landscape)and (max-height:550px)and (max-width:1000px){.furniture-tools{top:62px;left:calc(18px + env(safe-area-inset-left));transform:none;gap:5px;padding:4px}.furniture-toggle,.furniture-rotate{min-height:29px;padding:0 8px;font-size:8px}.furniture-selection{max-width:95px;font-size:8px}}@media(orientation:landscape)and (max-height:700px)and (pointer:coarse){.furniture-tools{top:62px;left:calc(18px + env(safe-area-inset-left));transform:none;gap:5px;padding:4px}.furniture-toggle,.furniture-rotate{min-height:29px;padding:0 8px;font-size:8px}.furniture-selection{max-width:95px;font-size:8px}}@media(max-width:700px){.camera-zoom{top:163px;right:12px;width:36px;height:142px;padding:8px 0}.camera-zoom input{height:90px}}@media(orientation:landscape)and (max-height:550px)and (max-width:1000px){.camera-zoom{top:50%;right:12px;transform:translateY(-50%);height:128px;width:34px;padding:7px 0}.camera-zoom input{height:78px}}html,body,#root{width:100%;height:100%;min-width:0;min-height:100%;overscroll-behavior:none}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh}.topbar,.bottom-bar{padding-left:calc(18px + env(safe-area-inset-left));padding-right:calc(18px + env(safe-area-inset-right))}.camera-zoom{right:calc(12px + env(safe-area-inset-right))}@media(max-width:700px){.app-shell.is-playing .welcome{display:none}.mobile-controls{left:calc(16px + env(safe-area-inset-left));bottom:calc(91px + env(safe-area-inset-bottom))}.camera-zoom{right:calc(12px + env(safe-area-inset-right))}.bottom-bar{padding-bottom:env(safe-area-inset-bottom)}}@media(orientation:landscape)and (max-height:550px)and (max-width:1000px){.app-shell.is-playing .welcome{display:none}.topbar{padding-left:calc(18px + env(safe-area-inset-left));padding-right:calc(18px + env(safe-area-inset-right))}.mobile-controls{left:calc(18px + env(safe-area-inset-left));bottom:calc(78px + env(safe-area-inset-bottom))}.camera-zoom{right:calc(12px + env(safe-area-inset-right))}.bottom-bar{padding-left:calc(18px + env(safe-area-inset-left));padding-right:calc(18px + env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}}@media(orientation:landscape)and (max-height:700px)and (pointer:coarse){.app-shell.is-playing .welcome{display:none}.mobile-controls{display:flex;position:absolute;left:calc(18px + env(safe-area-inset-left));bottom:calc(78px + env(safe-area-inset-bottom));flex-direction:column;gap:5px;align-items:center;touch-action:none}.joy{width:88px;height:88px;border-radius:50%;background:#eee9dfb8;border:1px solid #fff9;box-shadow:0 5px 25px #4c43301c;position:relative;display:grid;place-items:center;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.joy:before{content:"";position:absolute;width:55px;height:55px;border:1px dashed #978b7955;border-radius:50%}.joy i{width:34px;height:34px;border-radius:50%;background:#f8f4eced;border:1px solid #fff;box-shadow:0 3px 9px #54452d29;z-index:1}.joy-knob{width:36px!important;height:36px!important}.joy-arrows{position:absolute;width:68px;height:68px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;align-items:center;justify-items:center;color:#8c826f}.joy-arrows svg{width:12px;height:12px}.mobile-label{font-size:7px;padding:3px 6px}.toast,.bottom-center{display:none}.topbar{height:58px;padding-left:calc(18px + env(safe-area-inset-left));padding-right:calc(18px + env(safe-area-inset-right))}.brand{font-size:11px;gap:8px}.brand-mark{width:30px;height:30px}.room-label{top:61px;font-size:8px}.icon-button{width:31px;height:31px}.room-chip{right:calc(18px + env(safe-area-inset-right));top:72px;transform:scale(.82);transform-origin:top right}.bottom-bar{height:58px;padding-left:calc(18px + env(safe-area-inset-left));padding-right:calc(18px + env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}.sound-pill{font-size:0}.sound-pill svg{width:18px;height:18px}.seat-action{bottom:calc(75px + env(safe-area-inset-bottom));font-size:9px;padding:8px 11px}.remote-action{right:calc(18px + env(safe-area-inset-right));bottom:calc(75px + env(safe-area-inset-bottom));padding:9px 11px;font-size:9px}.remote-panel{right:calc(14px + env(safe-area-inset-right));bottom:calc(130px + env(safe-area-inset-bottom));width:min(340px,48vw);max-height:calc(100dvh - 145px);overflow:auto;padding:16px}.tv-hint{right:calc(18px + env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));font-size:8px;padding:7px 9px}.camera-zoom{top:50%;right:calc(12px + env(safe-area-inset-right));transform:translateY(-50%);height:128px;width:34px;padding:7px 0}.camera-zoom input{height:78px}.entry-screen{padding:12px}.entry-card{width:min(390px,72vw);max-height:calc(100dvh - 18px);overflow:auto;padding:12px 20px 10px;border-radius:18px}.entry-brand{font-size:10px;gap:8px}.entry-brand>span{width:27px;height:27px;font-size:17px}.entry-kicker{margin:8px 0 5px;font-size:7px}.entry-card h1{font-size:30px;line-height:.9}.entry-copy{display:none}.name-label{margin:9px 0 5px;font-size:7px}.name-input{height:35px;font-size:11px}.look-title{margin:8px 0 5px;font-size:7px}.look-options{gap:7px}.look-card{padding:5px;gap:6px}.look-card b{font-size:9px}.look-card small{font-size:7px}.look-portrait{width:25px;height:25px;font-size:16px}.enter-button{height:34px;margin-top:7px;font-size:10px}.private-note{margin-top:6px;font-size:7px}.entry-footer{display:none}}.header-actions{display:flex;align-items:center;gap:9px;z-index:4}.home-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border:0;background:#312c2355;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.home-drawer{position:absolute;z-index:7;right:0;top:0;bottom:0;width:min(370px,88vw);overflow:auto;padding:calc(22px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));background:#f7f2e9f5;color:#4d4b42;box-shadow:-12px 0 50px #312c232b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.home-drawer>header{position:relative;display:flex;align-items:center;gap:10px;padding:2px 38px 18px 0;border-bottom:1px solid #e5ddcf}.home-drawer>header b,.home-drawer>header small{display:block}.home-drawer>header b{font:500 21px Playfair Display,serif}.home-drawer>header small{margin-top:4px;color:#99917f;font-size:10px}.drawer-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#e8ebdf;color:#758168}.home-drawer .remote-close{right:0;top:2px}.home-drawer section{padding-top:18px}.home-drawer section+section{margin-top:18px;padding-top:18px;border-top:1px solid #e5ddcf}.home-drawer h2{margin:0 0 5px;font-size:12px;font-weight:700;color:#5b5a4e}.home-drawer section>p{margin:0 0 11px;color:#938a79;font-size:9px;line-height:1.5}.room-item-list{display:grid;gap:6px}.room-item-list button{min-height:39px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border:1px solid #e8e0d4;border-radius:10px;background:#fffdf8;color:#58584d;text-align:left;font-size:10px;cursor:pointer;touch-action:manipulation}.room-item-list button:hover{border-color:#a4ad96;background:#f1f3ec}.room-item-list button>svg{color:#89917c}.room-item-list button span{display:flex;align-items:center;gap:8px}.add-list{grid-template-columns:1fr 1fr}.add-list button{min-height:42px}.add-list button span svg{color:#7d886f}.furniture-hint{position:absolute;z-index:4;left:50%;top:104px;transform:translate(-50%);display:flex;align-items:center;gap:9px;max-width:min(94vw,380px);padding:8px 10px 8px 13px;border:1px solid #fff9;border-radius:13px;background:#f7f2e9e8;box-shadow:0 7px 25px #40342521;color:#5c5b50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.furniture-hint>span{max-width:100px;overflow:hidden;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.furniture-hint small{color:#8c8576;font-size:9px;white-space:nowrap}.furniture-hint button{width:28px;height:28px;flex:none;display:grid;place-items:center;border:0;border-radius:8px;background:#eae6dc;color:#737e65;cursor:pointer}.app-shell.rotated-view{inset:auto;top:0;left:0;right:auto;bottom:auto;width:100dvh;height:100vw;transform-origin:top left;transform:rotate(90deg) translateY(-100%)}@media(max-width:700px){.header-actions{gap:6px}.home-drawer{width:min(360px,88vw);padding-left:14px;padding-right:14px}.furniture-hint{top:73px}}@media(max-height:700px)and (pointer:coarse){.home-drawer{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.home-drawer section{padding-top:12px}.home-drawer section+section{margin-top:12px;padding-top:12px}.room-item-list{gap:4px}.room-item-list button{min-height:34px}.add-list button{min-height:36px}.furniture-hint{top:65px}}@media(max-width:700px){.app-shell.rotated-view .welcome{display:none}.app-shell.rotated-view .topbar{height:58px;padding:0 18px}.app-shell.rotated-view .room-label{top:61px}.app-shell.rotated-view .room-chip{right:18px;top:72px}.app-shell.rotated-view .camera-zoom{top:50%;right:12px;transform:translateY(-50%);height:128px;width:34px;padding:7px 0}.app-shell.rotated-view .camera-zoom input{height:78px}.app-shell.rotated-view .mobile-controls{display:flex;position:absolute;left:18px;bottom:78px;flex-direction:column;gap:5px;align-items:center;touch-action:none}.app-shell.rotated-view .joy{width:88px;height:88px}.app-shell.rotated-view .joy:before{width:55px;height:55px}.app-shell.rotated-view .joy i{width:34px;height:34px}.app-shell.rotated-view .joy-knob{width:36px!important;height:36px!important}.app-shell.rotated-view .joy-arrows{display:none}.app-shell.rotated-view .bottom-bar{height:58px;padding:0 18px}.app-shell.rotated-view .seat-action{bottom:75px}.app-shell.rotated-view .remote-action{right:18px;bottom:75px}.app-shell.rotated-view .remote-panel{right:14px;bottom:130px;width:min(340px,48vw);max-height:calc(100vw - 145px)}.app-shell.rotated-view .home-drawer{width:min(360px,82vw)}.app-shell.rotated-view .furniture-hint{top:61px}}.control-drawer{position:absolute;z-index:7;right:0;top:0;bottom:0;width:min(380px,90vw);overflow:auto;padding:calc(22px + env(safe-area-inset-top)) 19px calc(22px + env(safe-area-inset-bottom));background:#f7f2e9f5;color:#4d4b42;box-shadow:-12px 0 50px #312c232b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.control-drawer>header{position:relative;display:flex;align-items:center;gap:10px;padding:2px 38px 18px 0;border-bottom:1px solid #e5ddcf}.control-drawer>header b,.control-drawer>header small{display:block}.control-drawer>header b{font:500 21px Playfair Display,serif}.control-drawer>header small{margin-top:4px;color:#99917f;font-size:10px}.control-drawer .remote-close{right:0;top:2px}.control-drawer section{padding-top:20px}.control-drawer section+section{margin-top:18px;padding-top:18px;border-top:1px solid #e5ddcf}.control-drawer h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#626a55;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.control-drawer h2 svg{color:#7d886f}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 4px}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:10px;font-weight:600;color:#5b594e}.setting-row small{margin-top:3px;color:#99917f;font-size:8px}.setting-row output{flex:none;min-width:42px;padding:5px 7px;border-radius:8px;background:#ebe9df;color:#737e65;text-align:center;font-size:9px;font-weight:700}.setting-range{width:100%;height:22px;margin:2px 0 8px;accent-color:#7d886f;cursor:pointer;touch-action:pan-y}.panel-action{width:100%;min-height:39px;display:flex;align-items:center;gap:9px;margin-top:8px;padding:0 11px;border:1px solid #e6ded1;border-radius:10px;background:#fffdf8;color:#5b5a4f;text-align:left;font-size:10px;font-weight:600;cursor:pointer;touch-action:manipulation}.panel-action:hover{border-color:#a4ad96;background:#f1f3ec}.panel-action svg{color:#7d886f}.control-note{margin:4px 0 0;color:#99917f;font-size:9px;line-height:1.6}@media(max-width:700px){.control-drawer{width:min(370px,90vw);padding-left:15px;padding-right:15px}.control-drawer section{padding-top:16px}.control-drawer section+section{margin-top:13px;padding-top:14px}}@media(max-height:700px)and (pointer:coarse){.control-drawer{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.control-drawer section{padding-top:12px}.control-drawer section+section{margin-top:10px;padding-top:11px}.control-drawer h2{margin-bottom:8px}.setting-row{margin:7px 0 2px}.setting-range{margin:0 0 4px}.panel-action{min-height:34px}}.joy{transform:scale(var(--joystick-scale,1));transform-origin:center center}@media(max-width:700px){.mobile-controls{bottom:calc(66px + env(safe-area-inset-bottom))}}@media(orientation:landscape)and (max-height:700px)and (pointer:coarse){.mobile-controls{bottom:calc(58px + env(safe-area-inset-bottom))}}@media(max-width:700px){.app-shell.rotated-view .mobile-controls{bottom:58px}}@media(max-width:700px){.mobile-controls{left:calc(16px + max(0px,(var(--joystick-scale,1) - 1) * 63px) + env(safe-area-inset-left));bottom:calc(66px + max(0px,(var(--joystick-scale,1) - 1) * 63px) + env(safe-area-inset-bottom))}}@media(orientation:landscape)and (max-height:700px)and (pointer:coarse){.mobile-controls{left:calc(18px + max(0px,(var(--joystick-scale,1) - 1) * 44px) + env(safe-area-inset-left));bottom:calc(58px + max(0px,(var(--joystick-scale,1) - 1) * 44px) + env(safe-area-inset-bottom))}}@media(max-width:700px){.app-shell.rotated-view .mobile-controls{left:calc(18px + max(0px,(var(--joystick-scale,1) - 1) * 44px));bottom:calc(58px + max(0px,(var(--joystick-scale,1) - 1) * 44px))}}