@font-face{font-family:Open Runde;src:url(https://cdn.jsdelivr.net/gh/lauridskern/open-runde@main/src/web/OpenRunde-Regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Open Runde;src:url(https://cdn.jsdelivr.net/gh/lauridskern/open-runde@main/src/web/OpenRunde-Medium.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Open Runde;src:url(https://cdn.jsdelivr.net/gh/lauridskern/open-runde@main/src/web/OpenRunde-Semibold.woff2) format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Open Runde;src:url(https://cdn.jsdelivr.net/gh/lauridskern/open-runde@main/src/web/OpenRunde-Bold.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{color-scheme:light;font-family:Open Runde,ui-rounded,SF Pro Rounded,system-ui,sans-serif;color:#31302f;background:#f4f1e9;font-synthesis:none;--ink: #31302f;--muted: #77736c;--paper: #fffdf8;--line: rgba(49, 48, 47, .13);--ease-spring: cubic-bezier(.2, .9, .25, 1.25)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 4% 11%,rgba(255,220,76,.23),transparent 20rem),radial-gradient(circle at 98% 50%,rgba(99,192,255,.18),transparent 24rem),#f4f1e9}button,input{font:inherit}button{color:inherit}.page-glow{position:fixed;z-index:-1;top:-12rem;left:50%;width:46rem;height:46rem;border-radius:50%;background:#ffffff8c;filter:blur(70px);transform:translate(-50%)}.shell{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:28px 0 40px}.topbar,.brand,.connection,.card-topline,.section-heading,.footer,.slider-block label,.temperature-ends,.colour-picker{display:flex;align-items:center;justify-content:space-between}.topbar{min-height:52px}.brand{justify-content:flex-start;gap:11px;color:var(--ink);font-size:1.22rem;font-weight:700;text-decoration:none}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#ffda57;transform:rotate(-5deg)}.brand-mark svg{width:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.connection{width:fit-content;justify-content:flex-start;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fffdf8b3;color:var(--muted);font-size:.86rem;font-weight:500}.status-dot,.sync-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#ef796f;box-shadow:0 0 0 4px #ef796f1f}.connection.online .status-dot{background:#45b879;box-shadow:0 0 0 4px #45b87921}.notice{margin-top:18px;padding:16px 20px;border:1px solid #e7bd51;border-radius:18px;background:#fff0b3}.notice span{margin-right:12px;font-weight:700}.hero-card{position:relative;display:grid;grid-template-columns:1.08fr .92fr;min-height:570px;margin-top:34px;overflow:hidden;border:1px solid rgba(49,48,47,.08);border-radius:44px;background:#ffd94e;box-shadow:0 26px 80px #5d49121f}.hero-card:before{content:"";position:absolute;width:20rem;height:20rem;right:-7rem;top:-8rem;border:2px solid rgba(49,48,47,.1);border-radius:47% 53% 50% 50%}.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(44px,7vw,82px)}.kicker{margin:0 0 13px;font-size:.72rem;font-weight:700;letter-spacing:.13em}h1,h2,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(4rem,8vw,7rem);font-weight:600;letter-spacing:-.07em;line-height:.82}h1 em{color:#fffdf8;font-style:normal;text-shadow:0 3px 0 rgba(49,48,47,.1)}.intro{margin-bottom:34px;font-size:1.08rem}.power-toggle{display:flex;align-items:center;gap:12px;padding:8px 19px 8px 8px;border:0;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 8px #31302f21;transition:transform .22s var(--ease-spring),background .2s,box-shadow .2s}.power-toggle:hover{transform:translateY(-3px) rotate(-1deg)}.power-toggle:active{transform:translateY(2px);box-shadow:0 3px #31302f21}.power-toggle:disabled{cursor:wait;opacity:.75}.power-toggle.on{background:#fffdf8;color:var(--ink)}.power-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#ffffff26}.power-toggle.on .power-icon{background:#ffda57}.power-icon svg{width:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.9}.lamp-stage{position:relative;min-height:570px}.lamp-halo{position:absolute;top:50%;left:50%;width:min(35vw,390px);aspect-ratio:1;border-radius:50%;background:#ffffff47;filter:blur(2px);transform:translate(-50%,-53%) scale(.8);transition:transform .7s var(--ease-spring),background .4s}.light-on .lamp-halo{background:#ffffff9e;transform:translate(-50%,-53%) scale(1.08)}.lamp-orb{--orb-colour: #7c5cff;position:absolute;top:50%;left:50%;width:min(25vw,270px);aspect-ratio:1;border:3px solid rgba(49,48,47,.7);border-radius:46% 54% 48% 52%;background:#fff6c7;box-shadow:inset -20px -24px #e9bb3b3b,0 18px #31302f1f;transform:translate(-50%,-55%) rotate(-4deg);transition:background .3s,box-shadow .4s,transform .55s var(--ease-spring)}.light-on .lamp-orb{background:var(--orb-colour);box-shadow:inset -20px -24px #31302f1f,0 18px #31302f1f,0 0 80px #ffffffb3;transform:translate(-50%,-59%) rotate(3deg) scale(1.04)}.orb-shine{position:absolute;top:17%;left:21%;width:27%;height:14%;border-radius:50%;background:#ffffff8c;transform:rotate(-24deg)}.orb-face{position:absolute;inset:0}.orb-face i{position:absolute;top:50%;width:10px;height:14px;border-radius:50%;background:var(--ink)}.orb-face i:first-child{left:35%}.orb-face i:nth-child(2){right:35%}.orb-face b{position:absolute;left:50%;top:61%;width:30px;height:14px;border-bottom:3px solid var(--ink);border-radius:50%;transform:translate(-50%)}.lamp-shadow{position:absolute;left:50%;top:76%;width:min(24vw,250px);height:28px;border-radius:50%;background:#31302f24;filter:blur(8px);transform:translate(-50%);transition:width .5s var(--ease-spring),opacity .4s}.light-on .lamp-shadow{width:min(20vw,210px);opacity:.7}.spark{position:absolute;z-index:2;font-size:2rem;transition:transform .6s var(--ease-spring)}.spark-one{top:20%;left:12%;color:#fff;transform:rotate(12deg)}.spark-two{right:13%;bottom:19%;color:#f17c68;transform:rotate(-14deg) scale(.7)}.light-on .spark-one{transform:rotate(48deg) scale(1.3)}.light-on .spark-two{transform:rotate(-48deg) scale(1)}.section{margin-top:92px}.section-heading{align-items:flex-end;margin-bottom:28px}.section-heading h2,.control-card h2{margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:500;letter-spacing:-.045em;line-height:1}.section-heading>p{max-width:220px;margin:0;color:var(--muted);text-align:right}.scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.scene{display:flex;min-width:0;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:23px;background:var(--paper);text-align:left;cursor:pointer;transition:transform .28s var(--ease-spring),box-shadow .2s,border-color .2s}.scene:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 18px 35px #31302f17}.scene:nth-child(2n):hover{transform:translateY(-6px) rotate(1deg)}.scene:active{transform:translateY(0) scale(.97)}.scene.active{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.scene strong,.scene small{display:block}.scene strong{font-weight:600}.scene small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.scene-art{position:relative;display:grid;width:62px;height:62px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:18px}.sun-art{background:#ffe46d}.sun-art i{width:26px;height:26px;border:3px solid var(--ink);border-radius:50%;box-shadow:0 0 0 7px #ffffff8c}.cozy-art{background:#f7b5a5}.cozy-art i{width:29px;height:38px;border:3px solid var(--ink);border-radius:50% 50% 44% 44%;background:#ffdd84;transform:rotate(7deg)}.cozy-art b{position:absolute;bottom:8px;width:35px;height:5px;border-radius:50%;background:#31302f33}.blue-art{background:#9eb0ff;color:#fff;font-size:2.3rem}.pop-art{grid-template-columns:repeat(3,9px);gap:3px;background:#ff8da6}.pop-art i{width:9px;height:30px;border-radius:99px;background:#fff;transform:rotate(22deg)}.pop-art i:nth-child(2){height:44px;background:#ffe05e}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.control-card{min-height:540px;padding:clamp(28px,5vw,52px);border:1px solid rgba(49,48,47,.08);border-radius:38px;box-shadow:0 24px 60px #31302f14}.control-card>div:nth-child(2){margin-top:60px}.control-card>div:nth-child(2)>p:last-child{max-width:310px;margin-top:16px;color:#31302fb3;line-height:1.5}.colour-card{--picked: #7c5cff;background:#b9a7ff}.white-card{background:#a8dfc3}.number{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(49,48,47,.2);border-radius:50%;font-size:.8rem;font-weight:700}.live-value{padding:8px 12px;border-radius:999px;background:#ffffff6b;font-size:.78rem;font-weight:600}.colour-picker{position:relative;justify-content:flex-start;gap:17px;width:100%;margin-top:52px;padding:14px;border:1px solid rgba(49,48,47,.17);border-radius:23px;background:#ffffff73;cursor:pointer;transition:transform .25s var(--ease-spring),background .2s}.colour-picker:hover{transform:rotate(-1deg) scale(1.015);background:#ffffff94}.swatch{--picked: #7c5cff;display:grid;width:70px;height:70px;flex:0 0 auto;place-items:center;border:3px solid var(--ink);border-radius:50%;background:var(--picked);box-shadow:inset 0 0 0 4px #ffffff59}.picker-plus{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#fff;font-size:1.15rem;line-height:1}.picker-copy strong,.picker-copy small{display:block}.picker-copy small{margin-top:4px;color:#31302fa1}.colour-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.slider-block{margin-top:39px}.slider-block+.slider-block{margin-top:32px}.slider-block label{margin-bottom:15px;font-weight:600}.slider-block output{font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:12px;margin:0;border-radius:999px;appearance:none;background:linear-gradient(90deg,#376c54,#fff);cursor:grab}input[type=range]:active{cursor:grabbing}input[type=range].temperature{background:linear-gradient(90deg,#ff9d4d,#fff6cd 52%,#a9d6ff)}input[type=range]::-webkit-slider-thumb{width:30px;height:30px;border:3px solid var(--ink);border-radius:50%;appearance:none;background:#fff;box-shadow:0 4px #31302f21}input[type=range]::-moz-range-thumb{width:25px;height:25px;border:3px solid var(--ink);border-radius:50%;background:#fff;box-shadow:0 4px #31302f21}.temperature-ends{margin-top:9px;color:#31302f94;font-size:.73rem;font-weight:500}.footer{margin-top:26px;padding:0 4px;color:var(--muted);font-size:.84rem}.footer p{margin:0}.message{display:flex;align-items:center;gap:9px}.message[data-state=syncing] .sync-dot{background:#e6a82a;animation:pulse 1s infinite}.message[data-state=success] .sync-dot{background:#45b879}.message[data-state=error]{color:#c4423b}.message[data-state=error] .sync-dot{background:#ef796f}@keyframes pulse{50%{transform:scale(1.7);opacity:.55}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:900px){.hero-card{grid-template-columns:1fr}.hero-copy{padding-bottom:24px}.lamp-stage{min-height:390px}.lamp-orb{width:min(54vw,250px)}.lamp-halo{width:min(70vw,360px)}.scenes{grid-template-columns:1fr 1fr}.control-grid{grid-template-columns:1fr}.control-card{min-height:auto}}@media(max-width:560px){.shell{width:min(100% - 24px,1160px);padding-top:14px}.connection{padding:9px 11px}.connection-copy{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-card{min-height:0;margin-top:20px;border-radius:30px}.hero-copy{padding:38px 28px 12px}h1{font-size:clamp(3.7rem,19vw,5.2rem)}.lamp-stage{min-height:330px}.section{margin-top:64px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading>p{text-align:left}.scenes{display:flex;margin-right:-12px;padding:3px 12px 20px 2px;overflow-x:auto;scroll-snap-type:x mandatory}.scene{min-width:230px;scroll-snap-align:start}.control-card{padding:28px;border-radius:30px}.control-card>div:nth-child(2){margin-top:44px}.footer{align-items:flex-start;flex-direction:column;gap:10px}}