.chara-page{min-height:100dvh;color:var(--text-primary);background:var(--material-base-bg)}.chara-layout{display:grid;gap:var(--space-8);padding-block:var(--space-8) var(--space-16)}.chara-state{display:grid;min-height:60dvh;place-items:center;padding-block:var(--space-8)}.chara-article,.chara-card,.chara-gallery{width:100%}.chara-card{overflow:hidden}.chara-body{display:grid;gap:var(--space-4);padding:var(--layout-card-padding)}.chara-header,.chara-title-row{display:flex;align-items:center;min-width:0;gap:var(--space-3)}.chara-header{justify-content:space-between;flex-wrap:wrap}.chara-title-row{flex:1 1 auto}.chara-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chara-author{min-width:0}.chara-author-copy{display:grid;min-width:0;max-width:var(--overlay-popover-width);text-align:start}.chara-description-shell{display:grid;justify-items:start;gap:var(--space-1)}.chara-desc{display:-webkit-box;overflow:hidden;white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3}.chara-desc-expanded{display:block;overflow:visible;-webkit-line-clamp:unset}.chara-desc-toggle{justify-self:start}.chara-cta{display:flex;gap:var(--space-3);padding:var(--space-4) var(--layout-card-padding) var(--layout-card-padding)}.chara-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.chara-gallery-item{position:relative;align-self:start;overflow:hidden;transition:transform var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.chara-gallery-item:hover{box-shadow:var(--material-raised-shadow);transform:translateY(calc(var(--space-0_5) * -1))}.chara-gallery-item:has(.chara-gallery-action:focus-visible){box-shadow:var(--focus-ring)}.chara-gallery-action{display:block;width:100%;padding:0;border:0;outline:none;color:inherit;background:transparent;cursor:pointer}.chara-gallery-action img,.chara-gallery-action video{display:block;width:100%;height:auto}.chara-gallery-state{display:grid;min-height:calc(var(--space-24) * 2);place-items:center;padding:var(--space-6)}@media (max-width:479px){.chara-layout{gap:var(--space-4);padding-block:var(--space-4) var(--space-10)}.chara-header{align-items:flex-start;flex-direction:column}.chara-author{max-width:100%}.chara-cta{flex-direction:column}.chara-gallery-grid{gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){.chara-gallery-item{transition-duration:var(--duration-instant)}}