.lamp-room{color:#fff;-webkit-tap-highlight-color:transparent;background:#050505;flex-direction:column;align-items:center;min-height:100svh;padding:88px 20px 150px;transition:background-color .8s;display:flex;position:relative;overflow:hidden}.lamp-room[data-on=true]{background:#111}@media (width<=767px){.lamp-room{padding-top:78px}}.lamp-room-light{pointer-events:none;opacity:0;background:radial-gradient(circle,#ffdc6429 0%,#ffd6000d 30%,#0000 70%);border-radius:50%;width:1000px;height:1000px;margin-left:-500px;transition:opacity .8s,transform .8s;position:absolute;top:-12%;left:50%;transform:scale(.5)}.lamp-room[data-on=true] .lamp-room-light{opacity:1;transform:scale(1.3)}.lamp-fireflies{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lamp-firefly{animation:lamp-firefly var(--duration) ease-in-out var(--delay) infinite alternate;background:#ffea00;border-radius:50%;position:absolute;box-shadow:0 0 10px 3px #ffea00e6,0 0 20px #ffb30099}@keyframes lamp-firefly{0%{transform:translate(var(--x1), var(--y1));opacity:.45}25%{transform:translate(var(--x2), var(--y2));opacity:1}50%{transform:translate(var(--x3), var(--y3));opacity:.65}75%{transform:translate(var(--x4), var(--y4));opacity:1}to{transform:translate(var(--x5), var(--y5));opacity:.5}}.lamp-heading{z-index:2;text-align:center;max-width:34rem;position:relative}.lamp-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#6a6870;font-size:11px;font-weight:600;transition:color .6s}.lamp-title{font-family:var(--font-display,inherit);color:#5a5860;text-wrap:balance;margin-top:8px;font-size:clamp(30px,8vw,56px);line-height:1.02;transition:color .8s,text-shadow .8s}.lamp-room[data-on=true] .lamp-title{color:#fff;text-shadow:0 0 28px #ffd67859}.lamp-room[data-on=true] .lamp-eyebrow{color:#d8c48a}.lamp-stage{z-index:3;flex:1;justify-content:center;align-items:center;width:100%;min-height:330px;display:flex;position:relative}.lamp-container{transform:scale(var(--lamp-scale,.95));transform-origin:50% 40%;flex-direction:column;align-items:center;display:flex;position:relative}@media (height<=780px){.lamp-container{--lamp-scale:.82}}@media (height<=680px){.lamp-container{--lamp-scale:.68}}.lamp-head{z-index:6;cursor:pointer;background:#151515;border-bottom:2px solid #050505;border-radius:140px 140px 4px 4px;width:140px;height:50px;transition:box-shadow .4s;position:relative;box-shadow:inset 0 2px 5px #ffffff1a,0 10px 20px #000000e6}.lamp-room[data-on=true] .lamp-head{box-shadow:inset 0 -3px 10px #ffdc9666,inset 0 2px 5px #ffffff1a}.lamp-glow{z-index:5;opacity:0;pointer-events:none;background:#fff;border-radius:50%;width:90px;height:20px;transition:opacity .4s ease-in-out;position:absolute;top:40px;box-shadow:0 0 40px 20px #ffe696e6,0 0 80px 40px #ffc86499}.lamp-room[data-on=true] .lamp-glow{opacity:1}.lamp-beam{z-index:3;clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);opacity:0;filter:blur(8px);pointer-events:none;background:linear-gradient(#ffe68ccc 0%,#ffc85033 60%,#0000 100%);width:500px;max-width:130vw;height:350px;transition:opacity .4s ease-in-out;position:absolute;top:45px}.lamp-room[data-on=true] .lamp-beam{opacity:1}.lamp-stem{z-index:4;background:linear-gradient(90deg,#050505 0%,#2a2a2a 50%,#050505 100%);width:6px;height:290px;transition:background .4s,box-shadow .4s;position:relative}.lamp-room[data-on=true] .lamp-stem{background:linear-gradient(90deg,#050505 0%,#2a2010 50%,#050505 100%);box-shadow:0 0 10px #ffc86426}.lamp-base{z-index:5;background:#151515;border-bottom:2px solid #050505;border-radius:30px 30px 4px 4px;width:100px;height:16px;transition:box-shadow .4s;position:relative;box-shadow:inset 0 2px 5px #ffffff1a,0 10px 20px #000000e6}.lamp-room[data-on=true] .lamp-base{box-shadow:inset 0 2px 6px #ffdc964d,0 10px 20px #000000e6}.lamp-desk{z-index:1;opacity:0;pointer-events:none;background:radial-gradient(#ffdc7840 0%,#ffb4320d 50%,#0000 70%);border-radius:50%;width:550px;max-width:140vw;height:100px;transition:opacity .4s ease-in-out;position:absolute;bottom:-40px}.lamp-room[data-on=true] .lamp-desk{opacity:1}.lamp-string{z-index:5;pointer-events:none;width:2px;height:2px;position:absolute;top:45px;left:calc(50% + 55px);overflow:visible}.lamp-string path{stroke:#3a3a3a;stroke-width:2px;stroke-linecap:round;fill:none}.lamp-room[data-on=true] .lamp-string path{stroke:#7a6a3a}.lamp-handle{z-index:7;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#ebd17a,#aa8529);border:0;border-radius:5px;width:10px;height:20px;padding:0;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;top:125px;left:calc(50% + 49px);box-shadow:inset 0 2px 3px #ffffff80,0 3px 5px #000000b3}.lamp-handle:after{content:"";position:absolute;inset:-14px -19px}.lamp-handle[data-dragging=true]{cursor:grabbing;transition:none}.lamp-handle:focus-visible{outline-offset:6px;outline:2px solid #fff}.lamp-room:not([data-on=true]) .lamp-handle{animation:2.6s ease-in-out infinite lamp-nudge}@keyframes lamp-nudge{0%,70%,to{translate:0}80%{translate:0 8px}90%{translate:0 2px}}.lamp-status{z-index:2;text-align:center;width:100%;max-width:30rem;position:relative}.lamp-hint{color:#77757c;min-height:20px;font-size:13px;transition:color .6s}.lamp-room[data-on=true] .lamp-hint{color:#cdbb86}.lamp-progress{margin-top:14px}.lamp-progress-track{background:#ffffff1f;border-radius:4px;height:4px;overflow:hidden}.lamp-progress-fill{background:linear-gradient(90deg,#ffd600,#ffea8a);border-radius:4px;height:100%;transition:width .4s linear;box-shadow:0 0 10px #ffd60080}.lamp-progress-row{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#8d8b92;justify-content:space-between;gap:12px;margin-top:8px;font-size:12px;display:flex}.lamp-progress-row strong{color:#e8e6ec;font-weight:600}.lamp-error{color:#fecaca;background:#7f1d1d4d;border:1px solid #f8717159;border-radius:12px;margin-top:12px;padding:10px 14px;font-size:13px}.lamp-empty{text-align:center;background:#141414e6;border:1px solid #ffffff1a;border-radius:18px;max-width:30rem;margin:auto;padding:28px}.lamp-dock-panel{gap:14px;display:grid}.lamp-dock-panel h2{font-size:16px;font-weight:600}.lamp-dock-sliders{gap:12px;display:grid}.lamp-dock-slider{grid-template-columns:22px 1fr 40px;align-items:center;gap:10px;font-size:13px;display:grid}.lamp-dock-slider svg{width:18px;height:18px}.lamp-dock-slider input[type=range]{accent-color:#fff;width:100%}.lamp-dock-slider output{text-align:right;font-variant-numeric:tabular-nums;color:#b8b6bb}.lamp-dock-seek input[type=range]{accent-color:#ffd600;width:100%}.lamp-dock-chapters{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.lamp-dock-chapters button{color:#d6d5d8;background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;flex-shrink:0;min-height:36px;padding:0 14px;font-size:12px}.lamp-dock-chapters button[aria-current=true]{color:#000;background:#fff;border-color:#fff}.lamp-dock-read{letter-spacing:.1em;text-transform:uppercase;color:#fff;border:1px solid #ffffff26;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:12px;font-weight:600;display:inline-flex}@media (prefers-reduced-motion:reduce){.lamp-firefly,.lamp-room:not([data-on=true]) .lamp-handle{animation:none}.lamp-room,.lamp-room *{transition-duration:.01ms!important}}
