/* Shared organization: all categories are available, shortcuts remain independent. */
.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}
.collection-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.collection-tabs::-webkit-scrollbar{display:none}.collection-tabs button{flex-shrink:0}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.category-tile{position:relative;display:flex;align-items:center;gap:11px;padding:21px 17px;min-height:102px;text-align:left;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:13px;overflow:hidden}
.category-tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.category-tile-icon{display:grid;place-items:center;background:var(--soft);border-radius:10px;width:35px;height:35px;flex-shrink:0}
.category-tile-icon img{width:18px;height:18px;opacity:.75}.category-tile-copy{min-width:0;flex:1}
.category-tile-copy strong{font-size:13px;display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.category-tile-copy small{font-size:10px;display:block;color:var(--muted);line-height:1.8;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.category-tile-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:2px}
.category-tile-arrow{position:absolute;right:14px;bottom:14px;width:12px;height:12px;opacity:.35}
.category-heading-actions,.manage-actions{display:flex;gap:18px;align-items:center}.category-heading-actions button{min-height:38px}
.wallpaper-layer,.wallpaper-shade{display:none}
body:not([data-direction=focus]) .appearance-button{display:none}
#category-dialog[open],#appearance-dialog[open]{display:flex;flex-direction:column;height:min(760px,calc(100dvh - 32px));overflow:hidden}
#category-dialog{width:min(650px,calc(100% - 24px))}#appearance-dialog{width:min(600px,calc(100% - 24px))}
#category-dialog>.dialog-heading,#appearance-dialog>.dialog-heading{flex-shrink:0;margin-bottom:14px}
.settings-intro,.settings-help,.system-category-note{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 14px}
#new-category-form{display:flex;gap:10px;flex-shrink:0}#new-category{margin:0;min-width:0;flex:1}
#new-category-form .button{padding-inline:14px}
#category-error{color:#a13d2d;font-size:12px;margin:10px 0;min-height:0;flex-shrink:0}
#category-error:empty{margin:5px 0}
.category-settings-list{padding:0 5px 0 0;margin:0;list-style:none;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.category-settings-list li{padding:13px 1px;border-bottom:1px solid var(--line)}
.category-edit-line{display:flex;align-items:center;gap:10px}.category-position{font-size:11px;color:var(--muted);width:20px;flex-shrink:0;font-variant-numeric:tabular-nums}
.category-edit-line input{width:0;min-width:0;flex:1;padding:9px 10px;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:7px;font-size:13px}
.category-item-count{color:var(--muted);font-size:11px;white-space:nowrap}.category-edit-line>button{color:var(--accent);font-size:12px;min-height:36px}
.category-row-actions{display:flex;align-items:flex-start;gap:7px;padding-left:30px;margin-top:7px}
.category-row-actions>button{width:34px;height:32px;display:grid;place-items:center;background:var(--soft);border-radius:6px}.category-row-actions img{width:13px;height:13px}
.category-row-actions>button:disabled{opacity:.25;cursor:default}.category-row-actions>details{flex:1;min-width:0}
.category-row-actions summary{font-size:11px;color:var(--muted);padding:7px;cursor:pointer}
.category-merge-line{display:flex;flex-wrap:wrap;gap:9px;padding:10px 0}
.category-merge-line select{min-width:0;max-width:100%;flex:1;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px}
.category-merge-line>button{font-size:11px;color:var(--accent);padding:7px}
.category-merge-line small{flex-basis:100%;font-size:10px;color:var(--muted)}
.system-category-note{font-size:11px;margin:12px 0 0;flex-shrink:0}
.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;padding-top:17px;border-top:1px solid var(--line);flex-shrink:0}
.settings-footer>span,.settings-footer>p{font-size:11px;color:var(--muted);margin:0;line-height:1.8}.settings-footer>.button{flex-shrink:0}
.appearance-scroll{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;padding:0 4px 0 0;scrollbar-width:thin}
.appearance-section{padding:17px 0;border-bottom:1px solid var(--line)}.appearance-section:first-child{padding-top:6px}.appearance-section:last-child{border:0;padding-bottom:0}
.appearance-section h3,.range-heading{font-size:13px;font-weight:600;margin:0 0 13px;display:flex;justify-content:space-between;align-items:center}
.appearance-section h3>span{font-size:10px;color:var(--muted);font-weight:400}
.material-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.material-options button{padding:18px 15px;border:1px solid var(--line);background:var(--bg);border-radius:12px;text-align:left}
.material-options strong{display:block;font-size:14px;font-weight:550}.material-options small{display:block;font-size:11px;margin-top:6px;color:var(--muted)}
.material-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.wallpaper-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}
.wallpaper-presets button{font-size:11px;color:var(--muted);padding:3px;border-radius:10px;border:1px solid transparent}
.wallpaper-presets button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}
.wallpaper-presets button:disabled{opacity:.45;cursor:default}
.wallpaper-swatch{height:64px;border-radius:7px;display:block;background:#e8eef0;margin-bottom:7px;border:1px solid var(--line)}
.wallpaper-swatch.lake{background:url('/assets/wallpapers/dawn-lake.png') center/cover}.wallpaper-swatch.plain{background:#e5ebed}.wallpaper-swatch.custom{background-image:var(--wallpaper-image);background-position:center;background-size:cover}
.upload-wallpaper{position:relative;cursor:pointer;overflow:hidden;min-height:42px}.upload-wallpaper input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-wallpaper:focus-within{outline:3px solid var(--accent);outline-offset:3px}
.settings-help{font-size:11px;margin:10px 0 0}.range-heading output{font-size:11px;font-weight:400;color:var(--muted)}
#glass-opacity{accent-color:var(--accent);width:100%;margin:4px 0;height:20px}
.motion-toggle{display:flex;align-items:center;gap:15px;margin:25px 0 6px}.motion-toggle>span{flex:1;min-width:0}.motion-toggle strong{font-size:13px;font-weight:550;display:block}.motion-toggle small{font-size:11px;line-height:1.8;color:var(--muted);display:block;margin-top:4px}.motion-toggle input{width:19px;height:19px;accent-color:var(--accent)}
body[data-theme=dark] .category-tile-icon img,body[data-theme=dark] .category-tile-arrow,body[data-theme=dark] .category-row-actions img,
body[data-direction=workbench]:not([data-theme=light]) .category-tile-icon img,body[data-direction=workbench]:not([data-theme=light]) .category-tile-arrow,body[data-direction=workbench]:not([data-theme=light]) .category-row-actions img{filter:invert(1)}

/* Liquid glass: soft refraction cues, stable reading surfaces, no GPU filter chains. */
body.app[data-direction=focus][data-material=glass]{--bg:#e5edef;--surface:#f7fafb;--soft:#e5ecee;--text:#1d303a;--muted:#344653;--line:#a4b8c64d;--accent:#224754;--accent-soft:#dfebee;--glass-rgb:246 251 252;--shadow:0 12px 36px #1e3e5110;isolation:isolate;background:var(--bg)}
body.app[data-direction=focus][data-material=glass][data-theme=dark]{--bg:#14232f;--surface:#1a2c38;--soft:#2b404d;--text:#edf4f8;--muted:#d2e0e6;--line:#adc5d32b;--accent:#d5ecf5;--accent-soft:#29424e;--glass-rgb:22 38 49;--shadow:0 12px 36px #06111d30}
body[data-material=glass] .wallpaper-layer{display:block;position:fixed;inset:0;z-index:-2;background-image:var(--wallpaper-image);background-position:center;background-size:var(--wallpaper-fit,cover);background-repeat:no-repeat;animation:none;pointer-events:none}
body[data-material=glass] .wallpaper-shade{display:none;position:fixed;inset:0;z-index:-1;pointer-events:none}
body[data-wallpaper=none] .wallpaper-layer{display:none}body[data-wallpaper=none] .wallpaper-shade{background:transparent}
body[data-direction=focus][data-material=glass] .sidebar{background:rgb(var(--glass-rgb) / .8);border-color:#ffffff66;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);box-shadow:0 3px 24px #193c4e06}
body[data-direction=focus][data-material=glass] .brand-symbol{background:#346374;box-shadow:inset 0 1px 0 #ffffff50,0 3px 10px #1e4b7020}
body[data-direction=focus][data-material=glass] .main-nav button.active{background:rgb(var(--glass-rgb) / .7);box-shadow:0 1px 5px #1e3e5110,inset 0 1px 0 #fff5}
body[data-direction=focus][data-material=glass] main#main{max-width:1280px;padding-top:30px;padding-bottom:28px}
body[data-direction=focus][data-material=glass] .discovery-panel,
body[data-direction=focus][data-material=glass] .quick-access,
body[data-direction=focus][data-material=glass] .category-tile{background:rgb(var(--glass-rgb) / var(--glass-opacity,.86));border:1px solid #ffffff85;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);box-shadow:inset 0 1px 0 #ffffffc4,inset 0 -1px 0 #bfd3e329,var(--shadow)}
body[data-direction=focus][data-material=glass][data-theme=dark] .discovery-panel,
body[data-direction=focus][data-material=glass][data-theme=dark] .quick-access,
body[data-direction=focus][data-material=glass][data-theme=dark] .category-tile{border-color:#bed5e633;box-shadow:inset 0 1px 0 #cee3f01f,var(--shadow)}
body[data-direction=focus][data-material=glass] .discovery-panel{padding:26px 30px 0;border-radius:23px;margin-bottom:23px}
body[data-direction=focus][data-material=glass] .search-wrap{background:rgb(var(--glass-rgb) / .92);border-color:#9eb9c557;box-shadow:inset 0 1px 2px #1e3e5108,0 4px 14px #1e3e5108}
body[data-direction=focus][data-material=glass] .search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #78a6b32e}
body[data-direction=focus][data-material=glass] .intro .eyebrow{letter-spacing:1.4px}
body[data-direction=focus][data-material=glass] .collection-tabs{gap:25px}
body[data-direction=focus][data-material=glass] .collection-tabs button{font-size:12px}
body[data-direction=focus][data-material=glass] .quick-access{position:relative;border-radius:21px;padding:21px 23px 23px}
body[data-direction=focus][data-material=glass] .quick-access::before,
body[data-direction=focus][data-material=glass] .category-tile::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(220px circle at var(--glow-x,-300px) var(--glow-y,-300px),#ffffff60,transparent 75%);opacity:.6}
body[data-direction=focus][data-material=glass][data-theme=dark] .quick-access::before,
body[data-direction=focus][data-material=glass][data-theme=dark] .category-tile::before{background:radial-gradient(220px circle at var(--glow-x,-300px) var(--glow-y,-300px),#00000030,transparent 75%)}
body[data-direction=focus][data-material=glass] .quick-access .site-card{background:rgb(var(--glass-rgb) / .52);border-color:rgb(var(--glass-rgb) / .65);box-shadow:inset 0 1px 0 #ffffff52}
body[data-direction=focus][data-material=glass] .quick-access .site-card:hover{background:rgb(var(--glass-rgb) / .98);border-color:#9dbbc990;box-shadow:0 5px 16px #194e6514;transform:translateY(-2px)}
body[data-direction=focus][data-material=glass] .button.primary,body[data-direction=focus][data-material=glass] .mobile-add{background:#346374;border-color:#346374;color:white;box-shadow:inset 0 1px 0 #ffffff30,0 3px 8px #244f6817}
body[data-direction=focus][data-material=glass] .quick-filters{background:rgb(var(--glass-rgb) / .6);border:1px solid var(--line)}
body[data-direction=focus][data-material=glass] .category-tile{border-radius:14px}
body[data-direction=focus][data-material=glass] .explore-heading{margin-top:23px;margin-bottom:10px;padding-inline:3px}
body[data-direction=focus][data-material=glass] .explore-heading .section-title::before{color:var(--text)}
body[data-direction=focus][data-material=glass] .explore-heading .section-title,body[data-direction=focus][data-material=glass] .category-heading-actions button{background:rgb(var(--glass-rgb) / .9);border-radius:6px;padding:5px 8px}
body[data-direction=focus][data-material=glass] .category-heading-actions{gap:6px}
body[data-direction=focus][data-material=glass] .app-footer{background:rgb(var(--glass-rgb) / .92);border:0;border-radius:10px;margin-top:24px;padding:13px 18px}
@keyframes lake-breathe{from{transform:scale(1)}to{transform:scale(1.045) translate3d(0,-.5%,0)}}
body[data-motion=off] *,body[data-motion=off] *::before,body[data-motion=off] *::after{animation:none!important;transition:none!important}
body[data-motion=off] .wallpaper-layer{will-change:auto}
body[data-motion=off] .category-tile:hover,body[data-motion=off] .site-card:hover{transform:none!important}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){body[data-direction=focus][data-material=glass] .discovery-panel,body[data-direction=focus][data-material=glass] .quick-access,body[data-direction=focus][data-material=glass] .category-tile,body[data-direction=focus][data-material=glass] .sidebar{background:var(--surface)}}
@media(max-width:1150px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-heading-actions{gap:10px}.manage-actions{gap:8px;flex-wrap:wrap}}
@media(max-width:700px){
 .category-grid{gap:9px}.category-tile{padding:15px 12px;min-height:110px;align-items:flex-start;gap:9px;flex-wrap:wrap}
 .category-tile-icon{width:30px;height:30px;border-radius:8px}.category-tile-icon img{width:16px;height:16px}.category-tile-copy{flex-basis:calc(100% - 39px);align-self:center}.category-tile-copy strong{font-size:12px}.category-tile-copy small{font-size:10px;white-space:normal;line-height:1.7}
 .category-tile-count{position:absolute;left:15px;bottom:10px;font-size:10px}.category-tile-count::after{content:' 个入口'}
 .category-heading-actions button{font-size:10px;gap:3px}.category-heading-actions img{display:none}.category-heading-actions{gap:7px}
 body[data-direction=focus] .explore-heading .section-title{font-size:14px}body[data-direction=focus] .explore-heading .section-title::before{display:none}
 .settings-footer{gap:10px;padding-top:13px;margin-top:12px}.settings-footer>.button{padding:10px 12px;font-size:12px}.settings-footer>span,.settings-footer>p{font-size:10px}
 #category-dialog,#appearance-dialog{padding:23px 17px}.category-edit-line{gap:7px}.category-position{width:17px}.category-row-actions{padding-left:24px}
 .material-options{gap:9px}.material-options button{padding:15px 10px}.material-options small{font-size:10px;line-height:1.7}
 .appearance-section h3>span{font-size:9px}.wallpaper-presets{gap:8px}
 body[data-direction=focus][data-material=glass] main#main{padding:18px 14px 30px}
 body[data-direction=focus][data-material=glass] .discovery-panel{padding:18px 18px 0;border-radius:18px;margin-bottom:17px}
 body[data-direction=focus][data-material=glass] .collection-tabs{gap:22px}.collection-tabs button{min-height:44px}
 body[data-direction=focus][data-material=glass] .quick-access{padding:14px 12px 10px;border-radius:18px}
 body[data-direction=focus][data-material=glass] .topbar{background:rgb(var(--glass-rgb) / .94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
 body[data-direction=focus][data-material=glass] .app-footer{padding:13px}
 .breadcrumb{min-width:0}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:420px){body[data-direction=focus] .breadcrumb>span{display:none}body[data-direction=focus] .top-actions{gap:0}body[data-direction=focus] .explore-heading{gap:8px}}
@media(max-height:600px){#category-dialog,#appearance-dialog{padding:16px}#category-dialog .dialog-heading h2,#appearance-dialog .dialog-heading h2{font-size:19px;margin:0}#category-dialog .dialog-heading .eyebrow,#appearance-dialog .dialog-heading .eyebrow{display:none}.settings-intro{font-size:11px;margin-bottom:9px}.system-category-note{display:none}.settings-footer{padding-top:10px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.wallpaper-layer{will-change:auto!important}.category-tile:hover,.site-card:hover{transform:none!important}}