/* Performance profile: preserve glass depth without continuously repainting large blurred layers. */
body{background-attachment:scroll}
.lights i{animation:none;filter:blur(54px);opacity:.17;will-change:auto;transform:translateZ(0)}
.glass{backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);box-shadow:0 14px 38px rgba(31,65,110,.09)}
.tiles button{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(38,62,100,.07);contain:layout paint style}
.tiles button:hover{transform:translate3d(0,-2px,0)}
.tiles button:active{transform:scale(.97)}
.file-list{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.72)}
html[data-theme=dark] .tiles button,html[data-theme=dark] .file-list{background:rgba(25,31,41,.88)}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) .tiles button,html:not([data-theme=light]) .file-list{background:rgba(25,31,41,.88)}}
@media(max-width:679px){.lights i{filter:blur(42px);opacity:.14}.glass{backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%)}}
@media(prefers-reduced-motion:reduce){.tiles button:hover{transform:none}}
.tiles.category-mode{grid-template-columns:1fr}.tiles.category-mode button.selected{min-height:112px;flex-direction:row;gap:14px;justify-content:flex-start;padding:18px 22px}.tiles.category-mode button.selected i{width:54px;height:54px;margin:0}.tiles.category-mode button.selected small{margin-left:auto}.latest{scroll-margin-top:18px}