.tile-present-pill{color:#b08800;background:#ffd75026;border:1px solid #ffd75066}.btn-group{flex-wrap:wrap;gap:.35rem;display:flex}.len-btn{border-radius:var(--radius-sm);border:1px solid var(--lb-hairline);background:var(--lb-surface);color:var(--lb-body);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);min-height:36px;padding:.4rem .9rem;font-size:.875rem;font-weight:600}.len-btn:hover{border-color:var(--lb-blue);color:var(--lb-blue);background:var(--lb-blue-tint)}.len-btn.active{background:var(--lb-blue);border-color:var(--lb-blue);color:#fff;box-shadow:0 0 0 3px #328af633}.mode-options{flex-direction:column;gap:.4rem;display:flex}.mode-option{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--lb-hairline);background:var(--lb-surface);transition:all var(--motion-fast) var(--ease-standard);align-items:flex-start;gap:.6rem;padding:.7rem .9rem;display:flex}.mode-option:has(input:checked){border-color:var(--lb-blue);background:var(--lb-blue-tint)}.mode-option input[type=radio]{accent-color:var(--lb-blue);flex-shrink:0;margin-top:.15rem}.mode-label{flex-direction:column;gap:.1rem;display:flex}.mode-title{color:var(--lb-ink);font-size:.875rem;font-weight:600}.mode-desc{color:var(--lb-muted);font-size:.775rem}.btn-add{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);background:var(--lb-blue);border:1px solid;border-color:var(--lb-blue);color:#fff;align-items:center;gap:.35rem;height:36px;padding:0 .875rem;font-size:.8125rem;font-weight:700;display:inline-flex}.btn-add:hover{background:#1a78e8;border-color:#1a78e8}.btn-add-inline{border:1px dashed var(--lb-hairline);border-radius:var(--radius-sm);color:var(--lb-muted);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);background:0 0;align-items:center;gap:.35rem;margin-top:.5rem;padding:.4rem .75rem;font-size:.8rem;display:inline-flex}.btn-add-inline:hover{border-color:var(--lb-blue);color:var(--lb-blue);background:var(--lb-blue-tint)}.empty-attempts{text-align:center;color:var(--lb-muted);flex-direction:column;align-items:center;gap:.4rem;padding:2.5rem 1rem;font-size:.9rem;display:flex}.empty-sub{color:var(--lb-faint);font-size:.8rem}.attempt-guide{color:var(--lb-muted);margin-bottom:.75rem;font-size:.775rem;line-height:1.5}.attempt-content{flex-direction:column;flex:1;gap:.65rem;display:flex}.word-input-container{align-items:center;gap:.6rem;display:flex}.error-text{color:#c0392b;font-size:.8rem}.tiles{flex-wrap:wrap;gap:.35rem;display:flex}.tile{border-radius:var(--radius-xs);border:1.5px solid var(--lb-hairline);background:var(--lb-canvas);cursor:pointer;-webkit-user-select:none;user-select:none;min-width:52px;min-height:56px;transition:border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.4rem .25rem;display:flex}.tile:hover{transform:scale(1.06)}.tile:active{transform:scale(.96)}.tile-absent{border-color:var(--lb-hairline);background:var(--lb-surface)}.tile-absent:hover{border-color:var(--lb-muted);background:var(--lb-hairline)}.tile-present{background:#ffd7501a;border-color:#ffd75099}.tile-present:hover{background:#ffd7502e;border-color:#ffd750e6}.tile-correct{background:#469f681a;border-color:#469f6880}.tile-correct:hover{background:#469f682e;border-color:#469f68cc}.tile-jamo{text-align:center;width:100%;color:var(--lb-ink);pointer-events:none;padding:.1rem;font-size:1rem;font-weight:700}.tile-state-label{pointer-events:none;font-size:.65rem;font-weight:600;line-height:1}.tile-absent .tile-state-label{color:var(--lb-faint)}.tile-present .tile-state-label{color:#b08800}.tile-correct .tile-state-label{color:var(--lb-green)}.candidate-section{flex-direction:column;gap:1rem;display:flex}.candidate-header{justify-content:space-between;align-items:center;display:flex}.candidate-title{text-transform:uppercase;letter-spacing:.09em;color:var(--lb-muted);margin:0;font-size:.8rem;font-weight:700}.candidate-count{font-size:.8125rem}.count-all{color:var(--lb-muted)}.count-filtered{color:var(--lb-green);font-weight:800}.count-total{color:var(--lb-faint)}.no-candidates{text-align:center;color:var(--lb-muted);flex-direction:column;align-items:center;gap:.3rem;padding:2.5rem 1rem;font-size:.9rem;display:flex}.no-candidates-sub{color:var(--lb-faint);font-size:.8rem}.candidate-grid{flex-wrap:wrap;gap:.4rem;display:flex}.candidate-word{background:var(--lb-surface);border:1px solid var(--lb-hairline);border-radius:var(--radius-sm);color:var(--lb-body);letter-spacing:.02em;transition:all var(--motion-fast) var(--ease-standard);cursor:default;padding:.35rem .8rem;font-size:.875rem;font-weight:600}.candidate-word:hover{border-color:var(--lb-blue);color:var(--lb-blue);background:var(--lb-blue-tint)}.candidate-more{color:var(--lb-muted);text-align:center;margin-top:.4rem;font-size:.775rem}.loading-state{color:var(--lb-muted);flex-direction:column;align-items:center;gap:.75rem;padding:2rem;font-size:.875rem;display:flex}.spinner{border:2.5px solid var(--lb-hairline);border-top-color:var(--lb-blue);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.error-state{text-align:center;color:#c0392b;padding:1.5rem;font-size:.875rem}