.br-kanji-input{margin-bottom:var(--br-space-lg)}.br-kanji-input__label{display:block;margin-bottom:var(--br-space-xs);font-size:var(--br-text-xs);font-weight:600;color:var(--br-color-text)}.br-kanji-input__wrap{position:relative;display:flex;align-items:center}.br-kanji-input__field{width:100%;padding:var(--br-space-sm) var(--br-space-md);padding-right:2.75rem;font-family:var(--br-font-sans);font-size:var(--br-text-md);line-height:1.6;color:var(--br-color-text);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius)}.br-kanji-input__field:focus{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-kanji-input__field::placeholder{color:var(--br-color-text-sub)}.br-kanji-input__clear{position:absolute;right:var(--br-space-xs);display:flex;align-items:center;justify-content:center;width:var(--br-tap-min);height:var(--br-tap-min);padding:0;border:none;background:0 0;color:var(--br-color-text-sub);cursor:pointer;border-radius:var(--br-radius)}.br-kanji-input__clear:hover{color:var(--br-color-text)}.br-kanji-input__clear:focus{outline:0;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-kanji-display{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:14rem;padding:var(--br-space-lg);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);text-align:center;overflow:hidden}.br-kanji-display__char{margin:0;font-size:12rem;line-height:1.1;color:var(--br-color-text);word-break:break-all;overflow-wrap:anywhere;max-width:100%}.br-kanji-display__info{margin:var(--br-space-sm) 0 0;font-size:var(--br-text-xs);color:var(--br-color-text-sub);font-family:var(--br-font-sans);letter-spacing:.05em}.br-kanji-nav{display:flex;align-items:center;justify-content:center;gap:var(--br-space-md);margin-top:var(--br-space-md)}.br-kanji-nav__btn{display:flex;align-items:center;justify-content:center;width:var(--br-tap-min);height:var(--br-tap-min);padding:0;border:1px solid var(--br-color-border);border-radius:var(--br-radius);background-color:var(--br-color-surface);color:var(--br-color-text);cursor:pointer;transition:border-color .15s,background-color .15s}.br-kanji-nav__btn:hover{border-color:var(--br-color-accent);background-color:var(--br-color-bg-light)}.br-kanji-nav__btn:focus{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-kanji-nav__btn:disabled{color:var(--br-color-text-sub);opacity:.4;cursor:not-allowed}.br-kanji-nav__btn:disabled:hover{border-color:var(--br-color-border);background-color:var(--br-color-surface)}.br-kanji-nav__counter{font-size:var(--br-text-xs);color:var(--br-color-text-sub);min-width:4em;text-align:center}.br-kanji-chars{display:flex;flex-wrap:wrap;gap:var(--br-space-xs);justify-content:center;margin-top:var(--br-space-md);padding:var(--br-space-sm);background-color:var(--br-color-bg-light);border-radius:var(--br-radius);border:1px solid var(--br-color-border)}.br-kanji-chars__item{display:flex;align-items:center;justify-content:center;min-width:var(--br-tap-min);min-height:var(--br-tap-min);padding:var(--br-space-xs) var(--br-space-sm);font-size:var(--br-text-lg);font-family:var(--br-font-sans);color:var(--br-color-text);background-color:var(--br-color-surface);border:2px solid var(--br-color-border);border-radius:var(--br-radius);cursor:pointer;transition:border-color .15s,background-color .15s}.br-kanji-chars__item:hover{border-color:var(--br-color-accent);background-color:var(--br-color-bg-light)}.br-kanji-chars__item:focus{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-kanji-chars__item.is-active{border-color:var(--br-color-accent);background-color:rgba(37,99,235,.08);color:var(--br-color-accent);font-weight:700}.br-kanji-options{display:flex;flex-direction:column;gap:var(--br-space-md);margin-top:var(--br-space-lg);padding:var(--br-space-lg);background-color:var(--br-color-bg-light);border-radius:var(--br-radius);border:1px solid var(--br-color-border)}@media (min-width:768px){.br-kanji-options{flex-direction:row;align-items:flex-end}.br-kanji-options__group{flex:1}}.br-kanji-options__group{display:flex;flex-direction:column;gap:var(--br-space-xs)}.br-kanji-options__label{font-size:var(--br-text-xs);font-weight:600;color:var(--br-color-text)}.br-kanji-options__select{width:100%;padding:var(--br-space-xs) var(--br-space-sm);font-family:var(--br-font-sans);font-size:var(--br-text-sm);color:var(--br-color-text);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);min-height:var(--br-tap-min);cursor:pointer}.br-kanji-options__select:focus{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-kanji-options__range{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--br-color-border);border-radius:3px;cursor:pointer;margin-top:var(--br-space-xxs)}.br-kanji-options__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--br-color-accent);border:2px solid var(--br-color-surface);box-shadow:0 1px 3px rgba(0,0,0,.15);cursor:pointer}.br-kanji-options__range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--br-color-accent);border:2px solid var(--br-color-surface);box-shadow:0 1px 3px rgba(0,0,0,.15);cursor:pointer}.br-kanji-options__range:focus{outline:0}.br-kanji-options__range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-kanji-options__range:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgba(37,99,235,.12)}@media (max-width:480px){.br-kanji-display{min-height:10rem;padding:var(--br-space-md)}.br-kanji-display__char{font-size:8rem}.br-kanji-chars__item{font-size:var(--br-text-md);min-width:2.5rem;min-height:2.5rem;padding:var(--br-space-xxs) var(--br-space-xs)}}