:root{--background: #eef0ef;--surface: #ffffff;--surface-subtle: #e7eae9;--text: #111416;--text-muted: #626a6d;--line: #cbd0ce;--accent: #d73752;--accent-dark: #b5233d;--accent-soft: #f9e8ec;--violet: #9568e8;--violet-dark: #7446ca;--violet-soft: #f0eafb;--ink: #0b0e10;--ink-raised: #181c1e;--danger: #bd3d46;--hero-background: #f7f8f7;--panel-overlay: rgba(255, 255, 255, .82);--control-border: #bdc7c4;--control-border-hover: #8d9b98;--grid-line: rgba(17, 20, 22, .045);--wave-motif-color: var(--ink);--control-radius: 8px;--button-shadow: 0 1px 2px rgba(11, 14, 16, .12);--button-shadow-hover: 0 4px 10px rgba(11, 14, 16, .14);--ghost-hover: rgba(17, 20, 22, .06);color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}html[data-theme=dark]{--background: #101416;--surface: #1a1f22;--surface-subtle: #22282b;--text: #f2f4f3;--text-muted: #aeb6b8;--line: #394145;--accent: #e04460;--accent-dark: #f05a73;--accent-soft: #351c24;--violet: #a077ed;--violet-dark: #8a5bdf;--violet-soft: #2c2440;--danger: #f0747d;--hero-background: #111517;--panel-overlay: rgba(26, 31, 34, .9);--control-border: #465055;--control-border-hover: #697579;--grid-line: rgba(220, 228, 230, .045);--wave-motif-color: #f2f4f3;--button-shadow: 0 1px 2px rgba(0, 0, 0, .35);--button-shadow-hover: 0 4px 12px rgba(0, 0, 0, .4);--ghost-hover: rgba(242, 244, 243, .08);color-scheme:dark}*{box-sizing:border-box}html{min-width:0}body{background-color:var(--background);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:64px 64px;color:var(--text);margin:0;min-height:100vh}.import-section{overflow:hidden}app-root>footer{background:var(--surface);border-top:1px solid var(--line);color:var(--text-muted);font-size:.75rem;padding:0 24px}.footer-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1192px;min-height:76px}.footer-inner strong{color:var(--text);font-size:.85rem}.hero-wave{color:var(--wave-motif-color);height:38%;left:50%;min-height:220px;opacity:.065;pointer-events:none;position:absolute;top:7%;transform:translate(-50%);width:min(1500px,130vw)}.import-section>:not(.hero-wave){position:relative;z-index:1}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:2px}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45;transform:none}.soundboard-dialog{background:transparent;border:0;margin:auto;max-height:none;max-width:none;overflow:visible;padding:22px}.soundboard-dialog::backdrop{background:#0000009e}.soundboard-dialog:focus-visible{outline:none}body:has(.soundboard-dialog[open]){overflow:hidden}.soundboard-preview{background:#1e1f22;border:1px solid #111214;border-radius:8px;box-shadow:0 16px 40px #00000073,0 0 0 1px #00000029;color:#dbdee1;display:flex;flex-direction:column;font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;max-height:min(80vh,720px);padding:16px;width:min(500px,calc(100vw - 44px))}.soundboard-dialog[open] .soundboard-preview{animation:soundboard-in .16s ease-out}.soundboard-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:2px;scrollbar-color:#2b2d31 transparent}.soundboard-close{align-items:center;background:#2b2d31;border:1px solid #111214;border-radius:50%;box-shadow:0 4px 12px #0006;color:#dbdee1;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;position:absolute;right:6px;top:6px;transition:background-color .12s ease,color .12s ease,transform .12s ease;width:32px}.soundboard-close:hover{background:#35373c;color:#fff;transform:scale(1.06)}.soundboard-close:focus-visible{outline:2px solid #5865f2;outline-offset:2px}.soundboard-toolbar{align-items:center;display:flex;gap:14px;margin-bottom:18px}.soundboard-search{align-items:center;background:#111214;border:1px solid #2b2d31;border-radius:8px;color:#b5bac1;display:flex;flex:1;gap:10px;min-height:48px;padding:0 14px}.soundboard-search input{background:transparent;border:0;border-radius:0;box-shadow:none;color:#dbdee1;flex:1;font-size:.98rem;min-height:0;min-width:0;padding:0}.soundboard-search input::placeholder{color:#949ba4}.soundboard-search input:focus,.soundboard-search input:focus-visible{box-shadow:none;outline:none}.soundboard-search:focus-within{border-color:#5865f2}.soundboard-search input::-webkit-search-cancel-button{appearance:none}.soundboard-volume{color:#dbdee1;display:inline-flex;flex-shrink:0}.soundboard-section-title{align-items:center;color:#f2f3f5;display:flex;font-size:.98rem;font-weight:600;gap:8px;margin-bottom:10px}.soundboard-section-title svg{fill:currentColor}.soundboard-empty{color:#949ba4;font-size:.85rem;margin:0;padding:28px 8px;text-align:center}.soundboard-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.soundboard-pad{align-items:center;background:#2b2d31;border:1px solid transparent;border-radius:8px;color:#f2f3f5;cursor:pointer;display:flex;gap:8px;justify-content:center;min-height:52px;overflow:hidden;padding:8px 10px;position:relative;text-align:center;transition:background-color .12s ease,border-color .12s ease}.soundboard-pad:hover{background:#35373c}.soundboard-pad:focus-visible{border-color:#5865f2;outline:none}.soundboard-pad.playing{background:#3c3f45;border-color:var(--accent)}.soundboard-pad-emoji{display:block;flex-shrink:0;font-size:20px;line-height:1}.soundboard-pad.playing .soundboard-pad-emoji{animation:pad-bounce .6s ease-in-out infinite}.soundboard-pad-name{-webkit-box-orient:vertical;display:-webkit-box;font-size:.82rem;font-weight:600;-webkit-line-clamp:2;line-height:1.2;min-width:0;overflow:hidden;overflow-wrap:anywhere}.soundboard-pad-progress{bottom:0;height:2px;left:0;position:absolute;right:0}.soundboard-pad-progress span{background:var(--accent);display:block;height:100%}@keyframes soundboard-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes pad-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.url-row.file-row{grid-template-columns:1fr}.file-drop{align-items:center;background:var(--surface-subtle);border:1px dashed var(--control-border-hover);border-radius:6px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:140px;padding:20px;width:100%}.file-drop:hover,.file-drop.dragging{border-color:var(--violet);background:var(--violet-soft)}.file-drop svg{color:var(--violet);height:26px;width:26px}.file-drop strong{max-width:100%;overflow-wrap:anywhere;font-size:.95rem;font-weight:600}.file-drop span{color:var(--text-muted);font-size:.85rem}.import-limits{border-top:1px solid var(--line);color:var(--text-muted);display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.75rem;justify-content:space-between;line-height:1.5;margin-top:20px;padding-top:14px}.quota-empty,.quota-notice{color:var(--danger)}.quota-notice{font-size:.8rem;margin:8px 0 0}.source-bar{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:20px 0}.source-bar>div{align-items:center;display:flex;gap:12px;min-width:0}.source-bar svg{color:var(--violet-dark);flex-shrink:0;width:22px;height:22px}.source-bar strong{font-size:.9rem;overflow-wrap:anywhere}.source-bar button{flex-shrink:0}.has-editor .import-section{grid-template-columns:1fr;min-height:0;padding:24px 0}.has-editor .import-section>.section-heading{display:none}.has-editor .url-form{justify-self:center;max-width:640px;width:100%}.clip-list-heading{align-items:center;display:flex;margin:28px 0 10px}.clip-list-heading h3{font-size:.8rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.clip-list{border:1px solid var(--line);border-radius:8px;overflow:hidden}.clip-row{align-items:center;background:var(--panel-overlay);border-bottom:1px solid var(--line);display:grid;gap:14px;grid-template-columns:36px minmax(0,1fr) repeat(4,44px);min-height:68px;padding:10px 12px;transition:background-color .15s ease}.clip-row:last-child{border-bottom:0}.clip-row:hover{background:var(--surface)}.clip-row.editing{background:var(--violet-soft);box-shadow:inset 3px 0 0 var(--violet)}html[data-theme=dark] .duration-badge{background:#2c2440;border-color:#594779;color:#d5c2fa}.clip-index{color:var(--accent-dark);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.74rem;font-variant-numeric:tabular-nums;font-weight:850}.clip-info{min-width:0}.clip-info strong,.clip-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-info span{color:var(--text-muted);font-size:.78rem;margin-top:3px}.clip-action-placeholder{height:36px;width:36px}@media(max-width:650px){.hero-wave{height:34%;min-height:170px;opacity:.055;top:2%;width:180vw}.soundboard-dialog{padding:18px 12px}.soundboard-preview{max-height:min(88vh,720px);padding:12px;width:calc(100vw - 24px)}.soundboard-close{right:8px;top:0}.soundboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clip-row{gap:8px;grid-template-columns:28px minmax(0,1fr) 36px 36px 36px 36px;padding-inline:8px}}