.legal-page{counter-reset:legal-section;max-width:760px;margin:0 auto;padding:48px 24px 64px}.legal-eyebrow{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:12px;font-weight:600}.legal-page h1{text-align:center;margin:0;font-size:40px}.legal-page h1:after{content:"";background:var(--accent);border-radius:2px;width:48px;height:3px;margin:16px auto 0;display:block}.legal-updated{text-align:center;color:var(--muted);margin:14px 0 32px;font-size:14px}.legal-card,.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:20px 24px;position:relative}.legal-card{counter-increment:legal-section;padding-left:84px}.legal-card:before{content:counter(legal-section);border:1px solid var(--accent);width:36px;height:36px;color:var(--accent);background:#dc354524;border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;top:20px;left:24px}.legal-card h2,.faq-item h2{margin:0 0 6px;font-size:18px}.legal-card p,.faq-item p{margin:0;font-size:15px;line-height:1.65}.legal-card p+p{margin-top:10px}.legal-page a{color:var(--accent)}.legal-back-link{border:1px solid var(--border);background:var(--surface-2);width:fit-content;color:var(--text);border-radius:8px;margin:28px auto 0;padding:8px 16px;font-size:14px;text-decoration:none;display:block}@media (width<=600px){.legal-card{padding-top:64px;padding-left:24px}}.dialog-backdrop{z-index:10;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:420px;max-width:100%;max-height:90vh;padding:20px;overflow-y:auto}.dialog-title{margin:0 0 16px;font-size:16px}.dialog-body{flex-direction:column;gap:14px;display:flex}.dialog-message{margin:0;font-size:14px;line-height:1.5}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.field-hint{opacity:.65;font-size:.75rem}.input{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:9px 12px;font-size:14px;font-weight:400}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--accent);outline:none}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg-opt{border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:400;display:flex}.seg-opt-active{border-color:var(--accent);color:var(--accent);background:#dc35451f}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.dialog-error{color:#f5a623;margin:-6px 0 0;font-size:12px;font-weight:600}.edit-account-dialog{width:560px}.edit-account-dialog .theme-toggle{align-self:flex-start}.edit-danger{margin:4px 0 0}.theme-opt:disabled{opacity:.5;cursor:not-allowed}.user-links-dialog{width:min(820px,100%)}.user-links-sub{margin:-8px 0 14px}.user-links-list{border:1px solid var(--border);border-radius:8px;max-height:52vh;margin:14px 0 18px;padding:0;list-style:none;overflow-y:auto}.user-links-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px;display:flex}.user-links-row:last-child{border-bottom:0}.user-links-main{flex:1;min-width:0}.user-links-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.user-links-url{text-overflow:ellipsis;white-space:nowrap;color:var(--accent);font-size:13px;display:block;overflow:hidden}.user-links-date{color:var(--muted);white-space:nowrap;font-size:13px}.user-links-delete{margin-top:0;padding:5px 10px;font-size:13px}.user-links-search{margin-top:12px}.admin-head-left{align-items:center;gap:14px;display:flex}.admin-main{max-width:1240px;margin:0 auto;padding:28px 24px}.admin-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.admin-heading{margin:0 0 4px;font-size:24px}.admin-summary{color:var(--muted);margin:0 0 12px;font-size:14px}.admin-search{width:320px;max-width:100%}.admin-filters{gap:8px;display:flex}.admin-chip{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:5px 12px;font-size:13px}.admin-chip-active{border-color:var(--accent);color:var(--accent);background:#dc35451f}.admin-table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding:12px 14px;font-size:12px;font-weight:600}.admin-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}.admin-table tr:last-child td{border-bottom:0}.admin-user-btn{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.admin-user-btn:hover .admin-name{text-decoration:underline}.col-actions{text-align:right;white-space:nowrap}.row-actions{justify-content:flex-end;gap:8px;display:flex}.row-blocked td{opacity:.6}.row-blocked td:last-child{opacity:1}.admin-empty{text-align:center;color:var(--muted);padding:24px}.admin-user{align-items:center;gap:12px;display:flex}.admin-avatar{background:var(--surface-2);width:34px;height:34px;color:var(--muted);border-radius:50%;place-items:center;font-size:12px;display:grid}.admin-name{font-weight:600}.admin-email{color:var(--muted);font-size:13px}.admin-bar{width:180px;margin-top:6px}.admin-block{margin-top:0;padding:6px 14px}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:12px;display:inline-block}.badge-admin{border-color:var(--accent);color:var(--accent)}.badge-blocked{border-color:var(--accent);color:var(--accent);background:#dc354526}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-thumb{aspect-ratio:16/10;background:var(--surface-2);justify-content:center;align-items:center;display:flex;position:relative}.card-img{object-fit:cover;width:100%;height:100%}.card-play{color:#454b5e;width:42px;height:42px}.card-platform{color:#e6e8ef;pointer-events:none;background:#0f1117bf;border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;top:10px;left:10px}.card-body{padding:12px 14px 14px}.card-title{margin:0 0 10px;font-size:14px;font-weight:600;line-height:1.35}.card-tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tag{border:1px solid var(--accent);color:var(--accent);border-radius:6px;padding:2px 8px;font-size:11px}.card-meta{color:var(--muted);margin:0;font-size:12px}.card-delete,.card-edit{width:28px;height:28px;color:var(--muted);cursor:pointer;opacity:0;background:#0f1117bf;border:none;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s;display:flex;position:absolute;top:8px;right:8px}.card-edit{right:44px}.card-delete svg,.card-edit svg{width:15px;height:15px}.card:hover .card-delete,.card:hover .card-edit,.card-delete:focus-visible,.card-edit:focus-visible{opacity:1}.card-delete:hover{color:#e5787d}.card-edit:hover{color:var(--text)}.card-open{position:absolute;inset:0}.card-open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.card:hover .card-play{color:#5a6178}.toolbar{gap:12px;margin-bottom:14px;display:flex}.search{flex:1;position:relative}.search-icon{width:16px;height:16px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:9px 12px 9px 36px;font-size:14px}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:var(--accent);outline:none}.select{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:9px 12px;font-size:14px}.sidebar{flex-direction:column;gap:2px;display:flex}.sidebar-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px 8px;font-size:11px;font-weight:600}.cat{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.cat:hover{background:var(--surface);color:var(--text)}.cat-active{background:var(--accent);border-color:var(--accent);color:var(--text)}.cat-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cat-count{font-variant-numeric:tabular-nums;opacity:.6;flex-shrink:0;font-size:11px}.cat-new{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:13px}.cat-new:hover{border-color:var(--accent);color:var(--accent)}.cat-input-row{align-items:center;gap:6px;margin-top:10px;display:flex}.cat-input{border:1px solid var(--accent);background:var(--surface);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.cat-input::placeholder{color:var(--muted)}.cat-input:focus{outline:none;box-shadow:0 0 0 3px #dc354559}.cat-confirm{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.cat-confirm svg{width:16px;height:16px}.cat-confirm:hover{opacity:.9}.settings-dialog{width:520px}.settings-title{font-size:20px}.settings-section{margin-bottom:22px}.settings-section .btn-secondary{margin-top:12px}.settings-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px}.settings-note{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.usage-row{justify-content:space-between;margin-bottom:8px;font-size:15px;display:flex}.usage-track{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.usage-fill{background:var(--accent);border-radius:3px;height:100%}.danger-zone{background:#dc354514;border:1px solid #dc354573;border-radius:8px;margin-bottom:18px;padding:14px}.danger-title{margin-bottom:2px;font-weight:600}.btn-danger{border:1px solid var(--accent);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:8px;margin-top:12px;padding:8px 14px}.btn-danger:hover{background:var(--accent);color:#fff}.theme-toggle{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.theme-opt{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 16px}.theme-opt-active{background:var(--surface-2);color:var(--accent);font-weight:600}.usage-banner{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 24px;display:flex}.usage-text{color:var(--muted);white-space:nowrap;font-size:13px}.usage-bar{background:var(--surface-2);border-radius:999px;flex:1;max-width:240px;height:6px;overflow:hidden}.usage-bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .2s}.user-menu{position:relative}button.user-chip{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button.user-chip:hover{background:#7f7f7f24}.menu-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:50;min-width:260px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000073}.menu-header{border-bottom:1px solid var(--border);margin-bottom:6px;padding:10px 12px 12px}.menu-name{font-weight:600}.menu-email{color:var(--muted);margin-top:2px;font-size:13px}.menu-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;display:block}.menu-item:hover{background:#7f7f7f24}.profile-dialog{width:480px}.profile-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.profile-head .dialog-title{margin:0;font-size:20px}.profile-avatar{border:1px solid var(--accent);width:52px;height:52px;color:var(--accent);border-radius:50%;place-items:center;font-weight:600;display:grid}.profile-since{color:var(--muted);margin-top:2px;font-size:13px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.stat{background:var(--surface-2);border-radius:8px;flex-direction:column;gap:2px;padding:12px;display:flex}.stat strong{font-size:22px;font-weight:600}.stat span{color:var(--muted);font-size:12px}.name-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input:disabled{opacity:.6;cursor:not-allowed}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.brand{margin:0;font-size:18px}.header-actions{align-items:center;gap:10px;display:flex}.blocked{text-align:center;max-width:520px;margin:80px auto;padding:0 24px}.blocked-title{margin:0 0 12px;font-size:20px}.blocked-text{color:var(--muted);margin:0;line-height:1.6}.btn-primary{border:1px solid var(--accent);background:var(--accent);color:var(--text);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:14px;font-weight:600}.btn-primary:disabled,.btn-ghost:disabled{opacity:.55;cursor:not-allowed}.btn-primary:hover{opacity:.9}.btn-ghost{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:14px}.btn-secondary{background:var(--surface-2);color:var(--text);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:600;display:flex}.btn-secondary:hover{background:var(--border)}.btn-secondary svg{width:15px;height:15px}.btn-outline{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.btn-outline:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.user-chip{color:var(--text);align-items:center;gap:8px;font-size:14px;display:flex}.user-avatar{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 20%, transparent);width:30px;height:30px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.empty-auth{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:80px 0;display:flex}.app-body{flex:1;grid-template-columns:220px 1fr;align-items:start;gap:28px;padding:24px;display:grid}.content{min-width:0}.chips{gap:8px;margin-bottom:18px;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.app-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.muted{color:var(--muted);font-size:13px}.footer-links{gap:16px;display:flex}.footer-links a{color:var(--muted);font-size:13px;text-decoration:none}.footer-links a:hover{color:var(--text)}.chip{background:color-mix(in srgb, var(--chip-brand,var(--accent)) 12%, transparent);color:var(--chip-brand,var(--accent));cursor:pointer;border:1px solid #0000;border-radius:7px;padding:5px 12px;font-size:12px}.chip:hover{background:color-mix(in srgb, var(--chip-brand,var(--accent)) 22%, transparent)}.chip-active{background:var(--chip-brand,var(--accent));color:var(--text);font-weight:600}.empty{color:var(--muted);padding:24px 4px;font-size:14px}.links-error{color:#f5a623;margin:0 0 12px;font-size:13px;font-weight:600}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1117;--surface:#171a22;--surface-2:#1d2029;--border:#262a36;--text:#e6e8ef;--muted:#8b90a0;--accent:#dc3545;--radius:10px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6fa;--surface:#fff;--surface-2:#eef0f5;--border:#d9dce6;--text:#1b1f2a;--muted:#667085}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,sans-serif}