.atlas-page{max-width:var(--atlas-width);margin:auto;min-height:calc(100dvh - var(--space-3xl))}.atlas-intro{color:var(--text-secondary);margin-block:var(--space-md) var(--space-lg)}.atlas-search{position:sticky;top:0;z-index:5;padding-block:var(--space-sm);background:var(--bg-primary)}.atlas-search input,.atlas-filters select{width:100%;min-height:var(--control-height);border:var(--border-width) solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:var(--bg-surface);color:var(--text-primary)}.atlas-levels{display:flex;gap:var(--space-sm);overflow-x:auto;padding-block:var(--space-sm)}.atlas-levels .pill{flex-shrink:0}.atlas-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-mobile);margin-block:var(--space-md)}.atlas-filters label{display:grid;gap:var(--space-xs);font-size:var(--text-caption);color:var(--text-secondary)}.atlas-count{margin-block:var(--space-lg);color:var(--text-secondary)}.atlas-virtual{--atlas-columns: 2;--atlas-card-height: var(--atlas-card-mobile);--atlas-gap: var(--space-md);position:relative;overflow-anchor:none}.atlas-row{content-visibility:auto;contain-intrinsic-size:auto var(--atlas-card-height);position:absolute;top:0;inset-inline:0;display:grid;grid-template-columns:repeat(var(--atlas-columns),minmax(0,1fr));gap:var(--atlas-gap)}.atlas-card{height:var(--atlas-card-height);padding:0;overflow:hidden;position:relative}.atlas-card-link{display:block;height:100%;text-decoration:none;color:var(--text-primary)}.atlas-art{display:block;height:var(--atlas-thumb-height)}.atlas-art .thumb-image{height:100%;width:100%;border-radius:0}.atlas-card-copy{display:grid;gap:var(--space-xs);padding:var(--space-mobile)}.atlas-card-meta{display:flex;justify-content:space-between;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--text-caption)}.atlas-level{color:var(--accent)}.atlas-card strong{font-family:var(--font-display);font-size:var(--text-h3);line-height:var(--leading-heading);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.atlas-ipa,.atlas-zh{font-size:var(--text-caption);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-ipa{font-family:var(--font-ipa);color:var(--text-secondary)}.atlas-empty{padding-block:var(--space-xl)}@media(min-width:640px){.atlas-virtual{--atlas-card-height: var(--atlas-card-tablet);--atlas-columns: 3}.atlas-filters{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.atlas-virtual{--atlas-card-height: var(--atlas-card-desktop);--atlas-columns: 4}}@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s}}.atlas-card .star-control{position:absolute;top:var(--space-xs);right:var(--space-xs);background:var(--bg-surface);border-radius:var(--radius-full);z-index:2}.atlas-level{background:var(--level-color, var(--cefr-a1));color:var(--paper-ink);padding-inline:var(--space-xs);border-radius:var(--radius-sm)}.atlas-level[data-level=A1]{--level-color: var(--cefr-a1)}.atlas-level[data-level=A2]{--level-color: var(--cefr-a2)}.atlas-level[data-level=B1]{--level-color: var(--cefr-b1)}.atlas-level[data-level=B2]{--level-color: var(--cefr-b2)}.atlas-level[data-level=C1]{--level-color: var(--cefr-c1)}.atlas-level[data-level=C2]{--level-color: var(--cefr-c2)}.atlas-level[data-level=C2]{color:var(--cefr-c2-ink)}.atlas-search{display:flex;gap:var(--space-sm)}.atlas-search label{flex:1;min-width:0}.atlas-filter-desktop{display:none}@media(min-width:640px){.atlas-filter-desktop{display:block}.atlas-filter-toggle{display:none}}.atlas-card{contain:style}.atlas-card[data-hovered=true]{z-index:4}.atlas-art .thumb-image{background:color-mix(in srgb,var(--spotlight-accent) 20%,var(--bg-surface))}.atlas-art .thumb-image__placeholder{filter:none;transform:none}.atlas-virtual[data-scrolling=true] .thumb-image>img:not(.thumb-image__placeholder){transition:none;opacity:1}