/* Focused appearance adapter, system 1.3. Import tokens.css first.
   Exact Relay five-element scene/page/wave protocol. No generic form/type rules.
   Use .lf-theme-page on the page; data-lf-theme-surface on other themed surfaces. */
.lf-theme-page {background-color:var(--lf-color-page);background-image:var(--lf-surface-texture),linear-gradient(180deg,var(--lf-color-page-top),var(--lf-color-page));background-size:128px 128px,100% 100%;background-repeat:repeat,no-repeat;background-attachment:scroll,fixed;}
.lf-appearance {display:flex;align-items:center;gap:0;flex:none;}
.lf-appearance>.lf-system-reset {display:none;}
.lf-appearance[data-show-system-reset="true"] {gap:10px;}
.lf-appearance[data-show-system-reset="true"]>.lf-system-reset {display:block;}
.lf-system-reset {width:106px;height:44px;border:0;padding:0;background:none;text-align:left;font:400 13px/20px var(--lf-type-family-ui);color:var(--lf-color-muted);}
.lf-theme-toggle,.lf-theme-switch {display:block;position:relative;flex:none;width:82px;height:44px;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer;}
.lf-theme-switch input {position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;}
.lf-theme-scene {position:absolute;display:block;inset:2px 0;overflow:hidden;border-radius:999px;background:linear-gradient(180deg,var(--lf-landscape-day-sky-top),var(--lf-landscape-day-sky-bottom));box-shadow:inset 0 1px 4px var(--lf-color-shadow);transition:background var(--lf-motion-landscape);}
.lf-theme-scene i {display:block;position:absolute;pointer-events:none;}
.lf-scene-sun {width:16px;height:16px;border-radius:50%;top:7px;left:14px;background:var(--lf-product-scene-sun-day,var(--lf-landscape-sun));transition:transform var(--lf-motion-landscape) var(--lf-motion-settle);}
.lf-scene-moon {width:14px;height:14px;border-radius:50%;top:7px;right:15px;background:var(--lf-product-scene-moon-night,var(--lf-landscape-moon));transform:translate(-28px,40px);box-shadow:inset -4px -2px 0 var(--lf-color-input-border);transition:transform var(--lf-motion-landscape) var(--lf-motion-settle);}
.lf-scene-ridge {bottom:-1px;width:100%;height:23px;clip-path:polygon(0 70%,16% 25%,34% 70%,53% 5%,76% 64%,91% 30%,100% 60%,100% 100%,0 100%);transition:background var(--lf-motion-landscape),transform var(--lf-motion-landscape);}
.lf-scene-ridge.far {bottom:3px;background:var(--lf-landscape-day-ridge);}
.lf-scene-ridge.near {height:17px;transform:translateX(-6px) scaleX(1.2);background:var(--lf-product-ridge-day,var(--lf-landscape-day-ridge));}
.lf-scene-stars {width:2px;height:2px;border-radius:50%;top:9px;left:20px;opacity:0;background:var(--lf-landscape-moon);box-shadow:12px -3px var(--lf-landscape-moon),21px 6px var(--lf-landscape-moon),37px -2px var(--lf-landscape-moon),45px 9px var(--lf-landscape-moon),5px 13px var(--lf-landscape-moon);transition:opacity var(--lf-motion-landscape);}
.lf-theme-toggle[aria-pressed="true"] .lf-theme-scene,.lf-theme-switch input:checked+.lf-theme-scene {background:linear-gradient(180deg,var(--lf-landscape-night-sky-top),var(--lf-landscape-night-sky-bottom));}
.lf-theme-toggle[aria-pressed="true"] .lf-scene-sun,.lf-theme-switch input:checked+.lf-theme-scene .lf-scene-sun {transform:translate(36px,39px);}
.lf-theme-toggle[aria-pressed="true"] .lf-scene-moon,.lf-theme-switch input:checked+.lf-theme-scene .lf-scene-moon {transform:translate(0,0);}
.lf-theme-toggle[aria-pressed="true"] .lf-scene-stars,.lf-theme-switch input:checked+.lf-theme-scene .lf-scene-stars {opacity:1;}
.lf-theme-toggle[aria-pressed="true"] .lf-scene-ridge.far,.lf-theme-switch input:checked+.lf-theme-scene .lf-scene-ridge.far {background:var(--lf-landscape-night-ridge);transform:translateX(3px);}
.lf-theme-toggle[aria-pressed="true"] .lf-scene-ridge.near,.lf-theme-switch input:checked+.lf-theme-scene .lf-scene-ridge.near {background:var(--lf-product-ridge-night,var(--lf-landscape-night-ridge));}
.lf-theme-toggle:focus-visible,.lf-theme-switch:has(input:focus-visible) {outline:3px solid var(--lf-color-focus);outline-offset:4px;}
[data-lf-theme-changing] .lf-theme-page,[data-lf-theme-changing] [data-lf-theme-surface],[data-lf-theme-changing] .lf-app,[data-lf-theme-changing] .lf-card,[data-lf-theme-changing] .lf-input {transition:background-color var(--lf-motion-theme) ease,color var(--lf-motion-theme) ease,border-color var(--lf-motion-theme) ease;}
.lf-theme-wave {position:fixed;inset:0;z-index:var(--lf-z-appearance-decoration);pointer-events:none;background:radial-gradient(ellipse at 90% 0,var(--lf-color-highlight),transparent 70%);animation:lf-theme-wave var(--lf-motion-theme-wave) ease-out both;}
@keyframes lf-theme-wave {0% {opacity:.5;clip-path:circle(0 at 90% 30px)}60% {opacity:.4}100% {opacity:0;clip-path:circle(160% at 90% 30px)}}
@media(max-width:600px) {.lf-appearance[data-show-system-reset="true"] {flex-direction:column;gap:0;}.lf-system-reset {width:92px;height:32px;text-align:center;}}
@media(prefers-reduced-motion:reduce) {.lf-theme-scene,.lf-theme-scene i {animation:none!important;transition:none!important;}.lf-theme-wave {display:none;}}
[data-lf-reduced-motion="true"] .lf-theme-scene,[data-lf-reduced-motion="true"] .lf-theme-scene i {animation:none!important;transition:none!important;}
[data-lf-reduced-motion="true"] .lf-theme-wave {display:none;}
@media(forced-colors:active) {.lf-theme-switch input {opacity:1;appearance:auto;}.lf-theme-scene {display:none;}.lf-theme-toggle::after {content:'Theme';color:ButtonText;}}