.sc{grid-template-columns:minmax(0,1fr);align-items:start}@media (width>=900px){.sc{grid-template-columns:minmax(0,1fr) 340px}.sc-side{position:sticky;top:88px}}.sc-main{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.sc-top{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.sc-search{border-radius:var(--radius-pill);background:var(--card);border:1px solid var(--line-strong);min-height:58px;box-shadow:var(--edge);color:var(--muted);align-items:center;gap:10px;padding:0 8px 0 18px;display:flex}.sc-search:focus-within{border-color:var(--sky);box-shadow:var(--edge), 0 0 0 4px #7cc4ff2e}.sc-search input{width:0;min-width:0;height:54px;color:var(--ink);font:inherit;background:0 0;border:0;flex:1;font-size:1.08rem}.sc-search input:focus{outline:none}.sc-total{border-radius:var(--radius-pill);background:var(--bg-soft);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;flex:none;padding:6px 12px;font-size:.74rem}.sc-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.sc-chips{flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;display:flex}.sc-chip{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--bg-soft);min-height:36px;color:var(--ink-2);font:inherit;white-space:nowrap;cursor:pointer;transition:border-color var(--fast) var(--ease), background-color var(--fast) var(--ease);padding:0 13px;font-size:.86rem;font-weight:600}.sc-chip:hover{border-color:var(--sky)}.sc-chip[aria-pressed=true]{background:var(--primary-soft);border-color:var(--sky);color:var(--ink);box-shadow:inset 0 0 0 1px var(--sky)}.sc-chip:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sc-mode label{font-size:.86rem}.sc-sec{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--edge);gap:10px;padding:14px;scroll-margin-top:90px;display:grid}.sc-sec[hidden],[data-sections][hidden]{display:none}[data-sections]{gap:14px;display:grid}.sc-sec-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.sc-sec-head h2{margin:0;font-size:1.05rem}.sc-count{font-family:var(--font-mono);color:var(--muted);font-size:.74rem}.sc-link{color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-size:.86rem;font-weight:600}.sc-none{color:var(--muted);margin:0}.sc-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;display:grid}.sc-tile{border:1px solid var(--line);background:var(--bg-soft);min-width:0;height:52px;color:var(--ink);cursor:pointer;transition:transform var(--fast) var(--ease), border-color var(--fast) var(--ease), background-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);border-radius:12px;place-items:center;padding:0;font-size:1.45rem;line-height:1;display:grid;overflow:hidden}.sc-tile:hover{border-color:var(--sky);background:var(--primary-soft);box-shadow:0 8px 20px -10px var(--sky);transform:translateY(-2px)}.sc-tile:active{transform:scale(.94)}.sc-tile:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sc-tile.sc-on{border-color:var(--sky);box-shadow:inset 0 0 0 1px var(--sky)}.sc-inv{font-family:var(--font-mono);letter-spacing:.02em;color:var(--accent-text);font-size:.6rem;font-weight:600}@media (width<=640px){.sc-chips{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-4px;padding:2px 4px 6px;overflow-x:auto}.sc-chip{min-height:44px}.sc-mode{width:100%}.sc-total{display:none}.sc-sec{padding:12px}.sc-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.sc-tile{height:50px}.sc-add-word,.sc-sub-cat{display:none}.sc-add{width:44px;padding:0}.sc-code-row{grid-template-columns:96px minmax(0,1fr)}}.sc-side{gap:12px;min-width:0;display:grid}.sc-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line-strong);box-shadow:var(--edge);gap:12px;min-width:0;padding:16px;display:grid}.sc-hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.sc-glyph{width:96px;height:96px;color:var(--ink);background:radial-gradient(circle at 50% 35%, #7cc4ff47, transparent 70%), var(--bg-soft);border:1px solid var(--line-strong);border-radius:22px;place-items:center;font-size:3.2rem;line-height:1;display:grid;overflow:hidden}.sc-glyph.sc-inv{font-size:.95rem}.sc-meta{min-width:0}.sc-name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:650;line-height:1.25}.sc-sub{font-family:var(--font-mono);color:var(--muted);margin:4px 0 0;font-size:.74rem}.sc-acts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sc-copy,.sc-add{cursor:pointer;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 14px;font-size:.92rem;display:inline-flex}.sc-add{min-height:42px}.sc-codes summary{cursor:pointer;padding:4px 0;font-size:.92rem;font-weight:650}.sc-codes dl{gap:2px;margin:8px 0 0;display:grid}.sc-code-row{border-top:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);align-items:center;gap:0 8px;padding:6px 0;display:grid}.sc-code-row[hidden]{display:none}.sc-code-row dt{color:var(--muted);font-size:.82rem}.sc-code-row dd{justify-content:space-between;align-items:center;gap:6px;min-width:0;margin:0;display:flex}.sc-code-row code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.88rem}.sc-code-row .sc-hint{color:var(--muted);grid-column:2;font-size:.74rem}.sc-mini{border:1px solid var(--line);background:var(--bg-soft);width:32px;height:32px;color:var(--ink-2);cursor:pointer;border-radius:10px;flex:none;place-items:center;display:grid}.sc-mini:hover{border-color:var(--sky);color:var(--ink)}.sc-tray-head{justify-content:space-between;align-items:baseline;display:flex}.sc-tray-head label{font-size:.95rem;font-weight:650}.sc-tray-n{font-family:var(--font-mono);color:var(--muted);font-size:.78rem}.sc-tray-row{gap:8px;display:flex}.sc-tray-row input{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);width:0;min-width:0;height:44px;color:var(--ink);flex:1;padding:0 12px;font-size:1.2rem}.sc-tray-row input:focus-visible{border-color:var(--sky);outline:none}.sc-tray-row .sc-copy{flex:none;min-height:44px}@media (width<=899px){.sc-side{z-index:5;gap:8px;position:sticky;bottom:10px}.sc-card{background:var(--surface);box-shadow:var(--shadow-lg);gap:8px;padding:10px 12px}.sc-detail{grid-template-columns:minmax(0,1fr) auto;align-items:center}.sc-hero{gap:10px}.sc-glyph{border-radius:14px;width:52px;height:52px;font-size:1.8rem}.sc-glyph.sc-inv{font-size:.62rem}.sc-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.98rem;display:-webkit-box;overflow:hidden}.sc-acts{grid-template-columns:auto auto;gap:6px}.sc-copy,.sc-add{min-height:44px;padding:0 12px}.sc-codes{grid-column:1/-1}.sc-codes[open] dl{max-height:40vh;overflow:auto}.sc-codes summary{color:var(--accent-text);font-size:.85rem}.sc:not(.sc-has-tray) .sc-tray{display:none}}@media (width<=700px),(pointer:coarse){.sc-mini{width:44px;height:44px}.sc-code-row{padding:2px 0}.sc-codes summary{padding:12px 0}}