:root,:root[data-theme=dark]{--od-bg:#111c30;--od-surface:#192840;--od-surface-muted:#22334f;--od-text:#f7f9ff;--od-text-muted:#b6c2d6;--od-border:#354761;--od-control-border:#8091ab;--od-primary:#365cf5;--od-primary-hover:#294bda;--od-primary-pressed:#2440b8;--od-on-primary:#ffffff;--od-link:#a8bbff;--od-focus:#ffd65a;--od-focus-gap:#111c30;--od-success:#9fe0bd;--od-success-bg:#183d32;--od-error:#ffb4be;--od-error-bg:#452530;--od-warning:#ffd978;--od-warning-bg:#40351c;--od-tile-hover:#1e3050;--od-hover-border:#a8bbff;--od-disabled-bg:#2a3950;--od-disabled-text:#a8b4c8;--od-selected-bg:#253f73;--od-check-mark:#17253f;--od-check-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317253f' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}:root[data-theme=light]{--od-bg:#fafbff;--od-surface:#ffffff;--od-surface-muted:#f0f3fa;--od-text:#17253f;--od-text-muted:#526078;--od-border:#d8dfec;--od-control-border:#79869c;--od-primary:#365cf5;--od-primary-hover:#294bda;--od-primary-pressed:#2440b8;--od-on-primary:#ffffff;--od-link:#294bda;--od-focus:#17253f;--od-focus-gap:#ffffff;--od-success:#176447;--od-success-bg:#e6f5ed;--od-error:#ad273c;--od-error-bg:#fff0f1;--od-warning:#77520b;--od-warning-bg:#fff5d7;--od-tile-hover:#f5f7ff;--od-hover-border:#365cf5;--od-disabled-bg:#e8ecf3;--od-disabled-text:#59667b;--od-selected-bg:#e8edff;--od-check-mark:#ffffff;--od-check-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}@media (prefers-color-scheme:light){:root:not([data-theme]){--od-bg:#fafbff;--od-surface:#ffffff;--od-surface-muted:#f0f3fa;--od-text:#17253f;--od-text-muted:#526078;--od-border:#d8dfec;--od-control-border:#79869c;--od-primary:#365cf5;--od-primary-hover:#294bda;--od-primary-pressed:#2440b8;--od-on-primary:#ffffff;--od-link:#294bda;--od-focus:#17253f;--od-focus-gap:#ffffff;--od-success:#176447;--od-success-bg:#e6f5ed;--od-error:#ad273c;--od-error-bg:#fff0f1;--od-warning:#77520b;--od-warning-bg:#fff5d7;--od-tile-hover:#f5f7ff;--od-hover-border:#365cf5;--od-disabled-bg:#e8ecf3;--od-disabled-text:#59667b;--od-selected-bg:#e8edff;--od-check-mark:#ffffff;--od-check-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}}:root{--od-mascot-pad:1rem;--od-ink:#17253f;--od-cobalt:#365cf5;--od-yellow:#ffd65a;--od-tint-blue:#e8edff;--od-tint-mint:#c4eadb;--od-tint-yellow:#fff0b8;--od-tint-grey:#f0f3fa;--od-on-tint:#17253f;--od-on-tint-muted:#3b4862;--od-on-page-remove:#ad273c;--od-on-page-stayed:#77520b;--od-on-page-hover:#365cf5;--od-on-page-keep:#176447;--od-radius-control:0.75rem;--od-radius-card:1rem;--od-radius-panel:1.25rem;--od-radius-pill:999px;--od-content-max:70rem;--od-gutter:1rem;--od-shadow-popover:0 8px 24px rgb(23 37 63/12%);--od-duration-fast:120ms;--od-duration-panel:180ms;--od-ease:cubic-bezier(0.2,0.8,0.2,1)}@media (width >= 40rem){:root{--od-gutter:1.5rem}}@media (width >= 60rem){:root{--od-gutter:2rem}}@media (prefers-reduced-motion:reduce){:root{--od-duration-fast:0ms;--od-duration-panel:0ms}}body:has(.od-page){--od-font-display:var(--od-face-display,"Trebuchet MS"),"Trebuchet MS",sans-serif;--od-font-ui:var(--od-face-ui,system-ui),system-ui,sans-serif;--background:var(--od-bg);--border:var(--od-border);--text:var(--od-text);--text-muted:var(--od-text-muted);background:var(--od-bg)}body:has(.od-page) [data-testid=site-footer]{font-family:var(--od-font-ui)}.od-page{font-family:var(--od-font-ui);font-size:1rem;line-height:1.5;color:var(--od-text);background:var(--od-bg)}.od-container{width:min(calc(100% - 2 * var(--od-gutter)),var(--od-content-max));margin-inline:auto}.od-page *,.od-page :after,.od-page :before{outline-color:var(--od-focus)}.od-page :focus-visible{outline:3px solid var(--od-focus);outline-offset:3px;box-shadow:0 0 0 3px var(--od-focus-gap)}.od-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.od-header{position:relative;border-bottom:1px solid var(--od-border)}.od-header-inner{min-height:4rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;padding-block:.625rem}.od-skip{position:absolute;left:1rem;top:.75rem;z-index:10;padding:.625rem 1rem;border-radius:var(--od-radius-control);background:var(--od-primary);color:var(--od-on-primary);font-weight:600;text-decoration:none;transform:translateY(-200%)}.od-skip:focus{transform:none}.od-logo-link{flex-shrink:0;display:inline-flex;align-items:center;padding:.375rem;margin:-.375rem;border-radius:var(--od-radius-control)}.od-logo{display:block;width:152px;height:auto}.od-header .od-logo-link{margin-left:calc(-.375rem - .3rem)}@media (width >= 40rem){.od-logo{width:180px}}.od-mark{display:block;width:40px;height:40px}@media (width >= 22.5rem){.od-logo-link .od-mark{display:none!important}}@media (width < 22.5rem){.od-logo-link .od-logo{display:none!important}}.od-logo-dark,:root:not([data-theme]) .od-logo-light,:root[data-theme=dark] .od-logo-light{display:none}:root:not([data-theme]) .od-logo-dark,:root[data-theme=dark] .od-logo-dark{display:block}@media (prefers-color-scheme:light){:root:not([data-theme]) .od-logo-light{display:block}:root:not([data-theme]) .od-logo-dark{display:none}}.od-drew[data-variant=light]{display:block}.od-drew[data-variant=dark],:root:not([data-theme]) .od-drew[data-variant=light],:root[data-theme=dark] .od-drew[data-variant=light]{display:none}:root:not([data-theme]) .od-drew[data-variant=dark],:root[data-theme=dark] .od-drew[data-variant=dark]{display:block}@media (prefers-color-scheme:light){:root:not([data-theme]) .od-drew[data-variant=light]{display:block}:root:not([data-theme]) .od-drew[data-variant=dark]{display:none}}.od-drew{height:auto;object-fit:contain}.od-nav{display:flex;align-items:center;gap:.5rem;margin-left:auto}.od-page .od-header .od-btn-secondary,.od-page .od-header [data-testid=theme-toggle]{border-color:var(--od-control-border)}.od-page .od-header .od-btn-secondary:hover,.od-page .od-header [data-testid=theme-toggle]:hover{border-color:var(--od-hover-border)}@media (width < 40rem){.od-nav .od-btn-sm:has(.od-btn-label){width:2.75rem;padding:0}.od-nav .od-btn-sm:has(.od-btn-label){position:relative}.od-nav .od-btn-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.od-nav .od-btn-sm:focus-visible .od-btn-label{top:calc(100% + .5rem);right:0;z-index:20;width:auto;height:auto;margin:0;padding:.25rem .5rem;overflow:visible;clip:auto;border-radius:.5rem;background:var(--od-text);color:var(--od-bg);font-size:.875rem;font-weight:600;line-height:1.45;pointer-events:none}}@media (width < 40rem) and (hover:hover) and (pointer:fine){.od-nav .od-btn-sm:hover .od-btn-label{top:calc(100% + .5rem);right:0;z-index:20;width:auto;height:auto;margin:0;padding:.25rem .5rem;overflow:visible;clip:auto;border-radius:.5rem;background:var(--od-text);color:var(--od-bg);font-size:.875rem;font-weight:600;line-height:1.45;pointer-events:none}}.od-page [data-testid=theme-toggle]:active{background:var(--od-surface-muted)}.od-page [data-testid=theme-toggle]{position:relative;width:2.75rem;height:2.75rem;border-radius:var(--od-radius-control);border-color:var(--od-control-border);background:var(--od-surface);color:var(--od-text)}.od-page [data-testid=theme-toggle]:hover{border-color:var(--od-hover-border)}.od-tip{position:absolute;top:calc(100% + .5rem);right:0;z-index:20;display:none;padding:.25rem .5rem;border-radius:.5rem;background:var(--od-text);color:var(--od-bg);font-size:.875rem;font-weight:600;line-height:1.45;white-space:nowrap;pointer-events:none}.od-page [data-testid=theme-toggle]:focus-visible .od-tip{display:block}@media (hover:hover) and (pointer:fine){.od-page [data-testid=theme-toggle]:hover .od-tip{display:block}}.od-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:2.5rem 1.5rem}@media (width >= 60rem){.od-hero{padding-block:3.5rem 2rem}}.od-hero-title{margin:0;font-family:var(--od-font-display);font-weight:800;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.08;letter-spacing:-.01em;color:var(--od-text)}.od-hero-lead{margin:.75rem 0 0;max-width:45ch;font-size:1rem;color:var(--od-text-muted)}@media (width >= 40rem){.od-hero-lead{font-size:1.125rem}}.od-hero-art{display:none;flex:none}@media (width >= 60rem){.od-hero-art{display:block;width:calc(9rem + 2 * var(--od-mascot-pad));padding:var(--od-mascot-pad)}}.od-hero[data-compact]{padding-block:1.25rem 1.5rem}.od-hero[data-compact] .od-hero-title{font-size:clamp(2rem,3.2vw,2.5rem)}.od-hero[data-compact] .od-hero-lead{margin-top:.375rem}@media (width >= 60rem){.od-hero[data-compact]{padding-block:1rem 1.75rem;align-items:flex-end;--od-mascot-pad:0.5rem}.od-hero[data-compact] .od-hero-art{width:calc(6rem + 2 * var(--od-mascot-pad))}}.od-hero-art img{display:block;width:100%;height:auto;object-fit:contain}.od-search-label{display:block;margin-bottom:.5rem;font-weight:600}.od-search-field{position:relative}.od-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--od-text-muted);pointer-events:none}.od-search-input{display:block;width:100%;min-height:3.5rem;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--od-control-border);border-radius:var(--od-radius-control);background:var(--od-surface);color:var(--od-text);font:inherit;font-size:1rem;transition:border-color var(--od-duration-fast) var(--od-ease)}.od-search-input::placeholder{color:var(--od-text-muted);opacity:1}.od-search-input:hover{border-color:var(--od-hover-border)}.od-search-field:has(.od-search-clear) .od-search-input{padding-right:3.5rem}.od-search-input::-webkit-search-cancel-button{appearance:none}.od-search-clear{position:absolute;right:.375rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:0;border-radius:var(--od-radius-control);background:transparent;color:var(--od-text-muted)}.od-search-clear:hover{background:var(--od-surface-muted);color:var(--od-text)}.od-search-status:empty{margin:0}.od-search-status{margin:.5rem 0 0;font-size:.875rem;color:var(--od-text-muted)}.od-drawers{display:grid;gap:1rem}.od-drawer{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface)}.od-drawer[data-tint=blue]{--od-band:var(--od-tint-blue)}.od-drawer[data-tint=mint]{--od-band:var(--od-tint-mint)}.od-drawer[data-tint=yellow]{--od-band:var(--od-tint-yellow)}.od-drawer[data-tint=grey]{--od-band:var(--od-tint-grey)}.od-band{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;min-height:4rem;padding:.75rem 1rem .75rem 1.25rem;background:var(--od-band);color:var(--od-on-tint);border-radius:calc(var(--od-radius-panel) - 1px) calc(var(--od-radius-panel) - 1px) 0 0;transition:background-color var(--od-duration-fast) var(--od-ease)}.od-drawer[data-open=false] .od-band{border-radius:calc(var(--od-radius-panel) - 1px)}.od-band-title{margin:0;min-width:0;flex:0 1 auto;font-family:var(--od-font-ui);font-size:1.125rem;font-weight:700;line-height:1.25}@media (width >= 40rem){.od-band-title{font-size:1.25rem}}.od-band-button{all:unset;overflow-wrap:break-word;hyphens:auto}.od-band-button[data-static]{cursor:default}.od-band-button:after{content:"";position:absolute;inset:0}.od-band-button:focus-visible{outline:none;box-shadow:none}.od-band:has(.od-band-button:focus-visible){outline:3px solid var(--od-focus);outline-offset:3px;box-shadow:0 0 0 3px var(--od-focus-gap);z-index:1}.od-band-count{flex:none;font-size:.875rem;font-weight:600;white-space:nowrap;color:var(--od-on-tint-muted)}.od-band-chevron{flex:none;margin-left:auto;transition:transform var(--od-duration-panel) var(--od-ease)}.od-drawer[data-open=false] .od-band-chevron{transform:rotate(-90deg)}.od-band:hover{background:color-mix(in srgb,var(--od-band),var(--od-ink) 6%)}.od-band:active{background:color-mix(in srgb,var(--od-band),var(--od-ink) 10%)}.od-drawer-body{padding:1rem}.od-drawer-body[hidden]{display:none}.od-tiles{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}@media (width >= 40rem){.od-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width >= 60rem){.od-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.od-tile{display:flex;align-items:flex-start;gap:.875rem;height:100%;min-height:7rem;padding:1rem;border:1px solid var(--od-border);border-radius:var(--od-radius-card);background:var(--od-surface);color:var(--od-text);text-decoration:none;transition:border-color var(--od-duration-fast) var(--od-ease),background-color var(--od-duration-fast) var(--od-ease)}.od-tile:hover{background:var(--od-tile-hover)}.od-tile:active,.od-tile:hover{border-color:var(--od-hover-border)}.od-tile:active{background:var(--od-surface-muted)}@media (width < 40rem){.od-drawer-body{padding:.25rem 0}.od-tiles{gap:0}.od-tiles>li+li{border-top:1px solid var(--od-border)}.od-tile{gap:.75rem;min-height:0;padding:.875rem 1rem;border:0;border-radius:0;background:transparent}.od-tile:hover{background:var(--od-tile-hover)}.od-tile:active{background:var(--od-surface-muted)}.od-page .od-tile:focus-visible{outline-offset:-3px;box-shadow:none}.od-tiles>li:last-child .od-tile{border-radius:0 0 calc(var(--od-radius-panel) - 1px) calc(var(--od-radius-panel) - 1px)}.od-drawer-body{padding-bottom:0}}.od-tile-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--od-radius-control);background:var(--od-band,var(--od-tint-blue));color:var(--od-on-tint);font-weight:700}@media (width < 40rem){.od-tile-icon{width:2.25rem;height:2.25rem}.od-tile-icon svg{width:20px;height:20px}}.od-tile-body{min-width:0;flex:1}.od-tile-name{display:flex;align-items:flex-start;gap:.25rem;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.od-tile-cue{flex:none;margin-left:auto;margin-top:.125rem;color:var(--od-text-muted);transition:transform var(--od-duration-fast) var(--od-ease),color var(--od-duration-fast) var(--od-ease)}.od-tile:hover .od-tile-cue{color:var(--od-hover-border);transform:translateX(2px)}.od-tile[data-external]:hover .od-tile-cue{transform:translate(2px,-2px)}.od-tile-desc{display:block;margin-top:.25rem;font-size:.875rem;line-height:1.45;color:var(--od-text-muted);overflow-wrap:anywhere}.od-tile-meta{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.od-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .625rem;border-radius:var(--od-radius-pill);font-size:.875rem;font-weight:600;line-height:1.45}.od-tag-external{background:var(--od-surface-muted);color:var(--od-text);box-shadow:inset 0 0 0 1px var(--od-border)}.od-tag-hidden{background:var(--od-warning-bg);color:var(--od-warning)}.od-layout{--od-rail:15rem;--od-rail-gap:2rem;display:grid;gap:1.5rem;padding-bottom:4rem}.od-main-column{display:grid;gap:1.5rem;min-width:0}.od-main-column>*{min-width:0}.od-banners{display:grid;gap:.75rem}.od-rails{display:flex;flex-wrap:wrap;gap:.75rem}.od-rails .od-banner{flex:1 1 18rem;min-width:0}.od-bottom-banners{display:grid;gap:.75rem}@media (width >= 108rem){.od-layout[data-rails]{grid-template-columns:var(--od-rail) minmax(0,1fr) var(--od-rail);column-gap:var(--od-rail-gap);align-items:start;margin-inline:calc(-1 * (var(--od-rail) + var(--od-rail-gap)))}.od-layout[data-rails]>.od-main-column{display:contents}.od-layout[data-rails]>.od-main-column>*{grid-column:2;grid-row:2}.od-layout[data-rails]>.od-main-column>.od-search{grid-row:1}.od-layout[data-rails] .od-banners,.od-layout[data-rails] .od-rails{display:contents}.od-layout[data-rails] .od-rail{display:grid;gap:.75rem;align-content:start;grid-row:2}.od-layout[data-rails] .od-rail-left{grid-column:1}.od-layout[data-rails] .od-rail-right{grid-column:3}.od-layout[data-rails] .od-bottom-banners{grid-column:2;grid-row:3}}@media (width < 108rem){.od-rail{display:contents}}.od-banner{padding:1rem 1.125rem;border-radius:var(--od-radius-card);background:var(--od-surface-muted)}.od-banner-title{margin:0 0 .25rem;font-family:var(--od-font-ui);font-size:1rem;font-weight:600;line-height:1.35}.od-banner ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));column-gap:1.5rem;margin:0;padding:0;list-style:none}.od-banner a{display:block;min-height:2.75rem;padding-block:.6875rem;line-height:1.5;color:var(--od-link);font-size:.875rem;font-weight:600;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;overflow-wrap:anywhere;transition:text-decoration-color var(--od-duration-fast) var(--od-ease)}.od-banner a svg{display:inline;margin-left:.25rem;vertical-align:-.2em}.od-banner a:hover{text-decoration-color:currentColor}.od-bottom-banners .od-banner{display:flex;flex-wrap:wrap;align-items:center;column-gap:1.5rem;row-gap:0;padding-block:.625rem}.od-bottom-banners .od-banner-title{margin:0}.od-bottom-banners .od-banner ul{display:flex;flex-wrap:wrap;column-gap:1.25rem;flex:1 1 auto}.od-empty{padding:2rem 1.5rem;border:1px dashed var(--od-control-border);border-radius:var(--od-radius-panel);background:var(--od-surface);color:var(--od-text-muted);text-align:center}.od-empty a,.od-empty button.od-link-button{color:var(--od-link);font-weight:600;text-decoration:underline;text-underline-offset:4px}.od-link-button{all:unset}.od-login{flex:1;display:flex;flex-direction:column}.od-login-center{flex:1;display:flex;align-items:flex-start;justify-content:center;padding-block:2.5rem 4rem}@media (width >= 40rem){.od-login-center{padding-block:clamp(3rem,10vh,6rem) 4rem}}.od-login-card{width:min(100%,26rem)}@media (width >= 40rem){.od-login-card{padding:2.5rem;border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface)}}.od-login-form{display:grid;gap:1.5rem}.od-btn-block{width:100%}.od-back{display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;margin:-.625rem 0 .25rem;color:var(--od-link);font-size:.875rem;font-weight:600;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color var(--od-duration-fast) var(--od-ease)}.od-back:hover{text-decoration-color:currentColor}.od-login-title{margin:0;font-family:var(--od-font-display);font-size:1.75rem;font-weight:700;line-height:1.15}.od-login-lead{margin:.5rem 0 1.5rem;color:var(--od-text-muted)}@media (hover:hover) and (pointer:fine){.od-band-button,.od-link-button{cursor:pointer}}@media (scripting:none){.od-band-chevron,.od-page [data-testid=theme-toggle],.od-search{display:none}.od-band-button,.od-band-button:after{cursor:default!important;pointer-events:none}.od-band:active,.od-band:hover{background:var(--od-band)}}.od-layout:focus{outline:none}.od-empty-text{margin:0}.od-search-empty{display:grid;gap:.75rem;padding:1.25rem 1.5rem;border-style:solid;border-color:var(--od-border);text-align:left;color:var(--od-text)}.od-search-empty .od-empty-text:first-child{font-weight:600}.od-suggest{align-items:center;gap:.5rem .75rem;color:var(--od-text-muted)}.od-chips,.od-suggest{display:flex;flex-wrap:wrap}.od-chips{gap:.5rem;margin:0;padding:0;list-style:none}@media (hover:hover) and (pointer:fine){.od-chip{cursor:pointer}}@layer components{.od-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.625rem 1.25rem;border:1px solid transparent;border-radius:var(--od-radius-control);font:inherit;font-weight:600;line-height:1.25;text-decoration:none;white-space:nowrap;transition:background-color var(--od-duration-fast) var(--od-ease),border-color var(--od-duration-fast) var(--od-ease),color var(--od-duration-fast) var(--od-ease)}.od-btn-primary{background:var(--od-primary);color:var(--od-on-primary)}.od-btn-primary:hover{background:var(--od-primary-hover)}.od-btn-primary:active{background:var(--od-primary-pressed)}.od-btn-primary:disabled,.od-btn-primary[aria-disabled=true]{background:var(--od-disabled-bg);color:var(--od-disabled-text);border-color:var(--od-disabled-text)}.od-btn-secondary{background:var(--od-surface);color:var(--od-text);border-color:var(--od-control-border)}.od-btn-secondary:hover{border-color:var(--od-hover-border);color:var(--od-text)}.od-btn-secondary:active{background:var(--od-surface-muted)}.od-btn-sm{min-height:2.75rem;padding:.5rem .875rem;font-size:1rem}.od-field-label{display:block;margin-bottom:.5rem;font-weight:600}.od-input{display:block;width:100%;min-height:3rem;padding:.625rem .875rem;border:1px solid var(--od-control-border);border-radius:var(--od-radius-control);background:var(--od-surface);color:var(--od-text);font:inherit}.od-input:hover{border-color:var(--od-hover-border)}.od-input[aria-invalid=true]{border-color:var(--od-error)}.od-field-error{display:flex;align-items:flex-start;gap:.375rem;margin:.5rem 0 0;font-size:.875rem;color:var(--od-error)}.od-field-error:empty{margin:0}.od-field-error svg{flex:none;margin-top:.1875rem}.od-notice{display:flex;align-items:flex-start;gap:.625rem;margin:1.5rem 0 0;padding:.875rem 1rem;border-radius:var(--od-radius-card);font-size:.9375rem}.od-notice svg{flex:none;margin-top:.125rem}.od-notice-warning{background:var(--od-warning-bg);color:var(--od-warning)}.od-notice-error{background:var(--od-error-bg);color:var(--od-error)}.od-chip{display:inline-flex;align-items:center;min-height:2.75rem;padding:.375rem 1rem;border:1px solid var(--od-control-border);border-radius:var(--od-radius-pill);background:var(--od-surface);color:var(--od-text);font:inherit;font-size:.9375rem;font-weight:600;transition:border-color var(--od-duration-fast) var(--od-ease),background-color var(--od-duration-fast) var(--od-ease)}.od-chip:hover{border-color:var(--od-hover-border)}.od-chip:active{background:var(--od-surface-muted)}}body:has(.od-tool){--background:var(--od-bg);--surface:var(--od-surface);--surface-2:var(--od-surface-muted);--border:var(--od-border);--border-input:var(--od-control-border);--border-strong:var(--od-hover-border);--border-focus:var(--od-focus);--text:var(--od-text);--text-muted:var(--od-text-muted);--accent:var(--od-primary);--accent-2:var(--od-primary);--accent-contrast:var(--od-on-primary);--accent-text:var(--od-link);--selected:var(--od-hover-border);--control-accent:var(--od-hover-border);--focus:var(--od-focus);--danger:var(--od-error);--danger-solid:var(--od-error);--warning:var(--od-warning);--warning-solid:var(--od-warning);--success:var(--od-success);--success-solid:var(--od-success);--info:var(--od-link);--info-solid:var(--od-link);--code-bg:var(--od-surface-muted);--code-text:var(--od-text);--toast-bg:var(--od-surface);--toast-text:var(--od-text);--toast-border:var(--od-border)}html:has(.od-tool){background:var(--od-bg)}.od-tool-main{padding-block:1.5rem 4rem}@media (width >= 40rem){.od-tool-main{padding-block:2rem 4rem}}.od-tool-intro{margin-bottom:1.5rem}@media (width >= 60rem){.od-tool-intro{margin-bottom:2rem}}.od-tool-intro .od-back{margin:-.5rem 0 .5rem}.od-tool-title{margin:0;font-family:var(--od-font-display);font-size:clamp(2rem,3.6vw,2.5rem);font-weight:700;line-height:1.1;overflow-wrap:break-word}.od-tool-lead{max-width:44rem;margin:.75rem 0 0;font-size:1rem;color:var(--od-text-muted)}@media (width >= 40rem){.od-tool-lead{font-size:1.125rem}}.od-handling{display:flex;align-items:flex-start;gap:.5rem;max-width:44rem;margin:1rem 0 0;font-size:.875rem;line-height:1.45;color:var(--od-text-muted)}.od-handling svg{flex:none;margin-top:.0625rem;color:var(--od-text)}.od-handling-label{font-weight:600;color:var(--od-text)}@layer components{.od-cameo{display:inline-flex;flex:none;padding:.5rem}.od-cameo img{display:block;height:auto;object-fit:contain}}.od-page [data-focus-inset]:focus-visible{outline-offset:-3px;box-shadow:none}@layer components{.od-btn-compact{min-height:2.75rem;padding:.5rem .875rem;font-size:.9375rem}.od-btn-icon{width:2.75rem;min-height:2.75rem;padding:0}.od-btn-destructive{background:var(--od-surface);color:var(--od-error);border-color:var(--od-error)}.od-btn-destructive:hover{background:var(--od-error-bg)}.od-btn-destructive:disabled,.od-btn-destructive[aria-disabled=true],.od-btn-secondary:disabled,.od-btn-secondary[aria-disabled=true]{background:var(--od-disabled-bg);color:var(--od-disabled-text);border-color:var(--od-disabled-text);border-style:dashed}.od-btn-primary:disabled,.od-btn-primary[aria-disabled=true]{border-style:dashed}.od-btn:focus-visible{z-index:1}.od-input:focus{border-color:var(--od-focus)}.od-input::placeholder{color:var(--od-text-muted);opacity:1}.od-input:disabled{background:var(--od-surface-muted);color:var(--od-text-muted);border-style:dashed}.od-select{appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2379869c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.od-textarea{min-height:6rem;resize:vertical}.od-code{min-height:7rem;resize:vertical;background:var(--od-surface-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.6}.od-hint{margin:.5rem 0 0;font-size:.875rem;line-height:1.45;color:var(--od-text-muted)}.od-check{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;font-size:1rem;line-height:1.35}.od-check input{flex:none;width:1.25rem;height:1.25rem;margin:0}.od-check:has(input:disabled){color:var(--od-text-muted)}.od-segmented{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;border:0;min-width:0}.od-segment{position:relative;display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;padding:.375rem 1rem;border:1px solid var(--od-control-border);border-radius:var(--od-radius-control);background:var(--od-surface);color:var(--od-text);font-size:.9375rem;transition:border-color var(--od-duration-fast) var(--od-ease),background-color var(--od-duration-fast) var(--od-ease)}.od-segment input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.od-segment:hover{border-color:var(--od-hover-border)}.od-segment:has(input:checked){border-color:var(--od-hover-border);box-shadow:inset 0 0 0 1px var(--od-hover-border);background:var(--od-selected-bg);font-weight:700}.od-segment:has(input:focus-visible){outline:3px solid var(--od-focus);outline-offset:3px}.od-segment:has(input:disabled){color:var(--od-text-muted);border-style:dashed}.od-panel{padding:1.25rem;border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface)}@media (width >= 40rem){.od-panel{padding:1.5rem}}.od-card{padding:1rem;border:1px solid var(--od-border);border-radius:var(--od-radius-card);background:var(--od-surface)}.od-section-title{margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.od-disclosure{border:1px solid var(--od-control-border);border-radius:var(--od-radius-card);background:var(--od-surface)}.od-disclosure-summary{display:grid;grid-template-columns:minmax(0,1fr);row-gap:.125rem;min-height:3.5rem;padding:.875rem 3.5rem .875rem 1.25rem;position:relative;border-radius:calc(var(--od-radius-card) - 1px);list-style:none;transition:background-color var(--od-duration-fast) var(--od-ease)}.od-disclosure-summary::-webkit-details-marker{display:none}.od-disclosure-summary:hover{background:var(--od-surface-muted)}.od-disclosure[open]>.od-disclosure-summary{border-bottom-left-radius:0;border-bottom-right-radius:0}.od-disclosure-title{font-weight:700}.od-disclosure-meta{display:block;font-size:.875rem;line-height:1.45;color:var(--od-text-muted);overflow-wrap:anywhere}.od-disclosure-error{display:flex;align-items:flex-start;gap:.375rem;font-size:.875rem;line-height:1.45;font-weight:600;color:var(--od-error)}.od-disclosure-error svg{flex:none;margin-top:.125rem}.od-disclosure-chevron{position:absolute;right:1.25rem;top:50%;translate:0 -50%;transition:rotate var(--od-duration-panel) var(--od-ease)}.od-disclosure[open] .od-disclosure-chevron{rotate:180deg}.od-disclosure[data-forced=true]{border-color:var(--od-error)}.od-disclosure[data-forced=true] .od-disclosure-chevron{display:none}.od-disclosure[data-forced=true]>.od-disclosure-summary{padding-right:1.25rem}.od-disclosure-body{padding:1.25rem;border-top:1px solid var(--od-border)}@media (width >= 40rem){.od-disclosure-summary{padding-left:1.5rem}.od-disclosure-body{padding:1.5rem}}.od-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;border:2px dashed var(--od-control-border);border-radius:var(--od-radius-card);background:var(--od-surface);text-align:center;transition:border-color var(--od-duration-fast) var(--od-ease),background-color var(--od-duration-fast) var(--od-ease)}.od-dropzone[data-dragover=true]{border-color:var(--od-hover-border);background:color-mix(in srgb,var(--od-primary) 8%,var(--od-surface))}.od-progress{position:relative;height:.5rem;overflow:hidden;border-radius:var(--od-radius-pill);background:var(--od-surface-muted);box-shadow:inset 0 0 0 1px var(--od-border)}.od-progress>span{display:block;height:100%;border-radius:inherit;background:var(--od-hover-border);transition:width var(--od-duration-panel) var(--od-ease)}.od-notice-success{background:var(--od-success-bg);color:var(--od-success)}.od-notice-info{background:var(--od-surface-muted);color:var(--od-text)}.od-notice p{margin:0}.od-toast{display:flex;align-items:flex-start;gap:.625rem;max-width:min(26rem,calc(100vw - 2rem));padding:.75rem 1rem;border:1px solid var(--od-border);border-left-width:4px;border-radius:var(--od-radius-control);background:var(--od-surface);color:var(--od-text);font-size:.9375rem;box-shadow:var(--od-shadow-popover)}.od-toast[data-kind=success]{border-left-color:var(--od-success)}.od-toast[data-kind=error]{border-left-color:var(--od-error)}.od-toast[data-kind=info],.od-toast[data-kind=warning]{border-left-color:var(--od-hover-border)}.od-checker{background-color:var(--od-surface);background-image:linear-gradient(45deg,var(--checker) 25%,transparent 25%),linear-gradient(-45deg,var(--checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker) 75%),linear-gradient(-45deg,transparent 75%,var(--checker) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}}@layer components{.od-tool input:is([type=checkbox],[type=radio]):not(.od-segment>input){appearance:none;flex:none;display:inline-block;width:1.25rem;height:1.25rem;margin:0;vertical-align:middle;border:2px solid var(--od-control-border);border-radius:.3125rem;background-color:var(--od-surface);background-position:50%;background-repeat:no-repeat;background-size:.875rem;color:inherit;transition:background-color var(--od-duration-fast) var(--od-ease),border-color var(--od-duration-fast) var(--od-ease)}.od-tool input[type=radio]:not(.od-segment>input){border-radius:50%}.od-tool input:is([type=checkbox],[type=radio]):not(.od-segment>input):hover{border-color:var(--od-hover-border)}.od-tool input[type=checkbox]:not(.od-segment>input):checked{border-color:var(--od-hover-border);background-color:var(--od-hover-border);background-image:var(--od-check-tick)}.od-tool input[type=checkbox]:not(.od-segment>input):indeterminate{border-color:var(--od-hover-border);background-color:var(--od-hover-border);background-image:linear-gradient(var(--od-check-mark),var(--od-check-mark));background-size:.625rem .1875rem}.od-tool input[type=radio]:not(.od-segment>input):checked{border-color:var(--od-hover-border);background-color:var(--od-hover-border);background-image:radial-gradient(circle,var(--od-check-mark) 0 32%,transparent 36%);background-size:100%}.od-tool input:is([type=checkbox],[type=radio]):not(.od-segment>input):disabled{border-color:var(--od-disabled-text);border-style:dashed;background-color:var(--od-disabled-bg)}.od-tool input:is([type=checkbox],[type=radio]):not(.od-segment>input):checked:disabled{border-style:solid;background-color:var(--od-disabled-text)}.od-tool input[type=range]{appearance:none;display:block;width:100%;height:1.75rem;margin:0;padding:0;background:transparent;border-radius:var(--od-radius-control);cursor:pointer}@media (pointer:coarse),(width < 40rem){.od-tool input[type=range]{height:2.75rem}}.od-tool input[type=range]::-webkit-slider-runnable-track{height:.375rem;border-radius:var(--od-radius-pill);background:linear-gradient(to right,var(--od-hover-border) 0 var(--od-pct,0),var(--od-control-border) var(--od-pct,0) 100%)}.od-tool input[type=range]::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;margin-top:-.4375rem;border:0;border-radius:50%;background:var(--od-hover-border);box-shadow:0 0 0 2px var(--od-surface),0 0 0 3px var(--od-control-border)}.od-tool input[type=range]::-moz-range-track{height:.375rem;border-radius:var(--od-radius-pill);background:var(--od-control-border)}.od-tool input[type=range]::-moz-range-progress{height:.375rem;border-radius:var(--od-radius-pill);background:var(--od-hover-border)}.od-tool input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;border:0;border-radius:50%;background:var(--od-hover-border);box-shadow:0 0 0 2px var(--od-surface),0 0 0 3px var(--od-control-border)}.od-tool input[type=range]:disabled{cursor:not-allowed}.od-tool input[type=range]:disabled::-webkit-slider-thumb{background:var(--od-disabled-text)}.od-tool input[type=range]:disabled::-moz-range-thumb{background:var(--od-disabled-text)}.od-segmented-grid{display:grid;grid-template-columns:repeat(var(--od-seg-cols,2),minmax(0,1fr))}.od-segmented-grid>.od-segment{justify-content:center;min-width:0;padding-inline:.5rem;text-align:center;white-space:normal}.od-cols-2{--od-seg-cols:2}.od-cols-3{--od-seg-cols:3}.od-cols-4{--od-seg-cols:2}.od-cols-5,.od-cols-6{--od-seg-cols:3}@media (width >= 40rem){.od-cols-4{--od-seg-cols:4}.od-cols-5{--od-seg-cols:5}.od-cols-6{--od-seg-cols:6}}.od-segmented-scroll{flex-wrap:nowrap;overflow-x:auto;padding-block:.25rem;scroll-padding-inline:.25rem}.od-segmented-scroll>.od-segment{flex:none}.od-swatch{position:relative;display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:.375rem;border:0;border-radius:50%;background-clip:content-box}.od-swatch:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 .375rem var(--od-surface),inset 0 0 0 .4375rem var(--od-border)}.od-swatch:is([aria-pressed=true],[aria-checked=true],[data-picked=true],:has(input:checked)):after{box-shadow:inset 0 0 0 2px var(--od-hover-border),inset 0 0 0 .375rem var(--od-surface)}.od-swatch:has(input:focus-visible){outline:3px solid var(--od-focus);outline-offset:3px}.od-swatch>svg{position:relative;z-index:1;width:1.125rem;height:1.125rem;pointer-events:none}.od-swatch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0}.od-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.od-actions>*{min-width:0}.od-actions>.od-btn{max-width:100%;overflow:hidden;white-space:nowrap;text-align:center}.od-actions>.od-btn-primary,.od-actions>:only-child{grid-column:1/-1}@media (width < 24rem){.od-actions{grid-template-columns:minmax(0,1fr)}}@media (width >= 40rem){.od-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}}.od-btn-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-card-selected,.od-card[data-selected=true]{border-color:var(--od-hover-border);box-shadow:inset 0 0 0 1px var(--od-hover-border);background:var(--od-selected-bg)}.od-color{appearance:none;flex:none;width:2.75rem;height:2.75rem;padding:.375rem;border:0;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 .25rem var(--od-surface),inset 0 0 0 .375rem var(--od-control-border);cursor:pointer}.od-color::-webkit-color-swatch-wrapper{padding:0}.od-color::-webkit-color-swatch{border:0;border-radius:50%}.od-color::-moz-color-swatch{border:0;border-radius:50%}.od-color:disabled{cursor:not-allowed;box-shadow:inset 0 0 0 .25rem var(--od-surface),inset 0 0 0 .375rem var(--od-disabled-text)}.od-dropzone-icon{display:inline-grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--od-surface-muted);color:var(--od-text)}.od-dropzone-icon svg{width:1.5rem;height:1.5rem}.od-toast svg{flex:none;margin-top:.125rem}.od-toast[data-kind=success] svg{color:var(--od-success)}.od-toast[data-kind=error] svg{color:var(--od-error)}.od-toast[data-kind=warning] svg{color:var(--od-warning)}}@media (prefers-reduced-motion:reduce){.od-page .animate-spin,.od-page .od-spin{animation:none}}@media (hover:hover) and (pointer:fine){.od-disclosure-summary,.od-segment{cursor:pointer}.od-segment:has(input:disabled){cursor:not-allowed}}@media (forced-colors:active){.od-tool input:is([type=checkbox],[type=radio]):not(.od-segment>input){appearance:auto;width:auto;height:auto;border:revert;background:revert}.od-tool input[type=range]{appearance:auto;height:auto;background:revert}.od-tool input[type=range]::-webkit-slider-runnable-track,.od-tool input[type=range]::-webkit-slider-thumb{appearance:auto}.od-tool input[type=range]::-moz-range-progress,.od-tool input[type=range]::-moz-range-thumb,.od-tool input[type=range]::-moz-range-track{width:revert;height:revert;border:revert;border-radius:revert;background:revert;box-shadow:none}.od-segment:has(input:checked){border-color:Highlight;outline:1px solid Highlight;outline-offset:-2px}.od-segment:has(input:disabled){color:GrayText;border-color:GrayText}.od-btn,.od-page [data-testid=theme-toggle]{border-color:ButtonText}.od-btn-primary{border-width:2px}.od-btn[aria-pressed=true],.od-card-selected,.od-card[data-selected=true]{border:2px solid Highlight}.od-btn:disabled,.od-btn[aria-disabled=true]{color:GrayText;border-color:GrayText}.od-color,.od-swatch{forced-color-adjust:none}.od-swatch:after{box-shadow:inset 0 0 0 .375rem Canvas,inset 0 0 0 .4375rem CanvasText}.od-swatch:is([aria-pressed=true],[aria-checked=true],[data-picked=true],:has(input:checked)):after{box-shadow:inset 0 0 0 3px Highlight,inset 0 0 0 .375rem Canvas}.od-color:focus-visible,.od-swatch:focus-visible,.od-swatch:has(input:focus-visible){outline-color:CanvasText}.od-color{box-shadow:inset 0 0 0 .25rem Canvas,inset 0 0 0 .375rem CanvasText}.od-disclosure[data-forced=true]{border-width:2px}.od-progress>*{background:Highlight}}