.characters-page{background:var(--bg-canvas);height:100vh;min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;overflow-y:auto}.characters-page__topbar{grid-template-columns:var(--spacing-10) minmax(0, 1fr) var(--spacing-10);gap:var(--spacing-3);height:64px;padding:0 var(--spacing-6);border-bottom:1px solid var(--border-default);flex-shrink:0;align-items:center;display:grid}.characters-page__brand{color:var(--accent);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.characters-page__back,.characters-page__topbar-spacer{min-width:var(--spacing-10)}.characters-page__logo{background-color:var(--accent);width:5rem;height:1.75rem;display:inline-block;-webkit-mask-image:url(/static/assets/img/logo.svg);mask-image:url(/static/assets/img/logo.svg);-webkit-mask-position:0;mask-position:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.characters-page__main{width:100%;max-width:1200px;padding:var(--spacing-8) var(--spacing-6) var(--spacing-10);gap:var(--spacing-6);flex-direction:column;flex:1;margin:0 auto;display:flex}@media (min-width:641px){.characters-page__main{padding-bottom:var(--lds-dock-clearance)}}.characters-page__intro{gap:var(--spacing-2);flex-direction:column;display:flex}.characters-page__heading{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:700}.characters-page__sub{color:var(--text-secondary);margin:0}.characters-page__grid{gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0;padding:0;display:grid;list-style:none!important}.characters-page__grid>li{list-style:none!important}.characters-page__card{text-align:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-2);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(32px)saturate(200%)brightness(1.06);box-shadow:0 4px 24px color-mix(in srgb, var(--accent) 8%, transparent), 0 1px 3px #0000000d, inset 0 1.5px 0 #fff, inset 0 -1px 0 #0000000a;color:inherit;cursor:pointer;transition:transform var(--motion-fast), box-shadow var(--motion-base), background var(--motion-base), border-color var(--motion-base);background:#ffffff6b;border:1px solid #ffffffb3;flex-direction:column;text-decoration:none;display:flex}.characters-page__card:hover{box-shadow:0 10px 36px color-mix(in srgb, var(--accent) 13%, transparent), 0 2px 5px #0000000f, inset 0 1.5px 0 #fff, inset 0 -1px 0 #00000008;background:#ffffffb8;transform:translateY(-3px)}.characters-page__card:focus-visible{outline:2px solid var(--agent-from);outline-offset:2px}.dark .characters-page__card{-webkit-backdrop-filter:blur(32px)saturate(180%);background:#00000012;border-color:#ffffff21;box-shadow:0 4px 24px #00000073,0 1px 2px #00000040,inset 0 1.5px #ffffff2e,inset 0 -1px #ffffff0a}.dark .characters-page__card:hover{background:#ffffff21;box-shadow:0 10px 36px #0000008c,0 2px 4px #0000004d,inset 0 1.5px #ffffff38,inset 0 -1px #ffffff0f}.characters-page__avatar{border-radius:var(--radius-full);background:0 0;place-items:center;width:72px;height:72px;padding:0;display:grid;overflow:hidden}.characters-page__avatar>img{border-radius:var(--radius-full);background:var(--bg-canvas);-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:100%;display:block}.characters-page__card--create{background:#ffffff47;border-style:dashed}.dark .characters-page__card--create{background:#ffffff08}.characters-page__avatar--create{background:var(--bg-surface);color:var(--text-muted);padding:0}.characters-page__name{color:var(--text-primary);font-size:13px;font-weight:600}.characters-page__desc{color:var(--text-secondary);-webkit-line-clamp:1;text-overflow:ellipsis;text-align:center;-webkit-box-orient:vertical;width:100%;min-height:1.3em;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}@media (max-width:720px){.characters-page__main{padding:var(--spacing-5) var(--spacing-4) var(--spacing-8)}.characters-page__grid{gap:var(--spacing-2);grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}