.olf-root{--olf-bg:#e3ebe5;--olf-tray:#f3f6f3;--olf-tray-top:#fff;--olf-surface:#fafcfa;--olf-key:#e9f0eb;--olf-line:#b6c6bc;--olf-line-strong:#62786c;--olf-ink:#0e1913;--olf-ink-2:#24342b;--olf-ink-3:#3d4f45;--olf-focus:#0e1913;--olf-hl:#8a6700;--olf-lamp:255 226 170;--olf-lamp-a:.45;--olf-ok:#18794e;--olf-bad:#b42318;--olf-bad-soft:#fbe9e6;--olf-sh-1:inset 0 1px 0 #fffc, 0 2px 4px #14281e14, 0 12px 24px #14281e1a, 0 30px 50px -16px #14281e38;--olf-sh-btn:0 12px 22px -12px #3c320099, inset 0 1px 0 #fff9;--olf-shade:#14281e4d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--olf-accent:#f5c518;--olf-accent-hi:#ffd84a;--olf-accent-ink:#14120a;--olf-font:"Commissioner", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--olf-font-display:"Akt", var(--olf-font);--olf-mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--olf-r-s:6px;--olf-r:12px;--olf-r-l:18px;--olf-ease:cubic-bezier(.2, .7, .2, 1);--olf-hair:var(--olf-line);--olf-hair-2:var(--olf-line-strong);--olf-fill:var(--olf-key);--olf-fill-2:var(--olf-line);--olf-field:var(--olf-key);--olf-board-shadow:var(--olf-shade);--olf-cable:var(--olf-line);--olf-plug-1:var(--olf-key);--olf-plug-2:var(--olf-line);--olf-plug-edge:var(--olf-line-strong);--olf-label-bg:var(--olf-surface);--olf-mock-bg:var(--olf-surface);--olf-mock-row:var(--olf-key)}@media (prefers-color-scheme:dark){.olf-root:not([data-theme=light]):not([data-theme=light] *){--olf-bg:#0b1712;--olf-tray:#0f1814;--olf-tray-top:#1a2621;--olf-surface:#16231d;--olf-key:#1f2f27;--olf-line:#31443a;--olf-line-strong:#647c6f;--olf-ink:#f1f4ef;--olf-ink-2:#dde5df;--olf-ink-3:#ccd8d0;--olf-focus:#f5c518;--olf-hl:#f5c518;--olf-lamp:255 205 140;--olf-lamp-a:1;--olf-ok:#6fd69a;--olf-bad:#ffb4a8;--olf-bad-soft:#3a221e;--olf-sh-1:inset 0 1px 0 #ffffff12, 0 2px 4px #0000004d, 0 12px 24px #00000059, 0 30px 60px -10px #0000008c;--olf-sh-btn:0 14px 28px -12px #000000e6, inset 0 1px 0 #ffffff80;--olf-shade:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.olf-root[data-theme=dark],[data-theme=dark] .olf-root:not([data-theme=light]){--olf-bg:#0b1712;--olf-tray:#0f1814;--olf-tray-top:#1a2621;--olf-surface:#16231d;--olf-key:#1f2f27;--olf-line:#31443a;--olf-line-strong:#647c6f;--olf-ink:#f1f4ef;--olf-ink-2:#dde5df;--olf-ink-3:#ccd8d0;--olf-focus:#f5c518;--olf-hl:#f5c518;--olf-lamp:255 205 140;--olf-lamp-a:1;--olf-ok:#6fd69a;--olf-bad:#ffb4a8;--olf-bad-soft:#3a221e;--olf-sh-1:inset 0 1px 0 #ffffff12, 0 2px 4px #0000004d, 0 12px 24px #00000059, 0 30px 60px -10px #0000008c;--olf-sh-btn:0 14px 28px -12px #000000e6, inset 0 1px 0 #ffffff80;--olf-shade:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.olf-root{isolation:isolate;width:100%;min-width:0;color:var(--olf-ink);font-family:var(--olf-font);-webkit-font-smoothing:antialiased;text-align:left;font-synthesis:none;border-radius:var(--olf-r-l);background:var(--olf-bg);font-size:16px;line-height:1.5;position:relative;container:olf/inline-size}.olf-root *,.olf-root :before,.olf-root :after{box-sizing:border-box}.olf-root :where(h1,h2,h3,h4,h5,h6,p,ol,ul,figure,pre,fieldset,dl,dd){margin:0}.olf-root :where(button,input,select,textarea){font:inherit;color:inherit;letter-spacing:inherit}.olf-root :where(button){white-space:normal;height:auto;box-shadow:none;background:0 0;border:0;gap:0}.olf-root :where(button):hover{background-color:#0000}.olf-root :where(a){color:var(--olf-ink)}.olf-root :focus-visible{outline:2px solid var(--olf-focus);outline-offset:3px}.olf-root [tabindex="-1"]:focus{outline:none}.olf-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.olf-root ::selection{background:color-mix(in srgb, var(--olf-accent) 30%, transparent)}.olf-quiet{color:var(--olf-ink-3);font-size:14px}.olf-small{font-size:14px}.olf-mono{font-family:var(--olf-mono)}.olf-frame{grid-template-columns:minmax(0,1fr);gap:14px;width:100%;min-width:0;max-width:600px;margin:0 auto;padding:16px 8px 20px;display:grid}@container olf (min-width:520px){.olf-frame{gap:16px;padding:28px 20px 36px}}@container olf (min-width:900px){.olf-frame{padding:48px 20px 56px}}.olf-head{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 4px 0 8px;display:flex}.olf-head-text{grid-template-columns:minmax(0,1fr);gap:1px;min-width:0;display:grid}.olf-root .olf-title{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600;line-height:1.3}.olf-head-sub{color:var(--olf-ink-3);font-size:14px;line-height:1.3}.olf-head-sub>span{overflow-wrap:anywhere}@container olf (max-width:459px){.olf-head{padding:0 0 0 4px}.olf-root .olf-head-tools{gap:6px}.olf-root .olf-theme-opt{width:30px}.olf-root .olf-more{padding:0 10px;font-size:14px}}.olf-head-tools{flex:none;align-items:center;gap:8px;display:flex}.olf-theme{border-radius:var(--olf-r);background:var(--olf-key);box-shadow:inset 0 0 0 1px var(--olf-line);border:0;gap:2px;padding:3px;display:flex}.olf-theme-opt{border-radius:var(--olf-r-s);width:36px;height:32px;color:var(--olf-ink-3);cursor:pointer;transition:background .16s var(--olf-ease), color .16s var(--olf-ease);background:0 0;border:0;place-items:center;padding:0;display:grid}.olf-theme-opt svg{width:18px;height:18px}.olf-theme-opt:hover{color:var(--olf-ink)}.olf-theme-opt[aria-pressed=true]{background:var(--olf-fill-2);color:var(--olf-ink)}.olf-more{border-radius:var(--olf-r);background:var(--olf-key);min-height:40px;box-shadow:inset 0 0 0 1px var(--olf-line-strong);color:var(--olf-ink);cursor:pointer;transition:background .16s var(--olf-ease);border:0;flex:none;padding:0 14px;font-size:14px;font-weight:600}.olf-more:hover{background:var(--olf-line)}.olf-nav{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:0 -8px;display:flex}.olf-back{border-radius:var(--olf-r-s);min-height:44px;color:var(--olf-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px 0 8px;font-size:16px;font-weight:600;display:inline-flex}.olf-back svg{width:10px;height:16px}.olf-back:hover{background:var(--olf-fill)}.olf-count{justify-items:end;gap:5px;padding-right:8px;display:grid}.olf-root .olf-count-text{color:var(--olf-ink-2);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.olf-count-bar{gap:4px;display:flex}.olf-count-bar>span{background:var(--olf-hair-2);border-radius:2px;width:18px;height:4px}.olf-count-bar>.olf-count-on{background:var(--olf-ink)}.olf-panel{border-radius:var(--olf-r-l);background:linear-gradient(160deg, var(--olf-tray-top), var(--olf-tray));min-width:0;box-shadow:var(--olf-sh-1);border:0;padding:8px 16px 22px;scroll-margin-top:76px;display:grid;position:relative}@container olf (min-width:520px){.olf-panel{padding:12px 32px 32px}}:is(.olf-panel[data-view=env],.olf-panel[data-view=error]:not(:has(.olf-nav)),.olf-panel[data-view=done]),.olf-panel[data-view=need]{padding-top:28px}.olf-visual{justify-content:center;align-items:center;min-width:0;margin:0 -8px 4px;display:flex}.olf-visual-full{height:clamp(200px,52cqi,300px)}.olf-visual-compact{height:clamp(140px,32cqi,190px)}.olf-body{min-width:0;animation:olf-in .26s var(--olf-ease) both;display:grid}@keyframes olf-in{0%{opacity:0;transform:translateY(8px)}}.olf-step{text-align:center;justify-items:center;gap:12px;min-width:0;display:grid}.olf-root .olf-step-title{font-family:var(--olf-font-display);letter-spacing:-.02em;text-wrap:balance;max-width:18em;margin:0;font-size:26px;font-weight:700;line-height:1.05}@container olf (min-width:520px){.olf-root .olf-step-title{font-size:30px}}.olf-lead{color:var(--olf-ink-2);text-wrap:pretty;max-width:36em;font-size:18px;line-height:1.5}.olf-actions{flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:8px;display:flex}.olf-actions+.olf-actions{margin-top:-4px}.olf-actions-row{flex-flow:wrap;justify-content:center;gap:0 4px}.olf-btn{border-radius:var(--olf-r);background:var(--olf-accent);width:min(100%,320px);min-height:54px;color:var(--olf-accent-ink);text-align:center;cursor:pointer;box-shadow:var(--olf-sh-btn);transition:background .16s var(--olf-ease), transform .16s var(--olf-ease), opacity .16s var(--olf-ease);border:0;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.olf-root a.olf-btn{color:var(--olf-accent-ink)}.olf-btn:hover{background:var(--olf-accent-hi)}.olf-btn:active{transform:scale(.97)}.olf-btn:disabled,.olf-btn[aria-disabled=true]{opacity:.42;cursor:default;box-shadow:none;transform:none}.olf-btn-soft{background:var(--olf-key);color:var(--olf-ink);box-shadow:inset 0 0 0 1px var(--olf-line-strong), 0 6px 14px -8px #0009}.olf-root a.olf-btn-soft{color:var(--olf-ink)}.olf-btn-soft:hover{background:var(--olf-line)}.olf-btn-sm{border-radius:var(--olf-r-s);width:auto;min-height:36px;padding:0 14px;font-size:14px}.olf-link{border-radius:var(--olf-r-s);min-height:44px;color:var(--olf-ink);text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--olf-line-strong);text-decoration-color:var(--olf-line-strong);cursor:pointer;transition:background .16s var(--olf-ease), text-decoration-color .16s var(--olf-ease);background:0 0;border:0;justify-content:center;align-items:center;padding:0 12px;font-size:16px;font-weight:600;display:inline-flex}.olf-root a.olf-link{color:var(--olf-ink)}.olf-link:hover{background:var(--olf-fill);-webkit-text-decoration-color:var(--olf-ink);text-decoration-color:var(--olf-ink)}.olf-link:disabled{opacity:.45;cursor:default}.olf-root .olf-link-bad{color:var(--olf-bad)}.olf-msg{border-radius:var(--olf-r-s);background:var(--olf-fill);width:100%;color:var(--olf-ink-2);text-align:left;padding:12px 16px;font-size:14px}.olf-msg-bad{background:color-mix(in srgb, var(--olf-bad) 10%, transparent);color:var(--olf-ink)}.olf-msg-ok{background:color-mix(in srgb, var(--olf-ok) 14%, transparent);box-shadow:inset 3px 0 0 var(--olf-ok);color:var(--olf-ink);font-weight:600}.olf-facts{color:var(--olf-ink-2);flex-wrap:wrap;justify-content:center;gap:0 16px;padding:0;font-size:14px;list-style:none;display:flex}.olf-tag{background:var(--olf-key);box-shadow:inset 0 0 0 1px var(--olf-line-strong);color:var(--olf-ink);border-radius:6px;padding:1px 7px;font-size:14px;font-weight:600;line-height:1.6;display:inline-block}.olf-note-line{max-width:34em;color:var(--olf-ink-3);text-wrap:pretty;font-size:14px}.olf-code-line{font-size:14px}.olf-howto{counter-reset:olf-step;text-align:left;gap:2px;width:100%;max-width:30em;padding:0;list-style:none;display:grid}.olf-howto li{counter-increment:olf-step;border-radius:var(--olf-r-s);color:var(--olf-ink);transition:background .26s var(--olf-ease), color .26s var(--olf-ease);padding:8px 12px 8px 46px;position:relative}.olf-howto li:before{content:counter(olf-step);background:var(--olf-fill-2);width:26px;height:26px;color:var(--olf-ink-2);transition:background .26s var(--olf-ease), color .26s var(--olf-ease);border-radius:50%;place-items:center;font-size:14px;font-weight:600;line-height:1;display:grid;position:absolute;top:8px;left:10px}.olf-howto:has(.olf-howto-on) li{color:var(--olf-ink-3)}:is(.olf-howto .olf-howto-on,.olf-howto:has(.olf-howto-on) .olf-howto-on){color:var(--olf-ink);background:color-mix(in srgb, var(--olf-hl) 14%, transparent)}.olf-howto .olf-howto-on:before{background:var(--olf-hl);color:var(--olf-accent-ink)}.olf-error .olf-howto li:before{background:color-mix(in srgb, var(--olf-bad) 12%, transparent);color:var(--olf-bad)}.olf-more-inline{text-align:left;width:100%;max-width:30em;font-size:14px}.olf-more-inline summary{border-radius:var(--olf-r-s);width:fit-content;color:var(--olf-ink-2);cursor:pointer;margin:0 auto;padding:8px 12px;list-style:none}.olf-more-inline summary::-webkit-details-marker{display:none}.olf-more-inline summary:hover{background:var(--olf-fill)}.olf-more-inline[open]{gap:8px;display:grid}.olf-need{text-align:left;gap:8px;width:100%;max-width:26em;padding:0;list-style:none;display:grid}.olf-need li{border-radius:var(--olf-r);background:var(--olf-fill);align-items:center;gap:14px;padding:10px 14px 10px 10px;line-height:1.35;display:flex}.olf-need-icon{border-radius:var(--olf-r-s);background:var(--olf-surface);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--olf-line);color:var(--olf-ink);flex:none;place-items:center;display:grid}.olf-need-photo{background:var(--olf-fill-2);width:64px;height:52px}.olf-need-photo img{object-fit:contain;width:auto;max-width:58px;height:auto;max-height:46px}.olf-need-icon svg{width:28px;height:28px}.olf-visual-mock{height:auto;padding:10px 0 18px}.olf-mock{width:min(100%,400px)}.olf-mock-win{border:1px solid var(--olf-hair-2);background:var(--olf-mock-bg);box-shadow:0 24px 50px -24px var(--olf-board-shadow), 0 2px 6px #0000000f;text-align:left;-webkit-user-select:none;user-select:none;border-radius:14px;gap:12px;padding:16px 16px 14px;font-size:14px;line-height:1.35;display:grid}.olf-root .olf-mock-title{color:var(--olf-ink);overflow-wrap:anywhere;font-size:14px;font-weight:600}.olf-mock-list{border:1px solid var(--olf-hair);background:var(--olf-mock-row);border-radius:8px;gap:4px;padding:6px;display:grid}.olf-mock-row{min-height:38px;color:var(--olf-ink);overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;display:flex}.olf-mock-pick{background:color-mix(in srgb, var(--olf-hl) 16%, transparent);box-shadow:inset 0 0 0 2px var(--olf-hl);font-weight:600}.olf-mock-foot{justify-content:flex-end;gap:8px;display:flex}.olf-mock-btn{border:1px solid var(--olf-hair-2);min-height:34px;color:var(--olf-ink-2);border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.olf-mock-go{background:var(--olf-hl);color:var(--olf-accent-ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--olf-hl) 30%, transparent);border-color:#0000;animation:1.6s ease-in-out infinite olf-breathe}.olf-mock-num{background:var(--olf-hl);width:22px;height:22px;color:var(--olf-accent-ink);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;line-height:1;display:grid}.olf-mock-go .olf-mock-num{background:var(--olf-accent-ink);color:var(--olf-hl)}.olf-drawing{width:100%;max-width:560px;height:100%;display:block;overflow:visible}.olf-d-silk{font:600 11px var(--olf-font);letter-spacing:.04em;fill:#ffffffb8;transition:fill .26s var(--olf-ease)}.olf-d-silk-on{fill:var(--olf-hl)}.olf-d-engrave{font:600 8.5px var(--olf-font);letter-spacing:.08em;fill:#7c828b}.olf-d-engrave-big{letter-spacing:.01em;fill:#6a7079;font-size:16px;font-weight:600}.olf-d-leg{fill:#c3c8ce}.olf-d-cap{transform-box:fill-box;transform-origin:50%;transition:transform .16s var(--olf-ease), fill .16s var(--olf-ease)}.olf-d-key.olf-on .olf-d-cap{fill:var(--olf-hl);transform:scale(.82)}.olf-d-glow{fill:none;stroke:rgb(var(--olf-lamp));stroke-width:7px;opacity:.55;animation:1.6s ease-in-out infinite olf-breathe}.olf-d-halo{fill:rgb(var(--olf-lamp) / .1);stroke:var(--olf-hl);stroke-width:2.2px;transform-box:fill-box;transform-origin:50%;animation:olf-pulse 1.6s var(--olf-ease) infinite}.olf-d-led-core{fill:#e4e2da;transition:fill .26s var(--olf-ease)}.olf-d-led.olf-on .olf-d-led-core{fill:rgb(var(--olf-lamp))}.olf-d-bloom{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite olf-breathe}.olf-d-cable{animation:olf-plug 2.6s var(--olf-ease) infinite}@keyframes olf-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.06)}}@keyframes olf-breathe{0%,to{opacity:1}50%{opacity:.6}}@keyframes olf-plug{0%{opacity:0;transform:translate(30px)}18%{opacity:1}55%,85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}.olf-photo{max-width:100%;height:100%;position:relative}.olf-photo img{-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:100%;filter:drop-shadow(0 18px 22px var(--olf-board-shadow));display:block}.olf-spot{pointer-events:none;border-radius:50%;width:34px;height:34px;position:absolute;transform:translate(-50%,-50%)}.olf-spot:before{content:"";border-radius:inherit;position:absolute;inset:0}.olf-spot-usb:before,.olf-spot-key.olf-on:before{border:2px solid var(--olf-hl);background:rgb(var(--olf-lamp) / .2);box-shadow:0 0 0 5px rgb(var(--olf-lamp) / .22), 0 0 26px 6px rgb(var(--olf-lamp) / .6);animation:olf-glow 1.6s var(--olf-ease) infinite}.olf-spot-usb{width:46px;height:46px}.olf-spot-key:before{border:1.5px dashed #fffc}.olf-spot-led{width:84px;height:84px}.olf-spot-led:before{background:radial-gradient(closest-side, #fff 0 12%, rgb(var(--olf-lamp) / .7) 32%, transparent 100%);mix-blend-mode:screen;animation:2.4s ease-in-out infinite olf-breathe}.olf-spot-label{background:var(--olf-label-bg);color:var(--olf-ink);letter-spacing:.04em;white-space:nowrap;transition:background .16s var(--olf-ease), color .16s var(--olf-ease);border-radius:7px;padding:2px 7px;font-size:11px;font-weight:600;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000024}.olf-spot-label-top{bottom:calc(100% + 6px)}.olf-spot-label-bottom{top:calc(100% + 6px)}.olf-spot-label-left,.olf-spot-label-right{top:50%;left:auto;transform:translateY(-50%)}.olf-spot-label-left{right:calc(100% + 6px)}.olf-spot-label-right{left:calc(100% + 6px)}.olf-spot-usb .olf-spot-label{background:var(--olf-hl);color:var(--olf-accent-ink);letter-spacing:0;padding:3px 9px;font-size:14px}.olf-spot-key.olf-on .olf-spot-label{background:var(--olf-hl);color:var(--olf-accent-ink)}@keyframes olf-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}}.olf-modes{border:1px solid var(--olf-hair);border-radius:var(--olf-r);background:var(--olf-field);text-align:left;width:100%;min-width:0;max-width:30em;padding:0;overflow:hidden}.olf-mode{cursor:pointer;transition:background .16s var(--olf-ease);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid;position:relative}.olf-mode+.olf-mode{border-top:1px solid var(--olf-hair)}.olf-mode:hover{background:var(--olf-fill)}.olf-mode input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.olf-mode:has(input:focus-visible){outline:2px solid var(--olf-focus);outline-offset:-3px;border-radius:var(--olf-r)}.olf-mode-body{gap:2px;display:grid}.olf-mode-name{flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:flex}.olf-mode-hint{color:var(--olf-ink-2);font-size:14px;line-height:1.4}.olf-mode-check{border:1.5px solid var(--olf-hair-2);width:24px;height:24px;transition:background .16s var(--olf-ease), border-color .16s var(--olf-ease);border-radius:50%;place-items:center;display:grid}.olf-mode-on .olf-mode-check{border-color:var(--olf-ink);background:var(--olf-ink)}.olf-mode-on .olf-mode-check:after{content:"";border:solid var(--olf-surface);border-width:0 2px 2px 0;width:6px;height:11px;margin-top:-3px;transform:rotate(45deg)}.olf-mode-off{cursor:default}.olf-mode-off:hover{background:0 0}.olf-mode-off .olf-mode-name{color:var(--olf-ink-3);font-weight:500}.olf-mode-off .olf-mode-check{opacity:.4}.olf-progress{text-align:left;justify-items:stretch}.olf-progress-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;display:flex}.olf-progress .olf-step-title{flex:10em}.olf-percent{font-family:var(--olf-font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-bottom:-4px;font-size:72px;font-weight:700;line-height:.9}.olf-percent span{letter-spacing:0;color:var(--olf-ink-3);margin-left:2px;font-size:.42em;font-weight:700}.olf-mem{gap:8px;width:100%;margin-top:4px;display:grid}.olf-mem-bar,.olf-mem-legend{gap:3px;width:100%;display:flex}.olf-mem-bar{height:20px}.olf-mem-seg{background:var(--olf-key);min-width:12px;box-shadow:inset 0 0 0 1px var(--olf-line);border-radius:3px;flex-basis:0;position:relative;overflow:hidden}.olf-mem-seg:first-child{border-radius:var(--olf-r-s) 3px 3px var(--olf-r-s)}.olf-mem-seg:last-child{border-radius:3px var(--olf-r-s) var(--olf-r-s) 3px}.olf-mem-seg:only-child{border-radius:var(--olf-r-s)}.olf-mem-fill{background:var(--olf-accent);transform-origin:0;transition:transform .3s linear;position:absolute;inset:0;transform:scaleX(0)}.olf-mem-now .olf-mem-fill{box-shadow:0 0 14px rgb(var(--olf-lamp) / .55)}.olf-mem-legend{color:var(--olf-ink-3);text-align:left;padding:0;font-size:14px;line-height:1.3;list-style:none}.olf-mem-legend li{text-overflow:ellipsis;white-space:nowrap;flex-basis:0;min-width:12px;overflow:hidden}.olf-mem-legend .olf-mem-done{color:var(--olf-ink-2)}.olf-mem-legend .olf-mem-now{color:var(--olf-ink);font-weight:600;overflow:visible}.olf-mem-bar.olf-bar-wait .olf-mem-seg{animation:1.6s ease-in-out infinite olf-breathe}.olf-confirm{border-radius:var(--olf-r);background:color-mix(in srgb, var(--olf-bad) 9%, transparent);justify-items:center;gap:4px;width:100%;max-width:30em;padding:16px;display:grid}.olf-bar{background:var(--olf-fill-2);border-radius:3px;width:min(100%,220px);height:6px;position:relative;overflow:hidden}.olf-bar-fill{border-radius:inherit;background:var(--olf-ink-3);width:0;height:100%;transition:width .3s linear}.olf-bar-wait .olf-bar-fill{width:34%;animation:1.4s ease-in-out infinite olf-wait}@keyframes olf-wait{0%{transform:translate(-100%)}to{transform:translate(300%)}}.olf-form{text-align:left;gap:14px;width:100%;max-width:26em;display:grid}.olf-form .olf-actions{margin-top:4px}.olf-form>.olf-quiet,.olf-form>.olf-lead{text-align:center}.olf-form>.olf-bar{justify-self:center}.olf-field{gap:6px;min-width:0;display:grid}.olf-field>label:first-child{color:var(--olf-ink-2);padding-left:4px;font-size:14px;font-weight:600}.olf-field input:not([type=checkbox]),.olf-field select,.olf-send input{border:1px solid var(--olf-hair-2);border-radius:var(--olf-r-s);background:var(--olf-field);width:100%;min-height:48px;transition:border-color .16s var(--olf-ease), box-shadow .16s var(--olf-ease);padding:0 14px;font-size:16px}.olf-field input:focus,.olf-field select:focus,.olf-send input:focus{border-color:var(--olf-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--olf-focus) 30%, transparent);outline:none}.olf-field input:disabled,.olf-field select:disabled{opacity:.55}.olf-hint{color:var(--olf-ink-3);padding-left:4px;font-size:14px}.olf-check{width:fit-content;color:var(--olf-ink-2);cursor:pointer;align-items:center;gap:8px;padding:4px;font-size:14px;display:flex}.olf-check input{width:18px;height:18px;accent-color:var(--olf-ink);margin:0}.olf-env .olf-actions{margin-top:4px}.olf-qr{justify-items:center;gap:6px;display:grid}.olf-qr-img{box-sizing:content-box;border-radius:var(--olf-r-s);background:#fff;width:148px;max-width:none;height:148px;padding:10px;display:block}.olf-link-text{overflow-wrap:anywhere}.olf-env .olf-tool{text-align:left;border-radius:var(--olf-r);background:var(--olf-fill);width:100%;padding:16px}.olf-sheet{border:1px solid var(--olf-line);border-radius:var(--olf-r-l) var(--olf-r-l) 0 0;background:var(--olf-surface);width:100%;max-width:560px;max-height:min(88vh,88dvh);color:var(--olf-ink);font-family:var(--olf-font);box-shadow:var(--olf-sh-1);overscroll-behavior:contain;border-bottom:0;margin:auto auto 0;padding:0;font-size:16px;line-height:1.5}.olf-sheet[open]{animation:olf-sheet-in .26s var(--olf-ease) both}.olf-sheet::backdrop{background:#0000008c}@media (min-width:640px){.olf-sheet{border-bottom:1px solid var(--olf-line);border-radius:var(--olf-r-l);max-height:min(84vh,84dvh);margin:auto}}@keyframes olf-sheet-in{0%{opacity:0;transform:translateY(24px)}}.olf-sheet-body{padding:18px 18px calc(24px + env(safe-area-inset-bottom,0px));gap:14px;display:grid}@media (min-width:640px){.olf-sheet-body{padding:22px 24px 26px}}.olf-sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.olf-root .olf-sheet-title{font-family:var(--olf-font-display);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.15}.olf-sheet-close{margin-right:-8px}.olf-group{border-radius:var(--olf-r);background:var(--olf-field);border:1px solid var(--olf-hair);gap:10px;padding:14px 16px;display:grid}.olf-version{gap:10px;display:grid}.olf-inline-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.olf-root .olf-inline-field>label:first-child{color:var(--olf-ink);padding:0;font-size:14px}.olf-root .olf-inline-field select{min-height:40px;font-size:14px}.olf-root .olf-beta{color:var(--olf-hl)}.olf-notes{border-top:1px solid var(--olf-hair);gap:4px;padding-top:10px;display:grid}.olf-notes-title{font-size:14px;font-weight:600}.olf-notes-text{white-space:pre-line;color:var(--olf-ink-2);font-size:14px}.olf-rows{gap:0;padding:0;overflow:hidden}.olf-row+.olf-row{border-top:1px solid var(--olf-hair)}.olf-row-head{width:100%;min-height:52px;color:var(--olf-ink);text-align:left;cursor:pointer;transition:background .16s var(--olf-ease);background:0 0;border:0;align-items:center;padding:0 44px 0 16px;font-size:16px;font-weight:500;display:flex;position:relative}.olf-row-head:hover{background:var(--olf-fill)}.olf-row-head[aria-expanded]:after{content:"";border:solid var(--olf-ink-3);width:8px;height:8px;transition:transform .2s var(--olf-ease);border-width:0 2px 2px 0;margin-top:-5px;position:absolute;top:50%;right:20px;transform:rotate(-45deg)}.olf-row-head[aria-expanded=true]:after{transform:rotate(45deg)}.olf-root .olf-row-action{color:var(--olf-ink);font-weight:600}.olf-row>.olf-tool,.olf-row>.olf-manual-copy{padding:2px 16px 18px}.olf-credit{color:var(--olf-ink-3);padding:0 4px;font-size:14px;line-height:1.5}.olf-root .olf-credit a,.olf-sheet .olf-credit a{color:inherit;text-underline-offset:2px;text-decoration:underline}.olf-tool{gap:12px;min-width:0;font-size:14px;display:grid}.olf-row .olf-tool-title{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.olf-root .olf-tool-title{margin:0;font-size:20px;line-height:1.25}.olf-root .olf-sub-title{margin:6px 0 0;font-size:14px;font-weight:600;line-height:1.3}.olf-tool .olf-actions{flex-flow:wrap;align-items:flex-start;gap:8px;margin-top:0}.olf-tool .olf-howto{max-width:none}.olf-tool .olf-howto li{padding-top:4px;padding-bottom:4px}.olf-tool .olf-howto li:before{top:4px}.olf-checks{color:var(--olf-ink-2);gap:6px;padding-left:1.2em;display:grid}.olf-driver{gap:6px;display:grid}.olf-drivers{display:grid}.olf-drivers .olf-driver{border-top:1px solid var(--olf-hair);padding:12px 0}.olf-drivers .olf-driver:first-child{border-top:0;padding-top:0}.olf-code{border-radius:var(--olf-r-s);background:var(--olf-fill);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.olf-code code{overflow-wrap:anywhere;flex:200px;min-width:0;font-size:14px}.olf-manual-copy{text-align:left;gap:6px;width:100%;display:grid}.olf-manual-copy textarea{border:1px solid var(--olf-hair-2);border-radius:var(--olf-r-s);background:var(--olf-field);resize:vertical;width:100%;padding:10px 12px;font-size:14px}.olf-monitor-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.olf-root .olf-monitor-bar .olf-inline-field select{width:auto}.olf-log{border-radius:var(--olf-r-s);background:var(--olf-fill);height:260px;font:13px/1.45 var(--olf-mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 12px;overflow:auto}.olf-send{gap:8px;display:flex}.olf-root .olf-send input{min-width:0;min-height:36px;font-family:var(--olf-mono);flex:1;font-size:14px}@media (prefers-reduced-motion:reduce){.olf-root *,.olf-root :before,.olf-root :after,.olf-root .olf-sheet{transition:none!important;animation:none!important}.olf-bar-wait .olf-bar-fill{opacity:.35;width:100%}}.olf-next{text-align:left;background:var(--olf-fill);border-radius:var(--olf-r-s);width:100%;padding:12px 16px}.olf-root .olf-next-title{margin:0 0 6px;font-size:16px;font-weight:600}.olf-next p{color:var(--olf-ink-2);margin:0}.olf-next p+p{margin-top:6px}.olf-neutral-board{width:min(160px,40%);height:auto;color:var(--olf-ink);opacity:.7}.olf-hand-art{width:min(100%,420px);height:auto;color:var(--olf-ink)}.olf-facts{gap:4px;margin:0;padding:0;list-style:none;display:grid}.olf-root a.olf-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.olf-family-board{object-fit:contain;max-width:min(100%,360px);max-height:100%}.olf-events{gap:10px;margin-top:6px;padding:0;font-size:16px;line-height:1.4;list-style:none;display:grid}.olf-events li{color:var(--olf-ink-3);transition:color .3s var(--olf-ease);grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;display:grid}.olf-events i{width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--olf-line-strong);transition:background-color .3s var(--olf-ease), box-shadow .3s var(--olf-ease);border-radius:50%;place-items:center;display:grid}.olf-events .olf-ev-done,.olf-events .olf-ev-now{color:var(--olf-ink)}.olf-events .olf-ev-now{font-weight:600}.olf-events .olf-ev-done i{background:var(--olf-ink);box-shadow:none}.olf-events .olf-ev-done i:after{content:"";border:2.2px solid var(--olf-surface);border-top:0;border-right:0;width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.olf-events .olf-ev-now i{box-shadow:inset 0 0 0 2px var(--olf-ink), 0 0 0 4px rgb(var(--olf-lamp) / .25)}.olf-events .olf-ev-now i:after{content:"";background:var(--olf-ink);border-radius:50%;width:8px;height:8px}.olf-cover{height:auto;margin:8px 0 14px}.olf-cover-frame{aspect-ratio:16/9;border-radius:var(--olf-r);width:100%;max-width:420px;box-shadow:0 0 0 1px var(--olf-line);background:#000;margin:0 auto;display:block;position:relative;overflow:hidden}.olf-cover-frame img{object-fit:cover;filter:saturate(.6);width:100%;height:100%;display:block}.olf-cover-frame:after{content:"";opacity:var(--olf-dim,.62);transition:opacity .6s var(--olf-ease);background:#000;position:absolute;inset:0}.olf-lit{isolation:isolate;width:100%;margin-bottom:4px;position:relative}.olf-lit:before{content:"";z-index:-1;background:radial-gradient(ellipse 50% 55% at 50% 35%, rgb(var(--olf-lamp) / calc(.6 * var(--olf-lamp-a))), transparent 72%);pointer-events:none;width:min(620px,140%);height:calc(100% + 48px);animation:olf-lamp-on 1.2s var(--olf-ease) both;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.olf-lit .olf-cover-frame{aspect-ratio:4/3;box-shadow:0 0 0 1px var(--olf-line), 0 24px 50px -18px var(--olf-shade)}.olf-lit .olf-cover-frame img{filter:brightness(1.08)saturate(1.1);animation:olf-light-up 1.2s var(--olf-ease) both}.olf-lit .olf-cover-frame:after{background:radial-gradient(ellipse 65% 60% at 50% 22%, rgb(var(--olf-lamp) / .38), transparent 72%);mix-blend-mode:screen;opacity:1;animation:olf-lamp-on 1.2s var(--olf-ease) both}.olf-lit figcaption{color:var(--olf-ink-2);text-align:center;margin-top:10px;font-size:16px}@keyframes olf-light-up{0%{filter:brightness(.35)saturate(.6)}}@keyframes olf-lamp-on{0%{opacity:0}}.olf-actions-pair{flex-flow:wrap;justify-content:center;gap:8px}.olf-actions-pair .olf-btn{flex:150px;width:auto;max-width:240px}.olf-err-mark{background:var(--olf-bad-soft);width:48px;height:48px;color:var(--olf-bad);box-shadow:inset 0 0 0 2px var(--olf-bad);border-radius:50%;place-items:center;display:grid}.olf-err-mark svg{width:24px;height:24px}.olf-root .olf-error .olf-howto li{font-size:18px}.olf-root .olf-error .olf-howto li:before{background:var(--olf-bad-soft);color:var(--olf-bad);box-shadow:inset 0 0 0 1.5px var(--olf-bad)}.olf-support summary{color:var(--olf-ink-3);font-size:14px}.olf-bar.olf-bar-big{border-radius:var(--olf-r-s);background:var(--olf-key);width:100%;height:20px;box-shadow:inset 0 0 0 1px var(--olf-line)}.olf-bar-big .olf-bar-fill{background:var(--olf-accent)}.olf-hand-art .olf-hand-hl{stroke:var(--olf-hl)}.olf-hand-art .olf-hand-fill{fill:var(--olf-hl)}.olf-hand-art .olf-hand-glow{fill:rgb(var(--olf-lamp) / .3);stroke:none}.olf-hand-art text{font-family:var(--olf-font)}.olf-hand-art .olf-hand-say{font-weight:600}@media (prefers-reduced-motion:reduce){.olf-lit:before,.olf-lit .olf-cover-frame img,.olf-lit .olf-cover-frame:after{animation:none}}.olf-hand-art .olf-hand-silk{font:600 11px var(--olf-font);letter-spacing:.04em;fill:#ffffffd9}.olf-hand-art .olf-hand-silk-s{font-size:10px}.olf-hand-art .olf-hand-engrave{font:600 8px var(--olf-font);letter-spacing:.06em;fill:#8a9099}.olf-hand-art .olf-hand-label{font-size:14px}.olf-hand-art .olf-hand-say{font-size:15px}.olf-hand .olf-hand-art{width:auto;max-width:100%;height:100%}.olf-visual.olf-hand{height:clamp(170px,46cqi,240px)}