:root{--bg: #0f1115;--surface: #1a1d24;--surface-2: #242833;--text: #f2f4f8;--muted: #aab2c0;--accent: #5b9dff;--accent-contrast: #08122a;--mark: #ffd54a;--danger: #ff6b6b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}.app{max-width:1200px;margin:0 auto;padding:16px}.app__title{font-size:1.5rem;margin:0 0 12px}.searchbox{display:flex;flex-direction:column;gap:4px}.searchbox__label{font-size:.85rem;color:var(--muted)}.searchbox__input{width:100%;padding:12px 14px;font-size:1.05rem;border-radius:10px;border:1px solid var(--surface-2);background:var(--surface);color:var(--text)}.searchbox__input:focus-visible,.chip:focus-visible,.card__button:focus-visible,.link:focus-visible,select:focus-visible,.player__close:focus-visible,.player__resume:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.searchbox__status{font-size:.8rem;color:var(--muted)}.notice{margin:12px 0;padding:10px 14px;border-radius:8px;background:var(--surface-2);color:var(--muted)}.notice--error{color:var(--danger)}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:16px 0}.filters__tags{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 12px;border-radius:999px;border:1px solid var(--surface-2);background:var(--surface);color:var(--text);cursor:pointer;font-size:.9rem}.chip[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:600}.filters__sort{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted)}.filters__sort select{padding:8px 10px;border-radius:8px;border:1px solid var(--surface-2);background:var(--surface);color:var(--text)}.results{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:var(--surface);border-radius:12px;overflow:hidden}.card__button{display:block;width:100%;padding:0;border:none;background:none;color:inherit;text-align:left;cursor:pointer}.card__thumb{position:relative;display:block;aspect-ratio:16 / 9;background:var(--surface-2)}.card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.card__duration{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:4px;background:#000000c7;color:#fff;font-size:.8rem;font-variant-numeric:tabular-nums}.card__title{display:block;padding:10px 12px 14px;font-size:.98rem}.card__title mark{background:var(--mark);color:#000;border-radius:2px}.results__sentinel{grid-column:1 / -1;height:1px}.results__empty{padding:32px 8px;color:var(--muted)}.link{border:none;background:none;color:var(--accent);cursor:pointer;font:inherit;text-decoration:underline;padding:0}.player{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}.player__backdrop{position:absolute;inset:0;background:#000000b8}.player__frame{position:relative;width:min(960px,94vw)}.player__aspect{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden}.player__aspect iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.player__close{position:absolute;top:-44px;right:0;width:36px;height:36px;border-radius:50%;border:none;background:var(--surface);color:var(--text);font-size:1rem;cursor:pointer}.player__resume{margin-top:12px;padding:10px 16px;border-radius:8px;border:none;background:var(--accent);color:var(--accent-contrast);font-weight:600;cursor:pointer}.playlistbar{margin:16px 0 8px}.playlistbar__chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.playlistbar__rename,.playlistbar__create{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;font-size:.9rem;color:var(--muted)}.playlistbar input,.propose__input,.admin__login input,.playlistbar__rename input{padding:8px 10px;border-radius:8px;border:1px solid var(--surface-2);background:var(--surface);color:var(--text);font:inherit}.playlistbar button[type=submit],.propose button[type=submit],.admin button,.admin__login button{padding:8px 14px;border-radius:8px;border:none;background:var(--accent);color:var(--accent-contrast);font-weight:600;cursor:pointer}.playlistbar__msg,.propose__ok{color:#7ddb9a;font-size:.85rem;margin:6px 0 0}.propose__err{color:var(--danger);font-size:.85rem}.player__meta{margin-top:14px;color:var(--text)}.player__title{font-size:1.1rem;margin:0 0 8px}.propose{display:flex;flex-direction:column;gap:8px;background:var(--surface);padding:12px;border-radius:10px}.propose__toggle{margin-top:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--surface-2);background:var(--surface);color:var(--text);cursor:pointer}.propose__input{width:100%}.propose__actions{display:flex;gap:12px;align-items:center}.admin__status{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:12px 14px;background:var(--surface);border-radius:10px;margin-bottom:16px}.admin__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.admin__item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;background:var(--surface);border-radius:10px}.admin__buttons{display:flex;gap:8px;flex-shrink:0}.admin__reject{background:var(--danger)!important;color:#2a0808!important}.admin__login{display:flex;gap:10px}@media (max-width: 420px){.app__title{font-size:1.25rem}.results{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.admin__item{flex-direction:column;align-items:stretch}}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--surface-2);margin:16px 0}.tabs__tab{padding:10px 16px;border:none;background:none;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.tabs__tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.scopebar{display:flex;gap:12px;align-items:center;color:var(--muted);margin:0 0 12px}.playlists__create{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 16px}.playlists__grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pcard{background:var(--surface);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.pcard__button{display:block;width:100%;padding:0;border:none;background:none;color:inherit;text-align:left;cursor:pointer}.pcard__thumb{position:relative;display:block;aspect-ratio:16 / 9;background:var(--surface-2)}.pcard__thumb img,.pcard__empty{width:100%;height:100%;object-fit:cover;display:block}.pcard__count{position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:4px;background:#000000c7;color:#fff;font-size:.8rem}.pcard__name{display:block;padding:10px 12px 6px;font-size:1rem;font-weight:600}.pcard .link{padding:0 12px 12px}@media (max-width: 420px){.playlists__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.player__aspect video,.player__video{position:absolute;inset:0;width:100%;height:100%;border:none;background:#000;object-fit:contain}