:root{color-scheme:dark;--bg:#0b1020;--panel:#131d32;--panel2:#1b2942;--line:#30405e;--muted:#a6b4ce;--text:#f4f7ff;--accent:#4169E1;--accent-soft:#a6bdff;--accent-tint:#1c305b;--accent-gradient:linear-gradient(135deg,#4169E1,#2d4fb4);--accent-gradient-hover:linear-gradient(135deg,#4b73e8,#365cc9);--danger:#fb7185;--cell:48px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#172c60 0,transparent 30%),var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}button,input,textarea,select{border:1px solid var(--line);border-radius:9px;background:#0f182b}button{min-height:44px;padding:.55rem .85rem;cursor:pointer}button:hover{border-color:#607bab}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.primary{background:var(--accent-gradient);border-color:var(--accent);color:#fff;font-weight:700;box-shadow:0 4px 14px rgba(65,105,225,.2)}.primary:hover{background:var(--accent-gradient-hover);border-color:#91b0ff}.topbar{min-height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:2rem;padding:.75rem 1.25rem;position:sticky;top:0;z-index:40;background:rgba(11,16,32,.94);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.75rem;min-width:230px}.brand input{font-weight:750;font-size:1.1rem;border-color:transparent;background:transparent;width:180px}.save-wrap{display:flex;flex-direction:column;margin-left:auto}.status{font-size:.82rem;color:var(--accent-soft)}.status.error{color:#fda4af}.transport{display:flex;align-items:center;gap:.4rem}.transport label{color:var(--muted);font-size:.75rem;display:flex;align-items:center;gap:.4rem}.transport input{width:68px;padding:.55rem}.transport button{width:44px;padding:0}.layout{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:calc(100vh - 74px)}.sidebar{border-right:1px solid var(--line);background:rgba(15,24,43,.85);padding:1rem}.sidebar-toggle{display:none;width:100%;justify-content:space-between}.panel{border-bottom:1px solid var(--line);padding:.75rem 0 1.1rem}.panel label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}textarea,input,select{padding:.7rem;width:100%}textarea{resize:vertical}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.09em;margin:.5rem 0}.icon-button{width:44px;padding:0}.rhyme-list,.word-list{display:flex;flex-direction:column;gap:.55rem;margin-top:.7rem}.rhyme-row{gap:.4rem;align-items:center}.rhyme-row input[type=color]{width:28px;height:32px;padding:2px}.word-card{padding:.7rem;background:var(--panel2);border:1px solid var(--line);border-radius:10px}.word-head{display:flex;gap:.4rem;align-items:center}.word-text{font-weight:700;overflow:hidden;text-overflow:ellipsis}.word-head select{width:90px;padding:.35rem;margin-left:auto}.small-action{min-height:36px;width:36px;padding:0}.tokens{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.token{min-height:44px;padding:.45rem .65rem;border:1px solid color-mix(in srgb,var(--token-color,#777) 65%,#fff);border-radius:8px;background:color-mix(in srgb,var(--token-color,#777) 22%,#111b2e);position:relative}.token.selected{box-shadow:0 0 0 3px #fff}.token-rhyme{font-size:.62rem;display:block;color:#ddd}.counter{font-size:.75rem;background:#233455;padding:.15rem .5rem;border-radius:1rem}.empty,.hint{color:var(--muted);font-size:.82rem}.workspace{padding:1.5rem;min-width:0}.workspace-head{display:flex;justify-content:space-between;align-items:end}.workspace h1{margin:.1rem 0;font-size:1.7rem}.eyebrow{margin:0;color:var(--accent-soft);font-size:.7rem;font-weight:800;letter-spacing:.14em}.measure-actions{display:flex;gap:.5rem}.selection-help{color:var(--muted);font-size:.85rem}.grid{display:flex;flex-direction:column;gap:1rem;overflow-x:auto;padding:4px 4px 2rem}.measure{display:grid;grid-template-columns:70px repeat(16,var(--cell));width:max-content;align-items:stretch}.measure-label{display:flex;align-items:center;color:var(--muted);font-size:.76rem;font-weight:700}.cell{width:var(--cell);height:58px;border:1px solid var(--line);border-right:0;border-radius:0;background:#101a2d;padding:2px;position:relative;display:flex;align-items:center;justify-content:center}.cell:nth-child(4n+2){border-left:2px solid #526b96}.cell:last-child{border-right:1px solid var(--line);border-radius:0 8px 8px 0}.cell.drop-target{background:var(--accent-tint);box-shadow:inset 0 0 0 2px var(--accent)}.cell.collision{animation:shake .2s 2;background:#4a1722}.cell.playing::after{content:"";position:absolute;top:-5px;bottom:-5px;left:0;width:3px;background:#fbbf24;box-shadow:0 0 8px #fbbf24;z-index:3}.occurrence{width:100%;height:100%;border-radius:5px;padding:2px;background:color-mix(in srgb,var(--token-color,#777) 30%,#131d32);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;font-size:.72rem}.drag-handle{touch-action:none;position:absolute;right:1px;top:0;color:#ddd;font-size:.7rem;cursor:grab}.drag-ghost{position:fixed;z-index:100;pointer-events:none;padding:.5rem .75rem;border-radius:8px;background:var(--accent);box-shadow:0 8px 28px #000;transform:translate(12px,12px)}.toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%,20px);background:#1c2b46;border:1px solid #526b96;padding:.7rem 1rem;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;z-index:200}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line);border-radius:14px;background:#141f35;color:var(--text);width:min(520px,calc(100% - 2rem));padding:0}dialog::backdrop{background:#060c18cc}.dialog-form{padding:1.2rem;display:flex;flex-direction:column;gap:.8rem}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0}.syllable-preview{display:flex;flex-wrap:wrap;gap:.4rem;min-height:35px}.syllable-preview span{background:#24385e;padding:.35rem .6rem;border-radius:6px}.dialog-actions{justify-content:flex-end;gap:.5rem}.error{color:#fda4af;min-height:1.2em;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes shake{50%{transform:translateX(4px)}}
@media(max-width:780px){:root{--cell:44px}.topbar{position:static;flex-wrap:wrap;gap:.5rem;padding:.6rem}.brand{min-width:0;flex:1}.save-wrap{order:3;width:100%;margin:0;flex-direction:row;gap:.5rem}.transport .bpm-control{position:absolute;top:68px;right:.7rem;z-index:3}.transport{gap:.2rem}.layout{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:.6rem}.sidebar-toggle{display:flex}.sidebar.collapsed #sidebar-content{display:none}.workspace{padding:1rem .6rem}.workspace-head{align-items:flex-start}.measure-actions{flex-direction:column}.measure{grid-template-columns:52px repeat(16,var(--cell))}.cell{height:54px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.brand{text-decoration:none;border-radius:9px}.brand:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}
.word-card,.word-drag-handle,.cell.occupied{cursor:grab;touch-action:none}.word-drag-handle{flex:1;min-width:0;padding:.45rem 0}.word-card:active,.word-drag-handle:active,.cell.occupied:active{cursor:grabbing}.word-card button{cursor:pointer}.cell.drop-target-invalid{background:#4a1722;box-shadow:inset 0 0 0 2px #fb7185}.word-occurrence{box-shadow:inset 0 -2px color-mix(in srgb,var(--token-color,#777) 75%,#fff)}
.drag-ghost{display:contents;padding:0;transform:none;background:transparent;box-shadow:none}.drag-ghost span{position:fixed;z-index:100;display:grid;place-items:center;border:1px solid var(--accent-soft);border-radius:5px;background:var(--accent);box-shadow:0 8px 28px #000;font-size:.72rem;pointer-events:none}
.stock-panel.drop-target{border-radius:10px;background:var(--accent-tint);box-shadow:inset 0 0 0 2px var(--accent)}
.transport .loop-control{white-space:nowrap;cursor:pointer}.transport .loop-control input{width:auto;margin:0;padding:0;accent-color:var(--accent)}
.measure:first-child .measure-label{color:var(--accent-soft);font-size:.67rem}
@media(max-width:780px){.measure:first-child .measure-label{font-size:.55rem}}
.confirm-dialog{width:min(440px,calc(100% - 2rem));border-color:#35496e;border-radius:18px;background:linear-gradient(145deg,#1b2a46,#111b2e);box-shadow:0 24px 80px #000a}
.confirm-dialog[open]{animation:dialog-in .18s ease-out}
.confirm-dialog::backdrop{background:rgba(5,10,20,.72);backdrop-filter:blur(4px)}
.confirm-form{display:grid;grid-template-columns:48px minmax(0,1fr);gap:.25rem 1rem;padding:1.4rem}
.confirm-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(251,113,133,.12);color:var(--danger)}
.confirm-content h2{margin:.15rem 0 .45rem;font-size:1.18rem;letter-spacing:-.01em}
.confirm-content p{margin:0;color:#c4cee0;line-height:1.55;font-size:.92rem}
.confirm-content .confirm-subject{margin:.85rem 0;padding:.75rem .9rem;border:1px solid var(--line);border-radius:10px;background:rgba(5,10,20,.3);color:var(--text);font-weight:700;overflow-wrap:anywhere}
.confirm-actions{grid-column:1/-1;margin-top:1.2rem}
.confirm-actions button{min-width:104px}
.danger-button{background:linear-gradient(135deg,#e11d48,#be123c);border-color:#fb7185;color:#fff;font-weight:750;box-shadow:0 8px 20px rgba(190,18,60,.2)}
.danger-button:hover{background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:#fda4af}
@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:480px){.confirm-form{grid-template-columns:42px minmax(0,1fr);padding:1.1rem}.confirm-icon{width:42px;height:42px}.confirm-actions{display:grid;grid-template-columns:1fr 1fr}.confirm-actions button{min-width:0}}

.layout{position:relative;--words-panel-width:340px;--rhymes-panel-width:330px;grid-template-columns:var(--words-panel-width) minmax(0,1fr) var(--rhymes-panel-width)}
.layout>.panel-resizer-left{left:calc(var(--words-panel-width) - 6px);right:auto}
.sidebar,.rhymes-sidebar{position:relative}
.words-panel-toggle{display:none}
  .words-panel-toggle{display:grid;place-items:center;position:sticky;top:0;z-index:31;width:30px;height:34px;min-height:34px;margin:0 0 0 auto;padding:0;border:1px solid #3b5075;border-radius:10px;background:linear-gradient(160deg,#223451,#152139);color:#b8c9eb;box-shadow:inset 0 1px 0 #ffffff0d,0 3px 8px #00000026;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
  .words-panel-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
  .words-panel-toggle:hover{background:linear-gradient(160deg,#2c4269,#1c3050);border-color:#7393c7;color:#fff;box-shadow:inset 0 1px 0 #ffffff12,0 3px 12px #00000033}
  .words-panel-toggle:active{background:#14213a;box-shadow:inset 0 2px 4px #00000033}
  .words-panel-toggle:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}
  .words-panel-toggle[aria-expanded="false"] svg{transform:rotate(180deg)}
@media(min-width:781px){
  .layout{transition:grid-template-columns .28s ease}
  .sidebar{min-width:0;overflow-x:hidden;transition:padding .28s ease}
  #sidebar-content{width:calc(var(--words-panel-width) - 33px);opacity:1;visibility:visible;transition:opacity .22s ease,visibility 0s}
  .layout.words-panel-folded{grid-template-columns:40px minmax(0,1fr) var(--rhymes-panel-width)}
  .words-panel-folded .sidebar{padding:1rem 5px;overflow-x:hidden}
  .words-panel-folded #sidebar-content{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s .28s}
  .words-panel-folded #words-panel-resizer{display:none}
  .resizing-panel .layout{transition:none}
}
@media(prefers-reduced-motion:reduce){.layout,.sidebar,#sidebar-content,.words-panel-folded #sidebar-content{transition:none}}
.library-ungrouped-toggle{position:static;margin:12px auto 0;width:38px;height:30px;min-height:30px}
.library-ungrouped-content{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .28s ease,opacity .22s ease}
.library-ungrouped-content>.tokens{min-height:0;overflow:visible}
.library-ungrouped-words.is-folded .library-ungrouped-content>.tokens{overflow:hidden}
.library-ungrouped-words.is-folded .library-ungrouped-content{grid-template-rows:0fr;opacity:0}
@media(prefers-reduced-motion:reduce){.library-ungrouped-content{transition:none}}
@media(max-width:780px){.words-panel-toggle:not(.library-ungrouped-toggle){display:none}}
@media(prefers-reduced-motion:reduce){.words-panel-toggle,.words-panel-toggle svg{transition:none}}
.rhymes-sidebar{min-width:0;padding:0 1rem 1.25rem;border-left:1px solid var(--line);background:#0f182b}
.right-panel-tabs{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;margin:0 0 1rem;padding:.25rem;border:1px solid var(--line);border-radius:11px;background:rgba(11,18,32,.88);box-shadow:0 5px 14px rgba(0,0,0,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.right-panel-tab{min-width:0;min-height:38px;padding:.45rem .5rem;border-color:transparent;background:transparent;color:var(--muted);font-size:.8rem;font-weight:750;line-height:1.15;white-space:normal;overflow-wrap:normal}
.right-panel-tab:hover{color:var(--text);border-color:#405474}.right-panel-tab.active{border-color:var(--accent);background:var(--accent-tint);color:#fff;box-shadow:0 2px 8px rgba(65,105,225,.18)}
.right-panel-content[hidden]{display:none}.right-panel-content:focus{outline:none}
.sound-group-search-sticky{position:sticky;top:48px;z-index:11;padding:.35rem 0;background:#0f182b}
.sound-group-search-sticky input{width:100%}
.panel-resizer{position:absolute;top:0;bottom:0;z-index:30;width:11px;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:col-resize;outline:0}.panel-resizer-left{right:-6px}.panel-resizer-right{left:-6px}.panel-resizer::before{content:"";position:absolute;inset:0 4px;background:var(--line);transition:background .15s,box-shadow .15s}.panel-resizer span{position:sticky;top:50%;z-index:1;display:grid;place-items:center;width:24px;height:28px;flex:0 0 24px;border:1px solid #607bab;border-radius:7px;background:#16233a;color:var(--accent-soft);font-size:18px;line-height:1;opacity:0;transform:scale(.8);transition:opacity .15s,transform .15s,background .15s;pointer-events:none}.panel-resizer:hover::before,.panel-resizer:focus-visible::before,.resizing-panel .panel-resizer::before{background:var(--accent);box-shadow:0 0 8px rgba(65,105,225,.65)}.panel-resizer:hover span,.panel-resizer:focus-visible span,.resizing-panel .panel-resizer span{opacity:1;transform:scale(1);background:#1c305b}.resizing-panel,.resizing-panel *{cursor:col-resize!important;user-select:none!important}.word-text{flex:1 1 auto;min-width:0;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.rhymes-sidebar>.hint{line-height:1.5;margin:1rem 0}
.punchline-panel{margin:0;padding:0;border:0}
.punchline-panel>.hint{margin:.45rem 0 .75rem;line-height:1.45}.punchline-form{display:flex;flex-direction:column;gap:.5rem}
.punchline-form textarea{min-height:76px}.punchline-form input{font-size:.82rem}.punchline-form .primary{min-height:40px}
.punchline-suggestions{display:flex;flex-wrap:wrap;gap:.35rem;max-height:132px;overflow-y:auto;padding:.45rem;border:1px solid var(--line);border-radius:9px;background:#0b1220}
.punchline-suggestion{min-height:34px;padding:.3rem .55rem;border-radius:999px;font-size:.78rem}
.punchline-create-word{flex-basis:100%;border-color:var(--accent);border-radius:8px;background:var(--accent-tint);color:var(--accent-soft);font-weight:700;text-align:left}
.punchline-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.8rem}.punchline-card{position:relative;margin:0;padding:.7rem 2.4rem .7rem .75rem;border-left:3px solid var(--accent);border-radius:8px;background:var(--panel);font-size:.88rem;line-height:1.45;overflow-wrap:anywhere}
.punchline-delete{position:absolute;top:.35rem;right:.35rem;width:30px;min-height:30px;padding:0;color:var(--muted)}
.rhyme-group{padding:.75rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);transition:background .15s,box-shadow .15s}
.rhyme-row{display:flex;align-items:center;gap:.35rem}.rhyme-row input{min-width:0}.rhyme-row [data-action="rhyme-name"]{flex:0 0 52px;width:52px;height:32px;padding:.25rem .35rem;font-size:.85rem;font-weight:700;text-align:center}.rhyme-row input[type=color]{flex:0 0 26px;width:26px;height:32px;padding:2px;border-radius:7px;cursor:pointer}.rhyme-row select{flex:1 1 0;min-width:0;height:32px;padding:.25rem .35rem;font-size:.8rem}.rhyme-row .small-action{flex:0 0 28px;width:28px;height:32px;min-height:32px;padding:0}.rhyme-row [data-action="toggle-rhyme"]{font-size:1.1rem}.rhyme-row h3{margin:.25rem 0;color:var(--muted);font-size:.85rem;width:100%}
.rhyme-members{display:flex;flex-wrap:wrap;gap:.4rem;min-height:64px;padding-top:.75rem;align-content:flex-start}
.rhyme-group-actions,.library-sound-group-actions{display:flex;justify-content:flex-end;margin-top:.6rem}.library-sound-group-actions{justify-content:space-between}
.rhyme-group-actions{position:relative}
.rhyme-style-info{display:none}
.rhyme-style-tooltip{position:absolute;bottom:calc(100% + 8px);left:0;z-index:5;width:min(280px,calc(100vw - 48px));padding:.65rem .75rem;border:1px solid var(--accent-soft);border-radius:9px;background:#0b1220;box-shadow:0 8px 24px rgba(0,0,0,.35);font-size:.8rem;line-height:1.4;color:var(--text)}
.rhyme-style-tooltip[hidden]{display:none}
.rhyme-style-tooltip{padding-right:2.4rem}.rhyme-style-tooltip-close{position:absolute;top:.3rem;right:.3rem;display:grid;place-items:center;width:26px;height:26px;min-height:26px;padding:0;border:0;background:transparent;color:var(--muted);font-size:1.25rem;line-height:1}.rhyme-style-tooltip-close:hover{color:var(--text);background:var(--accent-tint)}
.sound-group-duplicate{position:relative;width:36px;height:36px;min-height:36px;padding:0;border-color:#405474;background:#111b2e;color:var(--accent-soft)}
.sound-group-duplicate::before,.sound-group-duplicate::after{content:"";position:absolute;width:12px;height:12px;border:2px solid currentColor;border-radius:2px}
.sound-group-duplicate::before{top:9px;left:9px}.sound-group-duplicate::after{right:8px;bottom:8px;background:#111b2e}
.sound-group-duplicate:hover::after{background:var(--accent-tint)}
.sound-group-duplicate:hover{border-color:var(--accent-soft);background:var(--accent-tint);color:#fff}
.library-sound-group-delete{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border-color:#7f4050;background:#261522;color:#fda4af}.library-sound-group-delete:hover{border-color:#fb7185;background:#4a1722;color:#fff}
.library-sound-group-previous-actions{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.library-sound-group-previous-actions>.library-sound-group-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;height:36px;min-height:36px;padding:0 .75rem;font-size:.8125rem;font-weight:550;letter-spacing:.01em;border-radius:8px;white-space:nowrap;user-select:none;transition:all .16s cubic-bezier(.16,1,.3,1)}
.library-sound-group-previous-actions>.library-sound-group-btn svg{flex-shrink:0;opacity:.88;transition:transform .16s ease,opacity .16s ease}
.library-sound-group-previous-actions>.library-sound-group-btn:hover svg{opacity:1}
.library-sound-group-previous-actions>.library-sound-group-delete{grid-column:1;width:36px;padding:0}
.library-sound-group-previous-actions>.sound-group-duplicate{grid-column:2;grid-row:2;justify-self:end}
.library-sound-group-previous-actions>.library-sound-group-delete{background:rgba(244,63,94,.07);border:1px solid rgba(244,63,94,.22);color:#fca5a5;font-weight:550;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.library-sound-group-previous-actions>.library-sound-group-delete:hover{background:rgba(244,63,94,.16);border-color:rgba(244,63,94,.45);color:#fff;box-shadow:0 2px 8px rgba(244,63,94,.25)}
.library-sound-group-previous-actions>.library-sound-group-delete:hover svg{transform:scale(1.08)}
.library-sound-group-previous-actions>.library-sound-group-delete:active{transform:scale(.98);background:rgba(244,63,94,.24)}
.library-sound-group-previous-actions>.library-sound-group-import{grid-column:1/-1;grid-row:1;height:38px;min-height:38px;background:linear-gradient(180deg,#3b82f6 0%,#2563eb 100%);border:1px solid rgba(147,197,253,.35);color:#fff!important;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.2),0 4px 12px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.25)}
.library-sound-group-previous-actions>.library-sound-group-import:hover{background:linear-gradient(180deg,#4b8df8 0%,#2e6ff7 100%);border-color:rgba(191,219,254,.6);box-shadow:0 2px 4px rgba(0,0,0,.2),0 6px 18px rgba(37,99,235,.42),inset 0 1px 0 rgba(255,255,255,.35);color:#fff!important;transform:translateY(-1px)}
.library-sound-group-previous-actions>.library-sound-group-import:hover svg{transform:translateY(1.5px)}
.library-sound-group-previous-actions>.library-sound-group-import:active{transform:translateY(0) scale(.985);box-shadow:0 1px 4px rgba(37,99,235,.3)}
.rhyme-word-search{position:relative;margin-top:.65rem}.rhyme-word-search>input{height:36px;padding:.45rem .65rem .45rem 2rem;border-radius:8px;background:#0b1220;font-size:.78rem}.rhyme-word-search::before{content:"⌕";position:absolute;top:.42rem;left:.65rem;z-index:1;color:var(--muted);font-size:1rem;pointer-events:none}.rhyme-word-suggestions{position:absolute;top:calc(100% + .3rem);right:0;left:0;z-index:20;max-height:210px;overflow-y:auto;padding:.3rem;border:1px solid #526b96;border-radius:9px;background:#0b1220;box-shadow:0 12px 28px rgba(0,0,0,.45)}.rhyme-word-suggestions[hidden]{display:none}.rhyme-word-suggestion{display:flex;width:100%;min-height:38px;align-items:flex-start;flex-direction:column;gap:.1rem;padding:.4rem .55rem;border:0;background:transparent;text-align:left}.rhyme-word-suggestion:hover,.rhyme-word-suggestion:focus-visible{background:var(--panel2)}.rhyme-word-suggestion small{max-width:100%;overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.rhyme-word-create{border-top:1px solid var(--line);color:var(--accent-soft);font-weight:700}.rhyme-word-search-empty{margin:.4rem;color:var(--muted);font-size:.75rem}.rhyme-group.collapsed .rhyme-word-search{display:none}
.rhyme-word{flex:0 1 auto;max-width:100%;overflow-wrap:anywhere;padding:.5rem .65rem;text-align:left;border-color:color-mix(in srgb,var(--group-color) 65%,var(--line));background:color-mix(in srgb,var(--group-color) 18%,var(--panel));font-size:.85rem}
.rhyme-empty{width:100%;margin:.4rem 0;font-size:.78rem;line-height:1.5;color:var(--muted);text-align:center}
.rhyme-group.drop-target{background:color-mix(in srgb,var(--group-color) 22%,var(--panel));box-shadow:inset 0 0 0 2px var(--group-color)}
.workspace-head{gap:1rem;flex-wrap:wrap}
@media(min-width:781px) and (max-width:1150px){.workspace{padding:1rem}}
@media(max-width:780px){.layout{grid-template-columns:none}.panel-resizer{display:none}.rhymes-sidebar{border-left:0;border-top:1px solid var(--line);padding:0 .6rem 1rem}}

/* Explicit display rules must respect hidden on drag previews. */
.drag-ghost[hidden],.drag-ghost span[hidden]{display:none}

.rhyme-group[data-rhyme-id=""]{border:1px dashed var(--line);background:color-mix(in srgb,#64748b 8%,var(--panel));position:relative;transition:background .15s,border-color .15s,box-shadow .15s}
.rhyme-group[data-rhyme-id=""] .rhyme-row{display:flex;align-items:center;justify-content:space-between}
.rhyme-group[data-rhyme-id=""] .rhyme-row h3{margin:.25rem 0;color:var(--text);font-size:.85rem;font-weight:600}
.rhyme-group[data-rhyme-id=""] .ungrouped-badge{font-size:.72rem;font-weight:500;color:var(--muted);background:rgba(255,255,255,.05);padding:.15rem .45rem;border-radius:6px;border:1px solid var(--line)}
.rhyme-group[data-rhyme-id=""] .rhyme-empty{font-size:.78rem;line-height:1.45;color:var(--muted);padding:.5rem .2rem}
.rhyme-create-prompt{display:flex;align-items:center;justify-content:center;width:100%;padding:.65rem .75rem;border:1px dashed var(--accent);border-radius:8px;background:var(--accent-tint);color:var(--accent);font-size:.8rem;font-weight:600;text-align:center;transition:background .15s,border-color .15s,box-shadow .15s}
.rhyme-create-prompt.drop-target-create{border-style:solid;background:color-mix(in srgb,var(--accent) 25%,var(--panel));box-shadow:inset 0 0 0 2px var(--accent),0 0 14px rgba(65,105,225,.25)}
.rhyme-group[data-rhyme-id=""].drop-target-create{border-style:solid;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--panel));box-shadow:inset 0 0 0 2px var(--accent),0 0 14px rgba(65,105,225,.25)}
.rhyme-group[data-rhyme-id=""].drop-target-ungroup{border-style:solid;border-color:#94a3b8;background:color-mix(in srgb,#94a3b8 16%,var(--panel));box-shadow:inset 0 0 0 2px #94a3b8}
.rhyme-group[data-rhyme-id=""].drop-target-ungroup::after{content:attr(data-drop-label);display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem .75rem;margin-top:.5rem;border:1px dashed #64748b;border-radius:8px;background:rgba(148,163,184,.14);color:#cbd5e1;font-size:.8rem;font-weight:600;text-align:center;box-sizing:border-box}
#add-rhyme.drop-target{background:var(--accent);color:#fff;box-shadow:0 0 12px rgba(65,105,225,.6);transform:scale(1.15)}

/* Keep search visible within the word stock's scrolling area. */
#sidebar-content,.stock-panel{min-height:100%}
#sidebar-content,.rhymes-sidebar,.grid{-webkit-user-select:none;user-select:none}
#sidebar-content input,#sidebar-content textarea,.rhymes-sidebar input,.rhymes-sidebar textarea{-webkit-user-select:text;user-select:text}
#search{position:sticky;top:0;z-index:10;height:36px;padding:6px 10px 6px 32px;font-size:.82rem;border-radius:6px;background:#0b1220 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a6b4ce' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E") no-repeat 10px center;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}
#search::placeholder{color:var(--muted);opacity:1}
.stock-panel #clear-session{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;font-size:.78rem;font-weight:600;border-color:#67404f;background:#30202f;color:#fda4af}
.stock-panel #clear-session:hover:not(:disabled){background:#442536;border-color:var(--danger)}
.stock-panel #clear-session:disabled{background:#202537;border-color:transparent;color:var(--muted);opacity:.65}
.word-card.collapsed .tokens,.word-card.collapsed .session-choice{display:none}.word-card [data-action="toggle-word"]{font-size:1.1rem}

/* Keep the workspace fixed while the word stock scrolls independently. */
@media(min-width:781px){
  body{display:flex;height:100vh;overflow:hidden;flex-direction:column}
  .topbar{flex:0 0 auto}
  .layout{flex:1 1 auto;min-height:0;overflow:hidden}
  .sidebar,.workspace,.rhymes-sidebar{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:#526b96 #0f182b;scrollbar-width:thin}
  .workspace{display:flex;overflow:hidden;flex-direction:column}
  .workspace-head{flex:0 0 auto}
  .grid{flex:1 1 auto;min-height:0;overflow-x:scroll;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#526b96 #0f182b;scrollbar-width:thin}
  .sidebar::-webkit-scrollbar,.workspace::-webkit-scrollbar,.rhymes-sidebar::-webkit-scrollbar{width:9px}
  .grid::-webkit-scrollbar{width:9px;height:9px}
  .sidebar::-webkit-scrollbar-track,.workspace::-webkit-scrollbar-track,.rhymes-sidebar::-webkit-scrollbar-track{background:#0f182b}
  .grid::-webkit-scrollbar-track,.grid::-webkit-scrollbar-corner{background:#0f182b}
  .sidebar::-webkit-scrollbar-thumb,.workspace::-webkit-scrollbar-thumb,.rhymes-sidebar::-webkit-scrollbar-thumb{border:2px solid #0f182b;border-radius:999px;background:#526b96}
  .grid::-webkit-scrollbar-thumb{border:2px solid #0f182b;border-radius:999px;background:#526b96}
  .sidebar::-webkit-scrollbar-thumb:hover,.workspace::-webkit-scrollbar-thumb:hover,.rhymes-sidebar::-webkit-scrollbar-thumb:hover{background:#6f89b7}
  .grid::-webkit-scrollbar-thumb:hover{background:#6f89b7}
}

/* Compact application header. */
.topbar{gap:1rem;flex-wrap:nowrap;padding:.7rem 1.25rem;min-height:72px}
.new-session-button{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;min-height:40px;padding:.45rem .75rem;border-color:#405474;background:var(--panel);color:var(--accent-soft);font-size:.82rem;font-weight:700}
.new-session-button:hover{background:var(--panel2);border-color:var(--accent);color:#fff}
.brand{min-width:0;flex:0 0 auto}
.session-section{min-width:0;flex:0 1 620px;padding:.4rem .65rem;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.session-controls{display:flex;align-items:center;gap:.75rem}
.session-name{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0}.session-name[hidden]{display:none}
.session-name label{flex-shrink:0;font-size:.72rem;color:var(--muted)}
.session-name input{width:100%;min-width:0;min-height:40px;padding:.45rem .6rem;font-size:1rem;font-weight:700;text-overflow:ellipsis}
.session-switcher{flex:1 1 240px;min-width:110px}.session-switcher[hidden]{display:none}.session-switcher select{min-height:40px;padding:.45rem 2rem .45rem .65rem;border-color:#405474;background-color:#101a2d;font-size:1rem;font-weight:700;text-overflow:ellipsis;cursor:pointer}.session-switcher select:hover{border-color:#607bab}.session-switcher select:disabled{cursor:default;opacity:.8}.edit-session-name{display:grid;place-items:center;flex:0 0 40px;width:40px;min-height:40px;padding:0;border-color:#405474;background:#101a2d;color:var(--accent-soft)}.edit-session-name:hover{border-color:var(--accent);background:var(--panel2);color:#fff}
.brand-logo{display:block;width:160px;height:54px;object-fit:contain;flex-shrink:0}
.brand-icon{display:none;width:40px;height:40px;object-fit:contain;flex-shrink:0}
.brand input{min-width:0;width:100%}
.save-wrap,.transport{flex-shrink:0}
.save-wrap{margin-left:auto;display:flex;align-items:center}
.save-wrap #save-retry{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:calc(38px + .7rem + 2px);min-height:36px;padding:.35rem .65rem;border-color:#405474;border-radius:10px;background:var(--panel);color:var(--muted);font-size:.72rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 2px 6px rgba(0,0,0,.18);transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.save-wrap #save-retry:hover{border-color:#526b96;background:var(--panel2);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 4px 12px rgba(65,105,225,.16)}
.save-icon{display:block}
.transport{display:flex;align-items:center;gap:.7rem;padding:.35rem;border:1px solid var(--line);border-radius:13px;background:rgba(15,24,43,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.transport .bpm-control{gap:.5rem;padding-left:.4rem;font-weight:700;letter-spacing:.04em}
.transport .bpm-control input{width:62px;height:38px;padding:.35rem .5rem;text-align:center;border-color:transparent;background:#18243a;font-size:.88rem;font-weight:650}
.transport-buttons{display:flex;align-items:center;gap:.25rem;padding-left:.55rem;border-left:1px solid var(--line)}
.transport .sample-open{position:relative;display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:0;border-color:transparent;background:transparent;color:#cbd5e1}
.transport .sample-open:hover{border-color:#405474;background:#1b2942;color:#fff}.sample-indicator{position:absolute;right:5px;bottom:5px;width:7px;height:7px;border:1px solid #0f182b;border-radius:50%;background:#64748b}.sample-open.loaded .sample-indicator{background:#34d399;box-shadow:0 0 5px #34d399}.sample-open.missing .sample-indicator{background:#fb7185}
.transport-buttons button{display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:0;border-color:transparent;background:transparent;color:#cbd5e1;border-radius:9px}
.transport-buttons button:hover{border-color:#405474;background:#1b2942;color:#fff}
.transport-buttons .primary{width:42px;background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px rgba(65,105,225,.3)}
.transport-buttons .pause-icon{display:none}
.transport-buttons #play[aria-pressed="true"] .play-icon{display:none}
.transport-buttons #play[aria-pressed="true"] .pause-icon{display:block}
.transport .loop-control{gap:.45rem;padding:0 .45rem 0 .25rem;color:#cbd5e1;font-weight:600}
.loop-control input{position:absolute;inline-size:1px!important;block-size:1px;opacity:0;pointer-events:none}
.loop-switch{position:relative;width:32px;height:18px;border:1px solid #52617a;border-radius:999px;background:#26344c;transition:.18s}
.loop-switch::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#94a3b8;transition:.18s}
.loop-control input:checked + .loop-switch{border-color:#6487f1;background:var(--accent)}
.loop-control input:checked + .loop-switch::after{left:16px;background:#fff}
.loop-control input:focus-visible + .loop-switch{outline:3px solid var(--accent-soft);outline-offset:2px}
.sample-dialog{width:min(560px,calc(100% - 2rem))}.sample-dialog label:not(.sample-enabled){color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.sample-file-field{display:grid;gap:.4rem}.sample-file-label{width:max-content}.sample-dropzone{display:flex;align-items:center;gap:.85rem;min-height:96px;padding:1rem 1.1rem;border:1px dashed #405474;border-radius:12px;background:#101a2d;cursor:pointer;text-transform:none!important;letter-spacing:normal!important;transition:background .16s,border-color .16s,box-shadow .16s}.sample-dropzone:hover,.sample-dropzone.is-dragging{border-color:#6f91f1;background:#162440}.sample-dropzone.is-dragging{box-shadow:inset 0 0 0 1px #6f91f1}.sample-dropzone:has(input:focus-visible){outline:3px solid var(--accent-soft);outline-offset:2px}.sample-upload-icon{display:grid;flex:0 0 44px;height:44px;place-items:center;border-radius:10px;background:var(--accent-tint);color:var(--accent-soft)}.sample-dropzone-copy{display:grid;min-width:0;gap:.3rem}.sample-dropzone-copy strong{color:var(--text);font-size:.88rem;line-height:1.35}.sample-dropzone-copy strong span{color:var(--accent-soft);text-decoration:underline;text-decoration-color:rgba(166,189,255,.45);text-underline-offset:3px}.sample-dropzone-copy small{color:var(--muted);font-size:.73rem;font-weight:500;line-height:1.45}.sample-dropzone.has-file{border-style:solid;border-color:#526b96}.sample-dropzone.has-file .sample-upload-icon{background:#24385e;color:#fff}.sample-dropzone.has-file .sample-dropzone-copy small{color:var(--accent-soft)}.sample-settings{display:grid;grid-template-columns:minmax(0,8.5rem) minmax(0,6rem);gap:1rem;align-items:end}.sample-setting{display:grid;gap:.4rem;min-width:0}.sample-setting input{width:100%;min-width:0}.sample-current{display:grid;gap:.35rem;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.sample-current>span{color:var(--muted);font-size:.78rem}.sample-enabled{display:flex;align-items:center;gap:.55rem;margin-top:.3rem;font-size:.82rem}.sample-enabled input{width:auto}.sample-analysis{min-height:1.3em;margin:0;color:var(--accent-soft);font-size:.82rem;line-height:1.4}.sample-actions .danger-button{margin-right:auto}
.provided-beats-field{display:grid;gap:.4rem}.provided-beats-field .hint{min-height:1.1em;margin:0}.sample-separator{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.sample-separator::before,.sample-separator::after{content:"";height:1px;flex:1;background:var(--line)}
@media(max-width:780px){
  .topbar{gap:.65rem}
  .brand{flex:1 1 180px}
  .session-section{order:2;flex:1 0 100%;max-width:none}
  .session-name label,.new-session-button span{display:none}
  .session-switcher{flex-basis:145px}
  .transport{order:3;flex-wrap:wrap;width:100%;gap:.4rem}
  .transport .bpm-control{position:static;margin-right:auto}
  .save-wrap{order:2;width:auto;margin-left:auto}
  .account-menu-wrapper{order:2;flex-shrink:0}
  .account-dropdown{right:0;left:auto;width:min(290px,calc(100vw - 2rem))}
}
@media(min-width:781px) and (max-width:1250px){.session-name label,.new-session-button span{display:none}.new-session-button{width:40px;padding:.45rem;justify-content:center}.session-switcher{flex-basis:140px}}
#account-dialog{max-width:calc(100vw - 2rem);overflow-x:hidden;overflow-y:auto}
.account-form{width:min(520px,calc(100vw - 4rem));max-width:100%;min-width:0}
.account-form form{display:grid;gap:.75rem}
.password-field{position:relative}
.password-field input{padding-right:3rem}
.password-toggle{position:absolute;top:50%;right:.35rem;transform:translateY(-50%);display:grid;place-items:center;width:38px;min-height:38px;padding:0;border:0;background:transparent;color:var(--muted);border-radius:7px}
.password-toggle:hover{background:var(--panel2);color:var(--text)}
.password-toggle svg[hidden]{display:none}
.account-form select{width:100%;margin-top:.5rem}
.account-form .dialog-actions{flex-wrap:wrap;margin-block:1rem}
.save-wrap #save-retry{font-size:.7rem;padding:.2rem .5rem}

/* Account dropdown & top-right menu */
.account-menu-wrapper{position:relative;flex-shrink:0}
.account-trigger{display:inline-flex;align-items:center;gap:.55rem;min-height:42px;padding:.45rem .85rem;background:var(--panel);border:1px solid var(--line);border-radius:11px;color:var(--text);font-weight:600;font-size:.86rem;transition:background .15s,border-color .15s,box-shadow .15s;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.account-trigger:hover{background:var(--panel2);border-color:#526b96;box-shadow:0 4px 12px rgba(65,105,225,.18)}
.account-trigger[aria-expanded="true"]{border-color:var(--accent);background:var(--panel2);box-shadow:0 0 0 3px rgba(65,105,225,.25)}
.account-icon{display:flex;align-items:center;justify-content:center;color:var(--accent-soft);flex-shrink:0}
.account-menu-label{white-space:nowrap}
@media(min-width:781px){.account-trigger{width:max-content}.account-menu-label{max-width:none;overflow:visible;text-overflow:clip}}
.account-chevron{flex-shrink:0;color:var(--muted);transition:transform .2s ease}
.account-trigger[aria-expanded="true"] .account-chevron{transform:rotate(180deg);color:var(--text)}

.account-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:285px;z-index:100;background:rgba(16,25,44,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #324467;border-radius:14px;box-shadow:0 16px 38px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06);padding:.65rem;animation:dropdown-in .15s cubic-bezier(.16,1,.3,1)}
@keyframes dropdown-in{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}

.dropdown-header{padding:.5rem .65rem .75rem;border-bottom:1px solid var(--line);margin-bottom:.5rem}
.dropdown-badge{display:inline-block;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-soft);background:var(--accent-tint);border:1px solid rgba(65,105,225,.35);padding:.15rem .5rem;border-radius:6px;margin-bottom:.35rem}
.dropdown-subtitle{margin:0;font-size:.78rem;color:var(--muted);line-height:1.35}

.dropdown-header.user-header{display:flex;align-items:center;gap:.75rem}
.dropdown-avatar{width:36px;height:36px;border-radius:10px;background:var(--accent-gradient);display:grid;place-items:center;font-weight:800;font-size:1rem;color:#fff;flex-shrink:0;box-shadow:0 2px 8px rgba(65,105,225,.3)}
.dropdown-user-meta{min-width:0;flex:1}
.dropdown-user-email{display:block;font-size:.85rem;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dropdown-status-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;color:#34d399;font-weight:600;margin-top:.15rem}
.status-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399}

.dropdown-actions{display:flex;flex-direction:column;gap:.35rem}
.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.55rem .65rem;min-height:44px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,transform .12s}
.dropdown-item:hover{background:var(--panel2);border-color:#3d5175}
.dropdown-item:active{transform:scale(.99)}
.dropdown-item.primary-accent{background:rgba(65,105,225,.12);border-color:rgba(65,105,225,.35)}
.dropdown-item.primary-accent:hover{background:rgba(65,105,225,.22);border-color:var(--accent-soft)}
.dropdown-item.primary-accent .dropdown-item-icon{color:var(--accent-soft)}
.dropdown-item.danger-item{color:#fca5a5}
.dropdown-item.danger-item:hover{background:rgba(225,29,72,.15);border-color:rgba(251,113,133,.35);color:#fecdd3}
.dropdown-item.danger-item .dropdown-item-icon{color:#fb7185}
.dropdown-item-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:#111b2e;color:var(--muted);flex-shrink:0}
.dropdown-item-content{display:flex;flex-direction:column;min-width:0;flex:1}
.dropdown-item-title{font-size:.84rem;font-weight:700;line-height:1.25}
.dropdown-item-desc{font-size:.72rem;color:var(--muted);line-height:1.2;margin-top:.15rem}
.dropdown-divider{height:1px;background:var(--line);margin:.3rem 0}

/* Dialog auth tabs & links */
.auth-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--line);margin-bottom:.6rem;padding-bottom:.2rem}
.auth-tab{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:.4rem .8rem;color:var(--muted);font-weight:700;font-size:.88rem;min-height:38px;cursor:pointer;transition:color .15s,border-color .15s}
.auth-tab:hover{color:var(--text)}
.auth-tab.active{color:var(--accent-soft);border-bottom-color:var(--accent)}
.auth-desc{color:var(--muted);font-size:.85rem;line-height:1.45;margin:.2rem 0 .8rem}
.auth-actions{display:flex;align-items:center;justify-content:space-between;width:100%}
.text-link-btn{background:transparent;border:0;color:var(--accent-soft);font-size:.82rem;text-decoration:underline;text-underline-offset:3px;padding:.3rem .5rem;min-height:auto;cursor:pointer}
.text-link-btn:hover{color:#fff}

.fuse-preview-box{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:.85rem;display:flex;flex-direction:column;gap:.5rem}
.fuse-rule-badge{font-size:.75rem;font-weight:700;padding:.3rem .6rem;border-radius:6px;width:fit-content}
.fuse-rule-badge.valid{background:rgba(52,211,153,.15);color:#34d399;border:1px solid rgba(52,211,153,.3)}
.fuse-rule-badge.info{background:rgba(65,105,225,.15);color:var(--accent-soft);border:1px solid rgba(65,105,225,.3)}
.dialog-highlight{font-weight:700;color:var(--accent-soft);margin:.2rem 0}
.dictionary-page{flex:0 0 100vh;height:100vh;min-height:0;overflow-y:scroll;scrollbar-color:#526b96 #0f182b;scrollbar-width:thin;background:radial-gradient(circle at 85% 0,#172c60 0,transparent 34%),var(--bg)}
.dictionary-page::-webkit-scrollbar{width:11px}.dictionary-page::-webkit-scrollbar-track{background:#0f182b}.dictionary-page::-webkit-scrollbar-thumb{border:2px solid #0f182b;border-radius:999px;background:#526b96}.dictionary-page::-webkit-scrollbar-thumb:hover{background:#6f89b7}
.dictionary-page[hidden]{display:none}
body[data-page="dictionary"]>.topbar,body[data-page="dictionary"]>.mobile-navigation,body[data-page="dictionary"]>.layout{display:none}
.dictionary-page-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(190px,auto) minmax(400px,480px) minmax(250px,1fr) auto;align-items:center;align-content:center;gap:1rem;height:72px;min-height:72px;padding:0 1.25rem;border-bottom:1px solid var(--line);background:rgba(11,16,32,.94);box-shadow:0 8px 24px rgba(3,7,18,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dictionary-page-header>div:not(.dictionary-header-actions){grid-column:3;grid-row:1;display:grid;grid-template-columns:auto minmax(0,auto);grid-template-rows:auto auto;align-items:baseline;justify-content:center;column-gap:.85rem;row-gap:.2rem;min-width:0}.dictionary-page-header .eyebrow{grid-column:1/-1;margin:0;text-align:left;font-size:.58rem;line-height:1;letter-spacing:.16em}.dictionary-page-header h1{grid-column:1;grid-row:2;margin:0;font-size:1.25rem;line-height:1.15;letter-spacing:-.015em}.dictionary-page-header .hint{grid-column:2;grid-row:2;margin:0;padding-left:.85rem;border-left:1px solid var(--line);font-size:.75rem;line-height:1.15;white-space:nowrap}
.dictionary-back{grid-row:1;justify-self:start;align-self:stretch;display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .85rem .4rem .55rem;border-color:var(--line);border-radius:12px;background:var(--panel);color:#dbe5f7;font-size:.84rem;font-weight:650;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.dictionary-back:hover{border-color:#526b96;background:var(--panel2);color:#fff;box-shadow:0 4px 12px rgba(65,105,225,.16);transform:translateY(-1px)}.dictionary-back-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#18243a;color:var(--accent-soft)}
.dictionary-page-header>.dictionary-header-actions{display:contents}.dictionary-header-actions .session-section{grid-column:2;grid-row:1;width:100%;max-width:480px;align-self:stretch;display:flex;align-items:center}.dictionary-header-actions .account-menu-wrapper{grid-column:4;grid-row:1;justify-self:end}
@media(min-width:781px) and (max-width:1100px){.dictionary-page-header{grid-template-columns:190px minmax(300px,1fr) minmax(180px,1fr) 42px}.dictionary-header-actions .session-name label,.dictionary-header-actions .new-session-button span,.dictionary-header-actions .account-menu-label{display:none}.dictionary-header-actions .new-session-button{width:42px;padding:.45rem;justify-content:center}.dictionary-header-actions .account-trigger{width:42px;padding:.45rem;justify-content:center}.dictionary-header-actions .account-chevron{display:none}}
.dictionary-page-content{width:min(1180px,calc(100% - 2.5rem));margin:0 auto;padding:2rem 0 4rem}
.dictionary-tabs{position:sticky;top:72px;z-index:6;display:flex;gap:.35rem;margin-bottom:1.25rem;border-bottom:1px solid var(--line);background:rgba(11,16,32,.94);box-shadow:0 8px 18px rgba(3,7,18,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dictionary-tab{min-height:44px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-weight:750}
.dictionary-tab:hover{color:var(--text)}.dictionary-tab.active{border-bottom-color:var(--accent);color:var(--accent-soft)}
.dictionary-tab span:not(:empty)::before{content:" ("}.dictionary-tab span:not(:empty)::after{content:")"}
.word-group-form{margin-bottom:1.25rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(19,29,50,.96)}
.word-group-form>label{display:block;margin-bottom:.55rem;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.word-group-form>div{display:grid;grid-template-columns:1fr auto;gap:.75rem}.word-group-form .hint{margin:.65rem 0 0}
.word-groups-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:1rem}.word-groups-search-and-filters{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:1rem;min-width:0}.word-groups-search-and-filters input[type="search"]{width:100%}.word-groups-heading button{white-space:nowrap}.word-groups-heading-actions{display:flex;align-items:center;gap:.5rem}.word-groups-heading-actions .icon-button{display:grid;place-items:center;flex:none}
#word-groups-panel .word-groups-heading{position:sticky;top:116px;z-index:6;grid-template-columns:minmax(0,1fr) auto;gap:16px 20px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 8px 24px rgba(0,0,0,.12)}
#word-groups-panel .word-groups-heading,#word-groups-panel .word-groups-heading *{-webkit-user-select:none;user-select:none}
#word-groups-panel .word-groups-heading input[type="search"]{-webkit-user-select:text;user-select:text}
#word-groups-panel .word-groups-search-and-filters{display:contents}
#word-groups-panel #word-groups-search{grid-column:1;grid-row:1;min-width:0;min-height:44px;padding-inline:15px;border-radius:9px;background:#0f182b}
#word-groups-panel .word-groups-heading-actions{grid-column:2;grid-row:1;align-self:stretch}
#word-groups-panel .word-groups-heading-actions button{min-height:44px}
#word-groups-panel .sound-group-filters{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:9px 12px;padding-top:12px;border-top:1px solid var(--line)}
#word-groups-panel .sound-group-filters[hidden]{display:none}
.word-groups-filters-title{color:var(--muted);font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.word-groups-select-filters,.word-groups-quick-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#word-groups-panel .word-groups-select-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
#word-groups-panel .word-groups-select-filters .sound-group-filter-select{min-width:0}
#word-groups-panel .word-groups-select-filters select{min-height:38px;padding:.45rem .65rem;border-radius:8px;background:#0f182b;font-size:.82rem}
#word-groups-panel .word-groups-vowel-filters{grid-column:1/-1;grid-row:2;min-width:0}
#word-groups-panel .word-groups-filters-reset{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:38px;padding:0 .7rem;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:.8rem;cursor:pointer}
#word-groups-panel .word-groups-filters-reset:hover:not(:disabled){color:var(--text);background:var(--accent-tint);border-color:var(--line)}
#word-groups-panel .word-groups-filters-reset:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}
#word-groups-panel .word-groups-filters-reset:disabled{opacity:.4;cursor:default}
#word-groups-panel .word-groups-vowel-filters summary{width:max-content;min-width:132px}
#word-groups-panel .word-groups-vowel-filters summary{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:38px;padding:0 .8rem;border:1px solid var(--line);border-radius:8px;background:#111c30;color:var(--text);font-size:.82rem;font-weight:650;cursor:pointer;list-style:none}
#word-groups-panel .word-groups-vowel-filters summary::-webkit-details-marker{display:none}
#word-groups-panel .word-groups-vowel-chevron{flex-shrink:0;color:#a9bbdc;transition:transform .18s ease,color .18s ease}
#word-groups-panel .word-groups-vowel-filters[open] .word-groups-vowel-chevron{transform:rotate(180deg);color:var(--text)}
#word-groups-panel .word-groups-vowel-filters summary:hover,#word-groups-panel .word-groups-vowel-filters summary:focus-visible{border-color:#607bab;outline:none}
#word-groups-panel .word-groups-vowel-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:704px;margin-top:8px}
#word-groups-panel .word-groups-vowel-filter-grid label{display:grid;gap:4px;min-width:0;color:var(--muted);font-size:.74rem}
#word-groups-panel .word-groups-vowel-filter-grid select{width:100%;min-height:36px;padding:.4rem .55rem;border:1px solid var(--line);border-radius:8px;background:#0f182b;color:var(--text);font-size:.82rem}
#word-groups-panel .word-groups-vowel-filter-count{min-width:1.3em;padding:.05rem .3rem;border-radius:99px;background:var(--accent);color:#fff;text-align:center;font-size:.72rem}
#word-groups-panel .word-groups-vowel-filter-count[hidden]{display:none}
#word-groups-panel .word-groups-quick-filters{grid-column:1/-1}
#word-groups-panel .word-groups-quick-filters .sound-super-group-filter{width:auto;min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#111c30;color:var(--text);font-size:.8rem;transition:border-color .15s,background .15s}
#word-groups-panel .word-groups-quick-filters .sound-super-group-filter:hover{border-color:#607bab;background:#192a46}
#word-groups-panel .word-groups-quick-filters .sound-super-group-filter:has(input:checked){border-color:#6384c7;background:var(--accent-tint)}
.word-groups-transfer-footer{display:flex;align-items:center;gap:1.25rem;margin:2.5rem 0 0;padding:1.25rem 1.5rem;border:1px solid rgba(65,105,225,.22);border-radius:16px;background:linear-gradient(145deg,rgba(25,38,64,.92),rgba(15,24,43,.95));box-shadow:0 8px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04)}
.word-groups-transfer-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(65,105,225,.2),rgba(65,105,225,.08));border:1px solid rgba(65,105,225,.3);color:var(--accent-soft)}
.word-groups-transfer-content{flex:1;min-width:0}
.word-groups-transfer-content h2{margin:0 0 .3rem;font-size:.95rem;font-weight:700;letter-spacing:-.01em}
.word-groups-transfer-content p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}
.word-groups-transfer-actions{display:flex;gap:.55rem;flex-shrink:0}
.word-groups-transfer-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:40px;padding:0 1rem;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:.84rem;font-weight:600;letter-spacing:.01em;transition:all .16s cubic-bezier(.16,1,.3,1)}
.word-groups-transfer-actions button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.26);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.word-groups-transfer-actions button:active{transform:translateY(0) scale(.98);box-shadow:none}
.word-groups-transfer-actions button svg{flex-shrink:0;opacity:.8;transition:opacity .15s}
.word-groups-transfer-actions button:hover svg{opacity:1}
@media(max-width:780px){.word-groups-transfer-footer{flex-direction:column;align-items:stretch;gap:1rem;padding:1.1rem}.word-groups-transfer-actions{justify-content:stretch}.word-groups-transfer-actions button{flex:1}}
.word-groups-list{display:flex;flex-direction:column;gap:.75rem}.word-group-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.75rem;background:var(--panel2);border:1px solid var(--line);border-radius:10px}.word-group-actions{display:flex;gap:.5rem}.word-group-actions .dictionary-delete{border-color:#7f4050;color:#fda4af}
.dictionary-controls{position:sticky;top:116px;z-index:5;display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:.6rem 1.25rem;margin-bottom:1.5rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(19,29,50,.96);box-shadow:0 10px 30px #05091455;backdrop-filter:blur(12px)}
.dictionary-search-label{grid-column:1/-1;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.dictionary-controls #dictionary-search{font-size:1.05rem}
.dictionary-create{margin-bottom:1rem;max-width:100%;overflow-wrap:anywhere}
.dictionary-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dictionary-toolbar label{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.82rem}.dictionary-toolbar select{padding:.45rem}
.dictionary-alphabet{grid-column:1/-1;display:flex;align-items:center;gap:.2rem;padding-top:.55rem;border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}
#word-groups-alphabet{position:sticky;top:calc(116px + var(--word-groups-heading-height,86px));z-index:5;padding:.55rem .35rem;background:rgba(11,16,32,.96);box-shadow:0 8px 18px rgba(3,7,18,.14)}
.dictionary-letter{flex:0 0 auto;min-width:28px;min-height:30px;padding:.2rem .35rem;border:0;border-radius:6px;background:transparent;color:var(--accent-soft);font-size:.8rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.dictionary-letter:first-child{padding-inline:.5rem}.dictionary-letter:hover{background:#1c2c49;color:#fff}.dictionary-letter.active{background:var(--accent);color:#fff;text-decoration:none}
.dictionary-clear{min-height:38px;padding:.45rem .75rem;border-color:#7f1d2d;color:#fda4af;font-size:.82rem}
.dictionary-clear:hover:not(:disabled){border-color:#fb7185;background:#4a1722;color:#fff}
.dictionary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;min-height:0}
.dictionary-item{display:flex;align-items:center;gap:1rem;padding:.7rem;background:var(--panel2);border:1px solid var(--line);border-radius:10px}
.dictionary-word-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:.2rem}
.dictionary-word-copy strong{overflow:hidden;text-overflow:ellipsis}
.dictionary-word-copy span{color:var(--muted);font-size:.78rem}
.dictionary-word-copy small{color:var(--accent);font-size:.7rem;font-weight:700;text-transform:uppercase}.dictionary-word-copy .dictionary-gloss{color:var(--text);line-height:1.35}
.dictionary-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-shrink:0}
.dictionary-item-actions [data-action="dictionary-select"]{min-width:112px}
.dictionary-item .dictionary-delete{display:grid;visibility:visible;place-items:center;width:42px;min-width:42px;height:42px;padding:0;border-color:#7f4050;color:#fda4af;line-height:1;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}
.dictionary-item .dictionary-delete svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.dictionary-item .dictionary-delete:hover{border-color:#fb7185;background:#4a1722;color:#fff;transform:translateY(-1px)}
.dictionary-item button:disabled{cursor:default;opacity:.65}
.dictionary-more{display:block;width:min(360px,100%);margin:1.5rem auto 0}.dictionary-more[hidden]{display:none}

[hidden]{display:none!important}

.drag-ghost span.fusion-preview{background:#166534;border:2px solid #86efac;color:#fff;box-shadow:0 0 0 2px #166534,0 8px 28px #000}
.manual-syllable-input{width:100%;height:100%;min-width:0;padding:2px;border:0;border-radius:4px;text-align:center;font-size:.7rem;background:#172640}.manual-remove,.grid-remove{position:absolute;z-index:4;top:-7px;right:-7px;width:22px;height:22px;min-height:22px;padding:0;border-radius:50%;border-color:#fda4af;background:#4a1722;color:#fff;font-size:1rem;line-height:1}.manual-remove:hover,.grid-remove:hover{background:#7f1d2d;border-color:#fff}.cell:has(.manual-remove,.grid-remove) .drag-handle{right:auto;left:1px}

/* Relie visuellement les syllabes issues d'un même dépôt de mot. */
.word-occurrence{--word-fill:color-mix(in srgb,var(--word-outline-color) 25%,#131d32);position:relative;overflow:visible;z-index:1;border:2px solid var(--word-outline-color);border-radius:0;background:var(--word-fill);box-shadow:inset 0 0 12px color-mix(in srgb,var(--word-outline-color) 10%,transparent),0 0 8px color-mix(in srgb,var(--word-outline-color) 16%,transparent)}
.word-occurrence.word-segment-start{border-radius:7px 0 0 7px}
.word-occurrence.word-segment-end{border-radius:0 7px 7px 0}
.word-occurrence.word-segment-start.word-segment-end{border-radius:7px}
.word-occurrence.word-continues-before{border-left:0}
.word-occurrence.word-continues-before::before{content:"";position:absolute;z-index:-1;left:-5px;top:-2px;bottom:-2px;width:5px;border-top:2px solid var(--word-outline-color);border-bottom:2px solid var(--word-outline-color);background:var(--word-fill)}

.session-choice{width:100%;margin-top:.6rem;font-size:.8rem}.session-choice:disabled{opacity:.6;cursor:default}.session-member{position:relative;display:flex;align-items:center;gap:.3rem;max-width:100%}.session-member .rhyme-word{min-width:0;overflow-wrap:anywhere}.rhyme-word-action-menu{position:absolute;z-index:30;top:calc(100% + .35rem);left:0;display:grid;min-width:min(260px,calc(100vw - 3rem));padding:.3rem;border:1px solid #526b96;border-radius:9px;background:#0b1220;box-shadow:0 12px 28px rgba(0,0,0,.45)}.rhyme-word-action-menu button{width:100%;padding:.6rem .7rem;border:0;background:transparent;text-align:left;font-size:.78rem}.rhyme-word-action-menu button:hover,.rhyme-word-action-menu button:focus-visible{background:var(--panel2)}#clear-session{width:100%;margin-top:.7rem}button:disabled{cursor:default;opacity:.55}

.rhyme-group.collapsed{padding-block:.55rem;cursor:pointer;transition:background .15s,border-color .15s}.rhyme-group.collapsed:hover{border-color:color-mix(in srgb,var(--group-color) 55%,var(--line));background:color-mix(in srgb,var(--group-color) 8%,var(--panel))}.rhyme-group.collapsed input,.rhyme-group.collapsed button{cursor:pointer}.rhyme-group.collapsed [data-action="rhyme-name"]{cursor:text}.rhyme-group.collapsed .rhyme-row select,.rhyme-group.collapsed .rhyme-members,.rhyme-group.collapsed .rhyme-group-actions{display:none}.rhyme-group.collapsed [data-action="toggle-rhyme"]{margin-left:auto}
#rhyme-choice{display:flex;flex-direction:column;gap:.5rem;max-height:50vh;overflow:auto}#rhyme-choice label{display:flex;align-items:center;gap:.6rem;padding:.4rem}#rhyme-choice input{width:auto}
.rhyme-create-fields{display:flex;flex-direction:column;gap:.55rem;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:#0f182b}.rhyme-create-fields[hidden]{display:none}
.library-sound-groups { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:12px; margin:16px 0 24px; }
.library-ungrouped-words{position:sticky;top:calc(116px + var(--word-groups-heading-height,86px) + var(--word-groups-alphabet-height,50px) + 8px);z-index:5;margin:16px 0;padding:16px 20px;background:var(--panel2);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(5,9,20,.34);transition:border-color .15s,background .15s,box-shadow .15s}.library-ungrouped-words h3{margin:0 0 12px}.library-ungrouped-words .tokens{margin:0}.library-ungrouped-words.is-drop-target{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel2));box-shadow:0 0 0 3px rgba(103,143,255,.25),0 10px 30px rgba(5,9,20,.34)}
.library-create-sound-group-dropzone{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:78px;margin:-8px 0 16px;padding:14px 20px;border:2px dashed #526b96;border-radius:14px;background:rgba(28,48,91,.45);color:var(--accent-soft);text-align:left;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.library-create-sound-group-dropzone[hidden]{display:none}.library-create-sound-group-dropzone>span:last-child{display:grid;gap:.15rem}.library-create-sound-group-dropzone strong{color:var(--text);font-size:.9rem}.library-create-sound-group-dropzone small{color:var(--muted);font-size:.75rem}.library-create-sound-group-dropzone-icon{display:grid;flex:0 0 34px;height:34px;place-items:center;border:1px solid #607bab;border-radius:50%;background:var(--accent-tint);color:#fff;font-size:1.35rem;line-height:1}.library-create-sound-group-dropzone.is-drop-target{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 24%,var(--panel));box-shadow:0 0 0 3px rgba(103,143,255,.25),0 8px 24px rgba(0,0,0,.22);transform:translateY(2px)}
.library-sound-group { padding:16px; border:1px solid #304363; border-radius:12px; background:#131e33; min-width:0; display:flex; flex-direction:column; }
.library-sound-group .tokens{flex:1;align-content:flex-start;align-items:flex-start}
.library-sound-group.collapsed,.sound-super-group.collapsed{align-self:start}.library-sound-group.collapsed .tokens,.library-sound-group.collapsed .library-sound-group-add-word,.library-sound-group.collapsed .library-sound-group-actions,.sound-super-group.collapsed .sound-super-group-members{display:none}.library-sound-group.collapsed .library-sound-group-head,.sound-super-group.collapsed .sound-super-group-head{margin-bottom:0}.library-sound-group-toggle{display:grid;flex:0 0 auto;place-items:center}.library-sound-group-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.library-sound-group[draggable="true"]{cursor:grab;transition:border-color .15s,box-shadow .15s,transform .15s}.library-sound-group[draggable="true"]:active{cursor:grabbing}.library-sound-group.is-dragging{opacity:.48;transform:scale(.985)}.library-sound-group.is-drop-target,.sound-super-group.is-drop-target{border-color:var(--accent);box-shadow:0 0 0 3px rgba(103,143,255,.25)}.sound-group-drag-hint{margin-top:-.35rem}.sound-super-group{transition:border-color .15s,box-shadow .15s}
.library-ungrouped-words .token[draggable="true"],.library-sound-group .token[draggable="true"]{cursor:grab}.library-ungrouped-words .token[draggable="true"]:active,.library-sound-group .token[draggable="true"]:active{cursor:grabbing}.library-ungrouped-words .token.is-dragging,.library-sound-group .token.is-dragging{opacity:.45}.library-sound-group.is-drop-target{background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
.library-sound-group-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; }
.library-sound-group h3 { margin:0; padding-left:10px; border-left:5px solid; overflow-wrap:anywhere; }
.sound-group-card-title{display:flex;min-width:0;align-items:baseline;flex-wrap:wrap;gap:.32rem}.sound-group-card-name{min-width:0;overflow-wrap:anywhere}.sound-group-card-title-separator{color:var(--muted)}.sound-group-card-type{color:var(--muted);font-size:.8em;font-weight:600;text-transform:lowercase}
.sound-group-super-group-indicator{display:inline-grid;flex:0 0 auto;place-items:center;align-self:center;color:#fbbf24}.sound-group-super-group-indicator svg{display:block;width:20px;height:20px;fill:currentColor}.sound-group-super-group-indicator:hover{color:#fde68a}
.library-sound-group-edit { display:grid;place-items:center;width:36px;height:36px;min-height:36px;flex:0 0 auto;padding:0;color:var(--accent-soft); }
.library-sound-group .token:disabled,.library-sound-group .token[aria-disabled="true"] { opacity:1; cursor:context-menu; }
.token.tonic{font-weight:800;text-decoration:underline;text-decoration-color:#fbbf24;text-decoration-thickness:3px;text-underline-offset:5px}.token.tonic::before{content:"●";position:absolute;top:1px;right:4px;color:#fbbf24;font-size:.5rem}.syllable-preview span.tonic{box-shadow:inset 0 -3px #fbbf24}
.syllable-preview button{min-height:36px;padding:.35rem .6rem;border:0;border-radius:6px;background:#24385e}.syllable-preview button.tonic{box-shadow:inset 0 -3px #fbbf24}.syllable-preview button:disabled{cursor:default;opacity:.6}
.word-tonic-syllable{text-decoration:underline;text-decoration-color:#fbbf24;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}
.sound-groups-section-head h2{margin:0;display:inline-flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}
.library-sound-group-add-word{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:14px}.library-sound-group-add-word input{min-width:0;height:40px;padding:.5rem .65rem}.library-sound-group-add-word button{min-height:40px;padding:.45rem .7rem}
.library-sound-group-add-word{position:relative}.library-sound-group-add-word .rhyme-word-suggestions{grid-column:1/-1;top:calc(100% + .3rem)}
.sound-groups-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:8px}.sound-groups-section-head h2,.sound-groups-section-head p{margin-bottom:0}.sound-super-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:16px 0 24px}.sound-super-group{padding:16px;border:1px solid #46618d;border-radius:14px;background:linear-gradient(145deg,#172641,#111b2f)}.sound-super-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sound-super-group h3{margin:0}.sound-super-group-members{display:flex;flex-wrap:wrap;gap:8px}.sound-super-group-member{padding:7px 10px;border-left:4px solid var(--group-color);border-radius:7px;background:#0e1728;color:var(--text)}.sound-super-group-edit{min-height:36px;padding:.4rem .7rem;color:var(--accent-soft)}.sound-super-group-choices{margin:16px 0 0;padding:0;border:0}.sound-super-group-choices legend{font-weight:700}.sound-super-group-choices .hint{margin:.35rem 0 .75rem}.sound-super-group-choices>div{display:grid;gap:8px;max-height:280px;overflow:auto}.sound-super-group-choice{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}.sound-super-group-choice input{width:auto}.sound-super-group-choice i{width:5px;align-self:stretch;border-radius:4px;background:var(--group-color)}
.sound-group-create-super-group{width:100%;margin-top:.65rem;border-style:dashed;color:var(--accent-soft);font-weight:700}
.sound-super-group-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sound-super-group-delete{min-height:36px;padding:.4rem .7rem;border-color:#8e3f55;color:#fda4af}.sound-super-group-delete:hover{border-color:#fb7185;background:rgba(190,18,60,.18);color:#fecdd3}
@media(max-width:650px){.sound-groups-section-head{align-items:stretch;flex-direction:column}.sound-groups-section-head button{width:100%}}
.previous-sound-groups{margin:0 0 16px;padding:0;border:0;background:transparent}.previous-sound-groups>p{margin:.5rem 0}.previous-sound-groups .library-sound-groups{grid-template-columns:1fr;margin:10px 0 16px}.previous-sound-groups .library-sound-group{padding:12px}.previous-sound-groups .library-sound-group-head{gap:8px;margin-bottom:10px}.previous-sound-groups .library-sound-group h3{font-size:.9rem}.previous-sound-groups .library-sound-group-import{min-height:34px;padding:.35rem .55rem}
.previous-sound-groups .library-sound-group-head{flex-direction:column;align-items:stretch}
.previous-sound-groups .library-sound-group-head>div{min-width:0}
.previous-sound-groups .library-sound-group-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}
.previous-sound-groups .library-sound-group-actions>button{width:100%;min-width:0;min-height:40px;padding:.45rem .55rem;font-size:.8125rem;white-space:normal;overflow-wrap:anywhere}
.previous-sound-groups .library-sound-group-actions>.library-sound-group-import{grid-column:1/-1}
.library-sound-group-source{margin:6px 0 0;color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.previous-sound-groups .library-sound-group-import{color:var(--accent-soft)}

.grid-suggestions{position:fixed;z-index:100;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 8px 28px #0008}.grid-suggestions [role=option]{display:flex;flex-direction:column;gap:3px;min-height:48px;padding:8px;cursor:pointer;border-radius:6px;overflow-wrap:anywhere}.grid-suggestions [role=option]:hover,.grid-suggestions [aria-selected=true]{background:var(--accent-tint)}.grid-suggestions small,.grid-suggestions p{color:var(--muted);font-size:.8rem}.grid-suggestions p{margin:8px}

/* Dedicated session library. */
body[data-page="sessions"]>.topbar,body[data-page="sessions"]>.mobile-navigation,body[data-page="sessions"]>.layout{display:none}
.sessions-page{flex:1;min-width:0;min-height:0;height:100dvh;overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse at 85% 0,#172c604d,transparent 55%),var(--bg)}
.sessions-page-header{flex:0 0 72px}
.sessions-content{width:min(1180px,calc(100% - 2.5rem));margin:0 auto;padding:2rem 0 4rem}
.sessions-content>#draft-new{display:none!important}
.sessions-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 230px auto;align-items:end;gap:12px;margin:18px 0}.sessions-toolbar label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:650}.sessions-toolbar input,.sessions-toolbar select,.sessions-toolbar button{min-height:42px}.sessions-toolbar label:first-child{position:relative}.sessions-toolbar label:first-child::after{content:"⌕";position:absolute;right:13px;bottom:10px;color:var(--muted);font-size:18px;pointer-events:none}.sessions-toolbar input{padding-right:40px}.sessions-toolbar select{min-width:0}.sessions-toolbar button{padding-inline:16px}
.sessions-list{display:grid;gap:12px}.session-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.session-card>div:first-child{min-width:0}.session-card h2{display:inline;font-size:18px;overflow-wrap:anywhere;margin:0}.session-card .hint{margin:10px 0 0}.session-badge{display:inline-block;margin:0 0 0 12px;border-radius:20px;padding:4px 10px;background:var(--accent-tint);color:var(--accent-soft);font-size:11px;font-weight:700}.session-actions{display:flex;flex-wrap:wrap;gap:8px}.session-actions [data-action="open"]{min-width:82px}.session-delete{color:var(--danger)}.sessions-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;padding:24px;border:1px solid var(--line);border-radius:16px}.sessions-tools h2{margin:0;font-size:15px}.sessions-tools .hint{overflow-wrap:anywhere}.sessions-footer{display:flex;justify-content:space-between;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.sessions-footer>div{min-width:0}.sessions-footer .hint{line-height:1.6;overflow-wrap:anywhere}.sessions-empty{padding:48px 20px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.sessions-page button:disabled{opacity:.5;cursor:wait}
@media(max-width:780px){.sessions-page-header{flex-basis:auto}.sessions-content{width:auto;margin:0;padding:16px 16px 40px}.sessions-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0 0 16px}.sessions-toolbar label:first-child{grid-column:1/-1}.sessions-toolbar label:nth-child(2){min-width:0}.sessions-toolbar button{padding-inline:12px}.session-card{align-items:stretch;flex-direction:column;gap:20px;padding:20px}.session-card .session-actions button{flex:1}.sessions-tools,.sessions-footer{flex-direction:column;align-items:stretch}.sessions-tools{padding:20px}.session-badge{margin-top:6px}}

/* Consonance suggestion panel and highlights */
.consonance-suggestions{margin-bottom:1rem}
.consonance-suggestions[hidden]{display:none!important}
.consonance-card{padding:1rem;border:1px solid #3b82f6;border-radius:12px;background:linear-gradient(145deg,rgba(24,37,64,.95),rgba(15,24,43,.95));box-shadow:0 6px 20px rgba(0,0,0,.35),0 0 0 1px rgba(59,130,246,.25);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:.75rem}
.consonance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}
.consonance-title-wrap{min-width:0}
.consonance-title{margin:0;font-size:.9rem;font-weight:600;color:var(--text);line-height:1.3}
.consonance-title strong{color:#93c5fd}
.consonance-subtitle{margin:.25rem 0 0;font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.consonance-letters{display:inline-block;padding:.15rem .5rem;border-radius:6px;background:rgba(59,130,246,.18);border:1px solid rgba(59,130,246,.35);color:#bfdbfe;font-weight:750;letter-spacing:.06em}
.consonance-close-btn{flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:0;font-size:1.1rem;border-radius:6px}
.consonance-stats-bar{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;color:var(--muted);padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.08)}
.consonance-stats-count{font-weight:600;color:#93c5fd}
.consonance-filter-toggle{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;user-select:none}
.consonance-filter-toggle input{width:auto;cursor:pointer}
.consonance-section{display:flex;flex-direction:column;gap:.4rem}
.consonance-section-head{display:flex;align-items:center;justify-content:space-between}
.consonance-section-label{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.consonance-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.consonance-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;min-height:30px;border-radius:7px;border:1px solid color-mix(in srgb,var(--group-color) 60%,var(--line));background:color-mix(in srgb,var(--group-color) 18%,var(--panel));color:var(--text);font-size:.78rem;cursor:pointer;transition:transform .12s,background .12s}
.consonance-chip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--group-color) 85%,#fff)}
.consonance-dot{width:7px;height:7px;border-radius:50%;background:var(--group-color)}
.consonance-lexicon-list{display:flex;flex-direction:column;gap:.3rem;max-height:140px;overflow-y:auto;scrollbar-width:thin;padding-right:2px}
.consonance-lexicon-row{display:flex;align-items:center;justify-content:space-between;padding:.3rem .5rem;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.consonance-lexicon-text{font-size:.8rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.consonance-lexicon-text small{color:var(--muted);margin-left:.3rem}
.consonance-add-word{width:26px;height:26px;min-height:26px;padding:0;font-size:.95rem;border-radius:5px}
.consonance-footer{margin-top:.2rem}
.consonance-manage-btn{width:100%;min-height:34px;padding:.4rem .7rem;font-size:.78rem;font-weight:600;color:var(--accent-soft);background:rgba(65,105,225,.1);border:1px solid rgba(65,105,225,.3);border-radius:7px}
.consonance-manage-btn:hover{background:rgba(65,105,225,.2);border-color:var(--accent)}

/* Group states when consonance analysis is active */
.rhyme-group.has-consonance-matches{border-color:color-mix(in srgb,var(--group-color,var(--accent)) 65%,#3b82f6);box-shadow:0 0 14px rgba(59,130,246,.16)}
.rhyme-group.no-consonance-matches{opacity:.45;transition:opacity .2s}
.rhyme-group.no-consonance-matches:hover{opacity:.8}
.consonance-group-badge{font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:6px;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.4);color:#93c5fd;white-space:nowrap;margin-left:auto}

/* Word chip highlights */
.rhyme-word.consonance-selected{box-shadow:0 0 0 2px #fff,0 0 14px var(--accent);font-weight:750;transform:scale(1.02)}
.rhyme-word.consonance-match{box-shadow:inset 0 0 0 1.5px #60a5fa,0 0 8px rgba(96,165,250,.25);border-color:#60a5fa}
.rhyme-word.consonance-exact{box-shadow:inset 0 0 0 2px #38bdf8,0 0 10px rgba(56,189,248,.35);border-color:#38bdf8}
.consonance-chip-tag{display:inline-block;margin-left:.25rem;font-size:.65rem;font-weight:700;color:#93c5fd;opacity:.9}

.sound-group-head-actions{display:flex;align-items:center;gap:.4rem}.sound-group-head-actions .icon-button{display:grid;place-items:center;flex:none}
.sound-group-search-sticky{display:grid;gap:.65rem}.sound-group-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .9rem;min-width:0}.sound-group-filter-select select{width:100%;padding:.35rem .55rem;border:1px solid var(--line);border-radius:7px;background:#0f182b;color:var(--fg);font-size:.82rem;cursor:pointer;transition:border-color .15s}.sound-group-filter-select select:hover,.sound-group-filter-select select:focus{border-color:#607bab;outline:none}.sound-super-group-filter{display:flex;align-items:center;gap:.55rem;width:max-content;max-width:100%;color:var(--muted);font-size:.82rem;cursor:pointer;user-select:none}.sound-super-group-filter input{width:auto;margin:0;cursor:pointer}.rhyme-super-group{display:grid;gap:.75rem;padding:.85rem;border:1px solid #46618d;border-radius:12px;background:linear-gradient(145deg,#172641,#111b2f)}.rhyme-super-group-title{margin:0;font-size:1rem}.rhyme-super-group-members{display:grid;gap:.6rem}.rhyme-super-group-member{min-width:0;padding:.7rem;border-left:4px solid var(--group-color);border-radius:8px;background:#0e1728}.rhyme-super-group-member h4{margin:0 0 .55rem;font-size:.82rem;overflow-wrap:anywhere}.rhyme-super-group-words{display:flex;flex-wrap:wrap;gap:.35rem}.rhyme-super-group-word{padding:.35rem .5rem;border:1px solid color-mix(in srgb,var(--group-color) 55%,#fff);border-radius:7px;background:color-mix(in srgb,var(--group-color) 20%,#111b2e);font-size:.8rem;overflow-wrap:anywhere}.rhyme-super-group-words .hint,.rhyme-super-group-members>.hint{margin:0}

.sound-group-color-field{margin:0;padding:0;border:0}.sound-group-color-field legend{padding:0;font-weight:600}.sound-group-color-field>.hint{margin:.3rem 0 .7rem}.sound-group-color-presets{display:flex;flex-wrap:wrap;gap:.65rem}.sound-group-color-swatch{position:relative;width:42px;height:42px;min-height:42px;padding:0;border:2px solid transparent;border-radius:50%;background:var(--swatch-color);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);transition:transform .15s,border-color .15s,box-shadow .15s}.sound-group-color-swatch[data-color="#4169e1"]{--swatch-color:#4169e1}.sound-group-color-swatch[data-color="#d9915b"]{--swatch-color:#d9915b}.sound-group-color-swatch[data-color="#7b91b5"]{--swatch-color:#7b91b5}.sound-group-color-swatch[data-color="#6eaa83"]{--swatch-color:#6eaa83}.sound-group-color-swatch[data-color="#d6b65e"]{--swatch-color:#d6b65e}.sound-group-color-swatch[data-color="#d97986"]{--swatch-color:#d97986}.sound-group-color-swatch:hover{transform:scale(1.06);border-color:#fff}.sound-group-color-swatch[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 3px var(--accent),inset 0 0 0 1px rgba(255,255,255,.3)}.sound-group-color-swatch[aria-pressed="true"]::after{content:"✓";display:grid;place-items:center;position:absolute;right:-5px;bottom:-5px;width:19px;height:19px;border:2px solid #141f35;border-radius:50%;background:#fff;color:#111827;font-size:.72rem;font-weight:900}.sound-group-custom-color{display:flex;align-items:center;gap:.7rem;margin-top:.8rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:9px;background:#0f182b;cursor:pointer}.sound-group-custom-color:hover{border-color:#607bab}.sound-group-custom-color input[type="color"]{flex:0 0 34px;width:34px;height:34px;padding:2px;border-radius:7px;cursor:pointer}.sound-group-custom-color span{font-weight:650}.sound-group-custom-color output{margin-left:auto;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem}

.sound-super-group-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px}
.sound-super-group-member{min-width:0;padding:12px;border-left:4px solid var(--group-color)}
.sound-super-group-member h4{margin:0 0 10px;font-size:.88rem;overflow-wrap:anywhere}
.sound-super-group-words{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px}
.sound-super-group-word{padding:5px 8px;border:1px solid color-mix(in srgb,var(--group-color) 55%,#fff);border-radius:7px;background:color-mix(in srgb,var(--group-color) 20%,#111b2e);overflow-wrap:anywhere}
.sound-super-group-words .hint{margin:0}

/* Session picker: a compact notebook trigger and a floating session library. */
.session-switcher{position:relative}
.session-picker-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:5px 10px 5px 6px;text-align:left;border:1px solid transparent;background:linear-gradient(120deg,#192640,#101a2d);border-radius:9px;transition:border-color .18s,background .18s,box-shadow .18s}
.session-picker-trigger:hover:not(:disabled),.session-picker-trigger[aria-expanded=true]{border-color:#5b76b5;background:#1a2944;box-shadow:0 0 0 3px #7298ff0a}
.session-picker-trigger:disabled{opacity:1}
.session-picker-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #526fac55;border-radius:8px;background:linear-gradient(145deg,#7398ff20,#4169e108);color:#abc1ff}
.session-picker-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.session-picker-label{font-size:9px;font-weight:700;letter-spacing:.13em;color:#95a8cd;line-height:1.3}
.session-picker-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;line-height:1.5;color:#f1f5ff}
.session-picker-chevron{flex-shrink:0;color:#94a9cf;transition:transform .18s}
.session-picker-trigger[aria-expanded=true] .session-picker-chevron{transform:rotate(180deg)}
.session-picker-trigger:disabled .session-picker-chevron{opacity:.3}
.session-picker-panel{position:absolute;top:calc(100% + 12px);left:0;z-index:100;width:max(100%,280px);max-width:calc(100vw - 48px);padding:7px;border:1px solid #43577d;border-radius:14px;background:linear-gradient(145deg,#1b2940,#111b2e 65%);box-shadow:0 20px 48px #03071480,0 4px 12px #03071440,inset 0 1px 0 #ffffff08;animation:session-picker-enter .15s ease-out}
.session-picker-panel[hidden]{display:none}
.session-picker-heading{padding:9px 10px 12px;margin-bottom:4px;border-bottom:1px solid #8ba5da1a;font-size:10px;font-weight:700;letter-spacing:.12em;color:#95a8c9}
.session-picker-list{display:flex;flex-direction:column;gap:3px;max-height:min(320px,55dvh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#43577d transparent;padding:3px}
.session-picker-option{display:flex;align-items:center;gap:11px;min-height:46px;padding:8px 10px;border:1px solid transparent;border-radius:8px;cursor:pointer;color:#bac7dd;transition:background .12s,border-color .12s}
.session-picker-option:hover,.session-picker-option:focus{background:#ffffff08;color:#fff;outline:none;border-color:#7899db55}
.session-picker-option[aria-selected=true]{background:linear-gradient(110deg,#4169e12e,#4169e112);border-color:#6b91ed40;color:#e2eaff}
.session-picker-option:focus-visible{outline:2px solid #a6bdff;outline-offset:-2px}
.session-picker-option-icon{display:grid;place-items:center;color:#7f96bb;flex:0 0 20px}
.session-picker-option[aria-selected=true] .session-picker-option-icon{color:#9cbaff}
.session-picker-option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}
.session-picker-check{visibility:hidden;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#85a8ff1a;color:#acc6ff;font-size:12px}
.session-picker-option[aria-selected=true] .session-picker-check{visibility:visible}
@keyframes session-picker-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.session-picker-panel{animation:none}.session-picker-trigger,.session-picker-chevron,.session-picker-option{transition:none}}
@media(max-width:480px){.session-picker-trigger{gap:7px}.session-picker-icon{width:28px;flex-basis:28px}.session-picker-label{font-size:8px;letter-spacing:.09em}}

.multi-rhymes{margin-block:1rem;padding-block:1rem;border-top:1px solid var(--line)}
.multi-rhymes-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.multi-rhymes-title{display:flex;align-items:center;gap:.55rem}.multi-rhymes-head h2{font-size:1rem;margin:0}.multi-rhymes-count,.multi-rhyme-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;padding:.15rem .5rem;border-radius:999px;background:#233455;color:var(--muted);font-size:.75rem}.multi-rhyme-card{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;padding:.65rem .75rem;border:1px solid var(--line);border-radius:10px;background:rgba(15,24,43,.45);cursor:grab}.multi-rhyme-card:hover{border-color:#526b96;background:#101a2d}.multi-rhyme-card:active{cursor:grabbing}.multi-rhyme-card.is-dragging{opacity:.48}.cell.multi-rhyme-drop-target{background:var(--accent-tint);box-shadow:inset 0 0 0 2px #fbbf24}.multi-rhyme-action-menu{top:calc(100% - .35rem);left:.75rem}.multi-rhyme-summary{display:flex;flex:1 1 100%;align-items:flex-start;gap:.6rem;min-width:0}.multi-rhyme-card h3{flex:1;min-width:0;margin:0;font-size:.92rem}.multi-rhyme-group-line{display:block;overflow-wrap:anywhere}.multi-rhyme-group-line+.multi-rhyme-group-line{margin-top:.35rem}.multi-rhyme-group-count{flex:none}.multi-rhyme-actions{display:flex;flex:1 1 100%;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;margin-left:auto}.multi-rhyme-actions button{min-height:36px;padding:.35rem .65rem;font-size:.82rem}@media(max-width:780px){.multi-rhyme-card{cursor:pointer;touch-action:auto}.multi-rhyme-summary{align-items:flex-start;flex-direction:column;gap:.35rem}.multi-rhyme-actions{width:100%}.multi-rhyme-field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.multi-rhyme-field-row>span{grid-column:1/-1}.multi-rhyme-remove-group{grid-column:1/-1;justify-self:end}}
.multi-rhyme-action{display:inline-flex;align-items:center;justify-content:center;width:36px;min-height:36px;padding:0}.multi-rhyme-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.multi-rhyme-action-delete{color:var(--danger)}
.multi-rhyme-fields{display:grid;gap:.7rem;margin:0;padding:0;border:0}.multi-rhyme-rows{display:grid;gap:.6rem}.multi-rhyme-add-group{justify-self:start}.multi-rhyme-remove-group{min-height:38px;padding:.4rem .65rem;color:var(--danger)}.multi-rhyme-fields legend{margin-bottom:.7rem}.multi-rhyme-field-row{display:grid;grid-template-columns:5rem repeat(2,minmax(0,1fr)) auto;align-items:center;gap:.6rem}.multi-rhyme-field-row>span{color:var(--muted);font-size:.82rem;font-weight:700}.multi-rhyme-field-row label,.multi-rhyme-field-row input{min-width:0}.multi-rhyme-word-field{position:relative}.multi-rhyme-word-suggestions{position:absolute;z-index:20;top:calc(100% + 5px);left:0;right:0;display:grid;max-height:220px;overflow-y:auto;padding:5px;border:1px solid #405474;border-radius:10px;background:#101a2d;box-shadow:0 14px 34px rgba(0,0,0,.5)}.multi-rhyme-word-suggestions[hidden]{display:none}.multi-rhyme-word-suggestion{min-height:38px;padding:.5rem .65rem;border:0;border-radius:7px;background:transparent;text-align:left}.multi-rhyme-word-suggestion:hover,.multi-rhyme-word-suggestion.active{background:var(--accent-tint);color:#fff}.multi-rhyme-word-suggestion:focus-visible{outline-offset:-2px}
@media(max-width:480px){.multi-rhyme-field-row{grid-template-columns:1fr 1fr}.multi-rhyme-field-row>span{grid-column:1/-1}}

.word-groups-transfer-actions{flex-wrap:wrap}
.word-groups-transfer-actions #word-groups-reset{color:#fca5a5;border-color:rgba(248,113,113,.35)}
.word-groups-transfer-actions #word-groups-reset:hover{background:rgba(239,68,68,.12);border-color:#f87171}
.settings-dialog{width:min(620px,calc(100% - 2rem))}
.settings-database{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;padding:1rem;border:1px solid rgba(65,105,225,.22);border-radius:14px;background:linear-gradient(145deg,rgba(25,38,64,.92),rgba(15,24,43,.95))}
.settings-database .word-groups-transfer-content h3{margin:0 0 .3rem;font-size:.95rem}
.settings-database .word-groups-transfer-actions{grid-column:1/-1;justify-content:flex-end}
.import-progress-dialog{width:min(480px,calc(100% - 2rem));border-color:#405986;box-shadow:0 24px 80px #000b}
.import-progress-dialog::backdrop{background:rgba(5,10,20,.78);backdrop-filter:blur(4px)}
.import-progress-heading{display:flex;align-items:center;gap:.85rem}.import-progress-heading h2{margin:0;font-size:1.1rem}.import-progress-heading p{margin:.2rem 0 0;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.import-progress-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid rgba(65,105,225,.38);border-radius:11px;background:var(--accent-tint);color:var(--accent-soft)}
.import-progress-dialog progress{width:100%;height:12px;border:0;border-radius:999px;overflow:hidden;background:#0b1323;accent-color:var(--accent)}
.import-progress-dialog progress::-webkit-progress-bar{background:#0b1323;border-radius:999px}.import-progress-dialog progress::-webkit-progress-value{border-radius:999px;background:var(--accent-gradient)}.import-progress-dialog progress::-moz-progress-bar{border-radius:999px;background:var(--accent-gradient)}
.import-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:1rem}.import-progress-copy p{margin:0;color:var(--muted);font-size:.84rem}.import-progress-copy strong{flex:none;color:var(--accent-soft);font-size:.84rem;font-variant-numeric:tabular-nums}
@media(max-width:520px){.settings-database{grid-template-columns:1fr}.settings-database .word-groups-transfer-icon{display:none}.settings-database .word-groups-transfer-actions{grid-column:1;display:grid}.settings-database .word-groups-transfer-actions button{width:100%}}