.nav-island{z-index:1000;-webkit-user-select:none;user-select:none;background:#1c1c25;border:1px solid #2a2a37;border-radius:999px;align-items:stretch;gap:4px;padding:6px;transition:border-color .15s,box-shadow .15s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0a0815}.nav-pill{z-index:0;visibility:hidden;background:#2a2a37;border-radius:999px;position:absolute;top:6px;bottom:6px}.nav-item{z-index:1;cursor:pointer;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 20px;font-family:Akkurat,system-ui,-apple-system,sans-serif;font-size:13px;transition:color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;color:var(--fg-dim)!important;text-decoration:none!important}.nav-item:before{display:none!important}.nav-item:hover,.nav-item.active{color:#e6e0c2!important}.nav-item .material-symbols-sharp{font-variation-settings:"wght" 300;width:22px;height:22px;font-size:22px;transition:font-variation-settings .15s;overflow:hidden}.nav-item.active .material-symbols-sharp{font-variation-settings:"wght" 500}.nav-label{white-space:nowrap;opacity:0;height:0;overflow:hidden}.nav-item.focused{box-shadow:inset 0 0 0 2px var(--select);color:#e6e0c2!important}.nav-item.disabled{opacity:.3;cursor:default;pointer-events:none}.page-home{-webkit-user-select:none;user-select:none;height:100vh;font-size:14px;line-height:1.6;overflow:hidden}.greet{color:var(--fg-dark);font-family:var(--font);padding:20px;font-size:14px;line-height:1.6}.page-home a{color:var(--select);align-items:center;line-height:1;text-decoration:none;display:inline-flex;position:relative}.page-home a:before{content:"";position:absolute;inset:-10px}.page-home a:hover,.page-home a:focus{color:var(--neon);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.page-media{flex-direction:column;min-height:100vh;padding:8px 8px 96px;font-size:13px;line-height:1.4;display:flex}body:before,body:after{content:"";pointer-events:none;z-index:900;opacity:0;height:40px;transition:opacity .3s;position:fixed;left:0;right:0}body:before{background:linear-gradient(#0a0815cc,#0000);top:0}body:after{background:linear-gradient(#0000,#0a0815cc);bottom:0}body.scroll-top:before,body.scroll-bottom:after{opacity:1}.search-island{z-index:1000;background:#1c1c25;border:1px solid #2a2a37;border-radius:999px;align-items:center;padding:6px;transition:transform .2s,border-color .15s,box-shadow .15s;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 8px 32px #0a0815}.search-island:has(.search-input:focus){border-color:var(--select);box-shadow:0 8px 32px #0a0815, 0 0 0 1px var(--select);transform:translateY(3px)}.search-island:has(.search-input.has-text){transform:translateY(3px)}.search-island .material-symbols-sharp{font-variation-settings:"wght" 600;color:var(--fg-dim);pointer-events:none;font-size:18px;transition:left .2s,font-size .2s,font-variation-settings .2s;position:absolute;left:15px}.search-input{color:var(--fg);cursor:pointer;background:0 0;border:none;border-radius:999px;outline:none;width:36px;height:36px;padding:0 6px 2px;font-family:Akkurat,system-ui,-apple-system,sans-serif;font-size:13px;line-height:36px;transition:width .2s,padding .2s,height .2s,line-height .2s}.search-input:focus,.search-input.has-text{cursor:text;width:200px;height:30px;padding:0 14px 2px 34px;line-height:30px}.search-input:focus~.material-symbols-sharp,.search-input.has-text~.material-symbols-sharp{font-variation-settings:"wght" 400;font-size:16px;left:14px}.search-input::placeholder{color:var(--fg-dim);opacity:.3}.search-input:not(:focus):not(.has-text)::placeholder{color:#0000}.grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-content:start;gap:8px;padding-top:8px;display:grid}.card{color:var(--fg);cursor:pointer;border:2px solid #0000;border-radius:2px;flex-direction:column;text-decoration:none;transition:border-color .1s,background .1s,transform .15s,box-shadow .15s,opacity .3s;display:flex;position:relative}.card.thumb-pending{opacity:.5}@media (hover:hover){.card:hover{border-color:var(--border);background:var(--bg-raised)}}.card.selected{border-color:var(--select);background:var(--select);color:var(--bg);z-index:10;transform:translateY(-3px)}.card.selected .card-name{color:var(--bg)}.card.selected .card-size{color:#0b041499}.card.selected .dl-btn{color:var(--bg)}.card.selected .dl-btn:hover{color:#000}.card.selected .card-thumb .material-symbols-sharp{color:var(--select);opacity:1}.card.selected .card-thumb{background:var(--bg-raised)}.card.selected:after{content:"";background:var(--bg);height:3px;position:absolute;bottom:0;left:0;right:0}.card-thumb{aspect-ratio:16/9;background:var(--bg-raised);border-radius:2px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.card-thumb .material-symbols-sharp{color:var(--fg-dim);opacity:.4;font-size:28px}.card-thumb{position:relative}.card-thumb .play-btn.material-symbols-sharp{color:#fff;opacity:1;cursor:pointer;background:#0006;border-radius:2px;justify-content:center;align-items:center;font-size:48px;display:flex;position:absolute;inset:0}.card-info{align-items:flex-start;gap:4px;height:56.9px;padding:6px 8px;display:flex;overflow:hidden}.card-text{flex:1;min-width:0}.card-name{word-break:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.card-size{color:var(--fg-dim);margin-top:1px;font-size:10px;line-height:1.3}.dl-btn{color:var(--fg-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;margin:-8px -4px -8px 0;padding:8px;line-height:14.3px;display:none}.dl-btn .material-symbols-sharp{font-variation-settings:"wght" 350;font-size:16px}.dl-btn:hover{color:var(--fg-bright)}.card.selected .dl-btn{display:block}@media (hover:hover){.card:hover .dl-btn{display:block}}.card.go-up .card-thumb,.card.go-up.selected .card-thumb{background:var(--bg-raised)}.card.go-up .card-name{color:var(--fg-dim)}.card.go-up.selected .card-name{color:var(--bg)}.denied-greet{color:var(--fg-dark);font-family:var(--font);margin:0;padding:20px;font-size:14px;line-height:1.6}.toast{color:var(--fg);pointer-events:none;opacity:0;z-index:999;background:#1c1c25;border:1px solid #2a2a37;border-radius:999px;padding:8px 20px;font-family:Akkurat,system-ui,-apple-system,sans-serif;font-size:13px;transition:transform .25s cubic-bezier(.34,1.4,.64,1),opacity .25s;position:fixed;bottom:20px;right:20px;transform:translateY(60px);box-shadow:0 8px 32px #0a0815}.toast.visible{opacity:1;transform:translateY(0)}@media (width<=600px){.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.search-input:focus{width:160px}}:root{--bg:#0b0414;--bg-raised:#12091f;--fg:#cfcaaf;--fg-dim:#6a6650;--fg-dark:#505065;--fg-bright:#e8e4d4;--border:#1e1630;--select:#b9c3ff;--neon:#d0fc0a;--font:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--fg);font-family:var(--font);scrollbar-color:#3f3f50 transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3f3f50;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}body{min-height:100vh}.material-symbols-sharp{vertical-align:middle;font-family:Material Symbols Sharp;font-size:20px;line-height:1;display:inline-block}