.fm-visualizer{gap:var(--space-6);margin-block:var(--space-4) var(--space-8);font-family:var(--font-body);color:var(--color-ink);flex-direction:column;display:flex}.fm-toolbar{gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.fm-toolbar{grid-template-columns:1fr}}.fm-input-group{gap:var(--space-2);flex-direction:column;display:flex}.fm-label{font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--color-ink);justify-content:space-between;align-items:center;display:flex}.fm-input-wrapper{gap:var(--space-2);display:flex}.fm-input{font-family:var(--font-mono);letter-spacing:.05em;background:var(--color-bg);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:var(--radius);flex:1;padding:.5rem .75rem;font-size:1rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.fm-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 25%, transparent);outline:none}.fm-presets{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.25rem;display:flex}.fm-preset-btn{font-family:var(--font-mono);font-size:var(--fs-meta);background:var(--color-bg);color:var(--color-muted);border:1px solid var(--color-rule);cursor:pointer;border-radius:999px;padding:.2rem .5rem;font-weight:500;transition:all .15s}.fm-preset-btn:hover,.fm-preset-btn:focus-visible{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-bg))}.fm-transport-bar{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.fm-btn-group{align-items:center;gap:.35rem;display:flex}.fm-btn{font-size:var(--fs-small);border-radius:var(--radius);border:1px solid var(--color-rule);background:var(--color-bg);color:var(--color-ink);cursor:pointer;user-select:none;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .85rem;font-weight:600;transition:all .15s;display:inline-flex}.fm-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, var(--color-bg))}.fm-btn:disabled{opacity:.4;cursor:not-allowed}.fm-btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.fm-btn--primary:hover:not(:disabled){background:var(--color-accent-dark);color:#fff}.fm-step-indicator{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--color-accent);font-weight:600}.fm-speed-select{font-size:var(--fs-small);color:var(--color-muted);align-items:center;gap:.5rem;display:flex}.fm-speed-select select{font-family:var(--font-mono);font-size:var(--fs-meta);border-radius:var(--radius);border:1px solid var(--color-rule);background:var(--color-bg);color:var(--color-ink);cursor:pointer;padding:.25rem .5rem}.fm-ref-banner{padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);gap:var(--space-2);flex-direction:column;display:flex}.fm-ref-seq{font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:.25rem;font-size:1.1rem;display:flex}.fm-ref-char{border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;width:2rem;height:2.5rem;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.fm-ref-char .fm-char-idx{color:var(--color-muted);font-size:.65rem;font-weight:400;line-height:1}.fm-ref-char--match{background:color-mix(in srgb, var(--color-accent) 22%, var(--color-surface));border-color:var(--color-accent);color:var(--color-accent-dark);box-shadow:0 2px 8px color-mix(in srgb, var(--color-accent) 30%, transparent);transform:translateY(-2px)}.fm-grid{gap:var(--space-5);grid-template-columns:minmax(320px,1.2fr) minmax(280px,1fr);display:grid}@media (width<=900px){.fm-grid{grid-template-columns:1fr}}.fm-card{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.fm-card-header{background:color-mix(in srgb, var(--color-ink) 3%, var(--color-surface));border-bottom:1px solid var(--color-rule);font-weight:600;font-size:var(--fs-small);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.fm-card-body{padding:var(--space-4);overflow-x:auto}.fm-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:var(--fs-small);text-align:left}.fm-table th{color:var(--color-muted);border-bottom:1px solid var(--color-rule);text-transform:uppercase;letter-spacing:.05em;padding:.4rem .6rem;font-size:.75rem;font-weight:600}.fm-table td{border-bottom:1px solid color-mix(in srgb, var(--color-rule) 60%, transparent);padding:.4rem .6rem;transition:background-color .15s}.fm-row{cursor:pointer}.fm-row:hover{background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface))}.fm-row--in-range{background:color-mix(in srgb, var(--color-accent) 15%, var(--color-surface));font-weight:600}.fm-row--sp{border-top:2px solid var(--color-accent)!important}.fm-row--ep{border-bottom:2px solid var(--color-accent)!important}.fm-col-f,.fm-col-l{font-weight:700}.fm-col-f{color:var(--color-ink)}.fm-col-l{color:var(--color-accent)}.fm-col-suffix{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;max-width:16ch;overflow:hidden}.fm-row--in-range .fm-col-suffix{color:var(--color-ink)}.fm-occ-wrapper{gap:var(--space-4);flex-direction:column;display:flex}.fm-c-table{flex-wrap:wrap;gap:.5rem;display:flex}.fm-c-cell{background:var(--color-bg);border:1px solid var(--color-rule);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--fs-small);flex-direction:column;align-items:center;min-width:3rem;padding:.35rem .65rem;display:flex}.fm-c-cell--active{background:color-mix(in srgb, var(--color-accent) 20%, var(--color-surface));border-color:var(--color-accent);color:var(--color-accent-dark);box-shadow:0 2px 6px color-mix(in srgb, var(--color-accent) 25%, transparent);font-weight:700;transform:scale(1.05)}.fm-occ-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);text-align:center;font-size:.78rem}.fm-occ-table th,.fm-occ-table td{border:1px solid var(--color-rule);padding:.3rem .4rem}.fm-occ-table th{background:color-mix(in srgb, var(--color-ink) 4%, var(--color-surface));font-weight:600}.fm-occ-cell--sp{outline:2px solid #ca8a04;font-weight:700;color:#854d0e!important;background:#fef08a!important}.fm-occ-cell--ep{outline:2px solid #0284c7;font-weight:700;color:#0369a1!important;background:#bae6fd!important}html[data-theme=dark] .fm-occ-cell--sp{color:#fef08a!important;background:#713f12!important}html[data-theme=dark] .fm-occ-cell--ep{color:#bae6fd!important;background:#0c4a6e!important}.fm-calc-box{padding:var(--space-4);background:color-mix(in srgb, var(--color-accent) 5%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-accent) 25%, var(--color-rule));border-radius:var(--radius-lg);gap:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-small);flex-direction:column;display:flex}.fm-calc-title{color:var(--color-accent);font-weight:700;font-family:var(--font-body);justify-content:space-between;align-items:center;display:flex}.fm-calc-formula{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius);flex-direction:column;gap:.35rem;padding:.5rem .75rem;display:flex}.fm-calc-sp{color:#854d0e}.fm-calc-ep{color:#0369a1}html[data-theme=dark] .fm-calc-sp{color:#fde047}html[data-theme=dark] .fm-calc-ep{color:#7dd3fc}.fm-calc-summary{font-family:var(--font-body);font-size:var(--fs-small);color:var(--color-ink)}.fm-educational-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.fm-edu-card{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-lg);gap:var(--space-2);flex-direction:column;display:flex}.fm-edu-card h3{color:var(--color-ink);margin:0;font-size:1.05rem;font-weight:600}.fm-edu-card p{font-size:var(--fs-small);color:var(--color-muted);margin:0;line-height:1.55}