.theme-toggle-btn [data-med-theme-icon],.settings-toggle-btn svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:root{color-scheme:light}html.dark-mode{color-scheme:dark}
[data-med-theme-icon] g{transform-origin:12px 12px;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .35s ease}
.theme-toggle-btn[data-theme-state=light] .med-theme-sun{opacity:0;transform:rotate(-90deg) scale(.5)}
.theme-toggle-btn[data-theme-state=dark] .med-theme-sun{opacity:1;transform:rotate(0) scale(1)}
.theme-toggle-btn[data-theme-state=light] .med-theme-moon{opacity:1;transform:rotate(0) scale(1)}
.theme-toggle-btn[data-theme-state=dark] .med-theme-moon{opacity:0;transform:rotate(75deg) scale(.5)}
.med-theme-backdrop{position:fixed;inset:0;z-index:-9000;pointer-events:none;opacity:1;transition:opacity .65s cubic-bezier(.16,1,.3,1)}
.med-theme-backdrop.is-leaving{opacity:0}
@keyframes med-theme-fade-out{to{opacity:0}}
@keyframes med-theme-fade-in{from{opacity:0}to{opacity:1}}
.preview-settings.med-preferences{width:min(352px,calc(100vw - 28px));left:24px;top:80px;padding:22px;border-radius:24px;background:var(--med-panel,transparent);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:0;color:var(--med-ink,#000);box-shadow:0 18px 55px rgba(0,0,0,.13);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;max-height:calc(100dvh - 105px);overflow:auto;overscroll-behavior:contain;transform-origin:24px 0;animation:med-preferences-enter .45s cubic-bezier(.16,1,.3,1) both}
.med-preferences[hidden]{display:none!important}
.preview-settings.med-preferences.is-closing{animation:med-preferences-exit .22s ease both;pointer-events:none}
.med-preferences header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:24px}
.med-preferences h2{font:400 28px/1.1 'Times New Roman',Times,serif;letter-spacing:-.5px;margin:0 0 6px}
.med-preferences header p{font-size:12px;margin:0;color:var(--med-ink)}
.med-preferences button{font:inherit;color:inherit;cursor:pointer}
.med-preferences button[data-settings-close]{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;margin:0;background:transparent}
.med-preferences button[data-settings-close] svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.med-preferences button[data-settings-close]:hover{background:color-mix(in srgb,var(--med-ink) 7%,transparent)}
.med-preferences-section+.med-preferences-section{margin-top:23px}
.med-preferences-section h3{font-size:12px;font-weight:600;letter-spacing:.02em;margin:0 0 11px}
.med-theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.med-preferences .med-theme-choices button{margin:0;display:flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 10px;border:1px solid color-mix(in srgb,var(--med-ink) 14%,transparent);border-radius:12px;background:transparent;transition:background .2s,transform .2s}
.med-theme-choices svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.med-theme-choices button[aria-pressed=true]{background:color-mix(in srgb,var(--med-ink) 8%,transparent);border-color:var(--med-ink)}
.med-wallpaper-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.med-preferences .med-wallpaper-grid button{margin:0;width:100%;position:relative;display:block;text-align:left;border:0;background:transparent;border-radius:12px;padding:0;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.med-wallpaper-grid img{width:100%;height:86px;object-fit:cover;display:block;border-radius:12px}
.med-wallpaper-grid span{display:block;font-size:12px;padding:8px 2px 0}
.med-wallpaper-grid button[aria-pressed=true] img{outline:2px solid var(--med-ink);outline-offset:3px}
.med-wallpaper-grid button::after{content:'';position:absolute;right:8px;top:8px;width:17px;height:17px;border-radius:50%;background:var(--med-ink);opacity:0;transform:scale(.5);transition:opacity .2s,transform .25s}
.med-wallpaper-grid button[aria-pressed=true]::after{opacity:1;transform:scale(1)}
.med-wallpaper-grid button:hover{transform:translateY(-2px)}
.med-preferences button:focus-visible{outline:2px solid var(--med-ink);outline-offset:4px}
.med-preferences-note{font-size:11px;margin-top:18px;line-height:1.5}
@keyframes med-preferences-enter{from{opacity:0;transform:translateY(-16px) scale(.965);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes med-preferences-exit{to{opacity:0;transform:translateY(-6px) scale(.985);filter:blur(4px)}}
@media(max-width:650px){.preview-settings.med-preferences{left:14px;padding:20px;top:78px}}
html:not(.dark-mode) .intro-overlay{background:transparent!important;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}
@media(prefers-reduced-motion:reduce){[data-med-theme-icon] g,.med-theme-backdrop,.med-wallpaper-grid button,.med-wallpaper-grid button::after{transition:none}.preview-settings.med-preferences{animation:none}}