.mock-panel{margin-top:25px;max-width:345px;background:#191d19;border:1px solid #ffffff1c;border-radius:10px;padding:18px 20px;box-shadow:0 15px 40px #0002}.mock-heading{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin-bottom:22px}.mock-led{width:7px;height:7px;background:var(--mood);border-radius:50%;box-shadow:0 0 10px var(--mood)}.mock-badge{margin-left:auto;font-size:8px;font-weight:400;letter-spacing:1.5px;color:#9fa792}.mock-panel label{font-size:10px;color:#aeb5a1;display:flex;justify-content:space-between}.mock-panel output{color:#d8dbc9}.mock-panel input{display:block;width:100%;height:44px;accent-color:#ebbd8e;cursor:pointer}.mock-panel input:focus-visible{outline:2px solid #ebbd8e;outline-offset:3px}.mock-actions{display:flex;gap:8px;margin-top:4px}.mock-actions button{background:#282e25;border:1px solid #ffffff14;border-radius:5px;color:#c8cebb;flex:1;padding:12px 8px;min-height:44px;font-size:10px;display:flex;justify-content:center;align-items:center;gap:7px}.mock-actions button:hover{border-color:#edbd94}.mock-actions button[aria-pressed=true]{background:#dcc3a5;color:#26251d}.mock-panel .demo-state{font-size:10px;color:#b9c0ab;line-height:1.7;margin:14px 0 0;min-height:34px}.light-art{min-height:400px;width:100%;--brightness:.75}.light-art .lamp-shade{left:81%;top:140px;width:105px;height:52px}.light-art .lamp-stem{left:81%;top:188px;height:106px;width:6px}.light-art .lamp-base{left:81%;top:292px;width:75px}.light-art .light-pool{left:78%;top:168px;width:260px;height:200px;opacity:var(--brightness);transition:opacity .6s,background .7s}.light-art .desk-line{top:303px;left:0;right:0}.light-art .light-caption{top:335px;font-size:9px;letter-spacing:1.3px}.demo-monitor{position:absolute;top:118px;left:0;width:68%;height:155px;border:6px solid #111711;border-bottom:12px solid #111711;border-radius:9px;box-shadow:0 15px 45px #0004;background:#262f2b;overflow:hidden}.demo-monitor::after{content:'';position:absolute;bottom:0;left:0;right:0;height:18px;background:#141c16}.monitor-picture{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 90%,#a791674f,transparent 60%),linear-gradient(145deg,#273e32,#51543e);transition:opacity .6s}.monitor-taskbar{position:absolute;bottom:2px;left:10px;right:10px;height:13px;display:flex;align-items:center;gap:5px;z-index:2}.monitor-taskbar span{width:5px;height:5px;background:#828f75;border-radius:1px}.monitor-taskbar i{margin-left:auto;width:6px;height:6px;background:var(--mood);border-radius:50%;box-shadow:0 0 8px var(--mood)}.monitor-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:1px;color:#a1ac98;opacity:0;transition:opacity .5s}.mood-demo{min-height:585px}.mood-demo.locked .light-pool{opacity:0!important}.mood-demo.locked .lamp-shade{border-bottom-color:#636858;box-shadow:none}.mood-demo.locked .monitor-picture{opacity:.08}.mood-demo.locked .monitor-lock{opacity:1}.mood-demo.locked .mock-led,.mood-demo.locked .monitor-taskbar i{background:#636858;box-shadow:none}.screen-mode:not(.locked) .monitor-picture{animation:screen-colors 8s ease-in-out infinite}.screen-mode:not(.locked) .light-pool{animation:ambient-colors 8s ease-in-out infinite}.screen-mode:not(.locked) .lamp-shade{animation:lamp-colors 8s ease-in-out infinite}.screen-mode:not(.locked) .monitor-taskbar i,.screen-mode:not(.locked) .mock-led{animation:led-colors 8s ease-in-out infinite}.screen-mode:not(.locked) .ambient{opacity:.35}.demo-paused *{animation-play-state:paused!important}.tray-bulb img{display:block;width:18px;height:18px;object-fit:contain}.tray-strip{min-height:48px}@keyframes screen-colors{0%,100%{background-color:#725137;filter:hue-rotate(0deg)}33%{background-color:#345d68;filter:hue-rotate(130deg)}66%{background-color:#713753;filter:hue-rotate(240deg)}}@keyframes ambient-colors{0%,100%{background:radial-gradient(ellipse,#d392584e,transparent 66%)}33%{background:radial-gradient(ellipse,#61a5b44e,transparent 66%)}66%{background:radial-gradient(ellipse,#d173a54e,transparent 66%)}}@keyframes lamp-colors{0%,100%{border-bottom-color:#d39258}33%{border-bottom-color:#61a5b4}66%{border-bottom-color:#d173a5}}@keyframes led-colors{0%,100%{background:#d39258}33%{background:#61a5b4}66%{background:#d173a5}}@media(max-width:1000px){.light-art .lamp-shade{left:83%;width:85px}.light-art .lamp-stem,.light-art .lamp-base{left:83%}.demo-monitor{height:135px;top:135px}.light-art .light-pool{width:220px}}@media(max-width:700px){.light-art{min-height:365px;margin-top:0}.mock-panel{max-width:none}.mood-copy .demo-note{font-size:10px}.demo-monitor{width:67%;height:135px;top:135px}.mood-demo{padding:28px 22px;min-height:unset}.light-art .lamp-shade{width:85px;left:84%}.light-art .lamp-stem,.light-art .lamp-base{left:84%}.light-art .light-pool{width:190px;left:78%}.light-art .light-caption{font-size:8px}.mood-copy>p{font-size:13px}.mock-actions button{font-size:11px}.panel-frame{transform:rotate(-2deg)}}@media(prefers-reduced-motion:reduce){.screen-mode:not(.locked) .monitor-picture,.screen-mode:not(.locked) .light-pool,.screen-mode:not(.locked) .lamp-shade,.screen-mode:not(.locked) .monitor-taskbar i,.screen-mode:not(.locked) .mock-led{animation:none}.screen-mode:not(.locked) .light-pool{background:radial-gradient(ellipse,#61a5b44e,transparent 66%)}.screen-mode:not(.locked) .lamp-shade{border-bottom-color:#61a5b4}}