:root{font-size:16px;--color-bg:#e6decc;--color-text:#000;--color-primary:#0b3d59;--color-star:#366e8f;--color-muted:#999;--color-link:#666;--max-width:1200px;--radius-sm:4px;--glyph-size:20vmin;--padding-lg:2rem;--gap-md:calc(var(--glyph-size) * .3)}*{margin:0;padding:0;box-sizing:border-box}body{background:#e6decc;background:var(--color-bg);color:#000;color:var(--color-text);padding:2rem;padding:var(--padding-lg)}#favorites-grid,#grid{display:flex;flex-wrap:wrap;justify-content:center;-moz-column-gap:0;column-gap:0;row-gap:calc(6vmin);row-gap:var(--gap-md);padding:2.5rem 1rem 0}.nav-bar{position:fixed;top:0;left:0;z-index:100;padding:.75rem 1rem;display:flex;gap:.5rem}.nav-bar .nav-link{color:#999;color:var(--color-muted);-webkit-text-decoration:none;text-decoration:none;font-size:1.25rem;line-height:1;padding:.25rem .4rem;transition:color .2s}.nav-bar .nav-link:hover{color:#000;color:var(--color-text)}.nav-bar .btn{background:none;border:none;color:#999;color:var(--color-muted);font-size:1.25rem;line-height:1;padding:.25rem .4rem;cursor:pointer;transition:color .2s}.nav-bar .btn:hover{color:#000;color:var(--color-text)}.glyph-cell{width:20vmin;width:var(--glyph-size);height:20vmin;height:var(--glyph-size);position:relative;display:flex;align-items:center;justify-content:center}.glyph-cell svg{color:#0b3d59;color:var(--color-primary)}.glyph-cell .grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.glyph-cell.clickable{cursor:pointer;transition:transform .1s}.glyph-cell.clickable:hover{transform:scale(1.05)}.glyph-cell .dl-btn{position:absolute;bottom:4px;left:50%;translate:calc(-100% - 2px);z-index:10;background:rgba(0,0,0,.3);border:none;color:hsla(0,0%,100%,.7);font-size:.85rem;line-height:1;padding:2px 6px;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .15s}.glyph-cell .dl-btn:hover{background:rgba(0,0,0,.5);color:#fff}.glyph-cell .fav-btn{position:absolute;bottom:4px;left:50%;translate:2px;z-index:10;background:rgba(0,0,0,.3);border:none;color:hsla(0,0%,100%,.9);font-size:.85rem;line-height:1;padding:2px 6px;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .15s}.glyph-cell .fav-btn:hover{background:rgba(0,0,0,.5)}.glyph-cell:hover .dl-btn,.glyph-cell:hover .fav-btn{opacity:1}.glyph-cell:focus-within .dl-btn,.glyph-cell:focus-within .fav-btn{opacity:1}.grid-visible{opacity:1}@media print{:root{--color-bg:#fff;--color-primary:#000;--color-star:#000;--color-muted:#666;--color-link:#333}.nav-bar{display:none}}.empty-message{text-align:center;color:#999;color:var(--color-muted);padding:3rem;font-size:1.1rem}