:root{color-scheme:dark;color:#f1f2f5;background:#323339;font-family:Inter,Noto Sans JP,Hiragino Sans,system-ui,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;--bg: #323339;--surface: rgba(58, 59, 66, .82);--surface-strong: #2c2d32;--surface-raised: #3a3b41;--border: rgba(255, 255, 255, .08);--text: #f1f2f5;--muted: #a3a6ad;--indigo: #5865f2;--indigo-soft: #818cf8;--green: #45d38b;--pink: #f06bb9;--radius: 18px;--shadow: 0 20px 55px rgba(0, 0, 0, .35)}.tone-pink{--accent: #ee3d79;--accent-hi: #ff578b;--glow: rgba(232, 54, 118, .32)}.tone-orange{--accent: #ed711c;--accent-hi: #ff983e;--glow: rgba(243, 113, 33, .32)}.tone-yellow{--accent: #eaa319;--accent-hi: #ffd044;--glow: rgba(244, 183, 38, .3)}.tone-green{--accent: #2aac57;--accent-hi: #55d578;--glow: rgba(44, 195, 98, .3)}.tone-teal{--accent: #10977d;--accent-hi: #32cbb0;--glow: rgba(26, 192, 160, .28)}.tone-blue{--accent: #257dcc;--accent-hi: #4aaaf0;--glow: rgba(45, 141, 231, .3)}.tone-purple{--accent: #9026bc;--accent-hi: #bd4ae9;--glow: rgba(156, 45, 208, .3)}.tone-violet{--accent: #5d39ce;--accent-hi: #9169f4;--glow: rgba(101, 63, 221, .3)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}#root{min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;color:inherit;cursor:pointer;user-select:none;-webkit-user-select:none}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.eyebrow{margin-bottom:8px;color:var(--indigo-soft);font-size:.7rem;font-weight:700;letter-spacing:.18em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}.app-shell{min-height:100svh;padding-bottom:78px}.app-shell--focus-mode{padding-bottom:20px}.app-header{height:68px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border);background:var(--surface-strong)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1rem;font-weight:700}.brand strong{color:var(--indigo-soft);margin-left:.14em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#837eff,#5048d8);box-shadow:0 8px 22px #5a53ef52}.brand-mark svg{width:22px;height:22px}.app-header .app-navigation{display:none}.mobile-navigation{position:fixed;z-index:10;bottom:0;left:0;right:0;background:#2c2d32f2;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-navigation{height:70px;display:flex}.app-navigation a,.app-navigation button{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--muted);background:transparent;font-size:.72rem;white-space:nowrap}.app-navigation a{color:var(--muted)}.app-navigation a[aria-current=page]{color:var(--indigo-soft)}.app-navigation svg{width:22px;height:22px}.board-page,.detail-page{width:min(100% - 32px,1160px);margin:0 auto;padding:28px 0}@media(min-width:760px){.app-shell{padding-bottom:0}.app-header{height:76px;padding:0 max(28px,calc((100vw - 1160px)/2));justify-content:space-between}.app-header .app-navigation{display:flex;height:100%;gap:24px}.app-header .app-navigation a,.app-header .app-navigation button{flex:0 0 auto;flex-direction:row;gap:8px;font-size:.84rem}.mobile-navigation{display:none}.board-page,.detail-page{padding:40px 0 48px}}.icon-button{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:#cbd2e8;background:var(--surface-raised);border:1px solid var(--border)}.icon-button svg{width:21px;height:21px}.waveform{width:62px;height:31px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--indigo-soft)}.waveform>span{display:block;width:4px;min-height:6px;border-radius:10px;background:currentColor;transform-origin:center}.clip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.sound-pad{position:relative}.clip-tile{width:100%;min-height:126px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:6px;padding:18px 6px 12px;border-radius:17px;border:1px solid rgba(255,255,255,.16);color:var(--text);background:linear-gradient(145deg,var(--accent-hi),var(--accent));box-shadow:inset 0 1px 4px #ffffff26,0 9px 22px var(--glow);transition:box-shadow .22s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.clip-tile.is-playing{box-shadow:inset 0 1px 5px #fff3,0 15px 34px var(--glow)}.clip-tile.is-inactive,.clip-tile.is-inactive:hover{box-shadow:inset 0 1px 4px #ffffff14;filter:brightness(.72);cursor:not-allowed}.clip-tile svg{width:37px;height:37px;margin-bottom:auto;color:#ffffffd1}.tile-title{width:calc(100% - 6px);min-height:1rem;display:block;overflow:hidden}.title-track{display:block;min-width:0}.title-track strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;text-align:center}.title-track strong[aria-hidden]{display:none}.sound-pad:hover .tile-title.is-overflowing .title-track,.clip-tile.is-playing .tile-title.is-overflowing .title-track{width:max-content;display:inline-flex;gap:28px;animation:marquee-title 5.2s linear infinite}.sound-pad:hover .tile-title.is-overflowing strong,.clip-tile.is-playing .tile-title.is-overflowing strong{display:block;overflow:visible;text-overflow:clip}@keyframes marquee-title{0%{transform:translate(0)}to{transform:translate(calc(-50% - 14px))}}.clip-tile small{color:#ffffffb3;font-size:.75rem}.tile-playing{min-height:.9rem;display:inline-flex;align-items:center;gap:4px;color:#ffffffeb;font-size:.68rem}.tile-playing .waveform{width:27px;height:11px;gap:2px;color:currentColor}.tile-playing .waveform>span{width:2px}.filter-tabs{display:flex;gap:6px;margin:0 0 16px;padding:0;overflow-x:auto;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{min-height:37px;flex:0 0 auto;padding:0 15px;border-radius:20px;color:var(--muted);background:transparent;font-size:.82rem}.filter-tabs button.active{color:#fff;background:var(--indigo);box-shadow:0 9px 24px #6159f66b}.filter-tabs .add-clip{width:37px;padding:0;background:var(--surface-strong)}.filter-tabs .add-clip svg{width:18px}.connection-card,.tips-card,.metadata,.detail-actions{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.connection-card{display:flex;flex-direction:column;gap:14px;padding:18px}.connection-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.connection-card-body{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.connection-server{display:flex;align-items:center;gap:10px}.connection-server-icon{width:36px;height:36px;border-radius:10px;object-fit:cover;flex-shrink:0}.connection-server-icon--fallback{display:inline-flex;align-items:center;justify-content:center;background:#5865f233;color:var(--indigo-soft);font-weight:700;font-size:.95rem}.connection-server-meta{min-width:0;flex:1}.connection-server-name{margin:0;font-size:.86rem;font-weight:650;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-channel-name{margin:2px 0 0;font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-plan{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.connection-plan-row{display:flex;align-items:center;gap:8px}.connection-plan-row small{flex:1;color:var(--muted);font-size:.72rem;letter-spacing:.04em;margin:0}.connection-plan-row strong{font-size:.92rem;font-variant-numeric:tabular-nums}.connected{margin-bottom:4px;color:var(--green);font-weight:650}.connected span{display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.connection-card small{margin-left:18px;color:var(--muted)}.channel{margin-top:14px;color:#c8cee0;font-size:.86rem}.channel-icon{width:58px;height:58px;display:grid;place-items:center;color:#8d88ff;border-radius:16px;background:#191a36}.connection-card .summon-bot{margin-top:12px;height:34px;padding:0 12px;font-size:.78rem}.channel-icon svg{width:33px;height:33px}.bulk-edit-panel{margin-bottom:26px;padding:18px;border:1px solid rgba(113,107,255,.26);border-radius:var(--radius);background:linear-gradient(135deg,#2c2d32fa,#232429e6);box-shadow:var(--shadow),0 0 36px #5751d31f}.bulk-edit-panel header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:18px}.bulk-edit-panel h2{font-size:1.05rem}.bulk-edit-panel small{padding:5px 9px;border-radius:14px;color:var(--indigo-soft);background:#716bff21}.tab-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 18px;padding:0;border:0}.tab-editor legend,.order-editor h3{width:100%;margin-bottom:10px;color:var(--muted);font-size:.76rem;font-weight:650}.sortable-tab>span{display:block;margin-bottom:5px;color:#737f9c;font-size:.64rem;text-transform:uppercase}.sortable-tab>div{display:flex;gap:5px}.tab-editor input,.order-row{width:100%;border:1px solid var(--border);border-radius:10px;color:var(--text);background:#111627}.tab-editor input{min-width:0;flex:1;height:39px;padding:0 10px}.order-editor{display:grid;gap:7px}.order-row{min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:5px 6px 5px 12px;font-size:.82rem}.sortable-tab.is-dragging,.order-row.is-dragging{z-index:2;opacity:.72;box-shadow:0 10px 24px #00000052}.drag-handle{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:8px;color:var(--indigo-soft);background:#716bff21;cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:16px;height:16px}@media(min-width:540px){.clip-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:16px}.clip-tile{min-height:146px}}.toast-viewport{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200;pointer-events:none;width:min(420px,calc(100vw - 32px))}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface-strong);border:1px solid var(--border);box-shadow:0 12px 32px #00000059;color:var(--text);font-size:14px;line-height:1.4}.toast--success{border-color:#45d38b66}.toast--error{border-color:#ee3d7973}.toast--info{border-color:#5865f266}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast--success .toast-icon{color:var(--green)}.toast--error .toast-icon{color:var(--pink)}.toast--info .toast-icon{color:var(--indigo-soft)}.toast-message{flex:1;margin:0;word-break:break-word}.toast-dismiss{flex-shrink:0;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.toast-dismiss:hover{background:#ffffff0f;color:var(--text)}.toast-dismiss svg{width:16px;height:16px}.login-page{min-height:100svh;width:min(100% - 38px,1040px);margin:0 auto;padding:22px 0 30px}.login-header{height:44px}.login-layout{min-height:calc(100svh - 96px);display:flex;flex-direction:column;justify-content:center;gap:42px}.login-introduction{display:flex;flex-direction:column;align-items:center}.login-hero{display:flex;align-items:center;gap:10px;margin:20px 0 32px}.discord-bubble{width:74px;height:74px;display:grid;place-items:center;border-radius:22px;color:#fff;background:linear-gradient(145deg,#8782ff,#5148de);box-shadow:0 14px 34px #5d56f561}.discord-bubble svg{width:43px;height:43px}.login-introduction h1{font-size:clamp(2.1rem,9vw,3.25rem);text-align:center;letter-spacing:.03em;margin-bottom:36px}.login-introduction h1 span{color:var(--indigo-soft);margin-left:.14em}.login-copy{margin:18px 0 34px;color:#d5dbea;line-height:1.8;text-align:center}.login-actions{width:min(100%,365px)}.discord-login,.guest-button{width:100%;height:55px;border-radius:15px;font-weight:650}.discord-login{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(110deg,#665eff,#5148df);box-shadow:0 13px 34px #4842d84d}.discord-login svg{width:25px;height:25px}.guest-button{margin-top:8px;color:#e0e5f3;background:transparent}.features{display:flex;flex-direction:column;gap:18px}.feature{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.feature-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:14px}.feature-icon svg{width:27px;height:27px}.feature-icon--indigo{color:#9792ff;background:#191837}.feature-icon--green{color:#62dc9e;background:#102b24}.feature-icon--pink{color:#f37dc1;background:#321624}.text-indigo{color:#9994ff}.text-green{color:#58d894}.text-pink{color:#f074b6}.feature strong{display:block;margin-bottom:5px;font-size:.9rem}.feature p{color:#b8c1d6;font-size:.8rem;line-height:1.55}.screen-heading{display:flex;justify-content:flex-end;align-items:center;margin-bottom:21px}.heading-actions{display:flex;align-items:center;gap:8px}.batch-edit-toggle{height:43px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid var(--border);border-radius:13px;color:#bec8e0;background:var(--surface-raised);font-size:.78rem}.batch-edit-toggle svg{width:16px;height:16px}.batch-edit-toggle.active{color:#fff;border-color:#716bff73;background:#716bff33}.batch-edit-toggle.primary{color:#fff;border-color:transparent;background:var(--indigo);box-shadow:0 6px 16px #5865f247}.batch-edit-toggle.primary:hover{background:var(--indigo-soft)}.screen-heading h1{font-size:1.65rem}.board-wrapper{display:flex;flex-direction:column;gap:20px;position:relative}.board-wrapper>.screen-heading{order:2;margin-bottom:0}.board-wrapper>.board-sidebar{order:1}.board-wrapper>.board-content{order:3;min-width:0}.board-sidebar{display:flex;flex-direction:column;gap:15px}.filter-tab-edit{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 18px;border-radius:999px;border:1px dashed var(--border);background:var(--surface-raised);-webkit-user-select:none;user-select:none}.filter-tab-edit.active{border-style:solid;border-color:var(--indigo);background:#5865f22e}.filter-tab-edit input{background:transparent;border:0;color:var(--text);font-size:.85rem;min-width:4ch;width:auto;field-sizing:content;text-align:center;outline:none;padding:0}.filter-tabs.editing{flex-wrap:wrap;overflow:visible}.clip-grid.editing .sound-pad,.clip-grid.editing .clip-tile{-webkit-user-select:none;user-select:none}.tips-card{display:none;padding:19px;color:#c4cbe0;font-size:.88rem;line-height:1.7}.detail-header{position:sticky;z-index:5;top:0;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-14px -10px 18px;padding:10px;border-radius:18px;background:#2c2d32d6;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px)}.detail-heading{flex:1}.detail-heading .eyebrow{margin-bottom:2px}.detail-heading h1{font-size:1rem}.save-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(113,107,255,.42);border-radius:13px;color:#fff;background:#716bff38}.save-icon svg{width:19px}.detail-layout{display:flex;flex-direction:column;gap:19px}.detail-art{position:relative;isolation:isolate;height:205px;display:grid;place-items:center;margin-bottom:18px}.detail-art:before{position:absolute;z-index:-1;top:3%;right:-8%;bottom:3%;left:-8%;border-radius:38%;background:radial-gradient(ellipse,var(--glow),transparent 67%);filter:blur(8px);content:""}.detail-art .waveform{position:absolute;width:min(88%,340px);height:55px;justify-content:space-between;color:#ffffff24}.detail-art .waveform>span{width:7px}.art-icon{z-index:1;width:102px;height:102px;display:grid;place-items:center;border-radius:25px;color:#fffc;background:linear-gradient(145deg,var(--accent-hi),var(--accent));box-shadow:0 13px 34px var(--glow)}.art-icon svg{width:43px;height:43px}.pill{display:inline-block;padding:7px 14px;margin-bottom:18px;border-radius:20px;font-size:.75rem;font-weight:650}.pill--recorded{color:#ed83be;background:#301b32}.pill--voicevox{color:#62da9b;background:#112c26}.title-editor{display:block;margin-bottom:26px}.title-editor span,.field span{display:block;margin-bottom:7px;color:#808da9;font-size:.72rem;font-weight:650}.title-editor input{width:100%;padding:8px 0;border:0;border-bottom:1px solid var(--border);color:var(--text);background:transparent;font-size:clamp(1.55rem,7vw,2rem);font-weight:700}.play-row{display:flex;align-items:center;gap:13px;margin-bottom:18px}.play-button{width:85px;height:57px;display:grid;place-items:center;color:#fff;border-radius:30px;background:linear-gradient(145deg,var(--accent-hi),var(--accent));box-shadow:0 11px 28px var(--glow)}.play-button svg{width:22px;height:22px}.play-button:disabled{opacity:.55;cursor:not-allowed}.play-button--discord{background:linear-gradient(145deg,#818cf8,#5865f2);box-shadow:0 11px 28px #5865f259}.duration{padding:12px 18px;color:#9ba7c4;background:var(--surface-strong);border-radius:28px}.playback-progress{height:4px;margin-bottom:18px;overflow:hidden;color:transparent;background:#1f263a;border-radius:5px}.playback-progress span{display:block;height:100%;background:var(--indigo);animation:playback 1.2s linear}@keyframes playback{0%{width:0}to{width:100%}}.detail-footer{display:flex;gap:10px;margin-top:16px;justify-content:flex-end;align-items:center}.metadata{padding:17px}.meta-label{margin-bottom:8px;color:#808da9;font-size:.72rem;font-weight:650}.meta-value{margin-bottom:13px;padding-bottom:14px;border-bottom:1px solid var(--border);color:#c7cee1;font-size:.84rem}.meta-value.accent{display:flex;align-items:center;gap:8px}.meta-value.accent svg{width:18px}.detail-page--voicevox .meta-value.accent{color:var(--green)}.meta-value.last{margin:0;padding:0;border:0}.field{display:block;margin-bottom:14px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:11px;color:var(--text);background:var(--surface-raised)}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:.8}.field input,.field select{height:36px;padding:0 12px}.field textarea{padding:11px 12px;resize:vertical}.save-clip{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;border-radius:15px;background:linear-gradient(145deg,var(--accent-hi),var(--accent));font-weight:650}.save-clip svg{width:18px;height:18px}.save-feedback{margin-top:13px;color:var(--green);font-size:.82rem;text-align:center}@media(min-width:760px){.mobile-only{display:none}.login-page{padding-top:28px}.board-sidebar{margin-top:10px}.detail-art{height:290px}}@media(min-width:960px){.detail-layout{display:grid;grid-template-columns:minmax(360px,1.06fr) minmax(320px,.94fr);gap:32px}}@media(min-width:1024px){.board-wrapper{display:flex;flex-direction:column;gap:20px;padding-right:346px}.board-wrapper>.screen-heading{order:1}.board-wrapper>.board-content{order:2}.board-wrapper>.board-sidebar{order:unset;position:absolute;top:0;right:0;width:318px;margin-top:0}.tips-card{display:block}}.dev-login-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px;margin:12px auto 0}.dev-login-label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#6f6c8a}.dev-login-label input{padding:10px 12px;border-radius:12px;border:1px solid #d3d3e6;font-size:1rem}.dev-login-error,.save-feedback--error,.modal-error{color:#d3326a;font-size:.85rem;margin:0}.board-empty{margin:0;padding:36px 0;text-align:center;color:#888;grid-column:1 / -1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0e1e8c;display:grid;place-items:center;z-index:50;padding:16px}.modal-panel{background:var(--surface-strong);color:var(--text);border:1px solid var(--border);border-radius:24px;padding:24px;width:100%;max-width:600px;max-height:calc(100svh - 32px);overflow-y:auto;box-shadow:0 24px 60px #0006;display:flex;flex-direction:column;gap:16px}.modal-header h2{color:var(--text)}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:1.1rem;margin:0}.modal-form{display:flex;flex-direction:column;gap:14px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:4px}.modal-checkbox{display:flex;align-items:center;gap:8px;font-size:.9rem}.modal-fieldset{border:1px solid var(--border);border-radius:14px;padding:12px 14px 14px;margin:0}.modal-fieldset>legend{padding:0 6px;font-size:.85rem;color:var(--muted)}.modal-hint{margin:0;font-size:.85rem;color:var(--muted)}.checkbox-grid{display:flex;flex-wrap:wrap;gap:8px}.checkbox-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-raised);font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s}.checkbox-chip:hover{border-color:var(--indigo-soft)}.checkbox-chip input{accent-color:var(--indigo)}.checkbox-chip:has(input:checked){background:var(--indigo);border-color:var(--indigo);color:#fff}.tone-swatches{display:flex;flex-wrap:wrap;gap:10px}.icon-swatches{display:flex;flex-wrap:wrap;gap:8px}.icon-swatch{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);cursor:pointer;padding:0;transition:transform .15s,border-color .15s,background .15s}.icon-swatch svg{width:22px;height:22px}.icon-swatch:hover:not(:disabled){border-color:var(--indigo-soft)}.icon-swatch.selected{border-color:var(--indigo);background:#5865f22e;color:var(--indigo-soft);transform:scale(1.05)}.icon-swatch:disabled{opacity:.5;cursor:not-allowed}html,body,#root{height:100svh;overflow:hidden}.app-shell{height:100svh;overflow:hidden;padding-bottom:0}.board-page{height:calc(100svh - 146px - env(safe-area-inset-bottom,0px));padding:12px 0;overflow:hidden}.board-wrapper{height:100%;overflow:hidden}.board-content{height:100%;display:flex;flex-direction:column;min-height:0}.board-content>.clip-grid{flex:1;overflow-y:auto;min-height:0;align-content:flex-start}.board-speak-dock{margin-top:auto;padding-top:12px;flex-shrink:0}@media(min-width:760px){.board-page{height:calc(100svh - 76px);padding:28px 0 24px}}.speak-bar{position:relative;display:flex;align-items:center;gap:8px;padding:8px;border-radius:16px;border:0;background:var(--surface-raised)}.speak-bar-speaker{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;flex-shrink:0;transition:color .15s,background .15s}.speak-bar-speaker:hover:not(:disabled){color:var(--text);background:#ffffff0f}.speak-bar-speaker:disabled{opacity:.5;cursor:not-allowed}.speak-bar-speaker svg{width:18px;height:18px}.speak-bar-input{flex:1;min-width:0;min-height:38px;max-height:160px;padding:9px 4px;resize:none;border:0;background:transparent;color:var(--text);font-size:.9rem;line-height:1.4;font-family:inherit;outline:none;box-shadow:none}.speak-bar-input:focus{outline:none;box-shadow:none}.speak-bar-input::placeholder{color:var(--muted)}.speak-bar-popover{position:absolute;bottom:calc(100% + 8px);left:0;width:min(380px,calc(100vw - 32px));max-height:60vh;overflow:auto;padding:12px;border-radius:14px;border:1px solid var(--border);background:#22242cfa;box-shadow:0 14px 40px #0006;display:flex;flex-direction:column;gap:14px;z-index:30}.speak-bar-popover-label{margin:0 0 6px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.speak-bar-popover-grid{display:flex;flex-wrap:wrap;gap:6px}.speak-bar-pill{height:30px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface-raised);color:var(--text);font-size:.78rem;cursor:pointer;transition:border-color .15s,background .15s}.speak-bar-pill:hover{border-color:var(--indigo-soft)}.speak-bar-pill.selected{border-color:var(--indigo);background:#5865f233;color:var(--indigo-soft)}.tone-swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;background:var(--accent, #888);cursor:pointer;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s}.tone-swatch:hover:not(:disabled){transform:scale(1.1)}.tone-swatch.selected{border-color:#fff;box-shadow:0 0 0 3px var(--glow, rgba(255, 255, 255, .3))}.tone-swatch.tone-random{position:relative;overflow:hidden;background:#9026bc}.tone-swatch.tone-random:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:conic-gradient(from 210deg,#ee3d79,#ed711c,#eaa319,#2aac57,#10977d,#257dcc,#9026bc,#ee3d79);filter:blur(2px)}.tone-swatch.tone-random.selected{box-shadow:0 0 0 3px #ffffff59}.multi-select{position:relative;width:100%}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:36px;padding:5px 10px;border-radius:11px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);text-align:left;font-size:.9rem;line-height:1;cursor:pointer}.multi-select-trigger:hover:not(:disabled){border-color:var(--indigo-soft)}.multi-select.open .multi-select-trigger{border-color:var(--indigo)}.multi-select-trigger:disabled{opacity:.6;cursor:not-allowed}.multi-select .multi-select-placeholder,.multi-select .multi-select-tag{margin:0}.multi-select-trigger>span{margin:0;color:var(--text);font-size:.9rem;font-weight:400}.multi-select .multi-select-placeholder{color:var(--muted)}.multi-select .multi-select-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;margin:0;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit}.multi-select .multi-select-tag{display:inline-flex;align-self:center;align-items:center;gap:4px;padding:3px 4px 3px 10px;border-radius:999px;background:var(--indigo);color:#fff;font-size:.82rem;line-height:1.2}.multi-select .multi-select-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:none;background:#ffffff2e;color:inherit;cursor:pointer;padding:0}.multi-select .multi-select-tag-remove:hover{background:#ffffff52}.multi-select-caret{flex-shrink:0;color:var(--muted);transition:transform .15s}.multi-select.open .multi-select-caret{transform:rotate(180deg)}.multi-select-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;padding:4px;max-height:204px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;box-shadow:0 18px 40px #0006;display:flex;flex-direction:column;gap:1px}.multi-select-option{display:flex;align-items:center;gap:10px;padding:6px 10px;border:none;background:transparent;color:var(--text);border-radius:8px;cursor:pointer;font-size:.88rem;text-align:left;width:100%;line-height:1.4}.multi-select-option:hover{background:#716bff24}.multi-select-option.selected{background:#716bff38}.multi-select-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:6px;border:1px solid var(--border);color:#fff;background:transparent;flex-shrink:0}.multi-select-option.selected .multi-select-check{background:var(--indigo);border-color:var(--indigo)}.multi-select-empty{margin:0;padding:12px;text-align:center;color:var(--muted);font-size:.85rem}.pad-edit{position:relative;-webkit-user-select:none;user-select:none}.pad-edit-check{position:absolute;top:8px;left:8px;z-index:5;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;border:1.5px solid rgba(255,255,255,.55);background:#0f10168c;color:#fff;pointer-events:none}.pad-edit.is-selected .pad-edit-check{border-color:#fff;background:var(--indigo)}.pad-edit.is-selected .clip-tile{outline:2px solid var(--indigo);outline-offset:2px}.filter-tabs-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.filter-tabs-row>.filter-tabs{flex:1;margin-bottom:0}.tabs-edit-trigger{position:relative}.tabs-edit-trigger .icon-button{border-radius:10px;border:1px solid var(--border);background:var(--surface-raised);width:36px;height:36px;display:grid;place-items:center;color:var(--text)}.tab-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;padding:4px;min-width:160px;box-shadow:0 14px 32px #0006;display:flex;flex-direction:column;gap:1px}.tab-menu button{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:.88rem;text-align:left}.tab-menu button:hover{background:#716bff24}.tab-menu button.danger{color:#f06b6b}.tab-menu button.danger:hover{background:#f06b6b24}.filter-tab-rename{height:36px;padding:0 18px;border-radius:999px;border:1px solid var(--indigo);background:var(--surface-raised);color:var(--text);font-size:.85rem;min-width:6ch;width:auto;field-sizing:content;outline:none;text-align:center}.select-all-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;margin-bottom:12px;font-size:.85rem;color:var(--muted)}.select-all-actions{display:flex;align-items:center;gap:8px;min-height:36px}.select-all-actions .batch-edit-toggle{height:32px;padding:0 12px}.bulk-edit{position:relative}.bulk-menu{top:calc(100% + 6px);right:0;left:auto;min-width:200px}.bulk-menu .has-submenu{position:relative;justify-content:space-between}.bulk-menu .submenu{position:absolute;top:-4px;left:100%;background:var(--surface-strong);border:1px solid var(--border);border-radius:12px;padding:4px;min-width:160px;box-shadow:0 14px 32px #0006;display:flex;flex-direction:column;gap:1px}.bulk-menu .submenu button{display:flex;align-items:center;padding:8px 10px;border-radius:8px;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:.88rem;text-align:left}.bulk-menu .submenu button:hover{background:#716bff24}.drag-overlay-stack{position:relative;pointer-events:none}.drag-overlay-item{position:absolute;top:0;left:0;width:100%}.drag-overlay-item:last-child{position:relative}.drag-overlay-count{position:absolute;top:-8px;right:-8px;z-index:100;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--indigo);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 4px 10px #5865f266}.board-content{min-height:240px}.select-all-row label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.select-all-row input{width:16px;height:16px;accent-color:var(--indigo);cursor:pointer}.batch-edit-toggle.danger{color:#fff;border-color:#f06b6b80;background:#d34c4c}.batch-edit-toggle.danger:hover:not(:disabled){background:#c93f3f}.filter-tab-edit-wrapper{position:relative;display:inline-block}.filter-tab-edit{display:inline-flex;align-items:center;gap:4px}.filter-tab-edit>span{font-size:.85rem}.filter-tab-edit .filter-tab-menu-btn{display:inline-flex;align-items:center;justify-content:center;min-height:0;width:22px;height:22px;padding:0;margin-left:4px;border-radius:6px;background:transparent;color:var(--text);cursor:pointer;flex-shrink:0;opacity:.75}.filter-tab-edit .filter-tab-menu-btn:hover{background:#ffffff1f;opacity:1}.filter-tab-edit .filter-tab-menu-btn svg{width:14px;height:14px;display:block}.clip-grid.editing .clip-tile{transition:none!important}.clip-grid.editing .pad-edit:hover .clip-tile{outline:2px solid rgba(255,255,255,.25);outline-offset:2px}.clip-grid.editing .pad-edit.is-selected:hover .clip-tile{outline:2px solid var(--indigo-soft);outline-offset:2px}.clip-tile,.filter-tabs button,.batch-edit-toggle,.multi-select-trigger,.multi-select-option,.checkbox-chip,.tone-swatch,.tile-title,.duration{user-select:none;-webkit-user-select:none}.single-select-option{display:flex;align-items:center;padding:8px 12px;border:0;background:transparent;color:var(--text);border-radius:8px;cursor:pointer;font-size:.88rem;text-align:left;width:100%;line-height:1.4}.single-select-option:hover{background:#716bff24}.single-select-option.selected{background:var(--indigo);color:#fff}.multi-select-trigger{min-height:38px}.connected.disconnected{color:#b8c0d4}.connected.disconnected span{background:#b8c0d4;box-shadow:0 0 8px #b8c0d499}.filter-tab-edit .filter-tab-rename-inline{background:transparent;border:0;color:var(--text);font-size:.85rem;min-width:4ch;width:auto;field-sizing:content;outline:none;padding:0;text-align:center}.filter-tab-edit.is-renaming{border-style:solid;border-color:var(--indigo)}.tab-move-trigger{position:relative}.tab-move-trigger>.tab-menu{top:calc(100% + 6px);left:auto;right:0;min-width:160px}.speak-form{display:flex;flex-direction:column;gap:18px}.speak-form textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);font-size:1rem;resize:vertical;min-height:120px}.speak-speaker-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:540px){.speak-speaker-row{grid-template-columns:1fr}}.speak-submit{align-self:flex-end;height:46px;padding:0 22px}.settings-page{max-width:640px;margin:0 auto;padding:28px 18px 96px;display:flex;flex-direction:column;gap:24px}.settings-header h1{font-size:1.65rem;margin:4px 0 0}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-section-title{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 4px 4px}.settings-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--surface-strong);border:1px solid var(--border)}.settings-row-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#5865f22e;color:var(--indigo-soft);flex-shrink:0}.settings-row-icon svg{width:18px;height:18px}.settings-row-icon--avatar{background:transparent;padding:0;overflow:hidden}.settings-avatar{width:100%;height:100%;border-radius:10px;object-fit:cover;display:block}.settings-row-body{min-width:0;flex:1}.settings-row-label{margin:0 0 2px;font-size:.75rem;color:var(--muted)}.settings-row-value{margin:0;word-break:break-all;font-size:.95rem}.settings-row-value.muted{color:var(--muted)}.settings-row--placeholder{flex-direction:column;align-items:flex-start;gap:4px}.settings-logout{align-self:flex-start;height:42px;padding:0 18px}.guild-selector{display:flex;flex-direction:column;gap:6px}.guild-selector-label{margin:0 4px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.guild-selector-row{display:flex;align-items:center;gap:8px}.guild-selector-row>:last-child{flex:1;min-width:0}.guild-selector-icon{width:28px;height:28px;border-radius:8px;object-fit:cover;display:block;flex-shrink:0}.guild-selector-icon--fallback{display:inline-flex;align-items:center;justify-content:center;background:#5865f22e;color:var(--indigo-soft);font-weight:600;font-size:.9rem}.plan-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-raised);padding:14px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}.plan-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-card-head small{font-size:.68rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.plan-card-usage{margin:0;font-size:.85rem;color:var(--text)}.plan-card-usage strong{font-weight:700;color:var(--text)}.plan-card-unlimited{margin:0;font-size:.85rem;color:var(--green);font-weight:600}.plan-card-bar{height:6px;border-radius:4px;background:#283047;overflow:hidden}.plan-card-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--indigo),var(--indigo-soft));border-radius:inherit;transition:width .25s ease}.plan-card-bar.is-full span{background:linear-gradient(90deg,#d34c4c,#ee3d79)}.plan-card-cta{font-size:.76rem;color:var(--indigo-soft);margin-top:2px}.plan-card-cta:hover{text-decoration:underline}.plan-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.76rem;font-weight:600;border:1px solid var(--border);background:var(--surface-strong);color:var(--muted)}.plan-badge--pro_guild,.plan-badge--pro_guild_max{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--indigo-soft),var(--indigo))}.plan-badge-icon{width:12px;height:12px}.settings-row--usage{align-items:flex-start}.settings-row--usage .settings-row-body{display:flex;flex-direction:column;gap:6px}.settings-row--usage .plan-card-bar{margin-top:2px}.account-card{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-strong)}.account-card .settings-row{background:transparent;border:0;padding:0}.settings-section .batch-edit-toggle,.settings-section .settings-invite,.guild-card-body .batch-edit-toggle,.account-card .batch-edit-toggle{width:100%;justify-content:flex-start;padding-left:18px;height:42px}.upgrade-actions,.cooldown-actions{display:flex;flex-direction:column;gap:12px;width:100%}.cooldown-actions{flex-direction:row}.cooldown-actions .batch-edit-toggle{flex:1}.guild-card-pass{font-size:.85rem}.settings-upgrade{margin-top:4px}.settings-invite{text-decoration:none;margin-bottom:6px}.settings-logout,.guild-card-leave{width:100%;color:#f87171;border-color:#f871718c;background:transparent}.settings-logout:hover,.guild-card-leave:hover{background:#f871711f}.settings-logout svg,.guild-card-leave svg{color:inherit}.cooldown-editor{display:flex;align-items:center;gap:12px}.cooldown-editor input[type=range]{flex:1;accent-color:var(--indigo)}.cooldown-editor input[type=range]:disabled{opacity:.55;cursor:not-allowed}.cooldown-editor strong{font-variant-numeric:tabular-nums;font-size:.92rem}.settings-row-hint{margin:0;font-size:.76rem;color:var(--muted)}.cooldown-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.guild-card{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-strong)}.guild-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.guild-card-head:hover .guild-card-name{color:var(--indigo-soft)}.guild-card-chevron{width:18px;height:18px;color:var(--muted);transition:transform .2s ease;flex-shrink:0}.guild-card.is-open .guild-card-chevron{transform:rotate(180deg)}.guild-card-body{display:flex;flex-direction:column;gap:14px;padding-top:14px;border-top:1px solid var(--border)}.guild-card-head-main{display:flex;align-items:center;gap:12px;min-width:0}.guild-card-icon{width:40px;height:40px;border-radius:12px;object-fit:cover;display:block;flex-shrink:0}.guild-card-icon--fallback{display:inline-flex;align-items:center;justify-content:center;background:#5865f22e;color:var(--indigo-soft);font-weight:700;font-size:1.1rem}.guild-card-plan{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;margin-right:12px}.guild-card-plan-expiry{font-size:.72rem;color:var(--muted)}.guild-card-name{margin:0 0 2px;font-weight:700;font-size:1rem}.guild-card-head small{font-size:.72rem;color:var(--muted);word-break:break-all}.guild-card-row{display:flex;align-items:flex-start;gap:14px}.guild-card-row-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#5865f22e;color:var(--indigo-soft);flex-shrink:0}.guild-card-row-icon svg{width:16px;height:16px}.guild-card-row-body{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.guild-card-row-label{margin:0;font-size:.72rem;color:var(--muted)}.guild-card-row-value{margin:0;font-size:.9rem}.guild-card-upgrade{align-self:flex-start;height:38px;padding:0 14px}.upgrade-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.guild-card-pass{height:34px;padding:0 14px;font-size:.8rem}.upgrade-hint{margin:0;font-size:.72rem;color:var(--muted);letter-spacing:.04em}.pass-active{margin:0;padding:8px 12px;border-radius:10px;background:#45d38b24;border:1px solid rgba(69,211,139,.35);color:#aef0c8;font-size:.82rem}.ad-banner{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-raised);padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.ad-label{margin:0;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ad-banner-body{display:flex;gap:12px;align-items:flex-start}.ad-banner-icon{width:32px;height:32px;flex-shrink:0;padding:6px;border-radius:10px;background:#5865f22e;color:var(--indigo-soft)}.ad-banner-title{margin:0 0 4px;font-weight:650;font-size:.92rem}.ad-banner-text{margin:0;color:var(--muted);font-size:.78rem;line-height:1.4}.ad-banner-cta{display:inline-block;margin-top:2px;font-size:.78rem;color:var(--indigo-soft)}.ad-banner-cta:hover{text-decoration:underline}.pro-cta-overlay{display:flex;align-items:center;justify-content:center;padding:18px;background:#0f1016a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:150}.pro-cta-panel{position:relative;width:min(420px,100%);background:var(--surface-strong);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;gap:12px}.pro-cta-panel h2{margin:0 0 4px;font-size:1.3rem;line-height:1.3}.pro-cta-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:10px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pro-cta-close:hover{background:#ffffff0f;color:var(--text)}.pro-cta-close svg{width:16px;height:16px}.pro-cta-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;color:var(--text);font-size:.9rem}.pro-cta-actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.pro-cta-actions .batch-edit-toggle{flex:1;justify-content:center}