@import url('/lab/brand.css');
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--lyfar-font-sans);overscroll-behavior:none}body{background:var(--bg,#f1f0eb);color:var(--fg,#111411)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lyfar-orange);outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}header{position:fixed;z-index:20;top:0;left:0;right:0;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;font-size:13px;pointer-events:none}header a{pointer-events:auto}header strong{font-weight:600;letter-spacing:-.04em;font-size:22px}header a:last-child{border-bottom:1px solid currentColor;padding:5px 0}canvas{display:block;touch-action:none}.sub{font-size:12px;line-height:1.5}.controls{position:fixed;z-index:20;left:32px;right:32px;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.controls button{border:1px solid currentColor;border-radius:30px;background:transparent;padding:12px 20px;min-height:44px}.controls label{display:flex;align-items:center;gap:10px;font-size:12px}.controls input[type=range]{width:130px;accent-color:var(--lyfar-orange)}.controls .group{display:flex;gap:8px;align-items:center}.controls button[aria-pressed=true]{background:var(--fg,#111411);color:var(--bg,#f1f0eb)}.note{max-width:240px}.error{position:fixed;z-index:50;left:20%;right:20%;top:40%;padding:30px;background:var(--lyfar-paper);color:var(--lyfar-ink)}@media(max-width:600px){header{padding:20px}header strong{font-size:20px}.controls{left:20px;right:20px;bottom:18px;gap:12px;flex-wrap:wrap}.controls .note{width:100%;max-width:none;order:3;font-size:11px}.controls button{padding:10px 14px;font-size:12px}.controls label{font-size:11px}.controls input[type=range]{width:100px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}