/* Shared semantic colors and surfaces for navigation, account pages and dialogs. */
:root{--page:#f9f9f9;--surface:#fff;--ink:#282a2d;--muted:#64717f;--line:#dbe2e9;--accent:#0878b7;--accent-soft:#e9f6ff;--control:#edf0f4;--chrome:#fff;--accent-hover:#075c8a;--on-accent:#fff;--panel:color-mix(in srgb,var(--surface) 92%,transparent);--nav:var(--muted);--card-shadow:0 4px 18px color-mix(in srgb,var(--accent) 7%,transparent);--panel-shadow:0 12px 42px color-mix(in srgb,var(--accent) 9%,transparent);--radius:12px;--error:#a52b42}
:root[data-theme=dark]{color-scheme:dark;--page:#1b1d1f;--surface:#2c2e2f;--chrome:#252729;--ink:#e4e6eb;--muted:#b1b8c2;--line:#45494f;--accent:#71caff;--accent-hover:#a2ddff;--on-accent:#132a39;--accent-soft:#243d4b;--control:#242628;--error:#ffb1bd}
:root[data-palette=sakura]{--page:#f7eef2;--surface:#fff8fb;--chrome:#f2e3eb;--ink:#382934;--muted:#75606d;--line:#dfc4d2;--accent:#a14365;--accent-hover:#84314f;--accent-soft:#f4dfe9;--control:#f2e5ec;--on-accent:#fff;--nav:var(--muted)}
:root[data-palette=sakura][data-theme=dark]{--page:#211b24;--surface:#302530;--chrome:#281e29;--ink:#f3e6ee;--muted:#c3abbc;--line:#584052;--accent:#f0a6c4;--accent-hover:#ffc2d9;--accent-soft:#462d40;--control:#3b2a38;--on-accent:#331a28;--nav:var(--muted)}
:root[data-palette=coast]{--page:#eaf4f5;--surface:#f6fdfe;--chrome:#dceef0;--ink:#203b45;--muted:#506c76;--line:#bfd9dd;--accent:#146a7d;--accent-hover:#0e5262;--accent-soft:#d8edf1;--control:#e2f1f3;--on-accent:#fff;--nav:var(--muted)}
:root[data-palette=coast][data-theme=dark]{--page:#15252b;--surface:#20333b;--chrome:#1a2c33;--ink:#e2f3f6;--muted:#a3c3cc;--line:#3c5864;--accent:#80d1e0;--accent-hover:#a4e7ef;--accent-soft:#284853;--control:#2b424b;--on-accent:#102e36;--nav:var(--muted)}
:root[data-palette=moon]{--page:#eeedf7;--surface:#faf9ff;--chrome:#e6e2f3;--ink:#302e4c;--muted:#66627f;--line:#d2cce6;--accent:#6451a1;--accent-hover:#4d3b83;--accent-soft:#e6dff5;--control:#eeebf8;--on-accent:#fff;--nav:var(--muted)}
:root[data-palette=moon][data-theme=dark]{--page:#191d32;--surface:#252b46;--chrome:#1f253b;--ink:#edeafb;--muted:#b0b7d4;--line:#434b6f;--accent:#beb0ff;--accent-hover:#d6cbff;--accent-soft:#373759;--control:#303651;--on-accent:#211c3e;--nav:var(--muted)}
:root[data-palette=sunset]{--page:#faf0e7;--surface:#fffaf3;--chrome:#f4e3d5;--ink:#48352e;--muted:#7b655a;--line:#e5ccba;--accent:#995226;--accent-hover:#7c3e1c;--accent-soft:#f6e2cc;--control:#f6e9dc;--on-accent:#fff;--nav:var(--muted)}
:root[data-palette=sunset][data-theme=dark]{--page:#2b201f;--surface:#382a28;--chrome:#302421;--ink:#ffede2;--muted:#cdb1a1;--line:#62463b;--accent:#f6b789;--accent-hover:#ffceab;--accent-soft:#543a2d;--control:#47322c;--on-accent:#3b2214;--nav:var(--muted)}
body.nav-site,body.standard-site{isolation:isolate;background:var(--page);color:var(--ink)}
.wallpaper-layer{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:var(--page)}
.wallpaper-layer img{display:block;width:100%;height:100%;object-fit:cover;object-position:75% center;opacity:.55}
.wallpaper-layer:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--page) 12%,transparent),color-mix(in srgb,var(--page) 55%,transparent) 65%,var(--page))}
[data-wallpaper-look=soft] .wallpaper-layer img{filter:blur(8px);transform:scale(1.04);opacity:.6}
[data-wallpaper-look=vivid] .wallpaper-layer img{opacity:.95}
[data-theme=dark] .wallpaper-layer img{opacity:.45}
[data-theme=dark][data-wallpaper-look=vivid] .wallpaper-layer img{opacity:.7}
[data-theme=dark][data-wallpaper-look=soft] .wallpaper-layer img{opacity:.5}
[data-appearance] .sidebar,[data-appearance] .topbar{background:color-mix(in srgb,var(--chrome) 95%,transparent);backdrop-filter:blur(14px);border-color:var(--line)}
[data-appearance] .sidebar{border-right:1px solid var(--line);box-shadow:none}
[data-appearance] .topbar{border-bottom:1px solid var(--line)}
[data-appearance] .desktop-brand,[data-appearance] .mobile-brand{color:var(--ink)}
[data-appearance] .category-nav{padding:10px 10px 12px}
[data-appearance] .category-nav a{padding:10px;border-radius:10px;margin-bottom:3px;min-height:44px}
[data-appearance] .category-nav a.active{box-shadow:inset 3px 0 var(--accent)}
[data-appearance] .submit-site{margin-inline:10px;padding-inline:10px;border-radius:10px;min-height:48px}
[data-appearance] .wallpaper-trigger{background:var(--accent-soft);color:var(--accent);margin-bottom:12px}
[data-appearance] .top-sections a{position:relative;color:var(--muted)}
[data-appearance] .top-sections a.selected{color:var(--accent);font-weight:600}
[data-appearance] .top-sections a.selected:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:2px;border-radius:2px;background:var(--accent)}
[data-appearance] .directory-content{padding:28px;max-width:1680px;margin:auto}
[data-appearance] .recommendations,[data-appearance] .directory-category,[data-appearance] .search-results,[data-appearance] .detail-overview,[data-appearance] .visit-statistics,[data-appearance] .related-sites{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--panel-shadow)}
[data-appearance] .site-grid{gap:16px}
[data-appearance] .site-card{height:76px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--card-shadow)}
[data-appearance] .site-card:hover{border-color:var(--accent);box-shadow:0 7px 20px color-mix(in srgb,var(--accent) 15%,transparent);transform:translateY(-2px)}
[data-appearance] .card-direct{color:var(--muted)}
[data-appearance] .site-icon{background:var(--control)}
[data-appearance] .recommend-tabs{background:var(--control);margin-bottom:20px}
[data-appearance] .recommend-tabs button{color:var(--muted);min-height:34px}
.recommend-tabs button[aria-selected=true],.primary-button,.category-badge{color:var(--on-accent)}
.primary-button:hover{background:var(--accent-hover);color:var(--on-accent)}
[data-appearance] .category-heading{margin-bottom:18px}
[data-appearance] .category-heading h2{font-size:17px;font-weight:600;color:var(--ink)}
[data-appearance] .category-heading h2 .ui-icon{color:var(--accent)}
[data-appearance] .category-heading h2:after{content:"";width:24px;height:1px;margin-left:6px;background:var(--line)}
[data-appearance] .topic-banners{gap:20px;margin-block:20px}
[data-appearance] .topic-banner{border-radius:14px;border:1px solid var(--line);min-height:120px;aspect-ratio:auto;width:100%}
[data-appearance] .topic-banner:after{background:linear-gradient(90deg,var(--surface),color-mix(in srgb,var(--surface) 85%,transparent) 35%,transparent)}
[data-appearance] .banner-copy,[data-appearance] .banner-peach .banner-copy{color:var(--ink)}
[data-appearance] .banner-copy small{color:var(--accent)}
[data-appearance] .topic-banner>img{object-position:80% 65%}
[data-appearance] .banner-peach>img{object-position:90% 90%}
[data-appearance] .detail-page{padding-top:32px;max-width:1260px}
[data-appearance] .detail-overview{padding:28px}
[data-appearance] .detail-hero{grid-template-columns:minmax(170px,.8fr) minmax(0,1.4fr) minmax(200px,1fr);gap:24px;align-items:stretch}
[data-appearance] .detail-logo-panel{height:auto;min-height:220px;background:linear-gradient(135deg,var(--accent-soft),var(--surface));border:1px solid var(--line);box-shadow:none;border-radius:14px}
[data-appearance] .detail-logo{width:160px;height:160px}
[data-appearance] .detail-info{padding:8px 0;background:none}
[data-appearance] .detail-info h1{margin-top:14px;margin-bottom:16px}
[data-appearance] .category-badge{border-radius:5px;padding:3px 8px}
[data-appearance] .site-tags{color:var(--muted)}
[data-appearance] .action-button{background:var(--control);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-height:42px}
[data-appearance] .detail-actions>.action-button:first-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
[data-appearance] .action-button:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
[data-appearance] .detail-actions>.action-button:first-child:hover{background:var(--accent-hover);color:var(--on-accent)}
[data-appearance] .report-button{color:var(--error)}
[data-appearance] .detail-topic{border-radius:14px;min-height:220px;border:1px solid var(--line)}
[data-appearance] .detail-topic:after{background:linear-gradient(0deg,var(--surface),color-mix(in srgb,var(--surface) 65%,transparent) 40%,transparent)}
[data-appearance] .detail-topic>span{color:var(--ink)}
[data-appearance] .detail-topic small{color:var(--accent)}
[data-appearance] .detail-topic>img{object-position:85% center}
[data-appearance] .detail-decoration{display:none}
[data-appearance] .site-description{margin-top:26px;padding:24px 0 0;border-top:1px solid var(--line);font-size:15px}
[data-appearance] .visit-statistics,[data-appearance] .related-sites{margin-top:22px}
[data-appearance] .visit-card{background:none;box-shadow:none;border-radius:0;padding:12px 4px 0}
[data-appearance] .visit-period,[data-appearance] .back-directory{color:var(--muted)}
[data-appearance] .visit-statistics{--visit-grid:var(--line);--visit-axis:var(--muted)}
[data-appearance] .related-grid{gap:16px}
[data-appearance] .nav-footer{color:var(--muted);padding:24px 28px}
[data-appearance] .floating-tools .icon-button{background:var(--surface);border:1px solid var(--line);color:var(--accent);box-shadow:var(--card-shadow)}
[data-appearance] .floating-tools .icon-button:hover{background:var(--accent);color:var(--on-accent)}
[data-appearance] .nav-empty{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:40px 24px}
[data-appearance] .search-results .nav-empty{background:none;border:0;box-shadow:none}
[data-appearance] .results-caption{margin-top:0;color:var(--muted)}
[data-appearance] .search-results{min-height:55vh}
/* All page families share dialogs and appearance controls. */
.nav-dialog{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:18px;padding:24px;width:min(480px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow:auto;box-shadow:0 24px 100px #0004;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.nav-dialog::backdrop{background:color-mix(in srgb,var(--ink) 38%,transparent);backdrop-filter:blur(5px)}
.nav-dialog *{box-sizing:border-box}
.nav-dialog button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.nav-dialog button:focus-visible,.nav-dialog input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.nav-dialog h2,.nav-dialog h3,.nav-dialog p{margin-top:0}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.dialog-heading h2{font-size:21px;font-weight:650;margin:0;letter-spacing:0}
.dialog-intro{font-size:13px;color:var(--muted);margin:12px 0 20px}
.nav-dialog .icon-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}
.nav-dialog .icon-button:hover{background:var(--control)}
.nav-dialog .primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:9px;background:var(--accent);color:var(--on-accent);font-size:14px}
.nav-dialog .primary-button:hover{background:var(--accent-hover)}
body.dialog-is-open{overflow:hidden}
.standard-site .ui-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.standard-site [hidden]{display:none!important}
.standard-site .sun-icon{display:none}
[data-theme=dark] .standard-site .sun-icon{display:block}
[data-theme=dark] .standard-site .moon-icon{display:none}
.appearance-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px;border:0;border-radius:9px;min-width:44px;min-height:44px;color:var(--accent);background:var(--accent-soft);font:inherit;cursor:pointer}
.standard-site .header{background:var(--chrome);border-color:var(--line)}
.standard-site .header nav{align-items:center;gap:14px;flex-wrap:wrap}
.standard-site .button{color:var(--on-accent)}
.standard-site .button.secondary{color:var(--ink);border-color:var(--line);background:var(--control)}
.standard-site .button.secondary:hover,.standard-site .item:hover{background:var(--accent-soft)}
.standard-site input{border-color:var(--muted);background:var(--surface);color:var(--ink)}
.standard-site input::placeholder{color:var(--muted)}
.standard-site input[readonly]{background:var(--control)}
.standard-site .badge,.standard-site .notice{color:var(--accent);background:var(--accent-soft);border-color:var(--line)}
[data-theme=dark] .standard-site .error{background:#432832;border-color:#8c5666}
[data-appearance] .standard-site .main{margin-top:28px;margin-bottom:28px;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:18px;min-height:calc(100svh - 250px);box-shadow:var(--panel-shadow)}
[data-appearance] .standard-site .auth{border:0;box-shadow:none;background:none;margin-block:0}
[data-appearance] .standard-site .error-page{margin-inline:auto}
[data-appearance] .standard-site .footer{color:var(--muted)}
.wallpaper-trigger{min-height:50px;margin-bottom:10px}
.wallpaper-dialog{width:min(650px,calc(100% - 32px));padding:28px}
.wallpaper-eyebrow{display:block;color:var(--accent);font-size:12px;letter-spacing:2px;margin-bottom:5px}
.wallpaper-dialog .dialog-intro{margin:8px 0 22px}
.wallpaper-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 12px}
.wallpaper-section-heading h3{font-size:14px;margin:0;font-weight:600}
.wallpaper-section-heading>span{font-size:12px;color:var(--muted)}
.wallpaper-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wallpaper-preset{text-align:left;padding:4px;border:2px solid var(--line);border-radius:12px;min-width:0;transition:border-color .16s,background .16s}
.wallpaper-preset:hover{border-color:var(--accent)}
.wallpaper-preset[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}
.wallpaper-thumbnail{display:block;position:relative;overflow:hidden;border-radius:7px;aspect-ratio:2.25}
.wallpaper-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.wallpaper-selected{display:none;position:absolute;right:7px;top:7px;font-size:11px;padding:3px 8px;background:#153b59;color:#fff;border-radius:20px}
.wallpaper-preset[aria-pressed=true] .wallpaper-selected{display:block}
.wallpaper-caption{display:flex;flex-direction:column;padding:8px 7px 5px;gap:2px}
.wallpaper-caption strong{font-size:14px;font-weight:600}
.wallpaper-caption small{font-size:12px;color:var(--muted)}
.wallpaper-upload{display:flex;align-items:center;gap:12px;position:relative;cursor:pointer;border:1px dashed var(--muted);border-radius:10px;padding:16px;background:var(--page);min-height:80px}
.wallpaper-upload:hover{border-color:var(--accent)}
.wallpaper-upload:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.wallpaper-upload>.ui-icon{color:var(--accent);width:26px;height:26px}
.wallpaper-upload>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.wallpaper-upload strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}
.wallpaper-upload small{font-size:12px;color:var(--muted)}
.wallpaper-upload-action{font-size:12px;color:var(--accent);white-space:nowrap}
.wallpaper-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.wallpaper-effects{border:0;margin:22px 0 0;padding:0;min-width:0}
.wallpaper-effects legend{font-size:14px;font-weight:600;margin-bottom:12px;padding:0}
.wallpaper-effect-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wallpaper-effect-options button{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;min-height:60px;padding:8px 4px;font-size:13px}
.wallpaper-effect-options small{font-size:12px;color:var(--muted)}
.wallpaper-effect-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.wallpaper-status{font-size:12px;color:var(--muted);min-height:36px;margin:14px 0 8px;overflow-wrap:anywhere}
.wallpaper-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--line)}
.wallpaper-text-button{min-height:44px;font-size:12px;color:var(--accent);padding:6px 0}
.wallpaper-text-button:hover{text-decoration:underline}
.wallpaper-footer .primary-button{min-height:44px;padding-inline:26px}
.wallpaper-dialog [disabled]{opacity:.55;cursor:wait}
@media(max-width:767px){.wallpaper-dialog{padding:20px;max-height:calc(100svh - 32px)}.wallpaper-trigger{padding-bottom:max(12px,env(safe-area-inset-bottom));margin-bottom:0}.wallpaper-section-heading>span{font-size:11px}.wallpaper-upload{padding:12px;gap:8px}.wallpaper-upload-action{display:none}.wallpaper-effect-options small{font-size:11px}.wallpaper-caption{padding-inline:3px}.wallpaper-caption small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.wallpaper-preset{transition:none}}
/* Theme cards preview both the scene and the interface material. */
[data-swatch=none]{--swatch:#48718b;--swatch-surface:#f1f6fa}
[data-swatch=sakura]{--swatch:#a14365;--swatch-surface:#fff0f6}
[data-swatch=coast]{--swatch:#146a7d;--swatch-surface:#e9f8fa}
[data-swatch=moon]{--swatch:#6451a1;--swatch-surface:#f0ebff}
[data-swatch=sunset]{--swatch:#995226;--swatch-surface:#fff0df}
.nav-dialog.wallpaper-dialog{width:min(800px,calc(100% - 32px));padding:26px}
.wallpaper-dialog .wallpaper-preset{border:2px solid var(--line)}
.wallpaper-dialog .wallpaper-preset:hover{border-color:var(--accent)}
.wallpaper-dialog .wallpaper-preset[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}
.wallpaper-thumbnail{aspect-ratio:2.7}
.theme-preview-ui{position:absolute;left:10px;bottom:10px;right:35%;display:flex;gap:5px;background:var(--swatch-surface);padding:8px;border-radius:7px;box-shadow:0 2px 8px #0002}
.theme-preview-ui i{height:9px;flex:1;background:color-mix(in srgb,var(--swatch) 18%,var(--swatch-surface));border-radius:3px}
.theme-preview-ui i:first-child{background:var(--swatch)}
.wallpaper-selected{background:var(--accent);color:var(--on-accent)}
.palette-settings{border:0;padding:0;margin:20px 0 0;min-width:0}
.palette-settings legend{font-size:14px;font-weight:600;padding:0}
.appearance-help{font-size:12px;color:var(--muted);margin:5px 0 10px}
.palette-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.palette-options button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid var(--line);border-radius:8px;font-size:12px}
.palette-options button i{width:14px;height:14px;background:var(--swatch);border-radius:50%;flex-shrink:0}
.palette-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);font-weight:600}
.palette-options button[aria-pressed=true] i{outline:1px solid var(--accent);outline-offset:2px}
.wallpaper-dialog .wallpaper-effect-options button{border:1px solid var(--line);font-size:13px}
.wallpaper-dialog .wallpaper-effect-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.wallpaper-dialog .wallpaper-text-button{font-size:12px;color:var(--accent)}
.wallpaper-visibility{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:400;cursor:pointer;min-height:44px}
.wallpaper-visibility input{appearance:auto;width:17px;height:17px;min-height:0;accent-color:var(--accent);margin:0;flex-shrink:0}
.wallpaper-visibility span{font-size:12px;color:var(--muted);margin-left:auto}
.wallpaper-status{min-height:18px;margin:6px 0 12px}
.wallpaper-footer{position:static;margin-bottom:0;padding:14px 0 0;background:var(--surface);z-index:1}
.wallpaper-upload label{margin:0}
@media(max-width:1199px){[data-appearance] .detail-hero{grid-template-columns:180px minmax(0,1fr)}[data-appearance] .detail-logo-panel{min-height:180px}[data-appearance] .detail-topic{min-height:165px}[data-appearance] .detail-topic>img{object-position:80% 60%}}
@media(max-width:991px){[data-appearance] .directory-content{padding:20px}[data-appearance] .site-grid{gap:12px}[data-appearance] .recommendations,[data-appearance] .directory-category{padding:18px}.standard-site .header-inner{flex-wrap:wrap;gap:8px;padding-block:12px}}
@media(max-width:767px){.wallpaper-layer img{object-position:75% center}.wallpaper-layer:after{background:linear-gradient(180deg,color-mix(in srgb,var(--page) 25%,transparent),var(--page))}[data-appearance] .directory-content{padding:16px 10px}[data-appearance] .recommendations,[data-appearance] .directory-category,[data-appearance] .search-results,[data-appearance] .visit-statistics,[data-appearance] .related-sites{padding:14px 10px;border-radius:14px}[data-appearance] .site-grid,[data-appearance] .related-grid{gap:10px}[data-appearance] .site-card{height:74px;border-radius:10px}[data-appearance] .card-main{padding-left:9px;gap:6px}[data-appearance] .site-icon,[data-appearance] .site-icon img{width:32px;height:32px}[data-appearance] .card-direct{width:44px}[data-appearance] .card-copy>span{display:none}[data-appearance] .category-heading h2{font-size:16px}[data-appearance] .topic-banner{min-height:95px}[data-appearance] .topic-banners{margin-block:16px}[data-appearance] .detail-page{padding:20px 10px}[data-appearance] .detail-overview{padding:18px 14px;border-radius:14px}[data-appearance] .detail-hero{display:flex;gap:20px}[data-appearance] .detail-logo-panel{height:170px;min-height:170px}[data-appearance] .detail-info{padding:0}[data-appearance] .detail-topic{min-height:180px;margin-top:0}[data-appearance] .site-description{margin-top:22px;padding-top:20px}[data-appearance] .site-card:hover{transform:none}[data-appearance] .nav-footer{padding:22px 16px 80px}[data-appearance] .standard-site .main{padding:20px 14px}.standard-site .auth{padding:16px 4px}.standard-site .header nav{gap:8px;font-size:12px}.appearance-open:not(.theme-toggle)>span{display:none}.nav-dialog.wallpaper-dialog{padding:20px}.palette-options{gap:5px}.palette-options button{gap:5px;font-size:11px}.palette-options button i{width:11px;height:11px}.wallpaper-visibility{flex-wrap:wrap}.wallpaper-visibility span{margin-left:25px;flex-basis:100%}.wallpaper-footer{margin-bottom:0}.wallpaper-section-heading>span{font-size:10px}.wallpaper-caption small{font-size:11px}.wallpaper-thumbnail{aspect-ratio:2}.theme-preview-ui{left:6px;bottom:6px;right:25%;padding:6px}.wallpaper-upload{font-weight:400}}
@media(min-width:768px){[data-appearance].sidebar-mini .category-nav{padding-inline:6px}[data-appearance].sidebar-mini .category-nav a{padding-inline:0}[data-appearance].sidebar-mini .submit-site{margin-inline:6px;padding-inline:0}}

.nav-dialog.preview-dialog{width:min(760px,calc(100% - 32px))}
@media(min-width:640px){.wallpaper-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.wallpaper-thumbnail{aspect-ratio:1.6}.wallpaper-caption small{font-size:11px;min-height:33px}.wallpaper-caption{padding-inline:4px}.theme-preview-ui{right:15%}}
[data-appearance] .card-direct:hover{color:var(--accent)}