:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f4f5fa;background:#11131a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#23284a 0,transparent 32rem),#11131a;color:#f4f5fa}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #2b2e3b;background:#151820dd;backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{font-weight:800;letter-spacing:-.02em}.brand span{color:#7c89ff}.site-header nav{display:flex;align-items:center;gap:20px;color:#b8bdcc}.user-name{color:#fff}.inline-form{display:inline}.link-button{border:0;background:none;color:#b8bdcc;cursor:pointer}.page-shell{max-width:1180px;margin:0 auto;padding:64px 24px 96px}.hero{min-height:calc(100vh - 232px);display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.18em;color:#8c96ff;margin:0 0 10px}.hero h1,.page-heading h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:.98;letter-spacing:-.06em;margin:0 0 24px;max-width:780px}.page-heading h1{font-size:clamp(2.2rem,5vw,3.7rem);margin-top:8px}.hero-copy,.page-heading p{color:#aeb4c5;line-height:1.65;font-size:1.08rem;max-width:650px}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:10px;padding:11px 16px;font-weight:750;cursor:pointer}.button.primary{background:#5865f2;color:#fff;box-shadow:0 10px 30px #5865f233}.button.primary:hover{background:#6874f7}.button.secondary{background:#2a2e3a;border-color:#3b4050;color:#fff}.soundboard-preview{background:#1e2028;border:1px solid #343744;border-left:5px solid #31d158;border-radius:8px;padding:24px;box-shadow:0 30px 80px #0008;transform:rotate(1deg)}.soundboard-preview h2{margin:0}.soundboard-preview p,.soundboard-preview small{color:#b9bdc8}.preview-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.preview-buttons span{padding:10px 7px;text-align:center;background:#5865f2;border-radius:9px;font-size:.84rem;font-weight:700}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.back-link{color:#9ba3bb}.guild-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.guild-card{display:flex;gap:18px;align-items:center;background:#1b1e27;border:1px solid #2d3140;border-radius:16px;padding:20px}.guild-card img,.guild-placeholder{width:64px;height:64px;border-radius:16px;object-fit:cover}.guild-placeholder{display:grid;place-items:center;background:#5865f2;font-size:1.5rem;font-weight:800}.guild-details{display:grid;gap:10px;flex:1}.guild-details h2{font-size:1.05rem;margin:0}.status{font-size:.78rem}.status.ready{color:#55d98a}.status.offline{color:#f5aa60}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.panel{background:#191c24;border:1px solid #2d3140;border-radius:16px;padding:24px}.panel h2{margin:0}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading>span{border-radius:999px;padding:5px 10px;background:#282c38;color:#aeb4c5}.upload-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:24px 0;padding:18px;background:#14171e;border-radius:12px}.upload-form label{display:grid;gap:7px;color:#cfd3df;font-size:.85rem}.upload-form small{grid-column:1/-1;color:#8f96a8}.upload-form input,.rename-form input{width:100%;border:1px solid #363b4b;background:#222631;color:#fff;border-radius:8px;padding:10px}.sound-list{display:grid;gap:10px}.sound-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;padding:14px;background:#20232d;border:1px solid #303440;border-radius:11px}.sound-order{color:#777f94;padding-top:10px}.sound-main{min-width:0}.rename-form{display:flex;gap:8px}.small-button,.icon-button{border:1px solid #3b4050;background:#2a2e3a;color:#fff;border-radius:7px;padding:7px 10px;cursor:pointer}.icon-button:disabled{opacity:.25;cursor:default}.icon-button.danger{color:#ff7d86}.sound-main audio{width:100%;height:34px;margin-top:9px}.sound-main small{color:#8f96a8}.sound-actions{display:flex;gap:5px;align-items:flex-start}.permissions-panel{position:sticky;top:94px}.permissions-panel>h2{margin-bottom:18px}.radio-row{display:flex;align-items:flex-start;gap:10px;padding:12px 0}.radio-row span{display:grid;gap:3px}.radio-row small{color:#9198aa}.role-list{max-height:270px;overflow:auto;display:grid;gap:9px;padding:14px;background:#14171e;border-radius:10px;margin:8px 0 16px}.role-list label{display:flex;align-items:center;gap:8px}.role-dot{width:9px;height:9px;border-radius:50%}.usage-note{display:grid;gap:8px;border-top:1px solid #303440;margin-top:24px;padding-top:20px}.usage-note code{background:#11131a;color:#aab1ff;border-radius:6px;padding:8px}.notice{padding:13px 16px;border-radius:10px;margin-bottom:18px}.notice.success{background:#163a2a;color:#7ee2a9;border:1px solid #265d42}.notice.error{background:#401f25;color:#ff9ba2;border:1px solid #71323b}.empty-state{text-align:center;padding:64px 24px;color:#aeb4c5}.empty-state h1,.empty-state h2,.empty-state h3{color:#fff}.empty-state.compact{padding:36px 16px}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:40px}.soundboard-preview{transform:none}.dashboard-columns{grid-template-columns:1fr}.permissions-panel{position:static}.upload-form{grid-template-columns:1fr}.upload-form small{grid-column:auto}}@media(max-width:560px){.site-header{padding:0 16px}.user-name{display:none}.page-shell{padding:38px 16px}.preview-buttons{grid-template-columns:repeat(2,1fr)}.sound-row{grid-template-columns:24px 1fr}.sound-actions{grid-column:2}.guild-grid{grid-template-columns:1fr}}

.join-sounds-panel{margin-top:22px}.section-copy{color:#9da4b7;max-width:760px;line-height:1.55}.join-upload-form{display:grid;grid-template-columns:minmax(280px,1.4fr) minmax(220px,1fr) auto;gap:12px;align-items:end;margin:24px 0;padding:18px;background:#14171e;border-radius:12px}.join-upload-form label,.member-picker label{display:grid;gap:7px;color:#cfd3df;font-size:.85rem}.join-upload-form input{width:100%;border:1px solid #363b4b;background:#222631;color:#fff;border-radius:8px;padding:10px}.join-upload-form>small{grid-column:1/-1;color:#8f96a8}.member-picker{position:relative}.member-picker>small{display:block;margin-top:7px;color:#8f96a8}.member-results{position:absolute;top:69px;left:0;right:0;z-index:5;max-height:280px;overflow:auto;padding:6px;background:#20232d;border:1px solid #3b4050;border-radius:10px;box-shadow:0 18px 40px #0008}.member-result{display:flex;width:100%;align-items:center;gap:10px;border:0;border-radius:8px;padding:9px;background:transparent;color:#fff;text-align:left;cursor:pointer}.member-result:hover{background:#303543}.member-result img{width:36px;height:36px;border-radius:50%}.member-result span{display:grid}.member-result small{color:#959daf}.selected-member{margin-top:8px;padding:9px 11px;border:1px solid #355e4b;border-radius:8px;background:#173126;color:#7ee2a9}.join-sound-list{display:grid;gap:10px}.join-sound-row{display:flex;justify-content:space-between;gap:18px;padding:16px;background:#20232d;border:1px solid #303440;border-radius:11px}.join-sound-row.disabled{opacity:.68}.join-sound-member{display:grid;gap:5px;min-width:0;flex:1}.join-sound-member small{color:#8f96a8}.join-sound-member audio{width:min(100%,520px);height:34px;margin-top:4px}.join-sound-actions{display:flex;align-items:flex-start;gap:7px}.status-pill{padding:6px 9px;border-radius:999px;background:#353944;color:#aeb4c5;font-size:.75rem}.status-pill.enabled{background:#173a2a;color:#7ee2a9}@media(max-width:850px){.join-upload-form{grid-template-columns:1fr}.join-upload-form>small{grid-column:auto}}@media(max-width:620px){.join-sound-row{display:grid}.join-sound-actions{flex-wrap:wrap}}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.settings-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.settings-form label{display:grid;gap:7px;color:#cfd3df;font-size:.85rem}.settings-form input[type=number]{width:100%;border:1px solid #363b4b;background:#222631;color:#fff;border-radius:8px;padding:10px}.settings-form .toggle-row{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;padding:12px;background:#14171e;border-radius:10px}.toggle-row span{display:grid;gap:3px}.toggle-row small,.settings-form>small{color:#8f96a8}.settings-form>small,.settings-form>.button{grid-column:1/-1}.audit-list{display:grid;gap:8px;margin-top:20px;max-height:360px;overflow:auto}.audit-list article{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;padding:11px;background:#20232d;border-radius:9px}.audit-list article span{color:#cdd2df}.audit-list article small{grid-column:1/-1;color:#8f96a8}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}@media(max-width:620px){.settings-form{grid-template-columns:1fr}.settings-form .toggle-row,.settings-form>small,.settings-form>.button{grid-column:auto}}
.manager-list{display:grid;gap:10px}.manager-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;background:#20232d;border:1px solid #303440;border-radius:11px}.manager-identity{display:grid;gap:4px;min-width:0}.manager-identity small{color:#8f96a8;overflow-wrap:anywhere}.manager-actions{flex:0 0 auto}.small-button.danger{color:#ff9ba2;border-color:#71323b;background:#321d23}.small-button.danger:hover{background:#46242c}@media(max-width:560px){.manager-row{align-items:stretch;flex-direction:column}.manager-actions .small-button{width:100%}}
.sound-search{display:grid;gap:7px;margin:0 0 14px;color:#cfd3df;font-size:.85rem}.sound-search>span{font-weight:700}.sound-search input{width:100%;border:1px solid #363b4b;background:#14171e;color:#fff;border-radius:10px;padding:12px 14px;outline:none}.sound-search input:focus{border-color:#6976f8;box-shadow:0 0 0 3px #5865f226}.sound-search input::placeholder{color:#777f94}.sound-search small{color:#8f96a8}.sound-row[hidden]{display:none}
.trim-selection-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1/-1;padding:10px 12px;border:1px solid #355e4b;border-radius:8px;background:#173126;color:#7ee2a9;font-size:.85rem}.audio-trimmer{width:min(760px,calc(100vw - 32px));padding:0;border:1px solid #343949;border-radius:16px;background:#171a22;color:#f4f5fa;box-shadow:0 28px 90px #000b}.audio-trimmer::backdrop{background:#080a0fbb;backdrop-filter:blur(4px)}.audio-trimmer-shell{display:grid;gap:20px;padding:24px}.audio-trimmer header,.audio-trimmer footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.audio-trimmer header h2{margin:0 0 4px}.audio-trimmer header small{color:#9299ad}.audio-trimmer footer{justify-content:flex-end;border-top:1px solid #303440;padding-top:18px}.trim-waveform-wrap{position:relative;height:180px;border:1px solid #353a49;border-radius:12px;overflow:hidden;background:#10131a}.trim-waveform-wrap canvas{display:block;width:100%;height:100%;cursor:ew-resize;touch-action:none}.trim-waveform-wrap canvas:focus-visible{outline:2px solid #7c89ff;outline-offset:-3px}.trim-loading{position:absolute;inset:0;display:grid;place-items:center;background:#10131ad9;color:#aeb4c5}.trim-loading[hidden]{display:none}.trim-time-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.trim-time-fields label,.trim-time-fields>div{display:grid;gap:7px;color:#cfd3df;font-size:.85rem}.trim-time-fields input{width:100%;border:1px solid #363b4b;background:#222631;color:#fff;border-radius:8px;padding:10px}.trim-time-fields>div{padding:0 10px}.trim-time-fields strong{font-size:1.05rem;color:#fff}.trim-error{margin:0;padding:10px 12px;border:1px solid #71323b;border-radius:8px;background:#401f25;color:#ff9ba2}.audio-trimmer audio{display:none}@media(max-width:620px){.audio-trimmer-shell{padding:18px}.trim-time-fields{grid-template-columns:1fr 1fr}.trim-time-fields>div{grid-column:1/-1;padding:0}.audio-trimmer footer{display:grid;grid-template-columns:1fr 1fr}.audio-trimmer footer .primary{grid-column:1/-1}.trim-selection-summary{grid-column:auto;align-items:flex-start;flex-direction:column}}

.sound-order{display:grid;justify-items:center;gap:4px}.sound-drag-handle{border:0;background:transparent;color:#aab1ff;padding:4px;line-height:1;cursor:grab}.sound-drag-handle:active{cursor:grabbing}.sound-row.is-dragging{opacity:.45}.sound-row.is-drop-target{border-color:#7c89ff;box-shadow:0 0 0 2px #5865f240}.sound-list.is-reordering{cursor:progress}@media(max-width:560px){.sound-row{grid-template-columns:30px 1fr}}

:root{--form-control-height:42px}.button{height:var(--form-control-height);min-height:var(--form-control-height);padding-block:0}.upload-form input,.join-upload-form input,.settings-form input[type=number]{min-height:var(--form-control-height)}.upload-form input[type=file],.join-upload-form input[type=file]{padding:5px 8px}.upload-form input[type=file]::file-selector-button,.join-upload-form input[type=file]::file-selector-button{min-height:30px;margin-right:10px;border:0;border-radius:6px;padding:5px 10px;background:#3a4050;color:#fff;cursor:pointer}.voice-sound-form{align-items:start}.upload-form>.button,.join-upload-form>.button{grid-column:3;grid-row:1;align-self:start;min-width:160px;margin-top:24px}.voice-sound-form>.button{width:100%}.upload-form.voice-sound-form{grid-template-columns:minmax(220px,1fr) minmax(180px,1fr)}.upload-form.voice-sound-form>.button{grid-column:2}.settings-form>label:not(.toggle-row){grid-template-rows:2.5em var(--form-control-height);align-content:start}.settings-form>label:not(.toggle-row)>input{grid-row:2;height:var(--form-control-height)}@media(max-width:850px){.upload-form.voice-sound-form{grid-template-columns:1fr}.upload-form>.button,.join-upload-form>.button,.upload-form.voice-sound-form>.button{grid-column:1;grid-row:auto;width:100%;margin-top:0}}@media(max-width:620px){.settings-form>label:not(.toggle-row){grid-template-rows:auto var(--form-control-height)}}

.trim-selection-summary[hidden]{display:none}.settings-grid{align-items:start}.server-settings-panel{grid-column:1;grid-row:1}.audit-panel{grid-column:2;grid-row:1/span 2}.sound-managers-panel{grid-column:1;grid-row:2}@media(max-width:900px){.server-settings-panel,.audit-panel,.sound-managers-panel{grid-column:auto;grid-row:auto}}

.status.pending{color:#d9bd67}.access-request-form{display:grid;gap:10px}.access-request-form label{display:grid;gap:6px;color:#cfd3df;font-size:.82rem}.access-request-form textarea{resize:vertical;min-height:72px;border:1px solid #363b4b;background:#222631;color:#fff;border-radius:8px;padding:10px}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:-12px 0 24px}.admin-tabs a{padding:9px 13px;border-radius:999px;background:#222631;border:1px solid #363b4b;color:#cfd3df}.admin-section{margin-bottom:20px;scroll-margin-top:92px}.admin-list{display:grid;gap:12px;margin-top:20px}.admin-list.compact-list{max-height:560px;overflow:auto}.admin-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px;background:#14171e;border:1px solid #2d3140;border-radius:11px}.admin-row>div:first-child{display:grid;gap:5px;min-width:0}.admin-row span,.admin-row small{color:#9299ab}.admin-row p{margin:4px 0 0;color:#c7cbd6;white-space:pre-wrap}.admin-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-actions form{margin:0}@media(max-width:700px){.admin-row{align-items:flex-start;flex-direction:column}.admin-actions{width:100%;justify-content:flex-start}}