*{box-sizing:border-box}:root{font-family:SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;color-scheme:light dark;--paper:100%;--ink:12%;--line:rgba(0,0,0,.1);--strength:0;--fill:75%;background:hsl(0 0% var(--paper));color:hsl(0 0% var(--ink))}body{margin:0;min-height:100svh;display:grid;place-items:center;isolation:isolate;overflow-x:hidden}body:before{--size:45px;content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) calc(var(--size)*.36) 50%/var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 0 calc(var(--size)*.32)/var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 50%,white);mask:linear-gradient(-20deg,transparent 50%,white)}main{width:min(360px,calc(100vw - 64px));padding:72px 0}h1{font-size:clamp(36px,6vw,48px);font-weight:600;letter-spacing:-.045em;line-height:1.15;margin:0 0 14px}p{font-size:15px;margin:0;opacity:.55;line-height:1.5}.control{margin-top:54px}.labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:14px}output{font-family:ui-monospace,monospace;font-size:12px;opacity:.55}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:28px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y;border-radius:8px;color:inherit}input:focus-visible{outline:2px solid currentColor;outline-offset:8px}input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,currentColor var(--fill),var(--line) var(--fill))}input::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(to right,currentColor var(--fill),var(--line) var(--fill))}input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:currentColor;border:0;box-shadow:0 0 calc(var(--strength)*17px) rgba(255,240,196,var(--strength))}input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:currentColor;border:0;box-shadow:0 0 calc(var(--strength)*17px) rgba(255,240,196,var(--strength))}.light{position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:var(--strength);background:radial-gradient(ellipse 390px 320px at var(--x,50%) var(--y,50%),rgba(255,226,165,.21),transparent 85%)}canvas{position:fixed;inset:0;pointer-events:none;z-index:-1;filter:blur(.7px)}.brand-link{position:fixed;top:1rem;left:1rem;width:48px;aspect-ratio:1;display:grid;place-items:center;color:inherit;opacity:.8}.brand-link:is(:hover,:focus-visible){opacity:1}.brand-link svg{width:75%}:root{color-scheme:dark;--paper:5%;--ink:88%;--line:rgba(255,255,255,.12);--fill:0%;--power:0;--fire:0;--moon:1}main{padding:76px 0;width:min(360px,calc(100vw - 64px))}.control{margin-top:30px}.control:first-of-type{margin-top:44px}#brightness::-webkit-slider-thumb{opacity:0}#brightness::-moz-range-thumb{opacity:0}input::-webkit-slider-thumb{box-shadow:var(--thumb-shadow,none)}input::-moz-range-thumb{box-shadow:var(--thumb-shadow,none)}.light{opacity:1;background:radial-gradient(ellipse var(--radius,450px) var(--radius,450px) at var(--x,50%) var(--y,50%),rgb(var(--light-rgb,255 225 168) / var(--light-alpha,0)),transparent 80%)}canvas{filter:blur(var(--shadow-blur,.8px))}.tether{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}.tether path{fill:none;stroke:currentColor;stroke-width:1.5;opacity:.4}#sun{position:fixed;top:0;left:0;width:40px;height:40px;margin:-20px;padding:0;border:0;background:none;z-index:4;cursor:grab;touch-action:none;color:inherit;border-radius:50%}#sun:active{cursor:grabbing}#sun:focus-visible{outline:2px solid #aaa;outline-offset:4px}.orb{display:block;position:absolute;left:50%;top:50%;width:var(--diameter,16px);height:var(--diameter,16px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,var(--core,#dedfe3),var(--edge,#babdc6));box-shadow:0 0 calc(var(--fire)*18px) rgb(var(--light-rgb,255 219 139) / var(--fire)),0 0 calc(var(--fire)*58px) rgb(var(--light-rgb,255 181 62) / calc(var(--fire)*.75)),0 0 calc(var(--fire)*110px) rgb(var(--light-rgb,255 146 40) / calc(var(--fire)*.4));pointer-events:none}.orb:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset -5px -2px 1px #818792;opacity:var(--moon)}.orb:before{content:"";position:absolute;inset:-65%;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 10deg,rgb(var(--light-rgb,255 216 152)) 13deg,transparent 17deg 30deg);-webkit-mask:radial-gradient(transparent 24%,#000 34%,transparent 68%);mask:radial-gradient(transparent 24%,#000 34%,transparent 68%);opacity:var(--fire);animation:corona 24s linear infinite;animation-play-state:paused}[data-burning=true] .orb:before{animation-play-state:running}@keyframes corona{to{rotate:360deg}}.craft-link .spinner{width:24px}.gem__facet{transform-box:fill-box;transform-origin:center}.gem__facet--top{--spin-to:360deg;transform:scaleY(-1)}@media(prefers-reduced-motion:no-preference){.gem__facet{animation:gem-spin 30s infinite linear;animation-composition:add}.brand-link:is(:hover,:focus-visible) .gem__facet{animation-duration:1.2s}}@keyframes gem-spin{to{rotate:var(--spin-to,-360deg)}}@media(prefers-reduced-motion:reduce){.orb:before{animation:none}}.glare{position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle var(--glare-radius,350px) at var(--x,50%) var(--y,50%),rgb(255 255 255 / var(--glare,0)),rgb(var(--light-rgb,255 235 195) / calc(var(--glare,0)*.45)) 38%,transparent 100%)}#sound{position:fixed;bottom:20px;right:24px;z-index:5;font:11px inherit;color:inherit;opacity:.5;background:none;border:1px solid #8885;border-radius:20px;padding:7px 11px;cursor:pointer}#sound:hover,#sound:focus-visible{opacity:1}