:root{--bg:#0a0d14;--bg-deep:#06080d;--bg-raised:#10151f;--surface:#121826;--surface-2:#171f30;--surface-3:#1d2740;--line:#94a3c824;--line-strong:#94a3c847;--text:#eef2fa;--text-soft:#a7b1c8;--text-faint:#6b7690;--accent:#38d0f2;--accent-2:#4ad6a8;--accent-soft:#38d0f224;--accent-line:#38d0f273;--accent-ink:#06222c;--grad-accent:linear-gradient(92deg, #38d0f2 10%, #4ad6a8 90%);--grad-tri:linear-gradient(92deg, #38d0f2 10%, #4ad6a8 55%, #b48cff 100%);--bits:#b48cff;--bits-soft:#b48cff24;--bits-line:#b48cff73;--cp:#4ad6a8;--cp-soft:#4ad6a824;--cp-line:#4ad6a873;--good:#4ad67f;--good-soft:#4ad67f21;--warn:#f2b84b;--warn-soft:#f2b84b21;--bad:#f2647c;--bad-soft:#f2647c21;--radius:14px;--radius-sm:9px;--shadow:0 14px 40px #02061080;--glow-accent:0 8px 30px #38d0f238;--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ease-pop:cubic-bezier(.2, .9, .25, 1.2);--ease-out:cubic-bezier(.2, .65, .25, 1);color:var(--text);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(ellipse 62rem 30rem at 85% -12%, #38d0f217, transparent), radial-gradient(ellipse 44rem 26rem at -12% 34%, #b48cff0f, transparent), radial-gradient(ellipse 50rem 30rem at 60% 115%, #4ad6a80d, transparent), var(--bg);min-width:320px;min-height:100vh;margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0}h1{font-size:1.35rem;font-weight:850}h2{font-size:1.02rem;font-weight:750}h3{font-size:.92rem;font-weight:700}p{margin:0}code{background:var(--surface-2);border:1px solid var(--line);word-break:break-all;border-radius:5px;padding:.12rem .4rem;font-family:JetBrains Mono,ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82em}::selection{background:#38d0f24d}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--surface-3);border:2px solid var(--bg);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#38d0f266}::-webkit-scrollbar-track{background:0 0}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);min-height:38px;color:var(--text);cursor:pointer;letter-spacing:.01em;transition:border-color .14s ease, background .14s ease, color .14s ease, transform .14s var(--ease-out), box-shadow .14s ease;white-space:nowrap;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.87rem;font-weight:620;display:inline-flex}button:hover{border-color:var(--accent-line);background:var(--surface-3);transform:translateY(-1px)}button:active{transform:translateY(0)scale(.98)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}button.primary{background:var(--grad-accent);color:var(--accent-ink);border-color:#0000;font-weight:750;box-shadow:0 6px 22px #38d0f238}button.primary:hover:not(:disabled){background:var(--grad-accent);border-color:#0000;box-shadow:0 10px 30px #38d0f259}button.primary:disabled{box-shadow:none}button.ghost{color:var(--text-soft);background:0 0;border-color:#0000}button.ghost:hover{border-color:var(--line-strong);color:var(--text);background:var(--surface-2)}button.danger{color:var(--bad);background:var(--bad-soft);border-color:#f2647c66}button.danger:hover{border-color:var(--bad);background:#f2647c38;box-shadow:0 6px 20px #f2647c2e}button.ghost.danger{background:0 0;border-color:#0000}button.ghost.danger:hover{background:var(--bad-soft);border-color:#f2647c66}button.warn-active{color:var(--warn);background:var(--warn-soft);border-color:#f2b84b80;box-shadow:inset 0 0 18px #f2b84b24}input[type=text],input[type=number],input:not([type]),input[type=search],select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);width:100%;min-height:38px;padding:.45rem .65rem;font-size:.9rem;transition:border-color .14s,box-shadow .14s}input[type=text]:hover,input[type=number]:hover,input:not([type]):hover,select:hover{border-color:var(--line-strong)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent-line);outline-offset:1px}input[type=text]:focus,input[type=number]:focus,input:not([type]):focus,select:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px #38d0f217}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;min-height:24px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #38d0f28c, #4ad6a873) no-repeat, var(--surface-3);border:1px solid var(--line);background-size:100% 100%;border-radius:99px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);background:#eafcff;border-radius:50%;width:17px;height:17px;margin-top:-6.5px;transition:box-shadow .14s,transform .14s;box-shadow:0 0 10px #38d0f28c}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 0 16px #38d0f2cc}input[type=range]::-moz-range-track{background:var(--surface-3);border:1px solid var(--line);border-radius:99px;height:6px}input[type=range]::-moz-range-progress{background:linear-gradient(90deg,#38d0f2bf,#4ad6a899);border-radius:99px;height:6px}input[type=range]::-moz-range-thumb{border:2px solid var(--accent);background:#eafcff;border-radius:50%;width:15px;height:15px;box-shadow:0 0 10px #38d0f28c}input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}input[type=file]{display:none}.field-stack{color:var(--text-soft);flex-direction:column;gap:.32rem;font-size:.78rem;font-weight:620;display:flex}.field-label{color:var(--text-soft)}label{color:var(--text-soft);flex-direction:column;gap:.32rem;font-size:.78rem;font-weight:620;display:flex}.switch input[type=checkbox],.toggle-row input[type=checkbox]{appearance:none;background:var(--surface-3);border:1px solid var(--line-strong);border-radius:99px;flex-shrink:0;width:40px;height:22px;transition:background .18s,border-color .18s,box-shadow .18s;position:relative}.switch input[type=checkbox]:after,.toggle-row input[type=checkbox]:after{content:"";background:var(--text-soft);width:16px;height:16px;transition:transform .18s var(--ease-pop), background .18s ease;border-radius:50%;position:absolute;top:2px;left:2px}.switch input[type=checkbox]:checked,.toggle-row input[type=checkbox]:checked{background:var(--grad-accent);border-color:#0000;box-shadow:0 0 12px #38d0f259}.switch input[type=checkbox]:checked:after,.toggle-row input[type=checkbox]:checked:after{background:var(--accent-ink);transform:translate(18px)}table{border-collapse:collapse;width:100%;font-size:.86rem}th{text-align:left;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);border-bottom:1px solid var(--line-strong);white-space:nowrap;padding:.55rem .75rem;font-size:.66rem;font-weight:750}td{border-bottom:1px solid var(--line);color:var(--text-soft);vertical-align:middle;padding:.62rem .75rem}td:first-child,th:first-child{padding-left:.25rem}tbody tr{transition:background .12s}tbody tr:hover td{background:#38d0f20a}.app-shell{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#06080deb,#0a0d14bf);flex-direction:column;gap:1.2rem;height:100vh;padding:1.1rem .85rem;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:.65rem;padding:0 .35rem;display:flex}.brand-mark{filter:drop-shadow(0 4px 14px #38d0f259);flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.brand-mark svg,.brand-mark img{object-fit:cover;border-radius:10px;display:block}.brand-mark.large{width:58px;height:58px}.brand-mark.large svg,.brand-mark.large img{border-radius:14px}.brand strong{letter-spacing:-.01em;background:var(--grad-accent);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:850;display:block}.brand span{color:var(--text-faint);text-transform:uppercase;letter-spacing:.22em;font-size:.66rem;font-weight:750;display:block}.brand-eq{align-items:flex-end;gap:2.5px;height:16px;margin-left:auto;padding-right:.2rem;display:flex}.brand-eq i{background:var(--grad-accent);transform-origin:bottom;opacity:.85;border-radius:2px 2px 0 0;width:3px;height:100%;animation:1.1s ease-in-out infinite eq-bounce;transform:scaleY(.3)}.brand-eq i:nth-child(2){animation-delay:.16s}.brand-eq i:nth-child(3){animation-delay:.32s}.brand-eq i:nth-child(4){animation-delay:.48s}.sidebar nav{flex-direction:column;gap:2px;display:flex}.nav-group-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-faint);padding:.95rem .6rem .35rem;font-size:.62rem;font-weight:800}.sidebar nav button{color:var(--text-soft);border-radius:var(--radius-sm);min-height:37px;box-shadow:none;background:0 0;border:none;justify-content:flex-start;gap:.6rem;padding:.45rem .7rem;font-weight:550;position:relative;transform:none}.sidebar nav button:hover{background:var(--surface-2);color:var(--text);transform:none}.sidebar nav button.active{color:var(--accent);background:linear-gradient(92deg,#38d0f229,#4ad6a814);font-weight:700}.sidebar nav button.active:before{content:"";background:var(--grad-accent);border-radius:99px;width:3px;position:absolute;top:20%;bottom:20%;left:0;box-shadow:0 0 10px #38d0f2b3}.sidebar nav button .nav-badge{background:var(--bad-soft);color:var(--bad);font-variant-numeric:tabular-nums;border:1px solid #f2647c59;border-radius:99px;margin-left:auto;padding:.08rem .45rem;font-size:.66rem;font-weight:750}.sidebar-user{border-top:1px solid var(--line);color:var(--text-soft);align-items:center;gap:.55rem;margin-top:auto;padding-top:.85rem;padding-left:.35rem;font-size:.8rem;display:flex}.sidebar-user img{border:1px solid var(--accent-line);border-radius:50%;width:28px;height:28px}.dot-avatar{background:var(--surface-3);border:1px solid var(--line-strong);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.68rem;font-weight:800;display:grid}main{width:100%;min-width:0;max-width:1240px;padding:0 1.6rem 3rem}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#06080dd1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 -1.6rem 1.5rem;padding:.9rem 1.6rem;display:flex;position:sticky;top:0}.topbar h1{text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(92deg,#eef2fa 30%,#38d0f2 85%,#4ad6a8 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.28rem;font-weight:850}.eyebrow{text-transform:uppercase;letter-spacing:.26em;color:var(--accent);margin-bottom:.2rem;font-size:.64rem;font-weight:800}.status-strip{flex-wrap:wrap;gap:.4rem;display:flex}.status-strip .chip{border:1px solid var(--line);color:var(--text-soft);font-variant-numeric:tabular-nums;white-space:nowrap;background:#121826d9;border-radius:99px;align-items:center;gap:.35rem;padding:.28rem .7rem;font-size:.73rem;font-weight:650;display:inline-flex}.chip .dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:7px;height:7px}.chip.good{color:var(--good);background:var(--good-soft);border-color:#4ad67f59}.chip.good .dot{background:var(--good);animation:2.2s ease-in-out infinite dot-pulse}.chip.warn{color:var(--warn);background:var(--warn-soft);border-color:#f2b84b59}.chip.warn .dot{background:var(--warn)}.chip.bad{color:var(--bad);background:var(--bad-soft);border-color:#f2647c59}.chip.bad .dot{background:var(--bad)}@keyframes dot-pulse{0%,to{box-shadow:0 0 4px var(--good)}50%{box-shadow:0 0 12px var(--good)}}.panel{background:linear-gradient(168deg, var(--surface), #10151fbf);border:1px solid var(--line);border-radius:var(--radius);animation:rise-in .38s var(--ease-out) both;content-visibility:auto;contain-intrinsic-size:1px 260px;margin-bottom:1rem;padding:1.2rem 1.3rem;position:relative;box-shadow:0 6px 24px #0206104d}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.95rem;display:flex}.section-title h2{text-transform:uppercase;letter-spacing:.02em;font-weight:800}.section-title p.desc{color:var(--text-soft);text-transform:none;letter-spacing:0;max-width:60ch;margin-top:.35rem;font-size:.85rem;line-height:1.5}.section-title>svg{color:var(--accent);opacity:.75}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.alert{border-radius:var(--radius-sm);animation:rise-in .26s var(--ease-out) both;border:1px solid;align-items:center;gap:.5rem;margin-bottom:.9rem;padding:.65rem .9rem;font-size:.86rem;font-weight:550;display:flex}.alert.error{background:var(--bad-soft);color:var(--bad);border-color:#f2647c66}.alert.success{background:var(--good-soft);color:var(--good);border-color:#4ad67f66}.pill{letter-spacing:.03em;border:1px solid var(--line-strong);color:var(--text-soft);white-space:nowrap;text-transform:capitalize;border-radius:99px;align-items:center;gap:.3rem;padding:.18rem .58rem;font-size:.68rem;font-weight:750;display:inline-flex}.pill.status-completed,.pill.available,.pill.ok{color:var(--good);background:var(--good-soft);border-color:#4ad67f66}.pill.status-failed,.pill.voided,.pill.invalid{color:var(--bad);background:var(--bad-soft);border-color:#f2647c66}.pill.status-queued,.pill.status-playing{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.pill.status-canceled,.pill.used,.pill.expired{color:var(--text-faint)}.pill.bits{color:var(--bits);border-color:var(--bits-line);background:var(--bits-soft)}.pill.cp{color:var(--cp);border-color:var(--cp-line);background:var(--cp-soft)}.pill.warn,.pill.warn-pill{color:var(--warn);background:var(--warn-soft);border-color:#f2b84b73}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg, var(--surface-2) 40%, var(--surface-3) 50%, var(--surface-2) 60%);background-size:200% 100%;height:52px;margin-bottom:.7rem;animation:1.4s infinite shimmer}.skeleton.wide{height:120px}@keyframes shimmer{to{background-position:-200% 0}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-panel{text-align:center;background:radial-gradient(ellipse 26rem 13rem at 50% -18%, #38d0f224, transparent), linear-gradient(168deg, var(--surface), #10151fcc);border-color:var(--line-strong);max-width:580px;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:.9rem;margin:8vh auto;padding:3rem 2.2rem 2.6rem;display:flex}.login-panel h2{text-transform:uppercase;letter-spacing:.01em;font-size:1.4rem;font-weight:850}.login-panel>p{color:var(--text-soft);max-width:46ch;font-size:.92rem;line-height:1.55}.login-meta{color:var(--text-faint);text-align:left;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:auto 1fr;align-items:center;gap:.45rem .8rem;width:100%;padding:.8rem .95rem;font-size:.78rem;display:grid}.login-meta.compact{margin-top:.9rem}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.85rem;margin-bottom:1rem;display:grid}.metric-grid article{background:linear-gradient(168deg, var(--surface), #10151fb3);border:1px solid var(--line);border-radius:var(--radius);min-width:0;transition:border-color .16s ease, transform .16s var(--ease-out), box-shadow .16s ease;animation:rise-in .38s var(--ease-out) both;flex-direction:column;gap:.22rem;padding:1rem 1.1rem .95rem;display:flex;position:relative;overflow:hidden}.metric-grid article:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 10px 30px #02061073}.metric-grid article:before{content:"";background:linear-gradient(90deg, var(--text-faint), transparent 70%);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.metric-grid article:after{content:"";pointer-events:none;background:radial-gradient(circle,#94a3c812,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-58px;right:-46px}.metric-grid article span{text-transform:uppercase;letter-spacing:.16em;color:var(--text-faint);font-size:.66rem;font-weight:750}.metric-grid article strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:1.9rem;font-weight:850;line-height:1.1}.metric-grid article small{color:var(--text-soft);font-size:.76rem}.metric-grid article.accent:before{background:var(--grad-accent);opacity:1}.metric-grid article.accent:after{background:radial-gradient(circle,#38d0f21f,#0000 70%)}.metric-grid article.accent strong{color:var(--accent)}.metric-grid article.bits:before{opacity:1;background:linear-gradient(90deg,#b48cff,#38d0f2)}.metric-grid article.bits:after{background:radial-gradient(circle,#b48cff1f,#0000 70%)}.metric-grid article.bits strong{color:var(--bits)}.metric-grid article.cp:before{opacity:1;background:linear-gradient(90deg,#4ad6a8,#38d0f2)}.metric-grid article.cp:after{background:radial-gradient(circle,#4ad6a81f,#0000 70%)}.metric-grid article.cp strong{color:var(--cp)}.metric-grid article.warn:before{opacity:1;background:linear-gradient(90deg,#f2b84b,#0000)}.metric-grid article.warn strong{color:var(--warn)}.metric-grid article.bad strong{color:var(--bad)}.split{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.split h3{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-bottom:.3rem;font-size:.8rem}.split p{color:var(--text-soft);font-size:.85rem;line-height:1.5}.search{background:var(--bg-raised);border:1px solid var(--line);min-width:250px;color:var(--text-faint);border-radius:99px;flex-direction:row;align-items:center;gap:.5rem;padding:0 .9rem;transition:border-color .14s,box-shadow .14s;display:flex}.search:focus-within{border-color:var(--accent-line);color:var(--accent);box-shadow:0 0 0 3px #38d0f217}.search input{background:0 0;border:none;min-height:38px;padding:0}.search input:focus-visible{outline:none}.search input:focus{box-shadow:none}.search input::placeholder{color:var(--text-faint)}.sound-artwork{background:radial-gradient(circle at 30% 25%, #38d0f238, transparent 40%), var(--surface-3);width:52px;height:52px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:800;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #eef2fa0f}.sound-artwork img{object-fit:cover;width:100%;height:100%}.sound-artwork.small{border-radius:9px;width:42px;height:42px;font-size:.7rem}.switch{white-space:nowrap;cursor:pointer;flex-direction:row;align-items:center;gap:.45rem;padding-top:.4rem;font-size:.75rem}.image-button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;min-height:34px;color:var(--text);background:var(--surface-2);transition:border-color .14s ease, transform .14s var(--ease-out);flex-direction:row;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.8rem;font-weight:620;display:inline-flex}.image-button:hover{border-color:var(--accent-line);transform:translateY(-1px)}.card-grid{grid-template-columns:1fr 1fr 1fr;gap:.65rem;display:grid}.card-grid label{font-size:.72rem}.upload-sound-fields{grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);align-items:end}.upload-sound-fields .name-field{grid-column:1/-1}.upload-sound-fields .name-field input{min-height:46px;font-size:1rem;font-weight:650}.upload-sound-fields .visibility-field .visibility-toggle{width:100%}.pricing{grid-template-columns:1fr;gap:.65rem;display:grid}.price-block{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:.55rem;padding:.75rem .85rem;transition:border-color .16s,box-shadow .16s;display:flex}.price-block.on-bits{border-color:var(--bits-line);background:linear-gradient(150deg, #b48cff12, var(--surface) 55%);box-shadow:0 0 20px #b48cff12}.price-block.on-cp{border-color:var(--cp-line);background:linear-gradient(150deg, #4ad6a812, var(--surface) 55%);box-shadow:0 0 20px #4ad6a812}.price-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.price-header strong{font-variant-numeric:tabular-nums;font-size:.98rem;font-weight:800}.price-header strong.bits{color:var(--bits);text-shadow:0 0 18px #b48cff66}.price-header strong.cp{color:var(--cp);text-shadow:0 0 18px #4ad6a866}.checkline{color:var(--text);cursor:pointer;flex-direction:row;align-items:center;gap:.45rem;font-size:.84rem;font-weight:700}.price-block.on-bits input[type=checkbox],.price-block.on-bits input[type=range]{accent-color:var(--bits)}.price-block.on-cp input[type=checkbox],.price-block.on-cp input[type=range]{accent-color:var(--cp)}.price-control{grid-template-columns:1fr 108px;align-items:end;gap:.6rem;display:grid}.price-block small{color:var(--text-faint);font-size:.72rem}.card-actions{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.card-actions button{flex:1;min-width:0;padding:.45rem .5rem;font-size:.84rem}.card-actions button.ghost.danger{flex:none}.library-empty{text-align:center;color:var(--text-soft);border:1px dashed var(--line-strong);border-radius:var(--radius);background:radial-gradient(20rem 8rem at 50% 0,#38d0f20d,#0000);flex-direction:column;align-items:center;gap:.6rem;padding:3.2rem 1rem;display:flex}.library-empty svg{color:var(--accent);opacity:.7}.library-empty strong{text-transform:uppercase;letter-spacing:.02em;font-size:1rem;font-weight:800}.library-empty span{max-width:46ch;font-size:.85rem;line-height:1.5}.upload-panel{text-align:center;border-style:dashed;border-width:2px;border-color:var(--line-strong);background:radial-gradient(ellipse 24rem 10rem at 50% -10%, #38d0f212, transparent), linear-gradient(168deg, var(--surface), #10151fbf);flex-direction:column;align-items:center;gap:.7rem;padding:2.8rem 1.5rem;transition:border-color .16s;display:flex}.upload-panel:hover{border-color:var(--accent-line)}.upload-panel>svg{color:var(--accent);filter:drop-shadow(0 0 14px #38d0f266)}.upload-panel h2{text-transform:uppercase;letter-spacing:.02em;font-size:1.2rem;font-weight:850}.upload-panel>p{color:var(--text-soft);font-size:.86rem}.upload-details{text-align:left;flex-direction:column;gap:.65rem;width:100%;max-width:460px;margin-top:.6rem;display:flex}.upload-details audio{width:100%}.upload-details span{color:var(--text-faint);font-size:.8rem}.upload-details strong{font-size:.95rem}.file-button{background:var(--grad-accent);min-height:42px;color:var(--accent-ink);border-radius:var(--radius-sm);cursor:pointer;transition:box-shadow .14s ease, transform .14s var(--ease-out);border:none;flex-direction:row;align-items:center;gap:.45rem;padding:.55rem 1.4rem;font-size:.9rem;font-weight:750;display:inline-flex;box-shadow:0 6px 22px #38d0f238}.file-button:hover{transform:translateY(-1px);box-shadow:0 10px 30px #38d0f259}.artwork-upload{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);align-items:center;gap:.8rem;padding:.75rem .85rem;display:flex}.artwork-upload .sound-artwork{border-radius:10px;width:56px;height:56px}.artwork-upload-info{flex-direction:column;align-items:flex-start;gap:.3rem;display:flex}.artwork-upload-info strong{font-size:.85rem}.artwork-upload-info small{color:var(--text-faint);font-size:.74rem;line-height:1.4}.visibility-picker{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.visibility-picker button{text-align:left;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:0;padding:.65rem .85rem;display:flex}.visibility-picker button small{color:var(--text-faint);font-size:.7rem;font-weight:450}.visibility-picker button.active{border-color:var(--accent-line);color:var(--accent);background:linear-gradient(150deg,#38d0f229,#4ad6a812);box-shadow:0 0 16px #38d0f21f}.visibility-picker button.active small{color:var(--accent);opacity:.8}.visibility-toggle{border-color:var(--line-strong);background:#080c149e;justify-content:space-between;gap:.85rem;min-height:58px;padding:.65rem .72rem .65rem .85rem}.visibility-toggle:hover{border-color:var(--accent-line);background:#09101ac7;transform:translateY(-1px);box-shadow:0 0 18px #38d0f21a}.visibility-toggle.public{border-color:var(--accent-line);background:linear-gradient(150deg,#38d0f224,#4ad6a814),#080c14b8;box-shadow:0 0 20px #38d0f224}.visibility-toggle-copy{text-align:left;gap:.12rem;min-width:0;display:grid}.visibility-toggle-copy strong{color:var(--text);font-size:.86rem;font-weight:800}.visibility-toggle-copy small{color:var(--text-faint);font-size:.7rem;font-weight:600}.visibility-toggle.public .visibility-toggle-copy strong,.visibility-toggle.public .visibility-toggle-copy small{color:var(--accent)}.visibility-toggle-track{background:#172033;border:1px solid #7e8fab59;border-radius:999px;flex:none;width:42px;height:24px;transition:all .15s;position:relative;box-shadow:inset 0 0 0 1px #ffffff05,inset 0 6px 16px #0000003d}.visibility-toggle-track span{background:linear-gradient(#d6deea,#91a0b6);border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px 7px #00000059}.visibility-toggle.public .visibility-toggle-track{background:linear-gradient(135deg,#38d0f2e6,#4ad6a8b8);border-color:#38d0f29e;box-shadow:0 0 18px #38d0f240,inset 0 0 0 1px #ffffff14}.visibility-toggle.public .visibility-toggle-track span{background:#f8fbff;left:21px}.copy-row{gap:.5rem;margin-bottom:1rem;display:flex}.copy-row input{color:var(--text-soft);flex:1;font-family:ui-monospace,monospace;font-size:.8rem}.copy-row button{flex-shrink:0}.block-form{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:.6rem;margin-bottom:1rem;display:grid}.block-list{flex-direction:column;gap:.5rem;display:flex}.block-list>div{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);align-items:center;gap:.8rem;padding:.55rem .8rem;transition:border-color .14s;display:flex}.block-list>div:hover{border-color:var(--line-strong)}.block-list strong{font-size:.88rem}.block-list span{color:var(--text-faint);flex:1;font-size:.8rem}.toggle-row{cursor:pointer;border-radius:var(--radius-sm);flex-direction:row;align-items:flex-start;gap:.75rem;padding:.8rem .2rem;transition:background .14s}.toggle-row:hover{background:#38d0f208}.toggle-row input{margin-top:.1rem}.toggle-row span{flex-direction:column;gap:.18rem;display:flex}.toggle-row strong{color:var(--text);font-size:.92rem;font-weight:700}.toggle-row small{color:var(--text-faint);font-size:.78rem;font-weight:450;line-height:1.45}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;display:grid}.check-list{color:var(--text-soft);flex-direction:column;gap:.45rem;margin:0;padding-left:1.2rem;font-size:.85rem;line-height:1.45;display:flex}.check-list li::marker{color:var(--accent-2)}.fineprint{color:var(--text-faint);margin-top:.9rem;font-size:.76rem;line-height:1.5}.help-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-top:.9rem;display:grid}.help-grid article{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);transition:border-color .16s ease, transform .16s var(--ease-out);padding:1rem 1.05rem}.help-grid article:hover{border-color:var(--accent-line);transform:translateY(-2px)}.help-grid h3{text-transform:uppercase;letter-spacing:.06em;background:var(--grad-accent);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;margin-bottom:.4rem;font-size:.78rem}.help-grid p{color:var(--text-soft);font-size:.84rem;line-height:1.55}.mon-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.mon-header .refreshed{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.76rem}.health-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.health-tile{background:linear-gradient(168deg, var(--surface), #10151fb3);border:1px solid var(--line);border-left:3px solid var(--text-faint);border-radius:var(--radius-sm);min-width:0;animation:rise-in .38s var(--ease-out) both;flex-direction:column;gap:.16rem;padding:.8rem .95rem;display:flex;position:relative}.health-tile.ok{border-left-color:var(--good)}.health-tile.warn{border-left-color:var(--warn);box-shadow:-6px 0 18px -8px #f2b84b59}.health-tile.bad{border-left-color:var(--bad);box-shadow:-6px 0 18px -8px #f2647c73}.health-tile .tile-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint);align-items:center;gap:.4rem;font-size:.63rem;font-weight:800;display:flex}.health-tile .tile-value{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:800;overflow:hidden}.health-tile.ok .tile-value{color:var(--good)}.health-tile.warn .tile-value{color:var(--warn)}.health-tile.bad .tile-value{color:var(--bad)}.health-tile small{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;overflow:hidden}.mon-grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}@media (width<=980px){.mon-grid-2{grid-template-columns:1fr}}.chart{align-items:flex-end;gap:3px;height:130px;padding-top:.5rem;display:flex}.chart .bar-col{flex-direction:column;flex:1;justify-content:flex-end;min-width:0;height:100%;display:flex;position:relative}.chart .bar{background:linear-gradient(180deg, var(--accent), #38d0f259);width:100%;min-height:2px;transition:height .26s var(--ease-out), filter .14s ease;border-radius:4px 4px 0 0}.chart .bar.bits{background:linear-gradient(180deg, var(--bits), #b48cff4d)}.chart .bar.cp{background:linear-gradient(180deg, var(--cp), #4ad6a84d)}.chart .bar-col:hover .bar{filter:brightness(1.25)drop-shadow(0 0 6px #38d0f280)}.chart .bar-col:hover:after{content:attr(data-tip);background:var(--surface-3);border:1px solid var(--line-strong);white-space:nowrap;z-index:5;color:var(--text);font-variant-numeric:tabular-nums;box-shadow:var(--shadow);border-radius:6px;padding:.25rem .5rem;font-size:.68rem;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.chart-axis{color:var(--text-faint);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.35rem;font-size:.64rem;display:flex}.reason-list{flex-direction:column;gap:.45rem;margin-top:.5rem;display:flex}.reason-list>div{color:var(--text-soft);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.8rem;padding-bottom:.45rem;font-size:.82rem;display:flex}.reason-list strong{font-variant-numeric:tabular-nums;color:var(--text);flex-shrink:0}.issue-feed{flex-direction:column;gap:.55rem;max-height:420px;display:flex;overflow-y:auto}.issue-feed>article{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);align-items:flex-start;gap:.7rem;padding:.6rem .8rem;display:flex}.issue-feed .issue-dot{background:var(--bad);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.4rem;box-shadow:0 0 8px #f2647c99}.issue-feed .issue-dot.cp-issue{background:var(--warn);box-shadow:0 0 8px #f2b84b99}.issue-feed .issue-body{flex:1;min-width:0}.issue-feed strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;display:block;overflow:hidden}.issue-feed p{color:var(--text-faint);margin-top:.1rem;font-size:.76rem}.issue-feed time{color:var(--text-faint);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.7rem}.audit-list{flex-direction:column;gap:.4rem;font-size:.78rem;display:flex}.audit-list>div{color:var(--text-soft);border-bottom:1px solid var(--line);justify-content:space-between;gap:.8rem;padding-bottom:.35rem;display:flex}.audit-list time{color:var(--text-faint);white-space:nowrap;font-variant-numeric:tabular-nums}.mono-empty{color:var(--text-faint);text-align:center;padding:1.4rem 0;font-size:.84rem}.table-scroll{overflow-x:auto}.range-chips{flex-wrap:wrap;gap:.3rem;display:flex}.range-chips button{background:var(--surface);border-color:var(--line);min-height:30px;color:var(--text-soft);border-radius:99px;padding:.25rem .7rem;font-size:.74rem;font-weight:700}.range-chips button.active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 12px #38d0f226}.chart-title{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;font-size:.78rem}.admin-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border:1px solid var(--accent-line);border-radius:99px;margin-left:.3rem;padding:.05rem .4rem;font-size:.6rem;font-style:normal;font-weight:800}.library-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.95rem;padding-bottom:.85rem;display:flex}.library-tabs>button{background:var(--surface-2);border-color:var(--line);color:var(--text-soft);border-radius:99px;font-size:.84rem;font-weight:650}.library-tabs>button.active{border-color:var(--accent-line);color:var(--accent);background:linear-gradient(92deg,#38d0f22e,#4ad6a81a);box-shadow:0 0 14px #38d0f226}.tab-count{font-variant-numeric:tabular-nums;background:#94a3c826;border-radius:99px;padding:.1rem .45rem;font-size:.68rem;font-weight:750}.preview-volume{min-width:190px;color:var(--text-faint);flex-direction:row;align-items:center;gap:.45rem;margin-left:auto;font-size:.74rem}.preview-volume input{min-height:20px}.preview-volume span{font-variant-numeric:tabular-nums;text-align:right;min-width:34px}.compact-list{flex-direction:column;gap:.6rem;display:flex}.compact-card{background:linear-gradient(168deg, var(--bg-raised), #10151f99);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .16s ease, box-shadow .16s ease, transform .16s var(--ease-out);animation:rise-in .32s var(--ease-out) both;contain:layout paint;content-visibility:auto;contain-intrinsic-size:auto 62px;position:relative;overflow:hidden}.compact-card:hover,.compact-card.open{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 14px 36px #02061073, 0 0 26px #38d0f247}.compact-card:hover{transform:translateY(-1px)}.compact-card:focus-within{border-color:var(--accent-line)}.compact-card.open{background:radial-gradient(ellipse 32rem 10rem at 14% 0%, #38d0f21a, transparent), linear-gradient(168deg, var(--bg-raised), #10151fa8);box-shadow:0 0 0 2px var(--accent), 0 14px 36px #02061073, 0 0 38px #38d0f273}.compact-card.dirty{border-color:#f2b84b8c;box-shadow:0 0 22px #f2b84b14}.compact-card.off{opacity:.7}.compact-card.off .sound-artwork{filter:grayscale(.7)}.compact-head{text-align:left;cursor:pointer;width:100%;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;align-items:center;gap:.75rem;padding:.65rem .9rem;display:flex;transform:none}.compact-head:hover{background:#38d0f20a;border:none;transform:none}.compact-head:active{transform:none}.compact-head.static{cursor:default}.compact-head.static:hover{background:0 0}.compact-title{flex-direction:column;flex:1;gap:.12rem;min-width:0;display:flex}.compact-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;overflow:hidden}.compact-title small{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.compact-title small code{padding:0 .25rem;font-size:.7rem}.compact-badges{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.expander{border:1px solid var(--line-strong);width:28px;height:28px;color:var(--text-soft);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;transition:color .14s,border-color .14s,background .14s;display:grid}.compact-head:hover .expander{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.compact-body{border-top:1px solid var(--line);animation:rise-in .24s var(--ease-out) both;flex-direction:column;gap:.85rem;padding:1rem .9rem;display:flex}.public-row .toolbar{flex-shrink:0}.card-eq{opacity:0;width:34px;height:24px;transition:opacity .16s ease, transform .16s var(--ease-out);flex-shrink:0;align-items:flex-end;gap:3px;display:inline-flex;transform:translateY(4px)scaleY(.65)}.card-eq i{transform-origin:bottom;background:var(--grad-accent);border-radius:3px 3px 1px 1px;width:4px;height:100%;animation:.76s ease-in-out infinite paused eq-bounce;transform:scaleY(.28);box-shadow:0 0 8px #38d0f273}.card-eq i:nth-child(2){animation-delay:90ms}.card-eq i:nth-child(3){animation-delay:.18s}.card-eq i:nth-child(4){animation-delay:.27s}.card-eq i:nth-child(5){animation-delay:.36s}.compact-head:hover .card-eq,.compact-card.open .card-eq,.card-eq.active{opacity:1;transform:translateY(0)scaleY(1)}.compact-head:hover .card-eq i,.compact-card.open .card-eq i,.card-eq.active i{animation-play-state:running}.sound-card-backdrop{background:radial-gradient(42rem 20rem at 50% 14%,#38d0f224,#0000),#04070ce0;animation:none}.modal.sound-settings-card{border-color:var(--accent);width:min(520px,100vw - 2rem);max-width:min(520px,100vw - 2rem);box-shadow:0 0 0 2px var(--accent), 0 18px 50px #02061099, 0 0 42px #38d0f266, 0 0 0 1px #38d0f21f inset, 0 0 72px #38d0f21f;padding:0;animation:none}.sound-settings-card .close{z-index:4}.sound-card-frame{flex-direction:column;gap:.9rem;padding:1.35rem;display:flex;position:relative;overflow:hidden}.sound-card-frame:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#38d0f238,#0000) 0 0/100% 1px no-repeat,radial-gradient(26rem 9rem at 12% 0,#38d0f224,#0000),radial-gradient(22rem 9rem at 100% 16%,#b48cff1f,#0000);position:absolute;inset:0}.sound-card-frame>*{z-index:1;position:relative}.sound-card-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding-right:2.1rem;display:grid}.sound-artwork.featured{border:1px solid var(--accent-line);border-radius:16px;width:84px;height:84px;font-size:1rem;box-shadow:0 0 28px #38d0f21f}.sound-card-title{flex-direction:column;gap:.26rem;min-width:0;display:flex}.sound-card-title h2{overflow-wrap:anywhere;font-size:clamp(1.15rem,2.4vw,1.8rem);line-height:1.05}.sound-card-title small{color:var(--text-faint);font-weight:650}.sound-card-title .compact-badges{justify-content:flex-start;margin-top:.15rem}.sound-card-toolbar{border:1px solid var(--line);border-radius:var(--radius-sm);background:#06080d61;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem;display:flex}.push-right{margin-left:auto}.save-toast{z-index:100;border:1px solid var(--accent-line);max-width:min(390px,100vw - 2rem);color:var(--text);background:radial-gradient(18rem 8rem at 0 0,#38d0f229,#0000),#0a0d14f2;border-radius:16px;align-items:center;gap:.65rem;padding:.75rem .9rem;font-size:.9rem;font-weight:700;animation:2.4s linear both toast-drift;display:flex;position:fixed;top:1.1rem;right:1.1rem;box-shadow:0 18px 42px #0206107a,0 0 30px #38d0f229}.save-toast-copy{min-width:0}.save-toast strong{color:var(--accent);overflow-wrap:anywhere}.save-toast>svg{color:var(--good);flex-shrink:0}.save-toast-eq{flex-shrink:0;align-items:flex-end;gap:3px;height:24px;display:inline-flex}.save-toast-eq i{transform-origin:bottom;background:var(--grad-accent);border-radius:3px 3px 1px 1px;width:4px;height:100%;animation:.62s ease-in-out infinite eq-bounce;transform:scaleY(.34)}.save-toast-eq i:nth-child(2){animation-delay:.1s}.save-toast-eq i:nth-child(3){animation-delay:.2s}.save-toast-eq i:nth-child(4){animation-delay:.3s}@keyframes toast-drift{0%{opacity:0;transform:translateY(-18px)scale(.85)}7%{opacity:1;transform:translateY(2px)scale(1.04)}11%{transform:translateY(0)scale(1)}84%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.96)}}.profiles-bar{border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(168deg, var(--surface-2), #10151f80);flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.95rem;padding:.6rem .75rem;display:flex}.profiles-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.35rem;margin-right:.2rem;font-size:.64rem;font-weight:800;display:inline-flex}.profiles-hint{color:var(--text-faint);font-size:.74rem}.profile-chip{border:1px solid var(--line-strong);background:var(--surface);transition:border-color .14s ease, box-shadow .14s ease, transform .14s var(--ease-out);border-radius:99px;align-items:stretch;display:inline-flex;overflow:hidden}.profile-chip:hover{border-color:var(--accent-line);transform:translateY(-1px)}.profile-chip.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 16px #38d0f240;background:linear-gradient(92deg,#38d0f229,#4ad6a814)}.profile-chip button{min-height:32px;box-shadow:none;background:0 0;border:none;border-radius:0}.profile-chip button:hover{box-shadow:none;background:#38d0f214;transform:none}.profile-activate{color:var(--text-soft);align-items:center;gap:.4rem;padding:.2rem .35rem .2rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.profile-chip.active .profile-activate{color:var(--accent)}.profile-count{font-variant-numeric:tabular-nums;background:#94a3c826;border-radius:99px;padding:.05rem .4rem;font-size:.64rem;font-weight:800}.profile-chip.active .profile-count{color:var(--accent);background:#38d0f233}.profile-edit{color:var(--text-faint);padding:0 .6rem 0 .35rem}.profile-edit:hover{color:var(--accent)}.profile-new{border:1px dashed var(--line-strong);min-height:32px;color:var(--text-soft);background:0 0;border-radius:99px;padding:.2rem .85rem;font-size:.78rem;font-weight:700}.profile-new:hover{border-style:solid;border-color:var(--accent-line);color:var(--accent);background:var(--accent-soft)}.modal.profile-modal{border-color:var(--accent);max-width:580px;box-shadow:0 0 0 2px var(--accent), var(--shadow), 0 0 42px #38d0f247;animation:none}.profile-modal-head{align-items:center;gap:.7rem;padding-right:2rem;display:flex}.profile-modal-head svg{color:var(--accent);flex-shrink:0}.profile-modal-head h2{text-transform:uppercase;letter-spacing:.01em}.profile-modal-desc{color:var(--text-soft);font-size:.84rem;line-height:1.5}.profile-sound-grid{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.45rem;max-height:300px;padding:.45rem;display:grid;overflow-y:auto}.profile-sound{border:1px solid var(--line);background:var(--surface);text-align:left;min-height:0;color:var(--text-soft);box-shadow:none;border-radius:10px;align-items:center;gap:.55rem;padding:.4rem .6rem;font-size:.8rem;font-weight:650;display:flex}.profile-sound:hover{border-color:var(--accent-line);background:var(--surface-2);transform:none}.profile-sound.selected{border-color:var(--accent);color:var(--text);background:linear-gradient(92deg, #38d0f21a, var(--surface));box-shadow:0 0 0 1px var(--accent), 0 0 10px #38d0f226}.profile-sound .sound-artwork.small{border-radius:7px;width:32px;height:32px;font-size:.58rem}.profile-sound-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.profile-sound>svg{color:var(--accent);flex-shrink:0}.profile-modal-actions{justify-content:flex-end}.manager-avatar{border:1px solid var(--line-strong);border-radius:50%;flex-shrink:0;width:36px;height:36px}.suggestion-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.55rem;display:grid}.suggestion-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);align-items:center;gap:.65rem;padding:.55rem .7rem;transition:border-color .14s;display:flex}.suggestion-row:hover{border-color:var(--line-strong)}.suggestion-row .compact-title{flex:1}.modal-backdrop{z-index:60;background:#04070ce0;place-items:center;padding:1rem;animation:.18s both fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(168deg, var(--surface), #10151feb);border:1px solid var(--line-strong);width:100%;max-width:460px;max-height:calc(100vh - 2rem);box-shadow:var(--shadow), 0 0 60px #38d0f20f;animation:modal-pop .24s var(--ease-pop) both;border-radius:16px;flex-direction:column;gap:.7rem;padding:1.4rem 1.3rem 1.2rem;display:flex;position:relative;overflow-y:auto}@keyframes modal-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal h2{text-transform:uppercase;letter-spacing:.01em;font-size:1.02rem;font-weight:800}.modal>p{color:var(--text-soft);font-size:.84rem;line-height:1.5}.modal .close{color:var(--text-faint);background:0 0;border:none;min-height:30px;padding:.3rem;position:absolute;top:.6rem;right:.6rem}.modal .close:hover{color:var(--text);background:var(--surface-2);transform:none}.permission-list{flex-direction:column;display:flex}.manager-modal svg:first-of-type{color:var(--accent)}.manager-modal .toolbar{justify-content:flex-end}.klipy-modal{max-width:780px}.klipy-modal>svg:first-of-type{color:var(--accent)}.klipy-search{grid-template-columns:1fr auto;align-items:center;gap:.6rem;display:grid}.klipy-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.65rem;display:grid}.klipy-result{border-radius:var(--radius-sm);background:var(--bg-raised);border-color:var(--line);white-space:normal;flex-direction:column;align-items:stretch;min-height:0;padding:0;display:flex;overflow:hidden}.klipy-result:hover{border-color:var(--accent-line);background:var(--surface-2);transform:translateY(-2px);box-shadow:0 8px 24px #02061080,0 0 18px #38d0f21a}.klipy-result img{aspect-ratio:1;object-fit:cover;background:var(--surface-3);width:100%}.klipy-result span{min-height:38px;color:var(--text-soft);text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:.45rem .55rem;font-size:.72rem;line-height:1.25;display:-webkit-box;overflow:hidden}.klipy-skeleton{aspect-ratio:1;border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));border:1px solid var(--line);background-size:200% 100%;animation:1.2s ease-in-out infinite shimmer}.anim-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;display:grid}.anim-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);transition:border-color .16s ease, box-shadow .16s ease, transform .16s var(--ease-out);overflow:hidden}.anim-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.anim-card.selected{border-color:var(--accent-line);box-shadow:0 0 26px #38d0f21f}.anim-stage{border-bottom:1px solid var(--line);background:radial-gradient(16rem 8rem at 60% 20%,#38d0f212,#0000),#05070c;place-items:center;height:190px;display:grid;position:relative;overflow:hidden}.anim-play{background:var(--surface-2);border-color:var(--line-strong);color:var(--text-soft)}.anim-play:hover{color:var(--accent);border-color:var(--accent-line)}.anim-info{flex-direction:column;gap:.45rem;padding:.9rem 1rem 1rem;display:flex}.anim-info strong{align-items:center;gap:.4rem;font-size:.94rem;font-weight:750;display:flex}.anim-info p{color:var(--text-soft);min-height:3.6em;font-size:.8rem;line-height:1.5}.custom-alert-builder{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:1rem;margin-top:1rem;display:grid}.custom-alert-editor,.custom-alert-live-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);padding:1.05rem}.section-title.compact{align-items:flex-start;margin-bottom:.85rem}.section-title.compact h3{text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:1rem}.section-title.compact .desc{max-width:62ch}.code-grid{gap:.75rem;display:grid}.code-grid label{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;gap:.4rem;font-size:.72rem;font-weight:800;display:grid}.code-grid textarea{resize:vertical;border:1px solid var(--line);border-radius:var(--radius-sm);min-height:150px;color:var(--text);letter-spacing:0;background:#070a12;outline:none;padding:.8rem;font:.82rem/1.45 JetBrains Mono,Fira Code,Consolas,monospace;transition:border-color .14s,box-shadow .14s}.code-grid textarea:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px #38d0f214}.preview-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.preview-head strong{font-size:.94rem;font-weight:750}.preview-head small{color:var(--text-faint);font-weight:700}.custom-alert-preview-stage{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-sm);background-color:#05070c;background-image:linear-gradient(45deg,#ffffff09 25%,#0000 25%),linear-gradient(-45deg,#ffffff09 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff09 75%),linear-gradient(-45deg,#0000 75%,#ffffff09 75%),none;background-position:0 0,0 14px,14px -14px,-14px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;width:100%;position:relative;overflow:hidden}.custom-alert-frame{background:0 0;border:0;width:100%;height:100%;display:block}.custom-alert-frame.mini{position:absolute;inset:0}.anim-alert{width:82%;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.anim-card-inner{background:#090d16f2;border:1px solid #56d6f273;border-radius:10px;align-items:center;gap:.6rem;padding:.55rem .7rem;display:flex;position:relative;overflow:hidden}.anim-mark{color:#06222c;background:linear-gradient(135deg,#38d0f2,#4ad6a8);border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:.7rem;font-weight:800;display:grid}.anim-copy{min-width:0}.anim-copy p{color:#a8e9f7;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.6rem;font-weight:700;overflow:hidden}.anim-copy strong{font-size:.92rem;display:block}.anim-copy span{color:#e6edf7;font-size:.66rem;font-weight:700}.anim-alert .fx-eq{background:#090d16f2;border:1px solid #56d6f273;border-top:none;border-radius:0 0 10px 10px;align-items:flex-end;gap:3px;height:10px;margin-top:-1px;padding:0 .7rem .4rem;display:flex}.anim-alert .fx-eq i{transform-origin:bottom;background:linear-gradient(#38d0f2,#4ad6a8);border-radius:2px 2px 0 0;flex:1;height:100%;animation:.9s ease-in-out infinite eq-bounce;transform:scaleY(.3)}.anim-alert.splash .anim-card-inner,.anim-alert.splash .fx-eq{animation:.64s cubic-bezier(.34,1.45,.5,1) .42s both splash-pop}.anim-alert.splash .fx-droplet{background:linear-gradient(#38d0f2,#4ad6a8);border-radius:50%/62% 62% 38% 38%;width:14px;height:19px;animation:.43s cubic-bezier(.55,0,.9,.6) both droplet-fall-mini;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.anim-alert.splash .fx-ripple{opacity:0;border:2px solid #38d0f2bf;border-radius:50%;width:18px;height:18px;animation:.72s ease-out .4s both ripple-out-mini;position:absolute;top:-8px;left:50%;transform:translate(-50%,-50%)}.anim-alert.splash .fx-ripple.r2{border-color:#4ad6a899;animation-delay:.54s}.anim-alert.pulse{width:70%;top:50%;bottom:auto;transform:translate(-50%,-50%)}.anim-alert.pulse .anim-card-inner{border-color:#b48cffa6;animation:.48s ease-out both pulse-in,1.4s ease-in-out .48s infinite neon-throb-mini}.anim-alert.pulse .anim-mark{background:linear-gradient(135deg,#b48cff,#38d0f2)}.anim-alert.pulse .fx-ring{opacity:0;border:2px solid #b48cff8c;border-radius:14px;width:100%;height:100%;animation:1.6s ease-out infinite ring-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.anim-alert.pulse .fx-ring.p2{border-color:#38d0f273;animation-delay:.4s}.anim-alert.pulse .fx-ring.p3{border-color:#4ad6a866;animation-delay:.8s}.anim-alert.wave{width:74%;left:10%;transform:none}.anim-alert.wave .anim-card-inner,.anim-alert.wave .fx-eq{border-color:#4ad6a88c;animation:.62s cubic-bezier(.2,.9,.25,1) both wave-slide}.anim-alert.wave .anim-mark{background:linear-gradient(135deg,#4ad6a8,#38d0f2)}.anim-alert.wave .fx-eq i{background:linear-gradient(#4ad6a8,#38d0f2);animation-duration:.7s}.anim-alert.ticker{width:94%;bottom:12px}.anim-alert.ticker .anim-card-inner{border-radius:8px;animation:.52s cubic-bezier(.2,.85,.25,1) both ticker-slide}.anim-alert.ticker .fx-underline{background:linear-gradient(90deg,#0000,#38d0f2,#4ad6a8,#0000) 0 0/40% 100% no-repeat;border-radius:0 0 8px 8px;height:3px;animation:1.6s linear infinite underline-sweep}@keyframes eq-bounce{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes splash-pop{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes droplet-fall-mini{0%{opacity:1;top:-150px}85%{opacity:1}to{opacity:0;top:-10px}}@keyframes ripple-out-mini{0%{opacity:.9;width:12px;height:12px}to{opacity:0;width:120px;height:44px}}@keyframes pulse-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes neon-throb-mini{0%,to{box-shadow:0 0 12px #b48cff59}50%{box-shadow:0 0 26px #b48cffa6}}@keyframes ring-out{0%{opacity:.65;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.45)}}@keyframes wave-slide{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes ticker-slide{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes underline-sweep{0%{background-position:-40% 0}to{background-position:140% 0}}@media (width<=980px){.custom-alert-builder{grid-template-columns:1fr}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:.8rem;height:auto;position:static;overflow-x:auto}.sidebar nav{flex-direction:row}.sidebar nav button.active:before{width:auto;height:3px;inset:auto 15% 0}.nav-group-label,.sidebar-user,.brand-eq{display:none}main{padding:0 1rem 2rem}.topbar{margin:0 -1rem 1rem;padding:.75rem 1rem}.topbar h1{font-size:1.1rem}.block-form{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.klipy-search{grid-template-columns:1fr}.klipy-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.search{width:100%;min-width:0}.preview-volume{margin-left:0}}@media (width<=560px){.card-grid,.upload-sound-fields,.price-control{grid-template-columns:1fr}.compact-badges{display:none}.sound-card-backdrop{place-items:start center}.modal.sound-settings-card{width:calc(100vw - 1rem);max-width:calc(100vw - 1rem)}.sound-card-frame{padding:1rem}.sound-card-hero{grid-template-columns:auto minmax(0,1fr);align-items:start;padding-right:2.1rem}.sound-card-hero .card-eq{grid-column:1/-1;justify-self:start;margin-left:.1rem}.sound-artwork.featured{border-radius:13px;width:62px;height:62px}.sound-card-toolbar{align-items:stretch}.sound-card-toolbar>button,.sound-card-toolbar>.image-button{justify-content:center;width:100%}.push-right{margin-left:0}.save-toast{max-width:none;top:.8rem;left:.8rem;right:.8rem}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article strong{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.brand-eq i,.chip.good .dot{animation:none!important}.save-toast{opacity:1;animation:none!important}.save-toast-eq i,.card-eq i{transform:scaleY(.5);animation:none!important}button:hover,.metric-grid article:hover,.help-grid article:hover,.klipy-result:hover,.anim-card:hover,.image-button:hover,.file-button:hover,.compact-card:hover{transform:none}}