:root{--bg:#121212;--surface:#1b1b1b;--line:#2c2c2c;--green:#089e61;--green-light:#0cc079;--yellow:#f0e880;--text:#f4f4f2;--muted:#a4a8a6;--error:#ff8a80}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html,body{max-width:100%;overflow-x:hidden}img,video{max-width:100%}body{background:var(--bg);color:var(--text);font-family:Barlow,system-ui,sans-serif}a{color:inherit}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.header{background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:stretch;gap:1rem;padding:0 clamp(1rem,4vw,3rem);display:flex}.header__brand{align-items:center;gap:.9rem;padding:.75rem 0;text-decoration:none;display:inline-flex}.header__logo{flex-shrink:0;width:56px;height:56px;display:block}.header__name{letter-spacing:.02em;color:var(--text);font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:600}.header__nav{gap:.5rem;display:flex}.tab{color:var(--muted);border-bottom:3px solid #0000;align-items:center;margin-bottom:-1px;padding:0 1rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex}.tab:hover{color:var(--text)}.tab--active{color:var(--text);border-bottom-color:var(--green)}@media (width<=560px){.header{flex-direction:column;gap:0;padding:0}.header__brand{justify-content:center;padding:.6rem 1rem}.header__logo{width:44px;height:44px}.header__name{font-size:1.25rem}.header__nav{gap:0}.tab{flex:1;justify-content:center;padding:.8rem 0}}.home{text-align:center;max-width:640px;margin:0 auto;padding:clamp(2.5rem,10vh,6rem) 1.5rem}.home__title{margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(2.5rem,8vw,3.75rem);font-weight:700;line-height:1}.home__text{color:var(--muted);margin:.75rem 0 2rem;font-size:1.15rem}.home__actions{flex-direction:column;align-items:center;gap:1rem;display:flex}.btn{text-align:center;color:#101010;border-radius:999px;width:min(100%,16rem);padding:.9rem 2rem;font-family:Barlow,sans-serif;font-size:1.2rem;font-weight:600;text-decoration:none;transition:background-color .15s}.btn--green{background:var(--green)}.btn--green:hover{background:var(--green-light)}.btn--yellow{background:var(--yellow)}.btn--yellow:hover{background:#fff59a}.list{padding:1.75rem clamp(1rem,4vw,3rem) 3rem}.list__header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;display:flex}.list__header h1{margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1}.list__subtitle{color:var(--muted);margin:0;font-size:1.05rem}.list__status{color:var(--muted)}.list__status--error{color:var(--error)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.card video{aspect-ratio:16/9;background:#000;width:100%;display:block}.card__body{padding:.6rem .85rem .75rem}.card__title{white-space:nowrap;text-overflow:ellipsis;margin:0 0 .35rem;font-size:1rem;font-weight:600;line-height:1.3;overflow:hidden}.card__info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem .75rem;display:flex}.card__tags{flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--green);color:var(--green-light);border-radius:999px;padding:.05rem .5rem;font-size:.78rem}.card__meta{color:var(--muted);white-space:nowrap;margin:0 0 0 auto;font-size:.85rem}.filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:1rem;margin-bottom:1.5rem;display:grid}.field{flex-direction:column;gap:.35rem;min-width:0;display:flex}.field span{color:var(--muted);font-size:.9rem}.field input,.field select{background:var(--surface);border:1px solid var(--line);width:100%;min-width:0;color:var(--text);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;padding:.65rem .75rem}.field input:focus,.field select:focus{border-color:var(--green)}.filters__clear{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:.65rem 1rem}.filters__clear:hover{border-color:var(--yellow)}.list__count{color:var(--muted);margin:0 0 1rem}@media (width>=720px){.field--wide{grid-column:span 2}}.download{background:var(--green);color:#101010;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:.3rem .8rem;font-size:.85rem;font-weight:600}.download:hover:not(:disabled){background:var(--green-light)}.download:disabled{opacity:.6;cursor:progress}.pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.pagination__pages{gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.pagination__btn{border:1px solid var(--line);min-width:2.5rem;height:2.5rem;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:0 .9rem}.pagination__btn:hover:not(:disabled):not(.pagination__btn--active){border-color:var(--yellow)}.pagination__btn--active{background:var(--green);border-color:var(--green);color:#101010;cursor:default;font-weight:600}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__gap{height:2.5rem;color:var(--muted);align-items:center;padding:0 .25rem;display:inline-flex}.pagination__status{color:var(--muted);white-space:nowrap;display:none}@media (width<=560px){.pagination{justify-content:space-between}.pagination__pages{display:none}.pagination__status{display:block}}.app{flex-direction:column;min-height:100dvh;display:flex}.footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:auto;padding:1.25rem clamp(1rem,4vw,3rem);font-size:.9rem}.footer p{margin:0}.footer p+p{margin-top:.25rem}.install{margin-top:2.5rem}.install__btn{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.7rem 1.5rem;font-weight:600}.install__btn:hover{border-color:var(--yellow)}.install__hint{color:var(--muted);font-size:.95rem}.install__tip{color:var(--muted);margin:.75rem 0 0;font-size:.9rem}.header{position:relative}.header__actions{align-items:stretch;gap:1rem;display:flex}.usermenu{align-self:center;position:relative}.usermenu__avatar{background:var(--surface);border:1px solid var(--line);width:2.25rem;height:2.25rem;color:var(--text);font:inherit;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:600;display:inline-flex}.usermenu__avatar:hover,.usermenu__avatar[aria-expanded=true]{border-color:var(--green)}.usermenu__panel{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:8rem;padding:.25rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 24px #00000080}.usermenu__item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.usermenu__item:hover{background:var(--line)}@media (width<=560px){.header__actions{display:contents}.usermenu{position:absolute;top:.7rem;right:.75rem}}.auth{justify-content:center;padding:clamp(1.5rem,6vh,4rem) 1rem 3rem;display:flex}.auth__loading{text-align:center;padding:2rem}.auth__card{background:var(--surface);border:1px solid var(--line);border-radius:8px;width:min(100%,26rem);padding:clamp(1.25rem,5vw,2rem)}.auth__title{margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(2rem,7vw,2.5rem);font-weight:700;line-height:1}.auth__text{color:var(--muted);margin:.5rem 0 1.5rem}.auth__form{flex-direction:column;gap:1rem;display:flex}button.btn{cursor:pointer;border:0}.auth .btn{width:100%}.btn:disabled{opacity:.6;cursor:progress}.btn--google{color:#1f1f1f;background:#fff;justify-content:center;align-items:center;gap:.75rem;display:flex}.btn--google:hover:not(:disabled){background:#ececec}.auth__divider{color:var(--muted);align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.9rem;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--line);flex:1;height:1px}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--error)}.field__error{color:var(--error);font-size:.85rem}.auth__error{color:var(--error);margin:0}.auth__info{color:var(--green-light);margin:0}.auth__link{color:var(--yellow);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.auth__link:disabled{opacity:.6;cursor:progress}.auth__link--right{align-self:flex-end;font-size:.9rem}.auth__switch{text-align:center;color:var(--muted);margin:1.5rem 0 0}.auth__switch a{color:var(--yellow)}