@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:1600px;height:900px;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:100vh;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,48dvh);max-height:calc(100vw - 145px)}.app-shell.rotated-view .home-drawer{width:min(360px,82dvh)}.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))}}@media(max-width:700px){.app-shell.rotated-view .entry-screen{padding:10px;overflow:auto}.app-shell.rotated-view .entry-card{width:min(100%,420px);max-height:calc(100% - 16px);overflow:auto;padding:10px 18px 9px}.app-shell.rotated-view .entry-kicker{margin:7px 0 4px}.app-shell.rotated-view .entry-card h1{font-size:34px}.app-shell.rotated-view .entry-copy{display:none}.app-shell.rotated-view .name-label{margin-bottom:5px}.app-shell.rotated-view .name-input{height:36px}.app-shell.rotated-view .look-title{margin:8px 0 4px}.app-shell.rotated-view .look-card{padding:6px}.app-shell.rotated-view .look-portrait{width:32px;height:32px}.app-shell.rotated-view .enter-button{height:34px;margin-top:8px}.app-shell.rotated-view .private-note{margin-top:5px}.app-shell.rotated-view .entry-footer{display:none}}.smart-remote{margin:12px 0 14px;padding:13px;border-radius:20px;background:linear-gradient(145deg,#343936,#171a19);box-shadow:inset 0 1px #ffffff20,0 8px 22px #2225;color:#f5f0e6}.remote-top-keys,.remote-app-keys{display:flex;justify-content:space-between;gap:9px}.remote-top-keys button,.remote-app-keys button{min-height:36px;flex:1;border:1px solid #ffffff19;border-radius:11px;background:#ffffff0b;color:#f4efe5;touch-action:manipulation}.remote-top-keys button{font-size:19px}.remote-middle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0}.remote-volume{min-width:57px;min-height:45px;border:0;border-radius:11px;background:#ffffff0b;color:#eee7d9;font-size:10px;font-weight:700}.remote-volume small{display:block;margin-top:3px;color:#aaa99e;font-size:7px}.remote-dpad{width:128px;height:128px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:3px;padding:5px;border-radius:50%;background:#ffffff0c}.remote-dpad button{border:0;border-radius:50%;background:#ffffff12;color:#f4eee2;font-size:22px;touch-action:manipulation}.remote-dpad button:nth-child(1){grid-area:1/2}.remote-dpad button:nth-child(2){grid-area:2/1}.remote-dpad button:nth-child(3){grid-area:2/2}.remote-dpad button:nth-child(4){grid-area:2/3}.remote-dpad button:nth-child(5){grid-area:3/2}.remote-dpad .remote-ok{background:#899477;color:#fff;font-size:10px;font-weight:700}.remote-app-keys button{font-size:9px;letter-spacing:.04em}.smart-remote button:active,.smart-remote button:focus-visible{background:#849073;color:#fff;outline:2px solid #d6dec4}.youtube-launcher{margin:0 0 14px;padding:11px;border:1px solid #ffffff1c;border-radius:13px;background:#ffffff09}.youtube-launcher label{display:block;margin-bottom:7px;color:#d2d0c7;font-size:9px;font-weight:700;letter-spacing:.04em}.youtube-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.youtube-input-row input{width:100%;min-width:0;height:40px;padding:0 10px;border:1px solid #ffffff24;border-radius:9px;background:#f4efe5;color:#383b36;font:11px DM Sans,sans-serif;outline:none}.youtube-input-row input:focus{border-color:#a9b58d;box-shadow:0 0 0 2px #a9b58d38}.youtube-input-row button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:70px;height:40px;padding:0 10px;border:0;border-radius:9px;background:#849073;color:#fffaf0;font-size:10px;font-weight:700;cursor:pointer;touch-action:manipulation}.youtube-error{display:block;margin-top:7px;color:#ffb2a2;font-size:9px;line-height:1.4}.remote-actions{position:absolute;z-index:4;right:26px;bottom:118px;display:flex;gap:8px}.remote-actions .remote-action{position:static}.remote-actions .remote-drop{background:#f5f1e9;color:#625d51}.channel-list{margin-top:12px;border-top:1px solid #e7dfd2;padding-top:10px;max-height:220px;overflow:auto}.channel-list-title{display:flex;justify-content:space-between;margin-bottom:7px;color:#88816f;font-size:8px;font-weight:700;letter-spacing:.14em}.channel-list-title small{font-size:8px;font-weight:400;letter-spacing:0}.channel-list>button{width:100%;display:flex;align-items:center;gap:9px;padding:7px 8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#4f4b41;text-align:left;cursor:pointer}.channel-list>button:hover,.channel-list>button.active-channel{border-color:#dce0d4;background:#eef0e9}.channel-list>button b{flex:1;font-size:10px}.channel-badge{width:33px;height:24px;display:grid;place-items:center;border-radius:6px;background:#e8e2d6;color:#59614e;font-size:8px;font-weight:700}.channel-live{font-size:7px;letter-spacing:.1em;color:#a56b58}.remote-actions .remote-action{white-space:nowrap}.camera-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 15px}.camera-mode-grid button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:5px;border:1px solid #e6ded1;border-radius:10px;background:#fffdf8;color:#646256;font-size:9px;font-weight:600;cursor:pointer;touch-action:manipulation}.camera-mode-grid button:last-child{grid-column:1/-1}.camera-mode-grid button.active{border-color:#78846c;background:#78846c;color:#fffaf0}.camera-mode-grid button svg{flex:none}.mobile-camera-label{display:none}@media(max-width:700px){.mobile-camera-label{display:block;max-width:122px;color:#817968;font-size:7px;line-height:1.3;text-align:center;text-shadow:0 1px 3px #f5f1e9}}@media(orientation:landscape)and (max-height:700px)and (pointer:coarse){.mobile-camera-label{display:block;max-width:128px;font-size:6px;line-height:1.2}}.light-actions{position:absolute;z-index:4;left:50%;bottom:205px;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px)}.light-action{position:static;display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 13px;border:1px solid #fff9;border-radius:24px;background:#f5f0e6f2;color:#4f5747;font:600 10px DM Sans,sans-serif;box-shadow:0 8px 26px #40342535;cursor:pointer;white-space:nowrap;touch-action:manipulation}.light-action:hover{background:#fffaf0}.light-action kbd{min-width:22px;height:21px;display:grid;place-items:center;padding:0 5px;border:1px solid #d7cfbd;border-radius:6px;color:#82775f;font:600 9px DM Sans,sans-serif}.light-action.led-action{background:#e9e4d8f5}@media(max-width:700px){.light-actions{bottom:267px;gap:6px}.light-action{min-height:42px;padding:9px 11px;font-size:9px}}@media(max-width:700px){.app-shell.rotated-view .light-actions{bottom:125px}}@media(max-height:500px)and (min-width:701px){.light-actions{bottom:112px}}.app-shell.has-remote .welcome{display:none}.remote-panel{position:absolute;z-index:7;right:2.7%;top:6.5%;bottom:9.5%;width:min(520px,41vw);max-height:none;overflow:auto;padding:20px 20px 16px;border:1px solid #fff;border-radius:27px;background:#f8f4eaf2;color:#34352f;box-shadow:0 22px 70px #29251d45;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:thin;scrollbar-color:#aaa89d transparent}.remote-heading{position:relative;display:flex;align-items:center;gap:14px;min-height:67px;margin:0 0 10px;padding-right:40px}.remote-tv-icon{width:60px;height:60px;flex:none;display:grid;place-items:center;border-radius:50%;background:#e1e7d6;color:#4e5d4b;box-shadow:0 4px 13px #5057441b}.remote-heading b,.remote-heading small{display:block}.remote-heading b{font-size:19px;letter-spacing:-.025em}.remote-heading small{margin-top:5px;color:#908a7c;font-size:12px}.remote-heading .remote-close{right:0;top:50%;transform:translateY(-50%);width:37px;height:37px;background:#eee9df;color:#696558}.remote-panel .smart-remote{margin:0;padding:16px 16px 14px;border:1px solid #ffffff16;border-radius:27px;background:linear-gradient(145deg,#303633,#141817);box-shadow:inset 0 1px #ffffff20,0 12px 26px #24231f29;color:#f5f0e6}.remote-panel .remote-top-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.remote-panel .remote-top-keys button{height:60px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #ffffff1b;border-radius:15px;background:#ffffff0c;color:#f4efe5;cursor:pointer}.remote-panel .remote-top-keys button:first-child{color:#f06b56}.remote-panel .remote-top-keys button.remote-home-key{background:#65735d;color:#fff}.remote-panel .remote-top-keys small,.remote-panel .remote-app-keys small{font-size:10px;white-space:nowrap}.remote-panel .remote-middle{display:grid;grid-template-columns:68px minmax(0,1fr) 68px;align-items:center;justify-items:center;gap:7px;margin:14px 0 13px}.remote-panel .remote-side{width:100%;min-height:148px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #ffffff16;border-radius:17px;background:#ffffff0a;color:#eee9df}.remote-side button{width:45px;height:39px;border:0;border-radius:11px;background:#ffffff0d;color:#f4efe5;font-size:25px;line-height:1;cursor:pointer}.remote-side span{font-size:11px}.remote-side>small{color:#c2c5b9;font-size:9px}.remote-side .mute-key{height:48px;margin-top:5px;display:grid;place-items:center;font-size:15px}.remote-side .mute-key small{font-size:9px}.remote-panel .remote-dpad{width:min(190px,100%);height:auto;aspect-ratio:1;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px;padding:9px;border:1px solid #ffffff1b;border-radius:50%;background:radial-gradient(circle,#444944 0,#444944 46%,#252a27 47%,#252a27)}.remote-panel .remote-dpad button{display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff10;color:#f4efe5;font-size:19px;cursor:pointer}.remote-panel .remote-dpad button:nth-child(1){grid-area:1/2}.remote-panel .remote-dpad button:nth-child(2){grid-area:2/1}.remote-panel .remote-dpad button:nth-child(3){grid-area:2/2}.remote-panel .remote-dpad button:nth-child(4){grid-area:2/3}.remote-panel .remote-dpad button:nth-child(5){grid-area:3/2}.remote-panel .remote-dpad .remote-ok{background:#879578;color:#fff;font-size:14px;font-weight:700}.remote-panel .remote-app-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.remote-panel .remote-app-keys button{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff0b;color:#f4efe5;cursor:pointer}.remote-panel .remote-app-keys button.remote-live-key{background:#69785f}.remote-panel .smart-remote button:hover,.remote-panel .smart-remote button:focus-visible{outline:2px solid #d6dec4;background-color:#78866c;color:#fff}.remote-feedback{margin:10px 3px 0;color:#d4dfc8;font-size:10px;line-height:1.4}.remote-panel .channel-list{max-height:clamp(128px,27vh,320px);margin-top:13px;padding-top:11px;border-top:1px solid #e3ddd1;overflow:auto}.remote-panel .channel-list-title{align-items:center;margin:0 3px 8px;color:#847866;font-size:10px;letter-spacing:.13em}.remote-panel .channel-list-title small{display:flex;align-items:center;gap:8px;color:#898373;font-size:10px}.remote-panel .channel-list>button{min-height:47px;gap:10px;margin:3px 0;padding:5px 8px;border:1px solid #ebe5da;border-radius:13px;background:#ffffff78}.remote-panel .channel-list>button:hover,.remote-panel .channel-list>button.active-channel{border-color:#d2dac8;background:#edf0e7}.channel-number{width:39px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;background:#e2ded4;color:#686658;font-size:13px;font-weight:700}.remote-panel .channel-badge{width:52px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;background:#fffefa;color:#3e4741;font-size:9px;font-weight:800;letter-spacing:-.03em}.badge-now{color:#63529a!important}.badge-show{color:#bf3651!important}.badge-kanald{color:#3475ae!important}.badge-atv{color:#db701e!important}.badge-star{color:#c35375!important}.badge-tv8{color:#426e9f!important}.badge-trt1{color:#d14638!important}.badge-kanal7{color:#3a7585!important}.channel-name{min-width:0;flex:1}.channel-name b,.channel-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-name b{font-size:12px;color:#3f403a}.channel-name small{margin-top:3px;color:#989081;font-size:9px}.channel-source{padding:7px 8px;border-radius:9px;background:#e5e9de;color:#71806a;font-size:8px;font-weight:700;letter-spacing:.06em}.channel-source-active{background:#dce8d4;color:#4c6747}.channel-source-error{background:#f2ded7;color:#9e4e3e}.channel-all{width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:8px;border:0;border-radius:16px;background:#ebe7de;color:#625e53;font-size:11px;cursor:pointer}.channel-all:hover{background:#e0e5d8}.remote-panel .video-form{margin:12px 0 2px;padding-top:12px;border-top:1px solid #e5ded2}.remote-panel .video-form label{color:#867d6c;font-size:9px}.remote-panel .video-form input{background:#fffefa}.remote-panel .video-form .embed-note{color:#918a7b}.remote-actions{right:2.7%;bottom:2.3%;gap:9px;padding:0;border:0;background:transparent;box-shadow:none}.remote-actions .remote-action{padding:11px 15px;border:1px solid #ffffff9c;border-radius:15px;background:#58654e;color:#fffaf0;font-size:11px}.remote-actions .remote-drop{background:#f8f4ea;color:#625d51}@media(max-width:900px){.remote-panel{right:2%;top:5%;bottom:11%;width:min(470px,49vw);padding:15px;border-radius:22px}.remote-heading{min-height:55px;margin-bottom:8px}.remote-tv-icon{width:49px;height:49px}.remote-heading b{font-size:16px}.remote-heading small{font-size:10px}.remote-panel .smart-remote{padding:12px;border-radius:22px}.remote-panel .remote-top-keys button{height:50px;border-radius:12px}.remote-panel .remote-middle{grid-template-columns:56px minmax(0,1fr) 56px;gap:5px;margin:10px 0}.remote-panel .remote-side{min-height:120px}.remote-side button{width:39px;height:32px}.remote-panel .remote-dpad{max-width:164px;padding:7px}.remote-panel .remote-app-keys button{min-height:46px}.remote-panel .remote-app-keys small{font-size:8px}.remote-panel .channel-list{max-height:clamp(105px,24vh,220px)}.remote-panel .channel-list>button{min-height:40px}.channel-number{height:29px;width:33px}.remote-panel .channel-badge{height:29px;width:44px}.channel-name b{font-size:10px}.channel-name small{font-size:8px}}@media(max-width:700px){.remote-panel{right:12px;top:calc(68px + env(safe-area-inset-top));bottom:calc(108px + env(safe-area-inset-bottom));width:min(455px,calc(100vw - 24px));padding:13px;border-radius:20px}.remote-heading{min-height:48px;gap:10px}.remote-tv-icon{width:42px;height:42px}.remote-heading b{font-size:15px}.remote-heading small{font-size:9px}.remote-panel .smart-remote{padding:10px;border-radius:19px}.remote-panel .remote-top-keys{gap:6px}.remote-panel .remote-top-keys button{height:45px;gap:2px}.remote-panel .remote-top-keys small{font-size:8px}.remote-panel .remote-middle{grid-template-columns:47px minmax(0,1fr) 47px;gap:4px;margin:8px 0}.remote-panel .remote-side{min-height:104px;border-radius:13px;gap:2px}.remote-side button{width:34px;height:28px;font-size:21px}.remote-side span{font-size:9px}.remote-side>small{font-size:8px}.remote-side .mute-key{height:39px;margin-top:2px}.remote-panel .remote-dpad{max-width:min(142px,40vw);padding:6px}.remote-panel .remote-app-keys{gap:5px}.remote-panel .remote-app-keys button{min-height:42px;gap:2px;border-radius:10px}.remote-panel .remote-app-keys svg{width:15px;height:15px}.remote-panel .remote-app-keys small{font-size:7px}.remote-panel .channel-list{max-height:clamp(90px,20vh,190px);margin-top:9px;padding-top:8px}.remote-panel .channel-list-title,.remote-panel .channel-list-title small{font-size:8px}.remote-panel .channel-list>button{min-height:36px;gap:6px;margin:2px 0;padding:3px 5px;border-radius:10px}.channel-number{width:27px;height:25px;font-size:10px}.remote-panel .channel-badge{width:39px;height:25px;font-size:8px}.channel-name b{font-size:9px}.channel-name small{font-size:7px}.channel-source{padding:5px;font-size:7px}.channel-all{min-height:33px;margin-top:5px;font-size:9px}.remote-actions{right:14px;bottom:calc(72px + env(safe-area-inset-bottom));gap:6px}.remote-actions .remote-action{padding:9px 10px;font-size:9px}.remote-panel .video-form{margin-top:8px;padding-top:8px}.remote-panel .video-form input{height:34px}.remote-panel .video-form>button{height:34px}.tv-hint{display:none}}@media(max-height:500px)and (max-width:1000px){.remote-panel{top:4%;bottom:14%;padding:9px;width:min(435px,50vw)}.remote-heading{min-height:38px;margin-bottom:5px}.remote-tv-icon{width:34px;height:34px}.remote-heading b{font-size:13px}.remote-heading small{font-size:8px;margin-top:2px}.remote-panel .smart-remote{padding:7px}.remote-panel .remote-top-keys button{height:37px}.remote-panel .remote-middle{margin:5px 0}.remote-panel .remote-side{min-height:84px}.remote-panel .remote-dpad{max-width:112px;padding:4px}.remote-panel .remote-app-keys button{min-height:33px}.remote-panel .channel-list{max-height:90px;margin-top:5px;padding-top:5px}.remote-panel .channel-list>button{min-height:30px}.channel-number,.remote-panel .channel-badge{height:22px}.remote-actions{bottom:3%}}.tv-osd{position:absolute;width:1200px;height:660px;display:flex;align-items:flex-end;padding:0 0 28px 32px;box-sizing:border-box;opacity:0;pointer-events:none!important;transition:opacity .18s ease;color:#f7f3e8;font-family:Arial,sans-serif}.tv-osd-card{display:flex;align-items:center;gap:15px;min-width:280px;padding:16px 22px;border:1px solid #ffffff38;border-radius:20px;background:#111917ef;box-shadow:0 10px 32px #0008;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tv-osd-dot{width:11px;height:11px;flex:none;border-radius:50%;background:#b7c9a4;box-shadow:0 0 0 6px #b7c9a426}.tv-osd-card b,.tv-osd-card small{display:block}.tv-osd-card b{font-size:24px;letter-spacing:.02em}.tv-osd-card small{margin-top:5px;color:#c8c9ba;font-size:17px}.badge-halk{color:#b13f3b!important}.badge-tv100{color:#426d92!important}.badge-tgrthaber{color:#557847!important}.app-shell.is-playing .welcome{display:none}.channel-badge .brand-logo-inner,.channel-logo .brand-logo-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.channel-badge .brand-trt,.channel-logo .brand-trt{display:flex;align-items:center;padding:3px 4px;border-radius:3px;background:#cf463b;color:#fff;font-size:9px;line-height:1;font-weight:900}.channel-badge .brand-trt i,.channel-logo .brand-trt i{margin-left:2px;font-size:12px;font-style:normal}.channel-badge .brand-show,.channel-logo .brand-show{display:flex;align-items:center;gap:1px}.channel-badge .brand-show svg,.channel-logo .brand-show svg{width:18px;height:18px;flex:none}.channel-badge .brand-show b,.channel-logo .brand-show b{font-size:8px;letter-spacing:-.08em;color:#d74365}.channel-badge .brand-star,.channel-logo .brand-star{display:flex;align-items:center;gap:1px}.channel-badge .brand-star svg,.channel-logo .brand-star svg{width:20px;height:20px;flex:none}.channel-badge .brand-star b,.channel-logo .brand-star b{font-size:7px;letter-spacing:-.08em;color:#ca4b7b}.channel-badge .brand-atv,.channel-logo .brand-atv{padding:1px 3px;border-radius:3px;background:#e87529;color:#fff;font-size:15px;line-height:1;font-style:italic;letter-spacing:-.08em}.channel-badge .brand-now,.channel-logo .brand-now{display:flex;flex-direction:column;align-items:center;line-height:.82}.channel-badge .brand-now b,.channel-logo .brand-now b{font-size:12px;letter-spacing:-.08em;color:#7658a0}.channel-badge .brand-now i,.channel-logo .brand-now i{margin-top:2px;font-size:6px;font-style:normal;letter-spacing:.08em;color:#9e6b9e}.channel-badge .brand-kanald,.channel-logo .brand-kanald{display:flex;align-items:center;gap:2px}.channel-badge .brand-kanald i,.channel-logo .brand-kanald i{width:19px;height:19px;display:grid;place-items:center;border:2px solid #3884c3;border-radius:50%;color:#3884c3;font-size:13px;font-style:normal;font-weight:800}.channel-badge .brand-kanald b,.channel-logo .brand-kanald b{font-size:5px;letter-spacing:-.06em;color:#3475ae}.channel-badge .brand-tv8,.channel-logo .brand-tv8{color:#376fa6;font-size:15px;letter-spacing:-.06em}.channel-badge .brand-kanal7,.channel-logo .brand-kanal7{color:#3a7585;font-size:18px;font-weight:900}.channel-badge .brand-text,.channel-logo .brand-text{font-size:9px;font-weight:800;letter-spacing:-.03em}@media(orientation:landscape)and (min-height:551px)and (max-height:900px)and (min-width:1000px){.remote-panel{top:3%;right:2%;bottom:3%;width:min(620px,48vw);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head" "remote channels" ". all";gap:9px;padding:14px;overflow:hidden}.remote-heading{grid-area:head;min-height:50px;margin:0;padding-right:38px;gap:10px}.remote-tv-icon{width:44px;height:44px}.remote-heading b{font-size:16px}.remote-heading small{font-size:10px}.remote-panel .smart-remote{grid-area:remote;min-width:0;align-self:start;padding:10px;border-radius:20px}.remote-panel .remote-top-keys{gap:5px}.remote-panel .remote-top-keys button{height:43px;border-radius:11px}.remote-panel .remote-top-keys small{font-size:8px}.remote-panel .remote-middle{grid-template-columns:42px minmax(0,1fr) 42px;gap:4px;margin:8px 0}.remote-panel .remote-side{min-height:104px;border-radius:12px;gap:3px}.remote-panel .remote-side button{width:31px;height:27px;font-size:20px}.remote-panel .remote-side span{font-size:9px}.remote-panel .remote-side>small{font-size:7px}.remote-panel .remote-side .mute-key{height:34px;margin-top:2px}.remote-panel .remote-dpad{max-width:142px;padding:6px;gap:3px}.remote-panel .remote-dpad button{font-size:16px}.remote-panel .remote-app-keys{gap:4px}.remote-panel .remote-app-keys button{min-height:40px;border-radius:10px}.remote-panel .remote-app-keys svg{width:15px;height:15px}.remote-panel .remote-app-keys small{font-size:7px}.remote-feedback{margin:6px 2px 0;font-size:8px}.remote-panel .channel-list{grid-area:channels;align-self:stretch;min-height:0;max-height:none;margin:0;padding:6px 0 0;overflow:auto}.remote-panel .channel-list-title{margin:0 2px 5px;font-size:8px;letter-spacing:.08em}.remote-panel .channel-list-title small{font-size:8px;gap:4px}.remote-panel .channel-list>button{min-height:36px;gap:5px;margin:2px 0;padding:3px 5px;border-radius:9px}.remote-panel .channel-number{width:25px;height:26px;border-radius:7px;font-size:9px}.remote-panel .channel-badge{width:34px;height:26px;border-radius:7px}.remote-panel .channel-name b{font-size:9px}.remote-panel .channel-name small{display:none}.remote-panel .channel-source{padding:4px 5px;font-size:7px;letter-spacing:0}.remote-panel .channel-all{grid-area:all;min-height:34px;margin:0;border-radius:11px;font-size:9px}.remote-panel:has(.video-form){grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"head head" "remote form" "remote channels" ". all"}.remote-panel:has(.video-form) .video-form{grid-area:form;min-width:0;margin:0;padding:5px 0;border-top:0}.remote-panel:has(.video-form) .video-form label{font-size:8px}.remote-panel:has(.video-form) .video-form input{height:32px;padding:0 8px;font-size:9px}.remote-panel:has(.video-form) .video-form>button{height:32px;font-size:9px}.remote-panel:has(.video-form) .video-form .embed-note{font-size:8px}}@media(orientation:landscape)and (max-height:550px)and (max-width:1000px){.remote-panel{top:8px;right:8px;bottom:8px;width:min(480px,52vw);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head" "remote channels" ". all";gap:6px;padding:8px;overflow:hidden}.remote-heading{grid-area:head;min-height:34px;margin:0;padding-right:34px;gap:7px}.remote-tv-icon{width:30px;height:30px}.remote-heading b{font-size:12px}.remote-heading small{margin-top:2px;font-size:8px}.remote-heading .remote-close{width:28px;height:28px}.remote-panel .smart-remote{grid-area:remote;min-width:0;min-height:0;align-self:stretch;padding:7px;border-radius:16px}.remote-panel .remote-top-keys{gap:4px}.remote-panel .remote-top-keys button{height:34px;border-radius:9px}.remote-panel .remote-top-keys small{font-size:7px}.remote-panel .remote-middle{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px;margin:5px 0}.remote-panel .remote-side{min-height:82px;border-radius:10px;gap:2px}.remote-panel .remote-side button{width:30px;height:24px;font-size:18px}.remote-panel .remote-side span{font-size:8px}.remote-panel .remote-side>small{font-size:7px}.remote-panel .remote-side .mute-key{height:28px;margin-top:1px}.remote-panel .remote-dpad{max-width:106px;padding:4px;gap:2px}.remote-panel .remote-dpad button{font-size:16px}.remote-panel .remote-app-keys{gap:4px}.remote-panel .remote-app-keys button{min-height:30px;border-radius:8px}.remote-panel .remote-app-keys svg{width:14px;height:14px}.remote-panel .remote-app-keys small{font-size:6px}.remote-feedback{max-height:26px;margin:4px 2px 0;overflow:hidden;font-size:7px}.remote-panel .channel-list{grid-area:channels;align-self:stretch;min-height:0;max-height:none;margin:0;padding:5px 0 0;overflow:auto}.remote-panel .channel-list-title{margin:0 2px 4px;font-size:7px;letter-spacing:.08em}.remote-panel .channel-list-title small{font-size:7px;gap:3px}.remote-panel .channel-list>button{min-height:31px;gap:4px;margin:2px 0;padding:2px 4px;border-radius:8px}.remote-panel .channel-number{width:20px;height:24px;border-radius:6px;font-size:8px}.remote-panel .channel-badge{width:29px;height:24px;border-radius:6px}.remote-panel .channel-name b{font-size:8px}.remote-panel .channel-name small{display:none}.remote-panel .channel-source{padding:3px 4px;font-size:6px;letter-spacing:0}.remote-panel .channel-all{grid-area:all;min-height:28px;margin:0;border-radius:9px;font-size:8px}.remote-panel:has(.video-form){grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"head head" "remote form" "remote channels" ". all"}.remote-panel:has(.video-form) .video-form{grid-area:form;min-width:0;margin:0;padding:5px 0 0;border-top:0}.remote-panel:has(.video-form) .video-form label{font-size:7px}.remote-panel:has(.video-form) .video-form input{height:30px;padding:0 7px;font-size:8px}.remote-panel:has(.video-form) .video-form>button{height:30px;font-size:8px}.remote-panel:has(.video-form) .video-form .embed-note{font-size:7px}}.remote-panel .remote-app-keys{grid-template-columns:repeat(2,minmax(0,1fr))}.tv-osd.channel-guide-open{display:block;align-items:stretch;padding:24px 28px;opacity:1!important}.tv-osd.channel-guide-open .tv-osd-card{display:none}.tv-osd .tv-channel-guide{display:none;position:absolute;right:22px;top:22px;bottom:22px;width:390px;padding:20px;border:1px solid #ffffff35;border-radius:20px;background:#111917ed;box-shadow:0 16px 44px #0008;color:#f7f3e8;font-family:Arial,sans-serif}.tv-osd .tv-channel-guide header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid #ffffff29}.tv-osd .tv-channel-guide header b{font-size:22px;letter-spacing:.12em}.tv-osd .tv-channel-guide header small{color:#c2cabb;font-size:12px}.tv-channel-guide-list{display:grid;gap:5px}.tv-channel-row{height:39px;display:flex;align-items:center;gap:13px;padding:0 12px;border:1px solid #ffffff1a;border-radius:10px;background:#ffffff0c;color:#ede9de;font-size:17px}.tv-channel-row>span{width:28px;color:#c5cdbb;font-size:14px}.tv-channel-row>b{flex:1}.tv-channel-row>i{color:#b8d09f;font-size:10px;font-style:normal;letter-spacing:.08em}.tv-channel-row.selected{border-color:#c6d8ad;background:#687a5bd9;color:#fff}.tv-standby{height:100%;min-height:300px;display:grid;place-content:center;text-align:center;color:#f4f0e5}.tv-standby-mark{font-size:4em;color:#b9c8ae}.tv-standby h1{margin:.4em 0;font:500 2em Georgia,serif}.tv-standby p{color:#bdc5b9;font-size:.9em}@media(orientation:landscape)and (min-height:551px)and (max-height:900px)and (min-width:1000px),(orientation:landscape)and (max-height:550px)and (max-width:1000px){.remote-panel{display:block;overflow:auto}.remote-panel .remote-heading,.remote-panel .smart-remote{grid-area:auto}}.remote-panel{top:50%;bottom:auto;height:auto;max-height:90dvh;transform:translateY(-50%)}@media(max-width:700px){.remote-panel{top:50%;bottom:auto;transform:translateY(-50%);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 28px)}}@media(orientation:landscape)and (min-height:551px)and (max-height:900px)and (min-width:1000px),(orientation:landscape)and (max-height:550px)and (max-width:1000px){.remote-panel{top:50%;bottom:auto;height:auto;max-height:calc(100dvh - 16px);transform:translateY(-50%)}}.remote-panel .ambient-open-key{width:100%;min-height:43px;margin-top:10px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid #d9c9a8;border-radius:13px;background:linear-gradient(100deg,#796a4d,#52614c);color:#fffaf0;font:600 11px DM Sans,sans-serif;cursor:pointer}.remote-panel .ambient-open-key span{flex:1;text-align:left}.remote-panel .ambient-open-key:hover,.remote-panel .ambient-open-key:focus-visible{outline:2px solid #e4cc92;background:#857451}.ambience-panel{position:absolute;z-index:8;right:2.7%;top:50%;width:min(430px,calc(100vw - 28px));max-height:min(90dvh,720px);overflow:auto;transform:translateY(-50%);padding:22px;border:1px solid #fff;border-radius:25px;background:#f8f4eaf5;color:#34352f;box-shadow:0 22px 70px #29251d45;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:thin;scrollbar-color:#aaa89d transparent}.ambience-panel>header{position:relative;display:flex;align-items:center;gap:12px;margin:0 0 18px;padding-right:37px}.ambience-icon{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:15px;background:#e5e8d8;color:#65734f}.ambience-panel>header b,.ambience-panel>header small{display:block}.ambience-panel>header b{font:600 17px DM Sans,sans-serif}.ambience-panel>header small{margin-top:4px;color:#928b7b;font-size:10px}.ambience-panel .remote-close{right:0;top:50%;transform:translateY(-50%);width:34px;height:34px}.ambience-section{padding:15px 0;border-top:1px solid #e6dfd3}.ambience-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.ambience-label>span{color:#827762;font-size:9px;font-weight:700;letter-spacing:.14em}.ambience-label>small{color:#999180;font-size:9px;text-align:right}.ambience-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ambience-palette button{width:100%;aspect-ratio:1;border:3px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 2px 9px #45392b22;cursor:pointer}.ambience-palette button.selected{outline:2px solid #68745d;outline-offset:2px}.custom-color-row{min-height:38px;margin-top:12px;display:flex;align-items:center;gap:9px;color:#6f6a5d;font-size:10px}.custom-color-row span{flex:1}.custom-color-row input{width:38px;height:30px;padding:2px;border:1px solid #ddd5c8;border-radius:8px;background:#fff;cursor:pointer}.custom-color-row b{font-size:9px;letter-spacing:.06em;color:#958a76}.rhythm-section{padding-bottom:10px}.rhythm-toggle{width:100%;height:47px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #ddd8cd;border-radius:13px;background:#fffdf9;color:#4f5147;text-align:left;cursor:pointer}.rhythm-toggle.active{border-color:#a9b498;background:#e9eee3}.rhythm-toggle b{flex:1;font-size:11px}.rhythm-dot{width:9px;height:9px;border-radius:50%;background:#b1a99a}.rhythm-toggle.active .rhythm-dot{background:#8baf72;box-shadow:0 0 0 4px #8baf7225}.rhythm-state{color:#8c8a7d;font-size:8px;font-weight:700;letter-spacing:.1em}.music-file-button{position:relative;min-height:57px;margin-top:10px;padding:10px 12px 10px 45px;display:flex;flex-direction:column;justify-content:center;gap:3px;border:1px solid #e2d9ca;border-radius:13px;background:#f2eee5;color:#554f42;cursor:pointer}.music-file-button>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:21px;color:#79846a}.music-file-button b{font-size:10px}.music-file-button small{overflow:hidden;color:#999180;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.music-file-button input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.audio-note{margin:10px 2px 0;color:#999180;font-size:9px;line-height:1.55}.ambience-back{width:100%;height:42px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:#69775d;color:#fffaf0;font-size:10px;font-weight:600;cursor:pointer}.music-player-dock{display:none}.music-player-dock.is-active{position:absolute;z-index:9;right:2.7%;bottom:5%;width:min(390px,calc(100vw - 28px));padding:9px;border:1px solid #ffffffd9;border-radius:15px;background:#f8f4eaf0;box-shadow:0 10px 35px #29251d32;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.music-player-dock audio{display:block;width:100%;height:40px}@media(max-width:700px){.ambience-panel{right:12px;width:calc(100vw - 24px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 30px);padding:17px;border-radius:21px}.ambience-panel>header{margin-bottom:11px}.ambience-palette{gap:8px}.ambience-section{padding:12px 0}.music-player-dock.is-active{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100vw - 24px)}}.room-intro{position:absolute;z-index:3;top:82px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;max-width:calc(100vw - 210px);padding:10px 15px;border:1px solid #ffffffbd;border-radius:18px;background:#f8f4eae8;box-shadow:0 8px 28px #40342516;color:#77715f;font-size:9px;font-weight:700;letter-spacing:.12em;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:room-intro-out 1s ease 19s forwards}.room-intro .live-dot{flex:none;margin-right:1px}.room-intro>i{color:#b5a992;font-style:normal}.room-intro>b{color:#4c5044}.room-intro>small{margin-left:5px;padding-left:9px;border-left:1px solid #dfd6c8;color:#958b79;font-size:8px;font-weight:500;letter-spacing:.03em}@keyframes room-intro-out{to{opacity:0;transform:translate(-50%,-5px);visibility:hidden}}.app-shell.is-playing .room-chip,.app-shell.is-playing .toast,.app-shell.is-playing .tv-hint{display:none!important}.app-shell.is-playing .bottom-bar{left:18px;right:auto;bottom:12px;width:auto;height:auto;padding:0;background:none}.app-shell.is-playing .avatar{gap:7px;padding:5px 10px 5px 5px;border:1px solid #ffffff9c;border-radius:22px;background:#f7f3eadb;box-shadow:0 5px 18px #33291d1b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-shell.is-playing .avatar>span{width:27px;height:27px;font-size:13px}.app-shell.is-playing .avatar b{font-size:10px}.app-shell.is-playing .avatar small{display:none}.app-shell.is-playing .avatar .online{width:7px;height:7px;left:21px;top:22px}.header-actions{gap:7px}.header-actions .room-light-button{width:auto;min-width:42px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:5px;border-color:#74806655;background:#edf0e5e8;color:#637453}.room-light-button span{font-size:9px;font-weight:700;letter-spacing:.02em}.app-shell:has(.ambience-panel) .remote-actions,.app-shell.has-remote .remote-actions{display:none!important}.app-shell .remote-panel{right:calc(18px + env(safe-area-inset-right));top:auto;bottom:calc(86px + env(safe-area-inset-bottom));width:min(360px,34vw);max-height:calc(100dvh - 126px - env(safe-area-inset-top));transform:none;padding:12px;border-radius:21px;background:#f8f4eadd;box-shadow:0 16px 48px #29251d35;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-shell .remote-heading{min-height:40px;margin:0 0 7px;gap:9px;padding-right:35px}.app-shell .remote-heading .remote-tv-icon{width:38px;height:38px}.app-shell .remote-heading b{font-size:15px}.app-shell .remote-heading small{display:none}.app-shell .remote-panel .smart-remote{padding:9px;border-radius:18px}.app-shell .remote-panel .remote-top-keys{gap:5px}.app-shell .remote-panel .remote-top-keys button{height:42px;border-radius:11px}.app-shell .remote-panel .remote-middle{grid-template-columns:48px minmax(0,1fr) 48px;gap:4px;margin:8px 0}.app-shell .remote-panel .remote-side{min-height:98px;border-radius:12px;gap:2px}.app-shell .remote-panel .remote-side button{width:34px;height:28px}.app-shell .remote-panel .remote-dpad{width:min(152px,100%);max-width:152px;padding:5px}.app-shell .remote-panel .remote-app-keys{gap:5px}.app-shell .remote-panel .remote-app-keys button{min-height:39px;border-radius:10px}.app-shell .remote-panel .remote-app-keys svg{width:15px;height:15px}.app-shell .remote-panel .remote-app-keys small{font-size:8px}.app-shell .remote-panel .ambient-open-key{min-height:36px;margin-top:7px;border-radius:10px;font-size:10px}.app-shell .remote-feedback{margin-top:6px;font-size:9px}.app-shell .remote-panel .channel-list{max-height:125px;margin-top:8px;padding-top:7px}.app-shell .ambience-panel{right:calc(18px + env(safe-area-inset-right));top:auto;bottom:calc(86px + env(safe-area-inset-bottom));width:min(360px,34vw);max-height:calc(100dvh - 126px - env(safe-area-inset-top));transform:none;padding:17px;border-radius:21px}.app-shell .music-player-dock.is-active{right:calc(18px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));width:min(360px,34vw)}@media(max-width:900px){.room-intro{top:70px;padding:9px 12px;font-size:8px}.header-actions{gap:5px}.header-actions .room-light-button{min-width:37px;padding:0 8px}.room-light-button span{font-size:8px}.app-shell .remote-panel,.app-shell .ambience-panel{right:calc(12px + env(safe-area-inset-right));width:min(350px,40vw);bottom:calc(78px + env(safe-area-inset-bottom));max-height:calc(100dvh - 112px - env(safe-area-inset-top))}.app-shell .remote-panel .remote-middle{grid-template-columns:45px minmax(0,1fr) 45px}.app-shell .remote-panel .remote-dpad{width:min(145px,100%);max-width:145px}.app-shell .music-player-dock.is-active{right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));width:min(350px,40vw)}}@media(max-width:700px){.room-intro{top:calc(69px + env(safe-area-inset-top));max-width:calc(100vw - 24px);gap:5px;padding:8px 10px;font-size:7px;letter-spacing:.08em}.room-intro>small{font-size:7px}.header-actions{gap:5px}.header-actions .icon-button{width:31px;height:31px}.header-actions .room-light-button{width:31px;min-width:31px;padding:0}.room-light-button span{display:none}.app-shell.is-playing .bottom-bar{left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom))}.app-shell .remote-panel,.app-shell .ambience-panel{right:calc(12px + env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));width:min(330px,84vw);max-height:calc(62dvh - env(safe-area-inset-top));padding:10px;border-radius:18px}.app-shell .remote-heading{min-height:34px;gap:7px;margin-bottom:6px}.app-shell .remote-heading .remote-tv-icon{width:33px;height:33px}.app-shell .remote-heading b{font-size:13px}.app-shell .remote-heading .remote-close{width:28px;height:28px}.app-shell .remote-panel .smart-remote{padding:7px;border-radius:15px}.app-shell .remote-panel .remote-top-keys{gap:4px}.app-shell .remote-panel .remote-top-keys button{height:35px;gap:1px;border-radius:9px}.app-shell .remote-panel .remote-top-keys svg{width:16px;height:16px}.app-shell .remote-panel .remote-top-keys small{font-size:7px}.app-shell .remote-panel .remote-middle{grid-template-columns:39px minmax(0,1fr) 39px;gap:3px;margin:5px 0}.app-shell .remote-panel .remote-side{min-height:74px;border-radius:10px}.app-shell .remote-panel .remote-side button{width:29px;height:24px}.app-shell .remote-panel .remote-side span{font-size:8px}.app-shell .remote-panel .remote-side>small{font-size:7px}.app-shell .remote-panel .remote-dpad{width:min(122px,100%);max-width:122px;padding:4px;gap:2px}.app-shell .remote-panel .remote-dpad button{font-size:16px}.app-shell .remote-panel .remote-app-keys button{min-height:32px}.app-shell .remote-panel .remote-app-keys small{font-size:7px}.app-shell .remote-panel .ambient-open-key{min-height:31px;padding:0 8px;margin-top:5px;font-size:9px}.app-shell .remote-panel .ambient-open-key svg{width:13px;height:13px}.app-shell .remote-panel .channel-list{max-height:90px;margin-top:5px;padding-top:5px}.app-shell .ambience-panel>header{margin-bottom:8px}.app-shell .ambience-icon{width:36px;height:36px;border-radius:12px}.app-shell .ambience-panel>header b{font-size:14px}.app-shell .ambience-panel>header small{font-size:8px}.app-shell .ambience-section{padding:9px 0}.app-shell .ambience-label{margin-bottom:7px}.app-shell .ambience-palette{gap:6px}.app-shell .ambience-palette button{border-width:2px}.app-shell .custom-color-row{min-height:30px;margin-top:7px}.app-shell .rhythm-toggle{height:39px}.app-shell .music-file-button{min-height:46px;margin-top:7px;padding-top:7px;padding-bottom:7px}.app-shell .audio-note{margin-top:6px;font-size:8px;line-height:1.35}.app-shell .ambience-back{height:34px;margin-top:3px}.app-shell .music-player-dock.is-active{right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));width:min(330px,84vw)}}@media(orientation:landscape)and (max-height:550px){.room-intro{top:60px}.app-shell .remote-panel,.app-shell .ambience-panel{right:calc(10px + env(safe-area-inset-right));bottom:calc(62px + env(safe-area-inset-bottom));width:min(320px,38vw);max-height:calc(100dvh - 74px - env(safe-area-inset-top));padding:8px;border-radius:15px}.app-shell .remote-heading{min-height:29px;margin-bottom:4px}.app-shell .remote-heading .remote-tv-icon{width:28px;height:28px}.app-shell .remote-heading b{font-size:11px}.app-shell .remote-panel .smart-remote{padding:5px}.app-shell .remote-panel .remote-top-keys button{height:30px}.app-shell .remote-panel .remote-middle{grid-template-columns:34px minmax(0,1fr) 34px;gap:2px;margin:4px 0}.app-shell .remote-panel .remote-side{min-height:58px}.app-shell .remote-panel .remote-side button{width:25px;height:20px}.app-shell .remote-panel .remote-dpad{width:min(105px,100%);max-width:105px;padding:3px}.app-shell .remote-panel .remote-app-keys button{min-height:27px}.app-shell .remote-panel .ambient-open-key{min-height:26px;margin-top:4px;font-size:8px}.app-shell .remote-panel .channel-list{max-height:72px}.app-shell .ambience-panel{max-height:calc(100dvh - 74px)}.app-shell .music-player-dock.is-active{right:calc(10px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));width:min(320px,38vw)}}@media(max-width:700px){.header-actions .room-light-button{width:auto;min-width:44px;padding:0 6px}.header-actions .room-light-button span{display:inline;font-size:7px}.app-shell .remote-heading small{display:none}}@media(max-width:360px){.header-actions .room-light-button{width:31px;min-width:31px;padding:0}.header-actions .room-light-button span{display:none}}@media(max-width:700px)and (orientation:portrait){.app-shell .remote-panel{right:calc(10px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));width:min(310px,calc(100vw - 22px));max-height:45dvh;padding:8px;border-radius:16px}.app-shell .remote-heading{min-height:28px;margin-bottom:4px}.app-shell .remote-heading .remote-tv-icon{width:28px;height:28px}.app-shell .remote-heading b{font-size:11px}.app-shell .remote-panel .smart-remote{padding:5px;border-radius:13px}.app-shell .remote-panel .remote-top-keys button{height:29px}.app-shell .remote-panel .remote-middle{grid-template-columns:32px minmax(0,1fr) 32px;gap:2px;margin:3px 0}.app-shell .remote-panel .remote-side{min-height:54px;gap:1px}.app-shell .remote-panel .remote-side button{width:24px;height:19px}.app-shell .remote-panel .remote-dpad{width:min(92px,100%);max-width:92px;padding:3px}.app-shell .remote-panel .remote-app-keys button{min-height:25px}.app-shell .remote-panel .ambient-open-key{min-height:26px;margin-top:4px}.app-shell .remote-panel .channel-list{max-height:62px;margin-top:4px}}.app-shell.is-playing .mobile-label,.app-shell.is-playing .mobile-camera-label{display:none!important}.ambience-brightness{display:block;margin-top:10px;padding:10px 11px 7px;border:1px solid #e8e0d4;border-radius:12px;background:#fffdf8}.ambience-brightness>span{display:flex;align-items:center;justify-content:space-between;color:#6f705f;font-size:9px}.ambience-brightness output{color:#78836d;font-weight:700}.ambience-brightness input{width:100%;height:20px;margin:4px 0 0;accent-color:#75836a;touch-action:pan-y}.music-player-dock.is-active{padding:10px 12px}.music-player-dock.is-active>small{display:block;margin:0 0 5px;color:#75806c;font-size:8px;font-weight:700;letter-spacing:.12em}.music-player-dock audio{display:block;width:100%;height:34px}@media(max-width:700px){.ambience-brightness{margin-top:7px;padding:7px 9px 4px}.ambience-brightness input{height:18px}.music-player-dock.is-active{padding:7px 9px}.music-player-dock.is-active>small{font-size:7px}.music-player-dock audio{height:30px}}.audio-capture-button{width:100%;min-height:55px;margin-top:10px;padding:9px 12px;display:flex;align-items:center;gap:10px;border:1px solid #dcd7cb;border-radius:13px;background:#f3f0e9;color:#68775e;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.audio-capture-button:hover,.audio-capture-button.active{border-color:#a7b49a;background:#e9eee4}.audio-capture-button>svg{flex:none}.audio-capture-button>span{min-width:0;display:flex;flex-direction:column;gap:3px}.audio-capture-button b{color:#4d5145;font-size:10px}.audio-capture-button small{overflow:hidden;color:#918a7b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.audio-source-status{margin:7px 2px 0;color:#728066;font-size:8px;line-height:1.45}@media(max-width:700px){.audio-capture-button{min-height:43px;margin-top:7px;padding:7px 9px}.audio-capture-button b{font-size:9px}.audio-capture-button small,.audio-source-status{font-size:7px}}