:root{--bg: #14110f;--panel: #1e1a17;--panel-2: #262119;--line: #3a3229;--ink: #f0e7dc;--ink-dim: #a2968a;--accent: #e0a458;--accent-ink: #241a0d;--danger: #d9776b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}button,input,select{font:inherit;color:inherit}.app{max-width:68rem;margin:0 auto;padding:2rem 1.25rem 4rem;display:flex;flex-direction:column;gap:1.25rem}.masthead h1{margin:0;font-size:2rem;letter-spacing:-.02em}.tagline{margin:.25rem 0 0;color:var(--ink-dim)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:.75rem;padding:1rem 1.15rem 1.15rem}.panel__head{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.panel__head h2{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.hint,.empty{margin:0;color:var(--ink-dim);font-size:.875rem}.notice{margin:0 0 .85rem;padding:.6rem .8rem;border-radius:.5rem;background:#33291a;border:1px solid #574526;color:#f0d9ae;font-size:.875rem}.controls__row{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-end}.controls__row--bottom{margin-top:1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field--grow{flex:1 1 20rem}.field__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:.5rem;overflow:hidden}.segmented__item{min-width:2.75rem;padding:.45rem .6rem;background:var(--panel-2);border:0;border-right:1px solid var(--line);cursor:pointer}.segmented__item:last-child{border-right:0}.segmented__item[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:600}.select,.text-input{padding:.45rem .6rem;background:var(--panel-2);border:1px solid var(--line);border-radius:.5rem}.generate{padding:.6rem 1.5rem;background:var(--accent);color:var(--accent-ink);border:0;border-radius:.5rem;font-weight:700;cursor:pointer}.generate:hover{filter:brightness(1.08)}.rack{display:flex;flex-wrap:wrap;gap:.5rem}.slot{display:flex;align-items:center;gap:.35rem;padding:.3rem .5rem;background:var(--panel-2);border:1px dashed var(--line);border-radius:.5rem}.slot--fixed{border-style:solid;border-color:var(--accent)}.slot__marker{font-size:.8rem;opacity:.85}.slot__input{width:6rem;padding:.15rem .2rem;background:transparent;border:0;outline:none}.slot__clear,.chip__remove,.preset__remove{background:transparent;border:0;color:var(--ink-dim);cursor:pointer;padding:0 .2rem;line-height:1}.slot__clear:hover,.chip__remove:hover,.preset__remove:hover{color:var(--danger)}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.4rem}.card{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.4rem .5rem;background:var(--panel-2);border:1px solid transparent;border-radius:.5rem}.card:hover{border-color:var(--line)}.card__name{font-size:1.05rem;min-width:0}.card__syllable{background:transparent;border:0;padding:.1rem;border-radius:.25rem;cursor:pointer}.card__syllable:hover{background:var(--accent);color:var(--accent-ink)}.card__syllable--locked{color:var(--accent)}.card__dot{color:var(--line);font-size:.7rem}.card__keep{background:transparent;border:0;color:var(--ink-dim);cursor:pointer;font-size:1rem;line-height:1}.card__keep--on,.card__keep:hover{color:var(--accent)}.shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.25rem;align-items:start}.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .4rem .2rem .6rem;background:var(--panel-2);border:1px solid var(--line);border-radius:999px}.panel__actions,.preset-save{display:flex;gap:.5rem;margin-top:.85rem}.preset-save .text-input{flex:1 1 auto;min-width:0}.minor{padding:.35rem .75rem;background:var(--panel-2);border:1px solid var(--line);border-radius:.5rem;cursor:pointer}.minor:hover:not(:disabled){border-color:var(--accent)}.minor:disabled{opacity:.45;cursor:not-allowed}.minor--danger:hover{border-color:var(--danger);color:var(--danger)}.preset-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.preset{display:flex;align-items:center;gap:.4rem;background:var(--panel-2);border:1px solid var(--line);border-radius:.5rem;padding:.25rem .5rem}.preset__load{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;background:transparent;border:0;cursor:pointer;text-align:left;padding:.2rem;min-width:0}.preset__detail{font-size:.75rem;color:var(--ink-dim)}.preset__load:hover .preset__label{color:var(--accent)}