main{max-width:960px;margin:0 auto;padding:2rem 1rem 4rem}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-top h1{margin:0}.header-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.header-select{flex:none;margin:0}.header-select select{width:auto;margin:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.filter-options{flex-wrap:wrap;gap:1rem 1.5rem;margin-top:.5rem;display:flex}.filter-options label{width:auto;margin:0}.max-cells-picker{align-items:center;gap:.5rem;width:auto;margin-top:.75rem;display:flex}.max-cells-picker select{width:auto;margin:0}.ramp-picker{margin-top:.75rem}.ramp-swatches{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.ramp-swatch{width:48px;height:28px;box-shadow:none;cursor:pointer;border:2px solid #0000;border-radius:6px;margin:0;padding:0}.ramp-swatch:hover{filter:brightness(1.05)}.ramp-swatch[aria-pressed=true]{border-color:var(--primary,#25c)}.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;margin-top:2rem;display:grid}.kanji-cell{aspect-ratio:1;box-sizing:border-box;box-shadow:none;background-color:var(--bg-primary,#f4f4f4);border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .25s,color .25s;display:flex}.kanji-cell:hover{filter:brightness(.95)}.kanji-char{font-size:1.5rem;line-height:1}.kanji-count{opacity:.75;margin-top:2px;font-size:.7rem;line-height:1}.heatmap-empty{opacity:.7;margin-top:2rem}.kanji-highlight{background:var(--primary-bg,#dde8ff);border-radius:3px;padding:0 2px}.panel-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.panel{background:var(--bg-surface,#fff);border:1px solid var(--border-secondary,#d0d0d8);text-align:left;border-radius:10px;width:100%;max-width:560px;max-height:80vh;padding:1.25rem;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.panel-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-header h2{margin:0}