/* cowbag — independent sound archive */
:root{--paper:#f2f0e8;--ink:#1d2db1;--muted:#6f7091;--line:#1d2db12e;--red:#1d2db1;--green:#1d2db1;--acid:#e5fa37}
body{font-family:"Microsoft YaHei UI","PingFang SC",Arial,sans-serif}::selection{background:var(--acid);color:var(--ink)}
.header{height:92px;max-width:1440px;border-bottom:2px solid var(--ink)}.brand{font-family:Arial,Helvetica,sans-serif;font-size:41px;font-weight:900;letter-spacing:-3px;gap:24px}.brand:after{content:"®";font-size:13px;align-self:flex-start;letter-spacing:0;margin:8px 0 0 -19px}.brand-en{font:9px/1.5 "Courier New",monospace;letter-spacing:1px;max-width:100px;color:var(--ink);margin-left:0}nav{font-size:11px;letter-spacing:1px}nav a.active{border-color:var(--ink)}main{max-width:1320px}.hero{min-height:490px;grid-template-columns:1.2fr 1fr;padding:45px 0 55px;gap:10px}.hero .eyebrow{color:var(--ink);letter-spacing:1px;font-size:10px}.hero h1{font-family:Arial,"Microsoft YaHei UI",sans-serif;font-weight:900;font-size:clamp(45px,5.4vw,76px);line-height:1.18;letter-spacing:-4px;margin:28px 0 22px}.outline-word{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero p{color:var(--ink);opacity:.7;line-height:2;font-size:12px}.text-link{background:var(--acid);padding:13px 17px;border:1px solid var(--ink);gap:50px;font-size:11px;box-shadow:4px 4px 0 var(--ink);transition:transform .15s}.text-link:hover{transform:translate(-2px,-2px)}
.record-scene{height:340px;padding-left:15px}.sleeve{width:280px;height:310px;transform:rotate(-9deg);background:var(--acid);color:var(--ink);box-shadow:9px 12px 0 #1d2db114;border:1px solid var(--ink);padding:23px}.sleeve>span:first-child{font-family:Arial,sans-serif;font-size:36px;font-weight:900;line-height:.95;letter-spacing:-2px}.sleeve:after{width:260px;height:260px;border:42px solid var(--ink);border-radius:0;transform:rotate(45deg);left:70px;top:150px;box-shadow:none;opacity:.9}.sleeve-bottom{font:9px/1.7 "Courier New",monospace;letter-spacing:0;z-index:1;background:var(--acid);width:max-content;padding:5px}.record{width:280px;height:280px;left:174px;top:35px;background:repeating-radial-gradient(circle,#17268b 0 2px,#2639c0 3px,#17268b 4px);box-shadow:7px 12px 20px #18248430}.record-label{width:100px;height:100px;background:#f2f0e8;color:var(--ink);font:900 37px Arial;letter-spacing:-3px;transform:rotate(12deg)}.record-label small{font:7px "Courier New";letter-spacing:0}.record-label i{background:var(--ink)}.record-scene:after{content:"✳";position:absolute;top:-20px;right:0;font-size:95px;line-height:1;color:var(--ink);transform:rotate(15deg)}.scene-note{font:8px "Courier New";letter-spacing:.7px;bottom:-2px;right:0;color:var(--ink)}
.ticker{margin:0 -48px 30px;padding:15px 30px;background:var(--ink);color:var(--acid);display:flex;justify-content:space-around;align-items:center;gap:30px;overflow:hidden;white-space:nowrap;font:900 15px Arial;letter-spacing:1px;transform:rotate(-1.2deg)}.ticker>span:nth-child(even){font-size:25px;font-weight:400}.ticker>span:nth-child(3){font-size:13px;letter-spacing:3px}.library{padding-top:24px}.eyebrow{font-family:"Courier New",monospace;letter-spacing:1px;color:var(--muted)}h2{font-family:Arial,"Microsoft YaHei UI",sans-serif;font-weight:700;font-size:28px;letter-spacing:-1px}.library-head h2{margin-top:12px}.search{border-bottom:2px solid var(--ink);width:320px}.search input{color:var(--ink)}.search input::placeholder{color:var(--muted)}.search kbd{border-color:var(--line)}.collection-meta{border-bottom:2px solid var(--ink);color:var(--ink)}.track-row{border-top:1px solid var(--line);transition:background .15s}.track-row:hover{background:#e4e6df}.track-row.current{background:var(--acid)}.track-title{font-weight:600}.row-play{border-color:var(--ink);color:var(--ink);border-radius:0}.row-play:hover{background:var(--ink);color:var(--paper)}.empty{padding:35px 0}.empty-disc{background:var(--acid);color:var(--ink);border-radius:0;transform:rotate(-8deg);border:1px solid var(--ink)}.empty h3{font-family:inherit;font-weight:600;font-size:18px}.player{background:#eeefe8fa;border-top:2px solid var(--ink)}.mini-record{background:repeating-radial-gradient(#1d2db1 0 2px,#3548d0 3px,#1d2db1 4px);color:var(--acid)}.buttons .play{background:var(--ink);color:var(--acid)}.dark{background:var(--ink);color:var(--acid)}.dark:hover{background:#101c88}.button{border-radius:0}footer{color:var(--ink);font-family:"Courier New",monospace;border-top:2px solid var(--ink)}footer>span:first-child{font-size:8px}.admin-title{font-family:inherit;font-weight:800;font-size:43px;letter-spacing:-2px}.login-panel{background:#e8e9dc;border:1px solid var(--ink);box-shadow:7px 7px 0 var(--acid)}.upload-panel{border-color:var(--ink);background:#f8f7ee;box-shadow:7px 7px 0 #1d2db110}.studio-note{border-top:2px solid var(--ink);margin-top:0;background:var(--acid);padding:30px}.studio-note h2{font-family:inherit;font-weight:800;font-size:41px;letter-spacing:-2px}.studio-note p{color:var(--ink);opacity:.75}.drop-zone{border-color:var(--ink);background:#edeee1}.drop-zone.drag{background:var(--acid)}form label input:not([type=file]){border-color:#1d2db14d;color:var(--ink);border-radius:0}.form-message{color:var(--ink)}.admin-song{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,.5fr) auto;align-items:center;gap:18px}.admin-song strong{font-weight:600;overflow-wrap:anywhere}.delete-track{border:1px solid var(--ink);background:none;color:var(--ink);padding:9px 15px;font-size:11px}.delete-track:hover{background:var(--ink);color:var(--acid)}.note-bottom{border-color:#1d2db150}
@media(min-width:1450px){.hero{min-height:520px}}@media(max-width:1000px){.record-scene{transform:scale(.78);transform-origin:left center}.hero h1{font-size:56px;letter-spacing:-3px}.record-scene:after{right:-35px}.brand-en{display:none}.brand:after{margin-left:-19px}.studio-grid{gap:30px}.studio-note{padding:23px}}
@media(max-width:650px){.header{height:82px}.brand{font-size:35px}.hero{grid-template-columns:1fr;padding:30px 0 25px}.hero h1{font-size:52px;letter-spacing:-3px}.hero .eyebrow{font-size:9px}.record-scene{height:315px;transform:scale(.72);transform-origin:left top;margin:40px 0 -65px}.record-scene:after{right:-35px}.ticker{margin:0 -22px 15px;padding:12px 15px;gap:25px;font-size:12px;justify-content:flex-start}.ticker>span:last-child{display:none}.search{width:100%}.library{padding-top:25px}h2{font-size:25px}.admin-title{font-size:31px;letter-spacing:-1px}.admin-song{grid-template-columns:minmax(0,1fr) auto;gap:8px 18px}.admin-song>span{grid-column:1;grid-row:2}.delete-track{grid-column:2;grid-row:1/3}.studio-note h2{font-size:34px}footer{font-size:9px}footer>span:first-child{letter-spacing:0;font-size:7px}.studio-grid{gap:25px}.scene-note{bottom:0}}
/* Batch import workspace */
#studio .studio-grid{grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr)}.upload-panel{min-width:0}.batch-help{font-size:11px;color:var(--muted);line-height:1.9;margin:15px 0 20px}.batch-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:10px}.batch-toolbar>div{display:flex;gap:12px}.batch-toolbar button,.queue-remove{border:0;padding:3px 0;background:none;color:var(--ink);font-size:10px;text-decoration:underline;text-underline-offset:4px}.batch-item{border:1px solid var(--line);padding:15px;margin:12px 0;background:var(--paper)}.batch-filename{font:11px/1.6 "Courier New","Microsoft YaHei",monospace;overflow-wrap:anywhere;margin-bottom:12px;opacity:.8}.batch-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:end}.batch-fields label{display:block;font-size:10px;min-width:0}.batch-fields label input{width:100%;font-size:12px;margin-top:7px!important;padding:10px!important}.swap-fields{border:1px solid var(--ink);background:var(--acid);color:var(--ink);font-size:10px;padding:11px 8px;white-space:nowrap}.batch-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:12px}.batch-state{font-size:10px;overflow-wrap:anywhere}.batch-state[data-state=done]{color:#42703b}.batch-state[data-state=failed]{color:#a83c26}.batch-state[data-state=uploading]{font-weight:bold}#batch-list{max-height:560px;overflow-y:auto;padding-right:4px}#batch-list input:disabled{opacity:.65}#batch-list button:disabled,.batch-toolbar button:disabled{opacity:.4;cursor:default}#batch-list:empty{display:none}@media(max-width:800px){#studio .studio-grid{grid-template-columns:1fr}.studio-note{padding:25px}.batch-fields{gap:8px}}@media(max-width:420px){.batch-fields{grid-template-columns:minmax(0,1fr) auto}.batch-fields>label:last-child{grid-column:1;grid-row:2}.swap-fields{grid-column:2;grid-row:1/3;align-self:center}.batch-toolbar{flex-wrap:wrap}}
/* Homepage credits */
footer{flex-direction:column;gap:18px}.footer-brand{display:flex;align-items:center;gap:24px;width:100%}.footer-credits{font-family:Arial,sans-serif;font-size:11px;line-height:1.9;letter-spacing:.15px;color:var(--muted);overflow-wrap:anywhere}.footer-credits p{margin:0;line-height:1.9}.footer-credits a{text-decoration:underline;text-underline-offset:3px}.footer-credits a:hover{color:var(--ink)}@media(max-width:650px){.footer-brand{gap:12px}.footer-brand>span:last-child{display:none}.footer-credits{font-size:10px}}

.source-switch{display:flex;gap:8px;margin:6px 0 16px}.source-switch button,.pagination button{border:1px solid var(--ink);background:none;color:var(--ink);padding:10px 17px;font-size:11px}.source-switch button[aria-pressed=true]{background:var(--ink);color:var(--acid)}.official-song{font-size:9px;margin-left:12px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.track-album{display:block;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-date small{display:block;font-size:10px;margin-top:7px}.pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin:24px 0;font-size:11px}.pagination button:disabled{opacity:.35;cursor:default}#status{line-height:1.9;overflow-wrap:anywhere}.empty #retry-search{margin-top:14px}

.qq-account-panel{border:1px solid var(--ink);padding:25px 30px;background:#e8e9dc;margin:32px 0}.qq-account-panel .panel-top h2{font-size:22px}#qq-account-status{font-size:12px}#qq-account-status[data-valid=false]{color:#9c3827}#qq-account-status[data-valid=true]{color:#3c6d36}#qq-account-form>label{margin:15px 0}.qq-account-panel textarea{display:block;width:100%;margin-top:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:12px;font:11px/1.6 monospace;resize:vertical;overflow-wrap:anywhere;-webkit-text-security:disc}.qq-account-panel .cookie-file-label{font-size:11px}.qq-account-panel input[type=file]{font-size:11px}.qq-account-panel .button{width:auto;min-width:180px}.qq-account-panel .batch-help{max-width:760px}@media(max-width:650px){.qq-account-panel{padding:20px}.qq-account-panel .panel-top h2{font-size:20px}}

.qr-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}.qr-actions span{font-size:11px;color:var(--muted);line-height:1.8}.qr-actions .button{margin:0}

.qq-debug{margin:18px 0;font-size:11px;border-top:1px solid var(--line);padding-top:14px}.qq-debug summary{cursor:pointer}.qq-debug pre{max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper);padding:12px;font:10px/1.8 Consolas,monospace;color:var(--muted)}