.skin-fieldset{border:0;margin:0;padding:0;min-width:0}.skin-fieldset legend{font-size:14px;font-weight:500;margin-bottom:16px}.skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-area .skin-choice{margin:0;position:relative;cursor:pointer;min-width:0}.skin-choice>input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;min-height:0;opacity:0}.skin-option{display:block;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--quiet);height:100%}.skin-choice input:checked+.skin-option{border:2px solid var(--green);padding:7px}.skin-choice input:focus-visible+.skin-option{outline:2px solid var(--focus);outline-offset:4px}.skin-preview{display:flex;gap:8px;padding:12px;height:64px;background:var(--skin-bg);border-radius:4px;overflow:hidden}.skin-preview>i{display:block;width:12px;border-radius:2px;background:var(--skin-panel)}.skin-preview>span{display:flex;flex:1;flex-direction:column;justify-content:center;gap:8px}.skin-preview b{display:block;width:70%;height:5px;background:var(--skin-ink);border-radius:2px}.skin-preview em{display:block;width:45%;height:5px;background:var(--skin-accent);border-radius:2px}.skin-name,.skin-note{display:block;padding:0 4px;white-space:normal;overflow-wrap:anywhere}.skin-name{font-size:13px;color:var(--ink);margin-top:8px}.skin-note{font-size:11px;color:var(--muted);margin:4px 0}.settings-area .skin-status{font-size:12px;margin:16px 0 0;color:var(--muted)}
html{scrollbar-color:var(--drop-border) var(--paper)}
:root[data-scheme=light] .day-feature #daily-card .daily-figure img{filter:none}
:root[data-scheme=light] .schedule-course{background:color-mix(in srgb,var(--course-color) 14%,var(--surface))}
@media(hover:hover) and (pointer:fine){.skin-choice:hover .skin-option{border-color:var(--muted)}:root[data-scheme=light] .schedule-course:hover{background:color-mix(in srgb,var(--course-color) 22%,var(--surface))}}
@media(max-width:650px){.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skin-preview{height:60px}.skin-name{font-size:13px}}
