.olf-root{--olf-bg:#f1f1ec;--olf-amb-1:#c9f1d0e6;--olf-amb-2:#fae4c7d9;--olf-glass:#ffffff9e;--olf-glass-strong:#fcfcf9e0;--olf-glass-edge:#ffffffbf;--olf-hair:#1a1e1814;--olf-hair-2:#1a1e1824;--olf-fill:#1a1e180b;--olf-fill-2:#1a1e1816;--olf-field:#ffffffc7;--olf-ink:#15171a;--olf-ink-2:#4c5049;--olf-ink-3:#5f645c;--olf-accent:#23854a;--olf-accent-text:#1f7a3b;--olf-accent-ink:#fff;--olf-warn:#b86e00;--olf-bad:#c93d35;--olf-bad-text:#b0322b;--olf-shadow:0 30px 80px -30px #24281c4d, 0 1px 2px #24281c0d;--olf-board-shadow:#24281c57;--olf-cable:#d9dbd5;--olf-plug-1:#fff;--olf-plug-2:#e2e3de;--olf-plug-edge:#1a1e1829;--olf-label-bg:#ffffffeb;--olf-scrim:#161a143d;--olf-mock-bg:#fff;--olf-mock-row:#1a1e180a;--olf-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI Variable Text", "Segoe UI Variable Display", "Segoe UI", system-ui, Roboto, sans-serif;--olf-mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--olf-r-l:28px;--olf-r-m:16px;--olf-r-s:12px;--olf-ease:cubic-bezier(.22, .61, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (color:lab(0% 0 0)){.olf-root{--olf-amb-1:lab(91.5143% -17.7954 11.3992/.9);--olf-amb-2:lab(91.9302% 4.39236 17.03/.85)}}@media (prefers-color-scheme:dark){.olf-root:not([data-theme=light]):not([data-theme=light] *){--olf-bg:#0d130f;--olf-amb-1:#23543073;--olf-amb-2:#563c2666;--olf-glass:#161e189e;--olf-glass-strong:#18211aeb;--olf-glass-edge:#e8f2e614;--olf-hair:#e8f2e614;--olf-hair-2:#e8f2e626;--olf-fill:#e8f2e60d;--olf-fill-2:#e8f2e617;--olf-field:#0000003d;--olf-ink:#eef2ec;--olf-ink-2:#b6c0b4;--olf-ink-3:#8f9a8d;--olf-accent:#46c06e;--olf-accent-text:#7fdc9c;--olf-accent-ink:#06210f;--olf-warn:#e0a040;--olf-bad:#ef6b62;--olf-bad-text:#f2867e;--olf-shadow:0 30px 80px -30px #0009, 0 1px 2px #0003;--olf-board-shadow:#0009;--olf-cable:#36423a;--olf-plug-1:#4b584d;--olf-plug-2:#2b342d;--olf-plug-edge:#e8f2e61f;--olf-label-bg:#141c16eb;--olf-scrim:#00000080;--olf-mock-bg:#1d251f;--olf-mock-row:#e8f2e60f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){.olf-root:not([data-theme=light]):not([data-theme=light] *){--olf-amb-1:lab(31.4149% -24.0748 15.7843/.45);--olf-amb-2:lab(27.9162% 9.77369 18.0967/.4)}}}.olf-root[data-theme=dark],[data-theme=dark] .olf-root:not([data-theme=light]){--olf-bg:#0d130f;--olf-amb-1:#23543073;--olf-amb-2:#563c2666;--olf-glass:#161e189e;--olf-glass-strong:#18211aeb;--olf-glass-edge:#e8f2e614;--olf-hair:#e8f2e614;--olf-hair-2:#e8f2e626;--olf-fill:#e8f2e60d;--olf-fill-2:#e8f2e617;--olf-field:#0000003d;--olf-ink:#eef2ec;--olf-ink-2:#b6c0b4;--olf-ink-3:#8f9a8d;--olf-accent:#46c06e;--olf-accent-text:#7fdc9c;--olf-accent-ink:#06210f;--olf-warn:#e0a040;--olf-bad:#ef6b62;--olf-bad-text:#f2867e;--olf-shadow:0 30px 80px -30px #0009, 0 1px 2px #0003;--olf-board-shadow:#0009;--olf-cable:#36423a;--olf-plug-1:#4b584d;--olf-plug-2:#2b342d;--olf-plug-edge:#e8f2e61f;--olf-label-bg:#141c16eb;--olf-scrim:#00000080;--olf-mock-bg:#1d251f;--olf-mock-row:#e8f2e60f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){.olf-root[data-theme=dark],[data-theme=dark] .olf-root:not([data-theme=light]){--olf-amb-1:lab(31.4149% -24.0748 15.7843/.45);--olf-amb-2:lab(27.9162% 9.77369 18.0967/.4)}}.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;border-radius:var(--olf-r-l);background:radial-gradient(42% 46% at 16% 10%, var(--olf-amb-1), transparent 72%), radial-gradient(48% 52% at 88% 86%, var(--olf-amb-2), transparent 72%), var(--olf-bg);font-size:17px;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(a){color:var(--olf-accent-text)}.olf-root :focus-visible{outline:3px solid color-mix(in srgb, var(--olf-accent) 65%, transparent);outline-offset:2px}.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:15px}.olf-small{font-size:15px}.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:15px;font-weight:600;line-height:1.3}.olf-head-sub{color:var(--olf-ink-3);font-size:13px;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:1px solid var(--olf-glass-edge);border-radius:var(--olf-r-s);background:var(--olf-glass-strong);gap:2px;padding:3px;display:flex}.olf-theme-opt{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;border-radius:9px;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:1px solid var(--olf-glass-edge);border-radius:var(--olf-r-s);background:var(--olf-glass-strong);min-height:40px;color:var(--olf-ink);cursor:pointer;transition:background .16s var(--olf-ease);flex:none;padding:0 14px;font-size:15px;font-weight:600}.olf-more:hover{background:var(--olf-glass-strong)}.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-accent-text);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-accent)}.olf-panel{border:1px solid var(--olf-glass-edge);border-radius:var(--olf-r-l);background:var(--olf-glass);-webkit-backdrop-filter:blur(28px)saturate(170%);backdrop-filter:blur(28px)saturate(170%);min-width:0;box-shadow:var(--olf-shadow);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{letter-spacing:-.02em;text-wrap:balance;max-width:18em;margin:0;font-size:28px;font-weight:650;line-height:1.12}@container olf (min-width:520px){.olf-root .olf-step-title{font-size:34px;line-height:1.1}}.olf-lead{color:var(--olf-ink-2);text-wrap:pretty;max-width:36em}.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-m);background:var(--olf-accent);width:min(100%,320px);min-height:52px;color:var(--olf-accent-ink);text-align:center;cursor:pointer;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:17px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;box-shadow:0 6px 16px -8px #141e3259}.olf-root a.olf-btn{color:var(--olf-accent-ink)}.olf-btn:hover{background:color-mix(in srgb, var(--olf-accent) 88%, #000)}.olf-btn:active{transform:scale(.985)}.olf-btn:disabled,.olf-btn[aria-disabled=true]{opacity:.42;cursor:default;box-shadow:none;transform:none}.olf-btn-soft{background:var(--olf-fill-2);color:var(--olf-ink);box-shadow:none}.olf-root a.olf-btn-soft{color:var(--olf-ink)}.olf-btn-soft:hover{background:color-mix(in srgb, var(--olf-fill-2) 100%, var(--olf-hair-2))}.olf-btn-sm{border-radius:var(--olf-r-s);width:auto;min-height:36px;padding:0 14px;font-size:15px}.olf-link{border-radius:var(--olf-r-s);min-height:44px;color:var(--olf-accent-text);cursor:pointer;transition:background .16s var(--olf-ease);background:0 0;border:0;justify-content:center;align-items:center;padding:0 12px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.olf-root a.olf-link{color:var(--olf-accent-text)}.olf-link:hover{background:var(--olf-fill)}.olf-link:disabled{opacity:.45;cursor:default}.olf-root .olf-link-bad{color:var(--olf-bad-text)}.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:15px}.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-accent) 12%, transparent);color:var(--olf-accent-text);font-weight:500}.olf-facts{color:var(--olf-ink-2);flex-wrap:wrap;justify-content:center;gap:0 16px;padding:0;font-size:15px;list-style:none;display:flex}.olf-tag{background:color-mix(in srgb, var(--olf-accent) 14%, transparent);color:var(--olf-accent-text);border-radius:6px;padding:1px 7px;font-size:12px;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:15px}.olf-code-line{font-size:13px}.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:650;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-accent) 10%, transparent)}.olf-howto .olf-howto-on:before{background:var(--olf-accent);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-text)}.olf-more-inline{text-align:left;width:100%;max-width:30em;font-size:15px}.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-m);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:color-mix(in srgb, var(--olf-accent) 14%, transparent);width:44px;height:44px;color:var(--olf-accent-text);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-accent) 18%, transparent);box-shadow:inset 0 0 0 2px var(--olf-accent);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-accent);color:var(--olf-accent-ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--olf-accent) 25%, transparent);border-color:#0000;animation:1.6s ease-in-out infinite olf-breathe}.olf-mock-num{background:var(--olf-accent);width:22px;height:22px;color:var(--olf-accent-ink);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;line-height:1;display:grid}.olf-mock-go .olf-mock-num{background:var(--olf-accent-ink);color:var(--olf-accent)}.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:#8ff0b0}.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:17px;font-weight:700}.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-accent);transform:scale(.82)}.olf-d-glow{fill:none;stroke:var(--olf-accent);stroke-width:7px;opacity:.55;animation:1.6s ease-in-out infinite olf-breathe}.olf-d-halo{fill:color-mix(in srgb, var(--olf-accent) 7%, transparent);stroke:var(--olf-accent);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:#7dffa8}.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-accent);background:color-mix(in srgb, var(--olf-accent) 18%, transparent);box-shadow:0 0 0 5px color-mix(in srgb, var(--olf-accent) 18%, transparent), 0 0 26px 4px color-mix(in srgb, var(--olf-accent) 55%, transparent);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, color-mix(in srgb, var(--olf-accent) 60%, #fff) 0 12%, color-mix(in srgb, var(--olf-accent) 60%, transparent) 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:700;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-accent);color:var(--olf-accent-ink);letter-spacing:0;padding:3px 9px;font-size:13px}.olf-spot-key.olf-on .olf-spot-label{background:var(--olf-accent);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-m);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:3px solid color-mix(in srgb, var(--olf-accent) 65%, transparent);outline-offset:-3px;border-radius:var(--olf-r-m)}.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-accent);background:var(--olf-accent)}.olf-mode-on .olf-mode-check:after{content:"";border:solid var(--olf-accent-ink);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-head{justify-items:center;gap:2px;display:grid}.olf-percent{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:56px;font-weight:650;line-height:1}.olf-percent span{letter-spacing:0;color:var(--olf-ink-3);margin-left:2px;font-size:.45em;font-weight:600}.olf-mem{gap:8px;width:100%;max-width:30em;margin-top:4px;display:grid}.olf-mem-bar,.olf-mem-legend{gap:3px;width:100%;display:flex}.olf-mem-bar{height:14px}.olf-mem-seg{background:var(--olf-fill-2);border-radius:4px;flex-basis:0;min-width:12px;position:relative;overflow:hidden}.olf-mem-seg:first-child{border-radius:7px 4px 4px 7px}.olf-mem-seg:last-child{border-radius:4px 7px 7px 4px}.olf-mem-seg:only-child{border-radius:7px}.olf-mem-fill{background:var(--olf-accent);width:0;transition:width .3s linear;position:absolute;inset:0 auto 0 0}.olf-mem-now .olf-mem-fill{box-shadow:0 0 12px color-mix(in srgb, var(--olf-accent) 70%, transparent)}.olf-mem-legend{color:var(--olf-ink-3);text-align:left;padding:0;font-size:12px;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-accent-text);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-m);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-accent);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:13px;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:17px}.olf-field input:focus,.olf-field select:focus,.olf-send input:focus{border-color:var(--olf-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--olf-accent) 22%, 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:13px}.olf-check{width:fit-content;color:var(--olf-ink-2);cursor:pointer;align-items:center;gap:8px;padding:4px;font-size:15px;display:flex}.olf-check input{width:18px;height:18px;accent-color:var(--olf-accent);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-m);background:var(--olf-fill);width:100%;padding:16px}.olf-sheet{border:1px solid var(--olf-glass-edge);border-radius:var(--olf-r-l) var(--olf-r-l) 0 0;background:var(--olf-glass-strong);-webkit-backdrop-filter:blur(30px)saturate(170%);backdrop-filter:blur(30px)saturate(170%);width:100%;max-width:560px;max-height:min(88vh,88dvh);color:var(--olf-ink);font-family:var(--olf-font);box-shadow:var(--olf-shadow);overscroll-behavior:contain;border-bottom:0;margin:auto auto 0;padding:0;font-size:17px;line-height:1.5}.olf-sheet[open]{animation:olf-sheet-in .26s var(--olf-ease) both}.olf-sheet::backdrop{background:var(--olf-scrim,#12161e38);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (min-width:640px){.olf-sheet{border-bottom:1px solid var(--olf-glass-edge);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{letter-spacing:-.015em;margin:0;font-size:22px;font-weight:650;line-height:1.2}.olf-sheet-close{margin-right:-8px}.olf-group{border-radius:var(--olf-r-m);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:15px}.olf-root .olf-inline-field select{min-height:40px;font-size:15px}.olf-root .olf-beta{color:var(--olf-warn)}.olf-notes{border-top:1px solid var(--olf-hair);gap:4px;padding-top:10px;display:grid}.olf-notes-title{font-size:15px;font-weight:600}.olf-notes-text{white-space:pre-line;color:var(--olf-ink-2);font-size:15px}.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-accent-text);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:12px;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:15px;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:15px;font-weight:650;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:13px}.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:13px}.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%}}
