@layer homeframe.reset{:root{--hf-app-background:#111827;--hf-viewport-width:100vw;--hf-viewport-height:100dvh;--hf-viewport-x:0px;--hf-viewport-y:0px;--hf-layout-viewport-top:0px;--hf-shell-width:100vw;--hf-shell-height:100dvh;--hf-stable-width:100vw;--hf-stable-height:100dvh;--hf-safe-top:env(safe-area-inset-top,0px);--hf-safe-right:env(safe-area-inset-right,0px);--hf-safe-bottom:env(safe-area-inset-bottom,0px);--hf-safe-left:env(safe-area-inset-left,0px);--hf-effective-safe-bottom:env(safe-area-inset-bottom,0px);--hf-keyboard-height:0px;--hf-dock-keyboard-offset:0px;--hf-dock-keyboard-transition-duration:.32s;--hf-dock-keyboard-transition-delay:0s;--hf-dock-keyboard-transition-easing:cubic-bezier(.32, .27, 0, 1);--hf-keyboard-open:0;--hf-input-min-font-size:16px;--hf-header-height:0px;--hf-bottom-height:0px;--hf-top-attachment-height:0px;--hf-bottom-attachment-height:0px;--hf-titlebar-x:env(titlebar-area-x,0px);--hf-titlebar-y:env(titlebar-area-y,0px);--hf-titlebar-width:env(titlebar-area-width,100vw);--hf-titlebar-height:env(titlebar-area-height,0px);--hf-header-background:var(--hf-app-background);--hf-dock-background:var(--hf-app-background);--hf-sidebar-background:var(--hf-app-background);--hf-sidebar-width:264px;--hf-sidebar-rail-width:72px;--hf-active-sidebar-width:var(--hf-sidebar-width);color-scheme:var(--hf-color-scheme,light dark);background:var(--hf-app-background);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#homeframe-root{box-sizing:border-box;background:var(--hf-app-background);width:100%;min-width:0;margin:0;overflow:hidden}html,body{height:100vh;min-height:100vh}#homeframe-root{height:100%;min-height:0}*,:before,:after{box-sizing:inherit}html,body{overscroll-behavior:none}}@layer homeframe.structure{[data-hf-viewport]{z-index:0;isolation:isolate;top:var(--hf-layout-viewport-top);width:var(--hf-shell-width);height:var(--hf-shell-height);background:var(--hf-app-background);min-width:0;min-height:0;position:fixed;left:0;overflow:hidden}[data-hf-shell]{z-index:0;grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}[data-hf-shell][data-hf-header-overlay=true]{grid-template-rows:minmax(0,1fr) auto}[data-hf-shell][data-hf-header-overlay=true]>[data-hf-header]{position:absolute;top:0;left:0;right:0}[data-hf-shell][data-hf-header-overlay=true]>[data-hf-content]{grid-row:1}[data-hf-shell][data-hf-header-overlay=true]>[data-hf-content]>[data-hf-scroll-view]{padding-top:var(--hf-header-height)}[data-hf-shell][data-hf-desktop-layout]{--hf-active-sidebar-width:var(--hf-sidebar-width);transition:grid-template-columns .24s cubic-bezier(.22,1,.36,1)}[data-hf-shell][data-hf-desktop-layout][data-hf-sidebar-mode=rail]{--hf-active-sidebar-width:var(--hf-sidebar-rail-width)}[data-hf-shell][data-hf-desktop-layout][data-hf-sidebar-mode=hidden]{--hf-active-sidebar-width:0px}[data-hf-sidebar]{z-index:20;border-right:1px solid color-mix(in srgb, CanvasText 12%, transparent);background:var(--hf-sidebar-background);grid-area:sidebar;grid-template-rows:minmax(0,1fr) auto;width:100%;min-width:0;min-height:0;transition:opacity .16s,transform .24s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden}[data-hf-sidebar-content]{overscroll-behavior:contain;min-width:0;min-height:0;overflow:hidden auto}[data-hf-sidebar-footer]{min-width:0;padding-bottom:var(--hf-safe-bottom);background:var(--hf-sidebar-background)}[data-hf-sidebar-mode=rail] [data-hf-sidebar-label]{clip:rect(0 0 0 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;margin:-1px!important;position:absolute!important;overflow:hidden!important}[data-hf-sidebar-mode=hidden] [data-hf-sidebar]{visibility:hidden;opacity:0;pointer-events:none;transform:translate(-100%)}[data-hf-sidebar-reveal]{z-index:35;top:calc(var(--hf-safe-top) + 10px);left:calc(var(--hf-safe-left) + 10px);position:absolute}[data-hf-sidebar-reveal]>button{place-items:center;width:44px;height:44px;padding:0;display:grid}@media (min-width:900px){[data-hf-shell][data-hf-desktop-layout]{grid-template-columns:var(--hf-active-sidebar-width) minmax(0, 1fr);grid-template-rows:auto minmax(0,1fr) auto}[data-hf-shell][data-hf-desktop-layout][data-hf-header-placement=full]{grid-template-areas:"header header""sidebar content""sidebar bottom"}[data-hf-shell][data-hf-desktop-layout][data-hf-header-placement=content]{grid-template-areas:"sidebar header""sidebar content""sidebar bottom"}[data-hf-shell][data-hf-desktop-layout][data-hf-header-placement=sidebar]{grid-template-areas:"header content""sidebar content""sidebar bottom"}[data-hf-shell][data-hf-desktop-layout][data-hf-header-overlay=true]{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"sidebar content""sidebar bottom"}[data-hf-shell][data-hf-desktop-layout][data-hf-header-overlay=true][data-hf-header-placement=content]>[data-hf-header]{left:var(--hf-active-sidebar-width)}[data-hf-shell][data-hf-desktop-layout]>[data-hf-header]{grid-area:header}[data-hf-shell][data-hf-desktop-layout]>[data-hf-content]{grid-area:content}[data-hf-shell][data-hf-desktop-layout]>[data-hf-dock]{grid-area:bottom}[data-hf-shell][data-hf-desktop-layout]>[data-hf-viewport-attachment][data-hf-attachment-anchor=dock],[data-hf-shell][data-hf-desktop-layout][data-hf-header-placement=content]>[data-hf-viewport-attachment][data-hf-attachment-anchor=header]{left:var(--hf-active-sidebar-width)}[data-hf-shell][data-hf-desktop-layout][data-hf-sidebar-mode=hidden]:not([data-hf-header-placement=sidebar])>[data-hf-header]{padding-left:calc(var(--hf-safe-left) + 64px)}[data-hf-shell][data-hf-desktop-layout][data-hf-header-placement=sidebar]>[data-hf-header]{background:var(--hf-sidebar-background);min-width:0;overflow:hidden}[data-hf-shell][data-hf-desktop-layout][data-hf-sidebar-mode=hidden][data-hf-header-placement=sidebar]>[data-hf-header]{visibility:hidden;opacity:0;pointer-events:none}}@media (min-width:900px) and (max-width:1099px){[data-hf-shell][data-hf-desktop-layout]{--hf-sidebar-width:224px;--hf-sidebar-rail-width:64px}}@media (max-width:899px){[data-hf-shell][data-hf-desktop-layout]{grid-template:"header""content"minmax(0,1fr)"bottom"/minmax(0,1fr)}[data-hf-shell][data-hf-desktop-layout]>[data-hf-header]{grid-area:header}[data-hf-shell][data-hf-desktop-layout]>[data-hf-content]{grid-area:content}[data-hf-shell][data-hf-desktop-layout]>[data-hf-dock]{grid-area:bottom}[data-hf-sidebar]{z-index:40;width:min(var(--hf-sidebar-width), 100%);visibility:hidden;pointer-events:none;max-width:100%;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}[data-hf-shell][data-hf-mobile-sidebar-open=true]>[data-hf-sidebar]{visibility:visible;pointer-events:auto;transform:translate(0,0)}[data-hf-mobile-sidebar-trigger]{z-index:35;top:calc(var(--hf-safe-top) + 10px);left:calc(var(--hf-safe-left) + 10px);position:absolute}[data-hf-mobile-sidebar-scrim]{z-index:39;position:fixed;inset:0}[data-hf-sidebar-reveal]{display:none}}@media (min-width:900px){[data-hf-mobile-sidebar-trigger],[data-hf-mobile-sidebar-dismiss],[data-hf-mobile-sidebar-scrim]{display:none}}[data-hf-shell]:after{z-index:10;height:var(--hf-keyboard-height);pointer-events:none;background:var(--hf-dock-background);content:"";position:absolute;bottom:0;left:0;right:0}:root[data-hf-keyboard-occlusion=transparent] [data-hf-shell]:after{display:none}[data-hf-header]{z-index:20;min-width:0;padding-top:var(--hf-safe-top);padding-right:var(--hf-safe-right);padding-left:var(--hf-safe-left);background:var(--hf-header-background);position:relative}[data-hf-header][data-safe-area=false]{padding-top:0}[data-hf-header][data-window-controls-overlay=true]{min-height:max(var(--hf-header-height), calc(var(--hf-titlebar-y) + var(--hf-titlebar-height)));padding-top:max(var(--hf-safe-top), var(--hf-titlebar-y));padding-right:max(var(--hf-safe-right), calc(100vw - var(--hf-titlebar-x) - var(--hf-titlebar-width)));padding-left:max(var(--hf-safe-left), var(--hf-titlebar-x))}[data-hf-content]{z-index:0;min-width:0;min-height:0;position:relative;overflow:hidden}[data-hf-scroll-view]{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;scrollbar-gutter:stable;width:100%;min-width:0;height:100%;min-height:0;scroll-padding-top:var(--hf-top-attachment-height);scroll-padding-bottom:var(--hf-bottom-attachment-height);overflow:hidden auto}:root[data-hf-keyboard-target=content] [data-hf-scroll-view]:after{height:var(--hf-keyboard-height);content:"";display:block}[data-hf-dock]{z-index:20;min-width:0;padding-right:var(--hf-safe-right);padding-bottom:var(--hf-effective-safe-bottom);padding-left:var(--hf-safe-left);background:var(--hf-dock-background);position:relative}[data-hf-viewport-attachment]{z-index:19;min-width:0;padding-right:var(--hf-safe-right);padding-left:var(--hf-safe-left);position:absolute;left:0;right:0}[data-hf-viewport-attachment][data-hf-attachment-anchor=header]{top:var(--hf-header-height)}[data-hf-viewport-attachment][data-hf-attachment-anchor=dock]{bottom:var(--hf-bottom-height)}[data-hf-shell][data-hf-has-dock=false]>[data-hf-viewport-attachment][data-hf-attachment-anchor=dock]{padding-bottom:var(--hf-effective-safe-bottom)}:root[data-hf-keyboard-target=dock]:not([data-hf-keyboard=closed]) [data-hf-shell][data-hf-bottom-keyboard-policy=manual]>[data-hf-viewport-attachment][data-hf-attachment-anchor=dock][data-keyboard-policy=avoid]{bottom:0}:is([data-hf-dock],[data-hf-viewport-attachment][data-hf-attachment-anchor=dock])[data-keyboard-policy=hide]{transition:opacity .12s}:is([data-hf-dock],[data-hf-viewport-attachment][data-hf-attachment-anchor=dock])[data-keyboard-policy=avoid]{transform:translate3d(0, calc(-1 * var(--hf-dock-keyboard-offset)), 0);transition:transform var(--hf-dock-keyboard-transition-duration) var(--hf-dock-keyboard-transition-easing) var(--hf-dock-keyboard-transition-delay), padding-bottom var(--hf-dock-keyboard-transition-duration) var(--hf-dock-keyboard-transition-easing) var(--hf-dock-keyboard-transition-delay);will-change:transform}:root[data-hf-keyboard-motion=tracking] :is([data-hf-dock],[data-hf-viewport-attachment][data-hf-attachment-anchor=dock])[data-keyboard-policy=avoid]{transition-duration:0s}:root:not([data-hf-keyboard=closed]) :is([data-hf-dock],[data-hf-viewport-attachment][data-hf-attachment-anchor=dock])[data-keyboard-policy=hide]{visibility:hidden;opacity:0;height:0;overflow:hidden}[data-hf-dock]:is([data-hf-dock-placement=overlay],[data-keyboard-policy=overlay]){position:fixed;bottom:0;left:0;right:0}[data-hf-portals]{z-index:1000;pointer-events:none;position:absolute;inset:0}[data-hf-portals]>*{pointer-events:auto}[data-hf-floating-window-layer]{z-index:1200;padding:max(16px, var(--hf-safe-top)) max(16px, var(--hf-safe-right)) max(16px, var(--hf-safe-bottom)) max(16px, var(--hf-safe-left));pointer-events:none;display:flex;position:absolute;inset:0}[data-hf-floating-window-backdrop]{pointer-events:auto;background:#0000003d;position:absolute;inset:0}[data-hf-floating-window]{z-index:1;min-width:0;max-width:calc(var(--hf-viewport-width) - var(--hf-safe-left) - var(--hf-safe-right) - 32px);max-height:calc(var(--hf-viewport-height) - var(--hf-safe-top) - var(--hf-safe-bottom) - 32px);pointer-events:auto;contain:layout paint;position:relative;overflow:hidden}[data-hf-floating-window-layer][data-hf-floating-placement=bottom-start]{justify-content:flex-start;align-items:flex-end}[data-hf-floating-window-layer][data-hf-floating-placement=bottom-end]{justify-content:flex-end;align-items:flex-end}[data-hf-floating-window-layer][data-hf-floating-placement=center]{justify-content:center;align-items:center}@media (min-width:901px){[data-hf-floating-window-layer][data-hf-floating-desktop=fullscreen]{justify-content:stretch;align-items:stretch;padding:0}[data-hf-floating-window-layer][data-hf-floating-desktop=fullscreen]>[data-hf-floating-window]{contain:strict;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important}}@media (max-width:900px){[data-hf-floating-window-layer]:is([data-hf-floating-mobile=fullscreen],[data-hf-floating-mobile=sheet]){top:var(--hf-viewport-y);bottom:auto;right:auto;left:var(--hf-viewport-x);width:var(--hf-viewport-width);height:var(--hf-viewport-height);position:absolute}[data-hf-floating-window-layer][data-hf-floating-mobile=fullscreen]{padding:0}[data-hf-floating-window-layer][data-hf-floating-mobile=fullscreen]>[data-hf-floating-window]{width:100%;max-width:none;height:100%;max-height:none;padding-top:var(--hf-safe-top);padding-right:var(--hf-safe-right);padding-bottom:var(--hf-effective-safe-bottom);padding-left:var(--hf-safe-left);contain:strict;animation:.22s cubic-bezier(.2,.75,.25,1) both hf-floating-window-enter}[data-hf-floating-window-layer][data-hf-floating-mobile=sheet]{padding:max(12px, var(--hf-safe-top)) 0 0;align-items:flex-end}[data-hf-floating-window-layer][data-hf-floating-mobile=sheet]>[data-hf-floating-window]{width:100%;max-width:none;max-height:calc(var(--hf-viewport-height) - max(12px, var(--hf-safe-top)));padding-bottom:var(--hf-effective-safe-bottom);animation:.22s cubic-bezier(.2,.75,.25,1) both hf-floating-window-enter}}@keyframes hf-floating-window-enter{0%{transform:translateY(100%)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){[data-hf-floating-window]{animation-duration:0s!important}}[data-hf-readiness-failure]{z-index:2147483647;padding:max(24px, var(--hf-safe-top)) max(24px, var(--hf-safe-right)) max(24px, var(--hf-safe-bottom)) max(24px, var(--hf-safe-left));color:canvastext;background:var(--hf-app-background);text-align:center;place-content:center;justify-items:center;gap:12px;font:500 16px/1.4 system-ui,sans-serif;display:grid;position:fixed;inset:0}[data-hf-readiness-failure] button{min-height:44px;color:inherit;font:inherit;background:0 0;border:1px solid;border-radius:10px;padding:10px 18px}[data-hf-edge-navigation-surface]{z-index:2147483000;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}[data-hf-edge-preview]{z-index:90;pointer-events:none;background:var(--hf-app-background);contain:strict;isolation:isolate;position:fixed;inset:0;overflow:hidden}[data-hf-edge-preview=forward]{z-index:110;background:0 0}[data-hf-edge-preview-content]{contain:layout paint style;backface-visibility:hidden;will-change:transform;transform:translate(0,0);pointer-events:none!important}[data-hf-edge-live]{z-index:100;backface-visibility:hidden;will-change:transform;transform:translate(0,0)}:root[data-hf-edge-settling] :is([data-hf-edge-live],[data-hf-edge-preview-content]){transition:transform .18s cubic-bezier(.2,.75,.25,1)}[data-hf-edge-guard]{top:calc(var(--hf-header-height) + var(--hf-top-attachment-height));bottom:calc(var(--hf-bottom-height) + var(--hf-bottom-attachment-height) + var(--hf-dock-keyboard-offset));width:var(--hf-edge-width,24px);pointer-events:auto;touch-action:none;position:absolute}[data-hf-edge-guard=back]{left:0}[data-hf-edge-guard=forward]{right:0}[data-hf-edge-indicator]{border:1px solid color-mix(in srgb, CanvasText 18%, transparent);color:canvastext;background:var(--hf-app-background);opacity:0;backface-visibility:hidden;will-change:opacity, transform;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:50%;transform:translateY(-50%)scale(.78);box-shadow:0 8px 28px #00000047}[data-hf-edge-indicator]:before{font:700 32px/1 ui-sans-serif,system-ui,sans-serif}:root[data-hf-edge-navigation=back] [data-hf-edge-indicator]{left:max(10px, var(--hf-safe-left))}:root[data-hf-edge-navigation=back] [data-hf-edge-indicator]:before{content:"‹"}:root[data-hf-edge-navigation=forward] [data-hf-edge-indicator]{right:max(10px, var(--hf-safe-right))}:root[data-hf-edge-navigation=forward] [data-hf-edge-indicator]:before{content:"›"}[data-hf-react-splash]{z-index:2000;background:var(--hf-app-background);place-items:center;transition:opacity .16s;display:grid;position:absolute;inset:0}:root[data-hf-ready=true]:not([data-hf-splash-visible]) [data-hf-react-splash]{visibility:hidden;opacity:0;pointer-events:none}[data-hf-diagnostics]{z-index:9999;top:calc(var(--hf-safe-top) + 8px);right:calc(var(--hf-safe-right) + 8px);width:min(360px, calc(100% - var(--hf-safe-left) - var(--hf-safe-right) - 16px));max-height:calc(100% - var(--hf-safe-top) - var(--hf-effective-safe-bottom) - 16px);color:#fff;-webkit-user-select:text;user-select:text;background:#000000e0;border:1px solid #ffffff59;border-radius:10px;padding:12px;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;overflow:auto;box-shadow:0 8px 30px #00000059}[data-hf-diagnostics] dl{grid-template-columns:auto minmax(0,1fr);gap:3px 8px;margin:8px 0 0;display:grid}[data-hf-diagnostics] dt{opacity:.65}[data-hf-diagnostics] dd{overflow-wrap:anywhere;min-width:0;margin:0}}@layer homeframe.interaction{[data-hf-selection=controls-only]{-webkit-user-select:none;user-select:none}[data-hf-selection=controls-only] :is(input,textarea,select,[contenteditable]:not([contenteditable=false]),[data-hf-selectable],[data-hf-article],article,pre,code){-webkit-user-select:text;user-select:text}@media (max-width:900px){[data-hf-selection=allow-desktop]{-webkit-user-select:none;user-select:none}[data-hf-selection=allow-desktop] :is(input,textarea,select,[contenteditable]:not([contenteditable=false]),[data-hf-selectable],[data-hf-article],article,pre,code){-webkit-user-select:text;user-select:text}}[data-hf-no-callout],[data-hf-viewport] a[draggable=false]{-webkit-touch-callout:none;-webkit-user-drag:none}[data-hf-window-drag]{app-region:drag;-webkit-app-region:drag}[data-hf-window-drag] :is(a,button,input,textarea,select,[contenteditable]){app-region:no-drag;-webkit-app-region:no-drag}[data-hf-viewport] :is(input:not([type=button]):not([type=submit]):not([type=reset]),textarea,select,[contenteditable]:not([contenteditable=false])){font-size:max(var(--hf-input-min-font-size,16px), 1rem)!important}@media (prefers-reduced-motion:reduce){[data-hf-viewport] *,[data-hf-viewport] :before,[data-hf-viewport] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}:root{--demo-light-edge:#e8f0ff;--demo-light-canvas:radial-gradient(circle at 70% -20%, #60a5fa4d, transparent 45%), linear-gradient(180deg, #f8fbff, #edf4ff 42%, #dce8fb);--demo-light-text:#172033;--demo-light-heading:#071226;--demo-light-muted:#52637a;--demo-light-lede:#29496f;--demo-light-accent:#0369a1;--demo-light-accent-soft:#075985;--demo-light-panel:#ffffffc2;--demo-light-panel-soft:#ffffff9e;--demo-light-input:#ffffffdb;--demo-light-control:#ffffffb8;--demo-light-line:#1e40af24;--demo-light-line-strong:#1e40af38;--demo-light-shadow:#1e40af29;--demo-light-route:#fffc;--demo-light-toast:#fffffff5;--demo-light-selectable:#0c4a6e;--demo-light-selectable-bg:#0e74901f;--demo-light-success:#166534;--demo-light-success-bg:#bbf7d0ad;--demo-light-error:#b91c1c;--demo-light-offline:#17345b;--demo-light-offline-bg:#e8f0ff;--demo-dark-edge:#0b1429;--demo-dark-canvas:radial-gradient(circle at 70% -20%, #3b82f673, transparent 45%), linear-gradient(180deg, #172554, #0f172a 42%, #020617);--demo-dark-text:#e2e8f0;--demo-dark-heading:#f8fafc;--demo-dark-muted:#94a3b8;--demo-dark-lede:#bfdbfe;--demo-dark-accent:#7dd3fc;--demo-dark-accent-soft:#bae6fd;--demo-dark-panel:#1e293ba8;--demo-dark-panel-soft:#1e293b94;--demo-dark-input:#0f172abf;--demo-dark-control:#1e293bb8;--demo-dark-line:#94a3b829;--demo-dark-line-strong:#94a3b83d;--demo-dark-shadow:#02061773;--demo-dark-route:#020617b8;--demo-dark-toast:#0f172af5;--demo-dark-selectable:#e0f2fe;--demo-dark-selectable-bg:#0e749033;--demo-dark-success:#bbf7d0;--demo-dark-success-bg:#16653466;--demo-dark-error:#fecaca;--demo-dark-offline:#dbeafe;--demo-dark-offline-bg:#0f172a;--demo-edge:var(--demo-light-edge);--demo-canvas:var(--demo-light-canvas);--demo-text:var(--demo-light-text);--demo-heading:var(--demo-light-heading);--demo-muted:var(--demo-light-muted);--demo-lede:var(--demo-light-lede);--demo-accent:var(--demo-light-accent);--demo-accent-soft:var(--demo-light-accent-soft);--demo-panel:var(--demo-light-panel);--demo-panel-soft:var(--demo-light-panel-soft);--demo-input:var(--demo-light-input);--demo-control:var(--demo-light-control);--demo-line:var(--demo-light-line);--demo-line-strong:var(--demo-light-line-strong);--demo-shadow:var(--demo-light-shadow);--demo-route:var(--demo-light-route);--demo-toast:var(--demo-light-toast);--demo-selectable:var(--demo-light-selectable);--demo-selectable-bg:var(--demo-light-selectable-bg);--demo-success:var(--demo-light-success);--demo-success-bg:var(--demo-light-success-bg);--demo-error:var(--demo-light-error);--demo-offline:var(--demo-light-offline);--demo-offline-bg:var(--demo-light-offline-bg);--hf-header-background:var(--demo-edge);--hf-dock-background:var(--demo-edge);--hf-sidebar-background:var(--demo-edge);--hf-sidebar-width:264px;--hf-sidebar-rail-width:72px;color:var(--demo-text);font-synthesis:none;font-family:Inter,ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-hf-demo-theme=dark]{--demo-edge:var(--demo-dark-edge);--demo-canvas:var(--demo-dark-canvas);--demo-text:var(--demo-dark-text);--demo-heading:var(--demo-dark-heading);--demo-muted:var(--demo-dark-muted);--demo-lede:var(--demo-dark-lede);--demo-accent:var(--demo-dark-accent);--demo-accent-soft:var(--demo-dark-accent-soft);--demo-panel:var(--demo-dark-panel);--demo-panel-soft:var(--demo-dark-panel-soft);--demo-input:var(--demo-dark-input);--demo-control:var(--demo-dark-control);--demo-line:var(--demo-dark-line);--demo-line-strong:var(--demo-dark-line-strong);--demo-shadow:var(--demo-dark-shadow);--demo-route:var(--demo-dark-route);--demo-toast:var(--demo-dark-toast);--demo-selectable:var(--demo-dark-selectable);--demo-selectable-bg:var(--demo-dark-selectable-bg);--demo-success:var(--demo-dark-success);--demo-success-bg:var(--demo-dark-success-bg);--demo-error:var(--demo-dark-error);--demo-offline:var(--demo-dark-offline);--demo-offline-bg:var(--demo-dark-offline-bg)}@media (prefers-color-scheme:dark){:root:not([data-hf-demo-theme]){--demo-edge:var(--demo-dark-edge);--demo-canvas:var(--demo-dark-canvas);--demo-text:var(--demo-dark-text);--demo-heading:var(--demo-dark-heading);--demo-muted:var(--demo-dark-muted);--demo-lede:var(--demo-dark-lede);--demo-accent:var(--demo-dark-accent);--demo-accent-soft:var(--demo-dark-accent-soft);--demo-panel:var(--demo-dark-panel);--demo-panel-soft:var(--demo-dark-panel-soft);--demo-input:var(--demo-dark-input);--demo-control:var(--demo-dark-control);--demo-line:var(--demo-dark-line);--demo-line-strong:var(--demo-dark-line-strong);--demo-shadow:var(--demo-dark-shadow);--demo-route:var(--demo-dark-route);--demo-toast:var(--demo-dark-toast);--demo-selectable:var(--demo-dark-selectable);--demo-selectable-bg:var(--demo-dark-selectable-bg);--demo-success:var(--demo-dark-success);--demo-success-bg:var(--demo-dark-success-bg);--demo-error:var(--demo-dark-error);--demo-offline:var(--demo-dark-offline);--demo-offline-bg:var(--demo-dark-offline-bg)}}button,a,input,textarea,select{font:inherit}button,.button-link{border:1px solid var(--demo-line-strong);color:#fff;cursor:pointer;background:#2563eb;border-radius:12px;min-height:44px;padding:.65rem .9rem;font-weight:700;text-decoration:none}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--demo-accent);outline-offset:2px}.app-viewport{background:var(--demo-canvas)}.top-bar{border-bottom:1px solid var(--demo-line);background:var(--demo-edge);min-height:58px;box-shadow:0 8px 30px var(--demo-shadow);align-items:center;gap:.75rem;padding:8px 14px;display:flex}.brand-mark{background:linear-gradient(135deg,#38bdf8,#2563eb 55%,#7c3aed);border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:900;display:grid;box-shadow:inset 0 1px #fff6,0 5px 18px #2563eb59}.header-title{min-width:0;display:grid}.header-title strong{letter-spacing:-.02em}.header-title span{color:var(--demo-muted);font-size:.72rem}.icon-button{border:1px solid var(--demo-line);width:44px;height:44px;color:var(--demo-text);background:var(--demo-control);border-radius:14px;place-items:center;margin-left:auto;text-decoration:none;display:grid}.page-scroll{scrollbar-color:#60a5fa73 transparent}.page{width:min(100%,760px);min-height:100%;padding:28px max(18px, var(--hf-safe-right)) 140px max(18px, var(--hf-safe-left));margin:0 auto}.page h1{max-width:18ch;color:var(--demo-heading);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,8vw,3.75rem);line-height:.98}.page h2{color:var(--demo-heading);letter-spacing:-.03em;margin-top:2rem}.eyebrow{color:var(--demo-accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .55rem;font-size:.74rem;font-weight:800}.lede{max-width:54ch;color:var(--demo-lede);margin:1.25rem 0 1.75rem;font-size:1.05rem;line-height:1.6}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric,.capability-card,.copy-card{border:1px solid var(--demo-line);background:var(--demo-panel);border-radius:16px;padding:15px;box-shadow:inset 0 1px #ffffff0a}.metric{gap:5px;display:grid}.metric span,.capability-card code{color:var(--demo-muted);font-size:.72rem}.metric strong{color:var(--demo-heading);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.feature-list,.history-list{gap:10px;display:grid}.feature-link,.history-card{border:1px solid var(--demo-line);color:inherit;background:var(--demo-panel-soft);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;text-decoration:none;display:grid}.feature-link>span,.history-card>span{color:#fff;background:linear-gradient(135deg,#0284c7,#4f46e5);border-radius:14px;place-items:center;width:44px;height:44px;font-size:1.35rem;font-weight:900;display:grid}.feature-link p,.history-card p{color:var(--demo-muted);margin:4px 0 0;font-size:.82rem;line-height:1.4}.copy-card{margin-top:1.5rem}.copy-card p{color:var(--demo-muted)}.copy-card [data-hf-selectable]{color:var(--demo-selectable);background:var(--demo-selectable-bg);border-radius:10px;padding:10px}.bottom-nav{border-top:1px solid var(--demo-line);background:var(--demo-edge);grid-template-columns:repeat(4,minmax(0,1fr));min-height:61px;display:grid}.bottom-nav a{color:#64748b;place-content:center;place-items:center;gap:2px;min-width:0;font-size:.66rem;font-weight:700;text-decoration:none;display:grid}.bottom-nav a span{font-size:1.25rem;line-height:1}.bottom-nav a.active{color:var(--demo-accent)}.desktop-sidebar-nav{gap:5px;padding:12px;display:grid}.desktop-sidebar-nav a,.desktop-sidebar-utility,.desktop-sidebar-control{min-width:0;min-height:44px;color:var(--demo-text);text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:5px 9px;font-size:.86rem;font-weight:750;text-decoration:none;display:grid}.desktop-sidebar-nav a:hover,.desktop-sidebar-utility:hover,.desktop-sidebar-control:hover{border-color:var(--demo-line);background:var(--demo-control)}.desktop-sidebar-nav a.active,.desktop-sidebar-control[aria-pressed=true]{border-color:var(--demo-line-strong);color:var(--demo-accent-soft);background:var(--demo-control)}.desktop-sidebar-icon{place-items:center;width:34px;height:34px;font-size:1.15rem;line-height:1;display:grid}.desktop-sidebar-footer{border-top:1px solid var(--demo-line);gap:6px;padding:10px 12px 12px;display:grid}.desktop-sidebar-modes{gap:4px;display:grid}[data-hf-sidebar-mode=rail] :is(.desktop-sidebar-nav a,.desktop-sidebar-utility,.desktop-sidebar-control){grid-template-columns:34px;justify-content:center;padding-inline:5px}.route-direction{z-index:5;top:8px;right:max(8px, var(--hf-safe-right));color:var(--demo-muted);background:var(--demo-route);pointer-events:none;border-radius:999px;padding:4px 7px;font-size:.62rem;position:absolute}.form-row{gap:7px;margin:18px 0;display:grid}.form-row>span{color:var(--demo-accent-soft);font-size:.76rem;font-weight:700}.form-row :is(input,textarea,select),.composer input{border:1px solid var(--demo-line-strong);width:100%;min-height:48px;color:var(--demo-heading);background:var(--demo-input);appearance:none;border-radius:13px;padding:12px 14px}.filler{min-height:62px;color:var(--demo-muted);border-left:2px solid #2563eb;padding:14px}.composer{border-top:1px solid var(--demo-line-strong);background:var(--demo-edge);grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:61px;padding:8px 12px;display:grid}:root[data-hf-keyboard-tuning=true] [data-hf-viewport-attachment][data-hf-attachment-anchor=dock][data-keyboard-policy=avoid]{transition:transform var(--demo-keyboard-duration) var(--demo-keyboard-easing) var(--demo-keyboard-delay), padding-bottom var(--demo-keyboard-duration) var(--demo-keyboard-easing) var(--demo-keyboard-delay)}.keyboard-tuning{border:1px solid var(--demo-line-strong);background:var(--demo-panel);border-radius:18px;gap:14px;margin:24px 0;padding:16px;display:grid}.keyboard-tuning>header{justify-content:space-between;align-items:start;gap:14px;display:flex}.keyboard-tuning h2,.keyboard-tuning .eyebrow,.keyboard-tuning p,.keyboard-curve{margin:0}.keyboard-tuning>header>output{color:var(--demo-success);background:var(--demo-success-bg);border-radius:999px;padding:5px 8px;font:700 .7rem ui-monospace,monospace}.keyboard-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.keyboard-preset-grid button{min-height:40px;padding:7px 9px;font-size:.76rem}.keyboard-tuning-layout{grid-template-columns:minmax(0,1fr) minmax(150px,.72fr);align-items:center;gap:18px;display:grid}.keyboard-tuning-controls{gap:12px;display:grid}.keyboard-tuning-range{color:var(--demo-muted);grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;font-size:.76rem;font-weight:700;display:grid}.keyboard-tuning-range output{color:var(--demo-heading);font:700 .76rem ui-monospace,monospace}.keyboard-tuning-range input{accent-color:#2563eb;grid-column:1/-1;width:100%;min-height:32px}.keyboard-curve{gap:8px;display:grid}.keyboard-curve svg{background:var(--demo-input);border-radius:12px;width:100%;overflow:visible}.keyboard-curve-grid{fill:none;stroke:var(--demo-line-strong);stroke-width:.7px}.keyboard-curve-handles{fill:none;stroke:var(--demo-muted);stroke-dasharray:3 3;stroke-width:1px}.keyboard-curve-line{fill:none;stroke:#2563eb;stroke-linecap:round;stroke-width:3px}.keyboard-curve-point{fill:var(--demo-heading);stroke:var(--demo-input);stroke-width:1.5px}.keyboard-curve figcaption{color:var(--demo-muted);justify-content:space-between;font-size:.66rem;display:flex}.keyboard-tuning-result{background:var(--demo-selectable-bg);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.keyboard-tuning-result code{overflow-wrap:anywhere;color:var(--demo-selectable);font:700 .74rem/1.45 ui-monospace,monospace}.keyboard-tuning-result button{min-height:40px;padding:7px 10px;font-size:.74rem}.status-pill{color:var(--demo-success);background:var(--demo-success-bg);border-radius:999px;margin:18px 0 8px;padding:7px 10px;font:700 .75rem ui-monospace,monospace;display:inline-flex}.history-card>span{color:var(--demo-accent-soft);font-size:.8rem}.detail-orbit{aspect-ratio:1;background:radial-gradient(circle,#2563eb8c,#0000 68%);border:1px solid #7dd3fc4d;border-radius:50%;place-items:center;width:min(72vw,360px);margin:3rem auto;display:grid;box-shadow:0 0 80px #2563eb3d}.detail-orbit span{font-size:5rem;font-weight:900}.permalink-metrics{margin:1.25rem 0}.permalink-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px;margin-bottom:1.25rem;display:grid}.permalink-controls .form-row{margin:0}.permalink-controls :is(button,.button-link){text-align:center;place-items:center;display:grid}.permalink-output{gap:12px;margin-bottom:1.25rem;display:grid}.permalink-output code{overflow-wrap:anywhere}.permalink-list{gap:10px;padding-bottom:120px;display:grid}.permalink-item{border:1px solid var(--demo-line);background:var(--demo-panel-soft);border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:14px;min-height:94px;padding:16px;scroll-margin-top:12px;display:grid}.permalink-list[data-layout=compact] .permalink-item{min-height:70px;padding:11px 14px}.permalink-item>span{color:var(--demo-accent);font-weight:800}.permalink-item p{color:var(--demo-muted);margin:5px 0 0;font-size:.82rem;line-height:1.45}.capability-card{margin:14px 0}.capability-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.capability-card>div{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.error-text{color:var(--demo-error);overflow-wrap:anywhere}.nudge,.update-toast{z-index:1100;right:max(12px, var(--hf-safe-right));bottom:calc(var(--hf-bottom-height) + var(--hf-effective-safe-bottom) + 12px);left:max(12px, var(--hf-safe-left));width:min(620px, calc(100% - max(12px, var(--hf-safe-left)) - max(12px, var(--hf-safe-right))));border:1px solid var(--demo-line-strong);background:var(--demo-toast);box-shadow:0 18px 50px var(--demo-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;align-items:center;gap:10px;margin:0 auto;padding:12px;display:flex;position:absolute}.nudge>div{gap:3px;min-width:0;display:grid}.nudge span{color:var(--demo-muted);font-size:.72rem}.nudge button{min-height:38px;padding:.45rem .65rem;font-size:.76rem}.nudge .quiet{color:var(--demo-muted);background:0 0}.update-toast{justify-content:space-between}.offline-page,.fatal-screen{width:100%;height:100%;color:var(--demo-offline);text-align:center;background:var(--demo-offline-bg);place-content:center;place-items:center;padding:24px;display:grid}.offline-page>span{font-size:4rem}@media (min-width:800px) and (max-width:899px){.bottom-nav{border:1px solid var(--demo-line);width:min(560px,100% - 32px);box-shadow:0 14px 50px var(--demo-shadow);border-radius:18px;margin:0 auto 12px}[data-hf-dock]{background:0 0}}@media (min-width:900px){.bottom-nav{display:none}[data-hf-sidebar]{border-color:var(--demo-line);box-shadow:12px 0 36px #0f172a14}[data-hf-header-placement=sidebar] .top-bar{min-width:var(--hf-active-sidebar-width);box-shadow:none}[data-hf-header-placement=sidebar][data-hf-sidebar-mode=rail] .top-bar{justify-content:center;padding-inline:8px}[data-hf-header-placement=sidebar][data-hf-sidebar-mode=rail] .top-bar :is(.header-title,.icon-button){display:none}[data-hf-sidebar-reveal]>button{box-shadow:0 8px 24px var(--demo-shadow);border-radius:13px}}@media (max-width:520px){.permalink-controls,.keyboard-tuning-layout{grid-template-columns:1fr}.keyboard-curve{width:min(68vw,260px);margin-inline:auto}.keyboard-tuning-result{grid-template-columns:1fr}}