.hl-study{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#080909}.hl-study__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hl-study__fallback{position:absolute;inset:0;display:grid;place-items:center;color:#f1f0e9b3;text-align:center;padding:2rem}.hl-study__fallback[hidden]{display:none}.hl-study{--ink: #f1f0e9;--muted: rgba(241, 240, 233, .56);--hairline: rgba(241, 240, 233, .18)}.study-header{position:absolute;top:0;left:50%;z-index:30;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:min(calc(100% - 48px),1200px);padding:24px 0;transform:translate(-50%);border-bottom:1px solid var(--hairline);font-size:12px;letter-spacing:.08em;text-transform:lowercase}.study-header a{color:var(--ink);text-decoration:none}.study-header__home{display:inline-flex;align-items:center;min-height:44px;gap:10px}.study-header__home span:first-child{font-size:18px;transition:transform .16s ease}.study-header__home:hover span:first-child{transform:translate(-4px)}.study-intro{position:absolute;top:clamp(108px,16vh,164px);left:max(24px,calc((100% - 1200px)/2));z-index:2;color:var(--ink);text-shadow:0 2px 24px rgba(0,0,0,.48)}@keyframes hl-title-fade{0%,70%{opacity:1}to{opacity:0}}.study-intro h1{margin:0;font-size:clamp(27px,3.4vw,50px);font-weight:400;line-height:.84;letter-spacing:-.075em;text-transform:lowercase;animation:hl-title-fade 5s ease forwards;transition:opacity .5s ease}.study-intro p{margin:16px 0 0;max-width:320px;color:var(--muted);font-size:10px;line-height:1.55;letter-spacing:.08em;text-transform:lowercase;animation:hl-title-fade 5s ease forwards;transition:opacity .5s ease}.study-intro:hover h1,.study-intro:hover p{animation:none;opacity:1}.hl-controls{position:absolute;top:clamp(122px,17vh,168px);right:16px;z-index:5;box-sizing:border-box;width:min(268px,calc(100% - 32px));overflow:hidden;border-radius:12px;background:#080909b3;box-shadow:inset 0 1px #ffffff14,0 22px 80px #00000047;backdrop-filter:blur(22px) saturate(1.15);transition:width .32s cubic-bezier(.22,.61,.36,1),min-width .32s cubic-bezier(.22,.61,.36,1),border-color .32s ease,background .32s ease,box-shadow .32s ease,backdrop-filter .32s ease}.hl-controls[data-controls-open=true]{border:1px solid rgba(241,240,233,.2)}.hl-controls[data-controls-open=false]{width:36px;min-width:36px;border:1px solid rgba(241,240,233,.2);background:#0809098c;backdrop-filter:blur(14px);box-shadow:none}.hl-controls__toggle{position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:36px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--ink);font:inherit;cursor:pointer;appearance:none}.hl-controls__toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.hl-controls__toggle-lines{display:flex;flex-direction:column;justify-content:center;gap:4px;width:14px;height:12px;transform:translate(1px)}.hl-controls__toggle-lines span{display:block;height:1.5px;background:var(--ink);border-radius:1px;transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .2s ease}.hl-controls[data-controls-open=true] .hl-controls__toggle-lines span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.hl-controls[data-controls-open=true] .hl-controls__toggle-lines span:nth-child(2){opacity:0}.hl-controls[data-controls-open=true] .hl-controls__toggle-lines span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.hl-controls__panel{display:flex;flex-direction:column;box-sizing:border-box;width:100%;margin-top:44px;padding:0 14px 14px;max-height:calc(100svh - clamp(122px,17vh,168px) - 58px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(241,240,233,.24) transparent;font-size:11px;color:#f1f0e9}.hl-controls[data-controls-open=false] .hl-controls__panel{max-height:0;padding-top:0;padding-bottom:0;opacity:0;transform:translate(24px);pointer-events:none}.hl-controls__panel::-webkit-scrollbar{width:5px}.hl-controls__panel::-webkit-scrollbar-thumb{border-radius:999px;background:#f1f0e93d}.control-group{padding:12px 2px;border-bottom:1px solid rgba(241,240,233,.08)}.control-group:last-child{border-bottom:none}.control-group__heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.parameter__label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px;font-size:10.5px;color:var(--muted)}input[type=range]{width:100%;margin:0 0 6px;accent-color:var(--ink)}.chip-options{display:flex;flex-wrap:wrap;gap:6px}.control-note{margin:8px 0;font-size:10.5px;line-height:1.5;color:#f1f0e970}.chip-option[data-halo-reseed]{margin-top:8px}.chip-option{flex:1 1 auto;padding:5px 8px;border:1px solid var(--hairline);border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:11.5px;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.chip-option:hover{color:var(--ink)}.chip-option[data-active=true]{border-color:#f1f0e99e;background:#f1f0e914;color:var(--ink)}.check-row{display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--muted);cursor:pointer}.check-row input{accent-color:var(--ink)}.readout-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.readout-grid__cell{padding:7px 8px;border:1px solid rgba(241,240,233,.08);border-radius:7px;font-size:10.5px;color:var(--muted)}.readout-grid__cell output{display:block;margin-top:2px;font-size:12px;color:var(--ink)}.study-hint p{margin:0 0 9px;font-size:11px;line-height:1.6;color:#f1f0e980}.study-hint p:last-child{margin-bottom:0}.study-hint strong{color:#f1f0e9c7;font-weight:600}@media(max-width:720px){.hl-controls{right:12px}.hl-controls__panel{max-height:42svh}.study-intro{top:104px;max-width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){.study-intro h1,.study-intro p{animation:none;opacity:1}.study-header__home span:first-child,.hl-controls,.hl-controls__panel,.hl-controls__toggle-lines span{transition:none}}@media(prefers-reduced-transparency:reduce){.hl-controls,.hl-controls[data-controls-open=false]{background:#080909f2;backdrop-filter:none}}@font-face{font-family:iA Writer Quattro S;src:url(/fonts/iAWriterQuattroS-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:iA Writer Quattro S;src:url(/fonts/iAWriterQuattroS-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}html,body{min-width:320px;min-height:100%;margin:0;background:#080909;font-family:iA Writer Quattro S,ui-monospace,monospace}body{overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}