.db-page{--db-accent:#28c5ff;--db-accent-soft:rgba(40, 197, 255, 0.16);--db-accent-glow:rgba(40, 197, 255, 0.14);--db-green:#a6f36a;--db-card-shadow:0 12px 28px rgba(0, 0, 0, 0.55), 0 3px 8px rgba(0, 0, 0, 0.4)}body[class].hell-mode .db-page{--db-accent:#9a9a9a;--db-accent-soft:rgba(154, 154, 154, 0.16);--db-accent-glow:rgba(0, 0, 0, 0.1);--db-green:#111111;--db-card-shadow:0 6px 16px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.08)}.db-page .panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;margin:18px 0}.db-page .toolbar{display:flex;gap:12px;align-items:stretch;margin:26px 0 4px}.db-page .search-wrap{position:relative;display:flex;flex:auto;min-width:0}.db-page #search{width:100%;padding:12px 44px 12px 16px;font-size:15px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:999px;outline:none}.db-page .search-clear{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--line);border-radius:999px;background:0 0;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;transition:.15s}.db-page .search-clear:hover{border-color:var(--db-accent);color:var(--text)}.db-page .release-related{flex:none;padding:0 18px;border:1px solid var(--gold);border-radius:999px;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--text);font-size:14px;white-space:nowrap;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.db-page .release-related:hover{box-shadow:0 0 24px color-mix(in srgb,var(--gold) 30%,transparent)}.db-page #search::placeholder{color:var(--muted)}.db-page #search:focus{border-color:var(--db-accent);box-shadow:0 0 24px var(--db-accent-glow)}.db-page .bloom{position:relative;flex:none}.db-page .bloombar{height:100%;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--panel);border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:14px;white-space:nowrap;cursor:pointer;transition:.18s}.db-page .bloombar:hover{border-color:var(--db-accent)}.db-page .bloom.open .bloombar{border-color:var(--db-accent);background:var(--db-accent-soft)}.db-page .bloombar .glabel{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.08em}.db-page .bloombar .gval{font-weight:600;color:var(--db-accent)}.db-page .bloombar .caret{color:var(--muted);transition:transform .25s}.db-page .bloom.open .caret{transform:rotate(180deg)}.db-page .bloompanel{position:absolute;top:calc(100% + 8px);right:0;z-index:40;background:var(--panel-solid);border:1px solid var(--line);border-radius:8px;padding:16px;min-width:340px;max-width:min(560px,90vw);max-height:60vh;overflow:auto;box-shadow:0 18px 40px rgba(0,0,0,.45);opacity:0;transform:translateY(-6px)scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.db-page .bloom.open .bloompanel{opacity:1;transform:none;pointer-events:auto}.db-page .bloom-sec+.bloom-sec{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.db-page .bloom-sec .subhead{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:8px}.db-page .chips{display:flex;flex-wrap:wrap;gap:8px}.db-page .chip{background:0 0;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer;transition:.12s}.db-page .chip:hover{border-color:var(--db-accent)}.db-page .chip.active{border-color:var(--db-accent);background:var(--db-accent-soft);color:var(--text)}.db-page .chip .count{opacity:.7;margin-left:4px;font-variant-numeric:tabular-nums}.db-page .chip.empty{opacity:.35}.db-page .new-panel{padding:14px 18px}.db-page .new-panel h2{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--gold)}.db-page .new-carousel{display:flex;align-items:center;gap:10px}.db-page .new-btn{flex:none;width:38px;height:38px;border:1px solid var(--line);border-radius:999px;background:0 0;color:var(--text);font-size:18px;line-height:1;cursor:pointer;transition:border-color .15s,background .15s,opacity .15s}.db-page .new-btn:hover:not(:disabled){border-color:var(--db-accent);background:var(--db-accent-soft)}.db-page .new-btn:disabled{opacity:.3;cursor:default}.db-page .new-viewport{overflow:hidden;flex:auto;padding:4px 0}.db-page .new-track{display:flex;gap:14px;transition:transform .4s ease}.db-page .new-track .card{flex:0 0 calc((100% - 28px)/3);padding:10px 12px;min-height:0}.db-page .new-track .card h3{font-size:14px;margin-bottom:2px}.db-page .new-track .card p{font-size:13px;margin-bottom:6px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.db-page .new-track .card-head{margin-bottom:4px}.db-page .new-dots{display:flex;gap:7px;justify-content:center;margin-top:14px}.db-page .new-dot{width:8px;height:8px;padding:0;border:1px solid var(--line);border-radius:999px;background:0 0;cursor:pointer;transition:width .2s,background .2s,border-color .2s}.db-page .new-dot.active{width:20px;background:var(--db-accent);border-color:var(--db-accent)}@media(max-width:760px){.db-page .new-track .card{flex-basis:calc((100% - 14px)/2)}}@media(max-width:520px){.db-page .new-track .card{flex-basis:100%}}.db-page .results-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.db-page .results-head h2{margin:0 0 12px}.db-page .muted{color:var(--muted)}.db-page .result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:640px){.db-page .toolbar{flex-wrap:wrap}.db-page #search{flex:1 1 100%}.db-page .result-grid{grid-template-columns:1fr}}.db-page .card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;min-height:150px;transition:border-color .15s,box-shadow .15s,transform .15s}.db-page .card:hover{transform:translateY(-2px);box-shadow:var(--db-card-shadow)}.db-page .card-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin-bottom:6px}.db-page .card h3{margin:0 0 6px;font-size:17px;color:var(--text)}.db-page .card p{margin:0 0 10px;color:var(--muted)}.db-page .card .actions{margin-top:auto}.db-page .meta-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}.db-page .badge{color:var(--gold);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}.db-page .tags{display:inline-flex;gap:6px;flex-wrap:wrap}.db-page .tag{color:var(--muted);font-size:12px}.db-page .company{color:var(--muted);font-size:12px}.db-page .actions{display:flex;gap:8px;flex-wrap:wrap}.db-page .linkbtn{display:inline-block;padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:0 0;color:var(--text);text-decoration:none;font-size:13px;transition:border-color .15s,box-shadow .15s,color .15s}.db-page .linkbtn:hover{border-color:var(--db-accent);box-shadow:0 0 24px var(--db-accent-glow)}.db-page .linkbtn.article{border-color:color-mix(in srgb,var(--db-green) 45%,transparent);color:var(--db-green)}.db-page .linkbtn.article:hover{background:color-mix(in srgb,var(--db-green) 14%,transparent)}.db-page .db-pager{position:relative;display:flex;align-items:center;gap:2px;width:max-content;max-width:100%;margin:18px auto 0;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.db-page .db-pager[hidden]{display:none}.db-page .db-pager::before{content:"";position:absolute;inset:0;border-radius:999px;border:1px solid var(--db-accent);box-shadow:0 0 12px var(--db-accent-glow);pointer-events:none;-webkit-mask:radial-gradient(90px circle at var(--mx,50%) var(--my,50%),#000 0,transparent 100%);mask:radial-gradient(90px circle at var(--mx,50%) var(--my,50%),#000 0,transparent 100%);opacity:0;transition:opacity .2s ease}.db-page .db-pager:hover::before,.db-page .db-pager:focus-within::before{opacity:1}.db-page .db-pager-num,.db-page .db-pager-arrow{position:relative;min-width:30px;height:30px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:0 0;color:var(--muted);font:inherit;font-size:13px;line-height:1;cursor:pointer;transition:color .15s,box-shadow .15s,background .15s}.db-page .db-pager-num:hover,.db-page .db-pager-arrow:hover:not(:disabled),.db-page .db-pager-num:focus-visible,.db-page .db-pager-arrow:focus-visible{color:var(--text);box-shadow:0 0 20px var(--db-accent-glow);outline:none}.db-page .db-pager-num.active{color:var(--text);background:var(--db-accent-soft);box-shadow:0 0 20px var(--db-accent-glow)}.db-page .db-pager-arrow:disabled{opacity:.3;cursor:default}.db-page .db-pager-gap{color:var(--muted);padding:0 4px;user-select:none}