.home-appearance .physical-hue-control{position:relative}.home-appearance .hero-playground{box-sizing:border-box;padding-top:40px}.hue-character-window,.hue-invitation{pointer-events:none;position:absolute}.hue-character-window{left:var(--character-left,0px);z-index:0;width:132px;height:114.675px;top:-114.675px;overflow:hidden}.hue-mascot-art{transform-origin:54% 88%;width:132px;height:132px;transition:transform .42s cubic-bezier(.2,.7,.3,1);display:block;transform:translateY(140px)}[data-mascot=visible] .hue-mascot-art{transform:translateY(0)}[data-mascot=hit] .hue-mascot-art{transition:none;animation:1.1s both hue-character-bump}[data-mascot=dismissed] .hue-mascot-art{transition:none;transform:translateY(140px)}.hue-invitation{z-index:4;left:var(--bubble-left,140px);box-sizing:border-box;border:1px solid var(--bubble-edge);background:var(--bubble-surface);width:max-content;max-width:calc(100% - 12px);color:var(--bubble-ink);text-align:center;opacity:0;visibility:hidden;border-radius:8px;padding:11px 17px 10px;font-size:12px;font-weight:500;line-height:1.45;transition:opacity .18s,transform .22s,visibility .18s;bottom:calc(100% + 18px);transform:translateY(5px);box-shadow:0 2px 3px #14253405,0 6px 16px #14253408}.hue-invitation-title,.hue-invitation-caption{display:block}.hue-invitation-title{font-weight:600}.hue-invitation-caption{color:var(--bubble-muted);margin-top:3px;font-size:11px;font-weight:400}.hue-invitation-tail{width:14px;height:9px;position:absolute;top:100%;left:50%;overflow:visible;transform:translate(-50%)}.hue-invitation-tail path{fill:var(--bubble-surface);stroke:var(--bubble-edge);stroke-width:1px;stroke-linejoin:round}[data-hue-active=true] .hue-invitation{opacity:1;visibility:visible;transform:translateY(0)}@keyframes hue-character-bump{0%{transform:translate(0)rotate(0)}9%{transform:translate(-7px,2px)rotate(-7deg)}19%{transform:translate(3px,-1px)rotate(3deg)}28%{transform:translate(-2px)rotate(-2deg)}37%,55%{transform:translate(0)rotate(0)}to{transform:translateY(140px)rotate(-2deg)}}@media (hover:none),(pointer:coarse),(max-width:767px){.hue-character-window,.hue-invitation{display:none}}@media (prefers-reduced-motion:reduce){.hue-mascot-art,.hue-invitation{transition:none}[data-mascot=hit] .hue-mascot-art{animation:1.1s both hue-character-fade}@keyframes hue-character-fade{0%,55%{opacity:1;transform:none}to{opacity:0;transform:none}}}
.home-appearance .hero-playground :is(.physical-hue-control,.physical-lamp-panel){--control-face:#fcfdff;--control-edge:#dce5ed;--control-ink:#36546b;--control-key:#edf3f8;--lamp-shade-face:var(--hero-tint);background:var(--control-face);border:1px solid var(--control-edge);color:var(--control-ink);border-radius:9px;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s;box-shadow:0 2px #e5ecf2,0 5px 12px #18384c08,inset 0 1px #fff}.home-appearance .hero-playground .physical-hue-control{gap:10px;padding-inline:16px;overflow:visible}.home-appearance .physical-hue-control .hero-color-icon{color:var(--control-ink);flex:0 0 22px}.home-appearance .physical-hue-control label{font-size:12px;font-weight:600}.home-appearance .physical-hue-control button{min-width:44px;min-height:44px;box-shadow:none;color:var(--control-ink);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0 6px;font-size:11px;text-decoration:none;display:grid}.home-appearance .physical-hue-control button:before{content:none}.home-appearance .physical-hue-control button:hover{color:var(--hero-text)}.home-appearance .physical-hue-control input{min-width:32px;height:44px}.home-appearance .physical-hue-control input::-webkit-slider-runnable-track{height:6px;box-shadow:none;background:linear-gradient(90deg,#e8757e,#e9b858,#94bf6b,#67bdaa,#69a9db,#9c88d3,#d582bb,#e8757e);border:0;border-radius:6px}.home-appearance .physical-hue-control input::-webkit-slider-thumb{background:var(--control-face);border:1px solid #6b8395;border-radius:5px;width:18px;height:22px;margin-top:-8px;box-shadow:0 1px 3px #19344d20}.home-appearance .physical-hue-control input::-moz-range-track{height:6px;box-shadow:none;background:linear-gradient(90deg,#e8757e,#e9b858,#94bf6b,#67bdaa,#69a9db,#9c88d3,#d582bb,#e8757e);border:0;border-radius:6px}.home-appearance .physical-hue-control input::-moz-range-thumb{background:var(--control-face);border:1px solid #6b8395;border-radius:5px;width:16px;height:20px;box-shadow:0 1px 3px #19344d20}.home-appearance .hero-playground .physical-lamp-panel{isolation:isolate;justify-content:space-between;align-items:center;gap:6px;padding-inline:12px 18px;display:flex;overflow:visible}.home-appearance .physical-lamp-panel .hero-lamp-object{width:44px;height:60px;position:relative}.home-appearance .physical-lamp-panel .hero-lamp{width:44px;height:60px;display:block;overflow:visible}.home-appearance .physical-lamp-panel .hero-cord-handle{border-radius:5px;width:44px;height:60px;top:0;left:0}.home-appearance .physical-lamp-panel>*{flex-shrink:0}.home-appearance .physical-lamp-panel .hero-lamp-light{opacity:0;transition:opacity .3s}.home-appearance .physical-lamp-panel[data-lit=true] .hero-lamp-light{opacity:1}.home-appearance .physical-lamp-panel .hero-sound-toggle{--rocker-well:#c0cbd3;--rocker-well-edge:#b3c0cb;--rocker-well-shadow:#273c5033;--rocker-edge:#9dabb8;--rocker-high:#fff;--rocker-low:#dce3e9;--rocker-muted:#a0acb6;--rocker-selected:#1269a0;--rocker-wall:#8799a9;--rocker-highlight:#ffffffb8;--rocker-shadow:#273c5052;width:75px;height:44px;color:var(--control-ink);cursor:pointer;opacity:1;touch-action:manipulation;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid}.home-appearance .physical-lamp-panel .hero-sound-toggle :where(span){aspect-ratio:auto;background:0 0;border:0;border-radius:0;width:auto;max-width:none;transform:none}.home-appearance .hero-sound-toggle .hero-rocker-socket{background:var(--rocker-well);perspective:180px;pointer-events:none;width:75px;height:40px;box-shadow:inset 0 2px 4px var(--rocker-well-shadow), inset 0 0 0 1px var(--rocker-well-edge), 0 1px 0 var(--rocker-high), 0 2px 3px #22364a18;border-radius:10px;place-items:center;display:grid;position:relative}.home-appearance .hero-sound-toggle .hero-rocker-socket:before{content:"";box-shadow:2px 3px 4px var(--rocker-shadow);border-radius:7px;position:absolute;inset:6px 7px 5px}.home-appearance .hero-sound-toggle .hero-rocker-face{background:linear-gradient(170deg, var(--rocker-highlight), transparent 48%, #22364a0d), linear-gradient(90deg, var(--rocker-low), var(--rocker-high), var(--rocker-low));transform-origin:50%;width:65px;height:34px;transform-style:preserve-3d;box-shadow:0 2px 0 var(--rocker-wall), inset 1px 1px 0 var(--rocker-highlight), inset -1px -1px 0 var(--rocker-edge);background-position:0 0,100% 0;background-size:100% 100%,200% 100%;border-radius:7px;grid-template-columns:1fr 1fr;transition:transform .23s cubic-bezier(.2,.65,.25,1),background-position .23s;display:grid;position:relative;transform:translateZ(1px)rotateY(-18deg)}.home-appearance .hero-sound-toggle .hero-rocker-face:before,.home-appearance .hero-sound-toggle .hero-rocker-face:after{content:"";backface-visibility:hidden;background:linear-gradient(var(--rocker-edge), var(--rocker-wall));width:6px;position:absolute;top:7px;bottom:7px}.home-appearance .hero-sound-toggle .hero-rocker-face:before{transform-origin:100%;left:-6px;transform:rotateY(-90deg)}.home-appearance .hero-sound-toggle .hero-rocker-face:after{transform-origin:0;right:-6px;transform:rotateY(90deg)}.home-appearance .hero-sound-toggle .hero-rocker-side{width:100%;color:var(--rocker-muted);place-items:center;transition:color .16s;display:grid;position:relative;transform:translateZ(.1px)}.home-appearance .hero-sound-toggle .hero-rocker-side svg{transition:filter .16s}.home-appearance .hero-sound-toggle[aria-pressed=false] [data-sound-side=off],.home-appearance .hero-sound-toggle[aria-pressed=true] [data-sound-side=on]{color:var(--rocker-selected)}.home-appearance .hero-sound-toggle[aria-pressed=false] [data-sound-side=off] path,.home-appearance .hero-sound-toggle[aria-pressed=true] [data-sound-side=on] path{stroke-width:1.8px}.home-appearance .hero-sound-toggle[aria-pressed=true] .hero-rocker-face{background-position:0 0,0 0;transform:translateZ(1px)rotateY(18deg)}.home-appearance .physical-lamp-panel .hero-lamp :is(path,circle){transition:fill .18s,stroke .18s}@media (min-width:768px){.home-appearance .playground-row-one{grid-template-columns:minmax(0,1.9fr) minmax(142px,.9fr)}:is(.home-appearance[data-home-mode=dark],html[data-home-prepaint=dark] .home-appearance) .hero-playground :is(.physical-hue-control,.physical-lamp-panel){--control-face:#223044;--control-edge:#405369;--control-ink:#dce8f3;--control-key:#30435a;--lamp-shade-face:#b9d8ed;box-shadow:0 2px #172438,0 5px 12px #0002,inset 0 1px #ffffff08}:is(.home-appearance[data-home-mode=dark],html[data-home-prepaint=dark] .home-appearance) .hero-sound-toggle{--rocker-well:#1b2a3b;--rocker-well-edge:#405369;--rocker-well-shadow:#050d1a66;--rocker-edge:#5b7187;--rocker-high:#4b6580;--rocker-low:#2a3d52;--rocker-muted:#7f92a5;--rocker-selected:#dfcdb0;--rocker-wall:#1c2b3c;--rocker-highlight:#bbd9ef26;--rocker-shadow:#050d1a99}:is(.home-appearance[data-home-mode=dark],html[data-home-prepaint=dark] .home-appearance) .hero-sound-toggle[aria-pressed=false] [data-sound-side=off] svg,:is(.home-appearance[data-home-mode=dark],html[data-home-prepaint=dark] .home-appearance) .hero-sound-toggle[aria-pressed=true] [data-sound-side=on] svg{filter:drop-shadow(0 0 2px #efcc9338)drop-shadow(0 0 4px #efcc931c)}}@media (min-width:768px) and (max-width:1100px){.home-appearance .hero-playground .physical-hue-control{gap:6px;padding-inline:10px}.home-appearance .hero-playground .physical-lamp-panel{padding-inline:4px 10px}}@media (min-width:768px) and (max-width:900px){.home-appearance .physical-hue-control label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.home-appearance .physical-lamp-panel .hero-lamp-light,.home-appearance .hero-playground :is(.physical-hue-control,.physical-lamp-panel),.home-appearance .physical-lamp-panel .hero-sound-toggle,.home-appearance .hero-sound-toggle .hero-rocker-face,.home-appearance .hero-sound-toggle .hero-rocker-side,.home-appearance .hero-sound-toggle .hero-rocker-side svg,.home-appearance .physical-lamp-panel .hero-lamp :is(path,circle){transition:none}}