.breadcrumb{margin-bottom:1.5rem;padding:.75rem 0}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:.25rem}.breadcrumb-item{display:flex;align-items:center;font-size:.9rem;line-height:1.4}.breadcrumb-link{color:var(--primary-color, #007bff);text-decoration:none;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;position:relative}.breadcrumb-link:hover{color:var(--primary-hover, #0056b3);background-color:var(--background-hover, rgba(0, 123, 255, .1));text-decoration:underline}.breadcrumb-link:focus{outline:2px solid var(--focus-color, #0066cc);outline-offset:2px}.breadcrumb-link:focus-visible{outline:2px solid var(--focus-color, #0066cc);outline-offset:2px}.breadcrumb-separator{margin:0 .5rem;color:var(--text-muted, #6c757d);font-weight:400;user-select:none;font-size:.9em}.breadcrumb-current{color:var(--text-primary, #212529);font-weight:500;padding:.25rem .5rem}@media (max-width: 768px){.breadcrumb{margin-bottom:1rem;padding:.5rem 0}.breadcrumb-list{font-size:.85rem;gap:.125rem}.breadcrumb-separator{margin:0 .375rem;font-size:.8em}.breadcrumb-link,.breadcrumb-current{padding:.125rem .375rem}}@media (max-width: 480px){.breadcrumb{margin-bottom:.75rem}.breadcrumb-list{font-size:.8rem}.breadcrumb-separator{margin:0 .25rem}.breadcrumb-link,.breadcrumb-current{padding:.125rem .25rem}.breadcrumb-item{flex-shrink:0}}[data-theme=dark] .breadcrumb-link{color:var(--dark-primary-color, #4dabf7)}[data-theme=dark] .breadcrumb-link:hover{color:var(--dark-primary-hover, #74c0fc);background-color:var(--dark-background-hover, rgba(77, 171, 247, .1))}[data-theme=dark] .breadcrumb-separator{color:var(--dark-text-muted, #868e96)}[data-theme=dark] .breadcrumb-current{color:var(--dark-text-primary, #f8f9fa)}@media (prefers-contrast: high){.breadcrumb-link{border:1px solid transparent}.breadcrumb-link:hover,.breadcrumb-link:focus{border-color:currentColor;background-color:var(--background-contrast, #f8f9fa)}.breadcrumb-current{font-weight:600}}@media (prefers-reduced-motion: reduce){.breadcrumb-link{transition:none}}@media print{.breadcrumb{margin-bottom:1rem}.breadcrumb-link{color:#000;text-decoration:underline}.breadcrumb-separator{color:#666}}[dir=rtl] .breadcrumb-separator{transform:scaleX(-1)}.breadcrumb-link[aria-current=page]{color:var(--text-primary, #212529);font-weight:500;text-decoration:none;cursor:default}.breadcrumb-link:focus{z-index:1;position:relative}@media (pointer: coarse){.breadcrumb-link,.breadcrumb-current{min-height:44px;display:flex;align-items:center;padding:.5rem}}.breadcrumb-loading{opacity:.6;pointer-events:none}.breadcrumb-loading .breadcrumb-link{color:var(--text-muted, #6c757d);cursor:default}.breadcrumb-error .breadcrumb-link{color:var(--danger-color, #dc3545)}.breadcrumb-link,.breadcrumb-current{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.breadcrumb-link,.breadcrumb-current{max-width:120px}}.character-detail-error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem;background-color:var(--background-primary, #ffffff);border-radius:12px;border:1px solid var(--border-color, #e0e0e0)}.error-content{text-align:center;max-width:500px;width:100%}.error-icon{font-size:3rem;margin-bottom:1rem}.error-title{font-size:1.5rem;font-weight:600;color:var(--text-primary, #333333);margin-bottom:1rem}.error-message{font-size:1rem;color:var(--text-secondary, #666666);line-height:1.5;margin-bottom:2rem}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.retry-button,.back-button{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:120px}.retry-button{background-color:var(--primary-color, #007bff);color:#fff}.retry-button:hover{background-color:var(--primary-color-hover, #0056b3);transform:translateY(-1px)}.back-button{background-color:var(--background-secondary, #f8f9fa);color:var(--text-primary, #333333);border:1px solid var(--border-color, #e0e0e0)}.back-button:hover{background-color:var(--background-tertiary, #e9ecef);transform:translateY(-1px)}.error-details{margin-top:2rem;text-align:left;background-color:var(--background-secondary, #f8f9fa);border-radius:8px;padding:1rem}.error-details summary{cursor:pointer;font-weight:500;color:var(--text-primary, #333333);margin-bottom:.5rem}.error-stack{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:var(--text-secondary, #666666);background-color:var(--background-primary, #ffffff);padding:1rem;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}[data-theme=dark] .character-detail-error-boundary{background-color:var(--background-primary, #1a1a1a);border-color:var(--border-color, #404040)}[data-theme=dark] .error-title{color:var(--text-primary, #ffffff)}[data-theme=dark] .error-message{color:var(--text-secondary, #cccccc)}[data-theme=dark] .back-button{background-color:var(--background-secondary, #2d2d2d);color:var(--text-primary, #ffffff);border-color:var(--border-color, #404040)}[data-theme=dark] .back-button:hover{background-color:var(--background-tertiary, #404040)}[data-theme=dark] .error-details{background-color:var(--background-secondary, #2d2d2d)}[data-theme=dark] .error-details summary{color:var(--text-primary, #ffffff)}[data-theme=dark] .error-stack{background-color:var(--background-primary, #1a1a1a);color:var(--text-secondary, #cccccc)}@media (max-width: 768px){.character-detail-error-boundary{padding:1rem;min-height:300px}.error-content{max-width:100%}.error-title{font-size:1.25rem}.error-actions{flex-direction:column;align-items:center}.retry-button,.back-button{width:100%;max-width:200px}}.error-display{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;margin:1rem 0}.error-display-content{display:flex;align-items:flex-start;gap:.75rem}.error-display-icon{color:#dc2626;flex-shrink:0;margin-top:.125rem}.error-display-text{flex:1;min-width:0}.error-display-title{font-size:1rem;font-weight:600;color:#991b1b;margin:0 0 .25rem}.error-display-message{font-size:.875rem;color:#7f1d1d;margin:0;line-height:1.4}.error-display-actions{display:flex;gap:.5rem;margin-top:.75rem}.error-retry-button{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background-color:#dc2626;color:#fff;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.error-retry-button:hover{background-color:#b91c1c}.error-retry-button:focus{outline:2px solid #dc2626;outline-offset:2px}.error-dismiss-button{padding:.375rem;background:none;border:none;color:#991b1b;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.error-dismiss-button:hover{background-color:#fecaca}.error-display-details{margin-top:1rem;border-top:1px solid #fecaca;padding-top:1rem}.error-display-details summary{cursor:pointer;font-size:.875rem;font-weight:500;color:#991b1b;margin-bottom:.5rem}.error-display-stack{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:#7f1d1d;background-color:#fff5f5;padding:.75rem;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;border:1px solid #fecaca}.inline-error{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:.875rem;color:#991b1b;margin:.5rem 0}.inline-error-icon{font-size:1rem;flex-shrink:0}.inline-error-message{flex:1;min-width:0}.inline-error-retry{padding:.25rem .5rem;background-color:#dc2626;color:#fff;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;transition:background-color .2s ease}.inline-error-retry:hover{background-color:#b91c1c}.network-error{background-color:#fef3c7;border-color:#fcd34d}.network-error .error-display-title{color:#92400e}.network-error .error-display-message{color:#78350f}.network-error .error-display-icon{color:#d97706}.not-found-error{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem;text-align:center}.not-found-content{max-width:400px}.not-found-icon{color:#6b7280;margin-bottom:1rem;display:flex;justify-content:center}.not-found-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.not-found-message{font-size:.875rem;color:#6b7280;line-height:1.5;margin-bottom:1.5rem}.not-found-back-button{padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.not-found-back-button:hover{background-color:#2563eb}.character-load-error{margin:2rem 0}[data-theme=dark] .error-display{background-color:#450a0a;border-color:#7f1d1d}[data-theme=dark] .error-display-title{color:#fca5a5}[data-theme=dark] .error-display-message{color:#fecaca}[data-theme=dark] .error-display-icon{color:#f87171}[data-theme=dark] .error-retry-button{background-color:#dc2626}[data-theme=dark] .error-retry-button:hover{background-color:#b91c1c}[data-theme=dark] .error-dismiss-button{color:#fca5a5}[data-theme=dark] .error-dismiss-button:hover{background-color:#7f1d1d}[data-theme=dark] .error-display-stack{background-color:#1f2937;color:#fecaca;border-color:#7f1d1d}[data-theme=dark] .inline-error{background-color:#450a0a;border-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .network-error{background-color:#451a03;border-color:#a16207}[data-theme=dark] .network-error .error-display-title{color:#fbbf24}[data-theme=dark] .network-error .error-display-message{color:#fcd34d}[data-theme=dark] .network-error .error-display-icon{color:#f59e0b}[data-theme=dark] .not-found-title{color:#f9fafb}[data-theme=dark] .not-found-message{color:#d1d5db}[data-theme=dark] .not-found-icon{color:#9ca3af}.character-detail-error-boundary .error-icon svg{width:48px;height:48px;color:#dc2626}.character-detail-error-boundary .retry-button,.character-detail-error-boundary .back-button{display:inline-flex;align-items:center;gap:.5rem}.character-detail-error-boundary .retry-button svg,.character-detail-error-boundary .back-button svg{width:16px;height:16px}@media (prefers-reduced-motion: reduce){.error-retry-button,.error-dismiss-button,.inline-error-retry,.not-found-back-button{transition:none}}@media (prefers-contrast: high){.error-display{border-width:2px}.error-retry-button,.inline-error-retry,.not-found-back-button{border:2px solid currentColor}.error-display-stack{border-width:2px}}.error-retry-button:focus-visible,.error-dismiss-button:focus-visible,.inline-error-retry:focus-visible,.not-found-back-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (max-width: 768px){.error-display-content,.error-display-actions{flex-direction:column;gap:.5rem}.error-retry-button,.inline-error-retry{width:100%;justify-content:center}.inline-error{flex-direction:column;align-items:flex-start;gap:.75rem}.not-found-error{padding:1rem;min-height:250px}.not-found-title{font-size:1.125rem}}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:4px}[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200px 100%}.character-avatar-skeleton{border-radius:50%;background-color:#f0f0f0;position:relative;overflow:hidden}.character-avatar-skeleton--small{width:60px;height:60px}.character-avatar-skeleton--medium{width:120px;height:120px}.character-avatar-skeleton--large{width:200px;height:200px}[data-theme=dark] .character-avatar-skeleton{background-color:#2a2a2a}.character-basic-info-skeleton{padding:1rem 0}.character-name-skeleton{height:2rem;width:60%;margin-bottom:1rem}.character-description-skeleton{margin-bottom:1rem}.skeleton-line{height:1rem;margin-bottom:.5rem;width:100%}.skeleton-line--short{width:70%}.character-meta-skeleton{display:flex;gap:.5rem;flex-wrap:wrap}.skeleton-tag{height:1.5rem;width:4rem;border-radius:12px}.world-context-skeleton{position:relative;border-radius:12px;overflow:hidden;margin:1.5rem 0;min-height:200px}.world-background-skeleton{position:absolute;inset:0;background-color:#f0f0f0}.world-content-skeleton{position:relative;z-index:1;padding:1.5rem;background:#ffffffe6;backdrop-filter:blur(10px);margin-top:100px;border-radius:0 0 12px 12px}.world-name-skeleton{height:1.5rem;width:40%;margin-bottom:.5rem}.world-description-skeleton{margin-bottom:1rem}.world-tags-skeleton{display:flex;gap:.5rem}[data-theme=dark] .world-background-skeleton{background-color:#2a2a2a}[data-theme=dark] .world-content-skeleton{background:#1a1a1ae6}.profile-selection-skeleton{margin:1.5rem 0}.profile-selection-header-skeleton{margin-bottom:1rem}.skeleton-title{height:1.5rem;width:30%;margin-bottom:.5rem}.skeleton-description{height:1rem;width:60%}.profile-grid-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.profile-card-skeleton{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background-color:#fff}.profile-avatar-skeleton{width:60px;height:60px;border-radius:50%;margin-bottom:.5rem}.profile-content-skeleton{display:flex;flex-direction:column;gap:.5rem}.profile-name-skeleton{height:1rem;width:70%}.profile-meta-skeleton{height:.8rem;width:50%}[data-theme=dark] .profile-card-skeleton{border-color:#404040;background-color:#2d2d2d}.character-detail-tabs-skeleton{margin:2rem 0}.tabs-nav-skeleton{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid #e0e0e0;padding-bottom:1rem}.tab-button-skeleton{height:2rem;width:6rem;border-radius:4px}.tab-content-skeleton{display:flex;flex-direction:column;gap:2rem}.tab-section-skeleton{display:flex;flex-direction:column;gap:1rem}.skeleton-subtitle{height:1.2rem;width:25%}.skeleton-content{display:flex;flex-direction:column;gap:.5rem}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.skeleton-grid-item{height:2rem;border-radius:4px}[data-theme=dark] .tabs-nav-skeleton{border-bottom-color:#404040}.personality-tab-skeleton{display:flex;flex-direction:column;gap:2rem}.personality-section-skeleton{display:flex;flex-direction:column;gap:1rem}.personality-tags-skeleton{display:flex;flex-wrap:wrap;gap:.5rem}.mbti-skeleton{display:flex;flex-direction:column;gap:.5rem}.mbti-type-skeleton{height:2rem;width:4rem;border-radius:4px}.mbti-description-skeleton{height:1rem;width:80%}.big-five-skeleton{display:flex;flex-direction:column;gap:1rem}.big-five-item-skeleton{display:flex;align-items:center;gap:1rem}.big-five-label-skeleton{height:1rem;width:8rem;flex-shrink:0}.big-five-bar-skeleton{height:.5rem;flex:1;border-radius:4px}.relationship-tab-skeleton{display:flex;flex-direction:column;gap:2rem}.relationship-section-skeleton,.relationship-metrics-skeleton{display:flex;flex-direction:column;gap:1rem}.relationship-metric-skeleton{display:flex;align-items:center;gap:1rem}.metric-label-skeleton{height:1rem;width:6rem;flex-shrink:0}.metric-bar-skeleton{flex:1;height:.5rem;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.metric-bar-bg-skeleton{height:100%;width:60%;border-radius:4px}.metric-value-skeleton{height:1rem;width:2rem;flex-shrink:0}[data-theme=dark] .metric-bar-skeleton{background-color:#2a2a2a}.character-actions-skeleton{display:flex;gap:1rem;margin:1rem 0}.action-button-skeleton{height:2.5rem;width:8rem;border-radius:6px}.breadcrumb-skeleton{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.breadcrumb-item-skeleton{height:1rem;width:4rem}.breadcrumb-separator-skeleton{color:#999;font-size:.9rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-spinner--small{padding:1rem}.loading-spinner--medium{padding:2rem}.loading-spinner--large{padding:3rem}.spinner-circle{border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner--small .spinner-circle{width:20px;height:20px}.loading-spinner--medium .spinner-circle{width:40px;height:40px}.loading-spinner--large .spinner-circle{width:60px;height:60px}.loading-message{margin:0;color:#666;font-size:.9rem;text-align:center}[data-theme=dark] .spinner-circle{border-color:#404040;border-top-color:#007bff}[data-theme=dark] .loading-message{color:#ccc}.loading-overlay{position:fixed;inset:0;background-color:#fffc;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-overlay-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 20px #0000001a;max-width:300px;text-align:center}[data-theme=dark] .loading-overlay{background-color:#1a1a1acc}[data-theme=dark] .loading-overlay-content{background:#2d2d2d;box-shadow:0 4px 20px #0000004d}.inline-loading{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem}.inline-loading-spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.inline-loading-message{font-size:.9rem;color:#666}[data-theme=dark] .inline-loading-spinner{border-color:#404040;border-top-color:#007bff}[data-theme=dark] .inline-loading-message{color:#ccc}.character-detail-page-skeleton{padding:1rem;max-width:1200px;margin:0 auto}.character-detail-header-skeleton{display:grid;grid-template-columns:200px 1fr;gap:2rem;margin:2rem 0}.character-header-content-skeleton{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.character-detail-header-skeleton{grid-template-columns:1fr;text-align:center}.profile-grid-skeleton{grid-template-columns:1fr}.tabs-nav-skeleton{flex-wrap:wrap}.big-five-item-skeleton,.relationship-metric-skeleton{flex-direction:column;align-items:flex-start;gap:.5rem}.big-five-label-skeleton,.metric-label-skeleton{width:100%}.character-actions-skeleton{flex-direction:column}.action-button-skeleton{width:100%}}@media (prefers-reduced-motion: reduce){.skeleton-shimmer,.spinner-circle{animation:none}.skeleton-shimmer{background:#f0f0f0}[data-theme=dark] .skeleton-shimmer{background:#2a2a2a}}@media (prefers-contrast: high){.skeleton-shimmer{background:#e0e0e0;border:1px solid #999}.spinner-circle{border-color:#000;border-top-color:#007bff}}.character-avatar-base{position:relative;display:inline-block;border-radius:var(--cd-radius-lg);overflow:hidden;background-color:var(--cd-background-secondary);box-shadow:var(--cd-shadow-card);transition:all var(--cd-transition-normal)}.character-avatar-base:hover{transform:translateY(-2px);box-shadow:var(--cd-shadow-card-hover)}.character-avatar--small{width:180px;height:180px}.character-avatar--medium{width:120px;height:120px}.character-avatar--large{width:200px;height:200px}.character-avatar__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity var(--cd-transition-normal)}.character-avatar--loading .character-avatar__image{opacity:0}.character-avatar--loaded .character-avatar__image{opacity:1}.character-avatar__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--cd-background-tertiary)}.character-avatar__skeleton{width:60%;height:60%;background:linear-gradient(90deg,var(--cd-skeleton-base) 25%,var(--cd-skeleton-highlight) 50%,var(--cd-skeleton-base) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--cd-radius-full)}.character-avatar__loading-text{margin-top:var(--cd-spacing-sm);font-size:var(--cd-font-size-xs);color:var(--cd-text-secondary);font-weight:var(--cd-font-weight-medium)}.character-avatar__error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--cd-background-error);color:var(--cd-text-error)}.character-avatar__error-icon{width:24px;height:24px;margin-bottom:var(--cd-spacing-sm);opacity:.6}.character-avatar__error-text{font-size:var(--cd-font-size-xs);text-align:center;font-weight:var(--cd-font-weight-medium)}.character-avatar__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:var(--cd-spacing-sm);transform:translateY(100%);transition:transform var(--cd-transition-normal)}.character-avatar:hover .character-avatar__overlay{transform:translateY(0)}.character-avatar__name{color:#fff;font-size:var(--cd-font-size-sm);font-weight:var(--cd-font-weight-semibold);text-shadow:0 1px 2px rgba(0,0,0,.5);display:block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.character-avatar--large{width:150px;height:150px}.character-avatar--medium{width:100px;height:100px}.character-avatar--small{width:60px;height:60px}.character-avatar__name{font-size:var(--cd-font-size-xs)}.character-avatar__loading-text,.character-avatar__error-text{font-size:10px}}@media (max-width: 480px){.character-avatar--large{width:120px;height:120px}.character-avatar--medium{width:80px;height:80px}.character-avatar--small{width:50px;height:50px}}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.character-avatar:focus-visible{outline:2px solid var(--cd-focus-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.character-avatar,.character-avatar__image,.character-avatar__overlay{transition:var(--cd-transition-normal)}.character-avatar__skeleton{animation:none}.character-avatar:hover{transform:none}}@media (prefers-contrast: high){.character-avatar{border:2px solid var(--cd-border-high-contrast)}.character-avatar__overlay{background:#000000e6}}.character-basic-info{background-color:var(--cd-background-primary);border-radius:var(--cd-radius-xl);padding:var(--cd-spacing-xl);margin:var(--cd-spacing-lg) 0;box-shadow:var(--cd-shadow-card);transition:all var(--cd-transition-normal)}.character-basic-info:hover{box-shadow:var(--cd-shadow-card-hover)}.character-basic-info__header{margin-bottom:var(--cd-spacing-lg);text-align:center}.character-basic-info__name{font-size:var(--cd-font-size-4xl);font-weight:var(--cd-font-weight-bold);color:var(--cd-text-primary);margin:0 0 var(--cd-spacing-sm) 0;line-height:var(--cd-line-height-tight)}.character-basic-info__world{display:inline-block;background:var(--cd-background-accent);color:var(--cd-text-accent);padding:var(--cd-spacing-xs) var(--cd-spacing-md);border-radius:var(--cd-radius-pill);font-size:var(--cd-font-size-sm);font-weight:var(--cd-font-weight-medium);border:1px solid var(--cd-border-accent)}.character-basic-info__description{margin-bottom:var(--cd-spacing-xl);padding:var(--cd-spacing-lg);background:var(--cd-background-secondary);border-radius:var(--cd-radius-lg);border-left:4px solid var(--cd-color-primary)}.character-basic-info__description-text{font-size:var(--cd-font-size-lg);line-height:var(--cd-line-height-relaxed);color:var(--cd-text-secondary);margin:0;text-align:justify}.character-basic-info__greeting{margin-bottom:var(--cd-spacing-xl);padding:var(--cd-spacing-lg);background:linear-gradient(135deg,var(--cd-greeting-bg-start) 0%,var(--cd-greeting-bg-end) 100%);border-radius:var(--cd-radius-lg);border:1px solid var(--cd-greeting-border)}.character-basic-info__greeting-header{display:flex;align-items:center;gap:var(--cd-spacing-sm);margin-bottom:var(--cd-spacing-md)}.character-basic-info__greeting-icon{color:var(--cd-greeting-icon-color);display:flex;align-items:center}.character-basic-info__greeting-title{font-size:var(--cd-font-size-xl);font-weight:var(--cd-font-weight-semibold);color:var(--cd-greeting-title-color);margin:0}.character-basic-info__greeting-text{font-size:var(--cd-font-size-lg);line-height:var(--cd-line-height-normal);color:var(--cd-greeting-text-color);margin:0;font-style:italic;position:relative;padding-left:var(--cd-spacing-md);border-left:3px solid var(--cd-greeting-quote-border)}.character-basic-info__details{margin-bottom:var(--cd-spacing-xl)}.character-basic-info__details-title{font-size:var(--cd-font-size-2xl);font-weight:var(--cd-font-weight-semibold);color:var(--cd-text-primary);margin:0 0 var(--cd-spacing-md) 0;display:flex;align-items:center;gap:var(--cd-spacing-sm)}.character-basic-info__details-title:before{content:"";width:4px;height:var(--cd-spacing-lg);background:var(--cd-color-primary);border-radius:var(--cd-radius-sm)}.character-basic-info__details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--cd-spacing-md)}.character-basic-info__detail-item{display:flex;align-items:center;gap:var(--cd-spacing-md);padding:var(--cd-spacing-md);background:var(--cd-background-secondary);border-radius:var(--cd-radius-md);border:1px solid var(--cd-border-light);transition:all var(--cd-transition-normal)}.character-basic-info__detail-item:hover{background:var(--cd-background-hover);border-color:var(--cd-border-medium);transform:translateY(-1px)}.character-basic-info__detail-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--cd-icon-background);color:var(--cd-icon-color);border-radius:var(--cd-radius-md)}.character-basic-info__detail-content{display:flex;flex-direction:column;gap:var(--cd-spacing-xs);min-width:0}.character-basic-info__detail-label{font-size:var(--cd-font-size-sm);font-weight:var(--cd-font-weight-medium);color:var(--cd-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.character-basic-info__detail-value{font-size:var(--cd-font-size-base);font-weight:var(--cd-font-weight-semibold);color:var(--cd-text-primary);word-break:break-word}.character-basic-info__motto{padding:var(--cd-spacing-lg);background:linear-gradient(135deg,var(--cd-motto-bg-start) 0%,var(--cd-motto-bg-end) 100%);border-radius:var(--cd-radius-lg);border:1px solid var(--cd-motto-border)}.character-basic-info__motto-header{display:flex;align-items:center;gap:var(--cd-spacing-sm);margin-bottom:var(--cd-spacing-md)}.character-basic-info__motto-icon{color:var(--cd-motto-icon-color);display:flex;align-items:center}.character-basic-info__motto-title{font-size:var(--cd-font-size-xl);font-weight:var(--cd-font-weight-semibold);color:var(--cd-motto-title-color);margin:0}.character-basic-info__motto-text{font-size:var(--cd-font-size-lg);line-height:var(--cd-line-height-normal);color:var(--cd-motto-text-color);margin:0;font-weight:var(--cd-font-weight-medium);text-align:center;font-style:italic}@media (max-width: 768px){.character-basic-info{padding:var(--cd-spacing-lg);margin:var(--cd-spacing-md) 0}.character-basic-info__name{font-size:var(--cd-font-size-3xl)}.character-basic-info__description,.character-basic-info__greeting,.character-basic-info__motto{padding:var(--cd-spacing-md)}.character-basic-info__details-grid{grid-template-columns:1fr}.character-basic-info__detail-item{padding:var(--cd-spacing-md)}.character-basic-info__detail-icon{width:32px;height:32px}}@media (max-width: 480px){.character-basic-info{padding:var(--cd-spacing-md)}.character-basic-info__name{font-size:1.75rem}.character-basic-info__world{font-size:var(--cd-font-size-xs);padding:.2rem .6rem}.character-basic-info__description-text,.character-basic-info__greeting-text,.character-basic-info__motto-text{font-size:var(--cd-font-size-base)}.character-basic-info__details-title{font-size:var(--cd-font-size-xl)}.character-basic-info__greeting-title,.character-basic-info__motto-title{font-size:var(--cd-font-size-lg)}}.character-basic-info__detail-item:focus-visible{outline:2px solid var(--cd-focus-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.character-basic-info,.character-basic-info__detail-item{transition:var(--cd-transition-normal)}.character-basic-info:hover,.character-basic-info__detail-item:hover{transform:none}}@media (prefers-contrast: high){.character-basic-info{border:2px solid var(--cd-border-high-contrast)}.character-basic-info__world,.character-basic-info__detail-item,.character-basic-info__description,.character-basic-info__greeting,.character-basic-info__motto{border-width:2px}}.character-actions{display:flex;flex-direction:column;gap:var(--cd-spacing-lg);margin-top:var(--cd-spacing-xl)}.primary-actions{display:flex;justify-content:center}.secondary-actions{display:flex;gap:var(--cd-spacing-md);justify-content:center;flex-wrap:wrap}.character-action-button{display:flex;align-items:center;gap:var(--cd-spacing-sm);padding:var(--cd-spacing-md) var(--cd-spacing-lg);border-radius:var(--cd-radius-md);font-weight:var(--cd-font-weight-medium);text-decoration:none;transition:all var(--cd-transition-fast);cursor:pointer;border:none;font-size:var(--cd-font-size-base);min-height:44px}.character-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.character-action-button:active{transform:translateY(0)}.profile-selection-prompt-highlight{animation:highlight-pulse .5s ease-in-out 3}@keyframes highlight-pulse{0%{transform:scale(1);box-shadow:0 0 #17a2b8b3}50%{transform:scale(1.02);box-shadow:0 0 0 10px #17a2b800}to{transform:scale(1);box-shadow:0 0 #17a2b800}}.character-action-button:focus{outline:2px solid var(--cd-focus-color);outline-offset:2px}.start-chat-button{background:var(--cd-color-primary);color:#fff;font-size:var(--cd-font-size-lg);padding:var(--cd-spacing-md) var(--cd-spacing-xl);min-width:160px;max-width:280px}.start-chat-button:hover:not(:disabled){background:var(--cd-color-primary-hover)}.start-chat-button.login-required{background:var(--cd-color-warning);color:var(--cd-text-primary)}.start-chat-button.login-required:hover{background:var(--cd-color-warning);opacity:.9}.start-chat-button:disabled{background:var(--cd-color-secondary);color:var(--cd-text-muted);cursor:not-allowed;transform:none}.start-chat-button:disabled:hover{transform:none;box-shadow:none}.world-button{background:var(--cd-color-success);color:#fff}.world-button:hover{background:var(--cd-color-success);opacity:.9}.back-to-world-button{background:transparent;color:var(--cd-text-secondary);border:2px solid var(--cd-border-medium)}.back-to-world-button:hover{background:var(--cd-background-hover);border-color:var(--cd-border-dark);color:var(--cd-text-primary)}.button-icon{font-size:1.2em;line-height:1}.button-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.action-help-text{margin-top:var(--cd-spacing-md)}.help-text{display:flex;align-items:center;gap:var(--cd-spacing-sm);margin:0;padding:var(--cd-spacing-md) var(--cd-spacing-md);border-radius:var(--cd-radius-md);font-size:.9rem;line-height:var(--cd-line-height-normal)}.help-icon{font-size:1.1em;flex-shrink:0}.auth-help{background:#ffc1071a;color:var(--cd-color-warning);border:1px solid rgba(255,193,7,.3)}.profile-help{background:#17a2b81a;color:var(--cd-color-info);border:1px solid rgba(23,162,184,.3)}.ready-help{background:#28a7451a;color:var(--cd-color-success);border:1px solid rgba(40,167,69,.3)}@media (max-width: 768px){.character-actions{gap:var(--cd-spacing-md);margin-top:var(--cd-spacing-lg)}.secondary-actions{flex-direction:column;align-items:stretch;gap:var(--cd-spacing-sm)}.character-action-button{justify-content:center;padding:var(--cd-spacing-md) var(--cd-spacing-md);min-height:48px}.start-chat-button{font-size:var(--cd-font-size-base);padding:var(--cd-spacing-md) var(--cd-spacing-lg);min-width:auto;width:100%}.button-text{white-space:normal;text-align:center;max-width:none;overflow:visible;text-overflow:clip}}@media (max-width: 480px){.character-actions{margin-top:var(--cd-spacing-md)}.character-action-button{font-size:var(--cd-font-size-sm);padding:var(--cd-spacing-md) var(--cd-spacing-md);min-height:52px}.help-text{font-size:var(--cd-font-size-sm);padding:var(--cd-spacing-sm) var(--cd-spacing-md)}}@media (hover: none) and (pointer: coarse){.character-action-button{min-height:48px;padding:var(--cd-spacing-md) var(--cd-spacing-lg)}.start-chat-button{min-height:52px}}@media (max-width: 768px) and (orientation: landscape){.character-actions{margin-top:var(--cd-spacing-md)}.secondary-actions{flex-direction:row;justify-content:center}}@media (prefers-contrast: high){.character-action-button{border:2px solid currentColor}.help-text{border-width:2px}}@media (prefers-reduced-motion: reduce){.character-action-button{transition:var(--cd-transition-fast)}.character-action-button:hover{transform:none}}.character-action-button:focus-visible{outline:3px solid var(--cd-focus-color);outline-offset:2px}.world-context{position:relative;border-radius:var(--cd-radius-xl);overflow:hidden;margin:var(--cd-spacing-lg) 0;min-height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all var(--cd-transition-normal)}.world-context--with-background{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.world-context--no-background{background:var(--cd-gradient-primary);color:#fff}.world-context__overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0006,#0003,#0009);z-index:1}.world-context__background-preload{position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.world-context__content{position:relative;z-index:2;padding:var(--cd-spacing-xl);display:flex;flex-direction:column;gap:var(--cd-spacing-lg);min-height:200px}.world-context__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--cd-spacing-lg)}.world-context__world-info{flex:1}.world-context__world-name{font-size:var(--cd-font-size-3xl);font-weight:var(--cd-font-weight-bold);margin:0 0 var(--cd-spacing-sm) 0;line-height:var(--cd-line-height-tight)}.world-context__world-description{font-size:var(--cd-font-size-lg);line-height:var(--cd-line-height-normal);margin:0 0 var(--cd-spacing-md) 0;opacity:.95}.world-context__tags{display:flex;flex-wrap:wrap;gap:var(--cd-spacing-sm)}.world-context__tag{background:#fff3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--cd-radius-pill);padding:var(--cd-spacing-xs) var(--cd-spacing-md);font-size:var(--cd-font-size-sm);font-weight:var(--cd-font-weight-medium);transition:all var(--cd-transition-normal)}.world-context__tag:hover{background:#ffffff4d;transform:translateY(-1px)}.world-context__logo{flex-shrink:0;width:80px;height:80px;border-radius:var(--cd-radius-lg);overflow:hidden;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.world-context__logo-image{width:100%;height:100%;object-fit:cover;object-position:center}.world-context__character-context{background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--cd-radius-lg);padding:var(--cd-spacing-md)}.world-context__character-intro{font-size:var(--cd-font-size-base);line-height:var(--cd-line-height-normal);margin:0;font-style:italic;opacity:.95}.world-context__actions{display:flex;justify-content:center;margin-top:auto}.world-context__explore-button{display:flex;align-items:center;gap:var(--cd-spacing-sm);background:#fff3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--cd-radius-pill);padding:var(--cd-spacing-md) var(--cd-spacing-lg);color:#fff;font-size:var(--cd-font-size-base);font-weight:var(--cd-font-weight-semibold);cursor:pointer;transition:all var(--cd-transition-normal);text-decoration:none}.world-context__explore-button:hover,.world-context__explore-button:focus{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.world-context__explore-button:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.world-context__explore-icon{display:flex;align-items:center;justify-content:center}.world-context__explore-text{white-space:nowrap}.world-context__loading{position:absolute;top:var(--cd-spacing-md);right:var(--cd-spacing-md);display:flex;align-items:center;gap:var(--cd-spacing-sm);background:#00000080;backdrop-filter:blur(10px);border-radius:var(--cd-radius-pill);padding:var(--cd-spacing-sm) var(--cd-spacing-md);z-index:3}.world-context__loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.world-context__loading-text{font-size:var(--cd-font-size-sm);color:#fff;font-weight:var(--cd-font-weight-medium)}@media (max-width: 768px){.world-context__content{padding:var(--cd-spacing-lg);gap:var(--cd-spacing-md)}.world-context__header{flex-direction:column;gap:var(--cd-spacing-md)}.world-context__world-name{font-size:var(--cd-font-size-2xl)}.world-context__world-description{font-size:var(--cd-font-size-base)}.world-context__logo{width:60px;height:60px;align-self:center}.world-context__explore-button{padding:.625rem 1.25rem;font-size:var(--cd-font-size-sm)}}@media (max-width: 480px){.world-context{margin:var(--cd-spacing-md) 0;min-height:180px}.world-context__content{padding:var(--cd-spacing-md)}.world-context__world-name{font-size:var(--cd-font-size-xl)}.world-context__world-description,.world-context__character-intro{font-size:var(--cd-font-size-sm)}.world-context__tag{font-size:var(--cd-font-size-xs);padding:.2rem .6rem}.world-context__explore-button{padding:var(--cd-spacing-sm) var(--cd-spacing-md);font-size:.8rem}}@media (prefers-reduced-motion: reduce){.world-context,.world-context__tag,.world-context__explore-button{transition:var(--cd-transition-normal)}.world-context__loading-spinner{animation:none}.world-context__tag:hover,.world-context__explore-button:hover{transform:none}}@media (prefers-contrast: high){.world-context__overlay{background:#000c}.world-context__tag,.world-context__character-context,.world-context__explore-button{border-width:2px;background:#ffffff4d}.world-context--no-background{background:#000}}:root{--cd-color-primary: #007bff;--cd-color-primary-hover: #0056b3;--cd-color-secondary: #6c757d;--cd-color-success: #28a745;--cd-color-danger: #dc3545;--cd-color-warning: #ffc107;--cd-color-info: #17a2b8;--cd-background-primary: #ffffff;--cd-background-secondary: #f8f9fa;--cd-background-tertiary: #e9ecef;--cd-background-accent: #f0f8ff;--cd-background-hover: #f1f5f9;--cd-background-error: #fafafa;--cd-text-primary: #1a1a1a;--cd-text-secondary: #4a5568;--cd-text-tertiary: #718096;--cd-text-accent: #0066cc;--cd-text-error: #999999;--cd-text-muted: #6c757d;--cd-border-light: #e2e8f0;--cd-border-medium: #cbd5e0;--cd-border-dark: #a0aec0;--cd-border-accent: #cce7ff;--cd-border-error: #feb2b2;--cd-border-success: #9ae6b4;--cd-border-warning: #fbd38d;--cd-border-high-contrast: #000000;--cd-shadow-card: 0 2px 8px rgba(0, 0, 0, .1);--cd-shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .15);--cd-shadow-elevated: 0 8px 32px rgba(0, 0, 0, .12);--cd-shadow-focus: 0 0 0 3px rgba(0, 123, 255, .25);--cd-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--cd-gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--cd-gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--cd-gradient-warm: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--cd-greeting-bg-start: #fff5f5;--cd-greeting-bg-end: #fed7d7;--cd-greeting-border: #feb2b2;--cd-greeting-icon-color: #e53e3e;--cd-greeting-title-color: #742a2a;--cd-greeting-text-color: #553c4e;--cd-greeting-quote-border: #e53e3e;--cd-motto-bg-start: #f0fff4;--cd-motto-bg-end: #c6f6d5;--cd-motto-border: #9ae6b4;--cd-motto-icon-color: #38a169;--cd-motto-title-color: #276749;--cd-motto-text-color: #2d5a3d;--cd-icon-background: #e6f3ff;--cd-icon-color: #0066cc;--cd-skeleton-base: #f0f0f0;--cd-skeleton-highlight: #e0e0e0;--cd-focus-color: #007bff;--cd-focus-ring: 0 0 0 3px rgba(0, 123, 255, .25);--cd-spacing-xs: .25rem;--cd-spacing-sm: .5rem;--cd-spacing-md: 1rem;--cd-spacing-lg: 1.5rem;--cd-spacing-xl: 2rem;--cd-spacing-2xl: 3rem;--cd-radius-sm: 4px;--cd-radius-md: 8px;--cd-radius-lg: 12px;--cd-radius-xl: 16px;--cd-radius-full: 50%;--cd-radius-pill: 25px;--cd-font-size-xs: .75rem;--cd-font-size-sm: .875rem;--cd-font-size-base: 1rem;--cd-font-size-lg: 1.125rem;--cd-font-size-xl: 1.25rem;--cd-font-size-2xl: 1.5rem;--cd-font-size-3xl: 2rem;--cd-font-size-4xl: 2.5rem;--cd-font-weight-normal: 400;--cd-font-weight-medium: 500;--cd-font-weight-semibold: 600;--cd-font-weight-bold: 700;--cd-line-height-tight: 1.2;--cd-line-height-normal: 1.5;--cd-line-height-relaxed: 1.7;--cd-transition-fast: .15s ease;--cd-transition-normal: .3s ease;--cd-transition-slow: .5s ease;--cd-z-dropdown: 1000;--cd-z-sticky: 1020;--cd-z-fixed: 1030;--cd-z-modal-backdrop: 1040;--cd-z-modal: 1050;--cd-z-popover: 1060;--cd-z-tooltip: 1070}[data-theme=dark]{--cd-color-primary: #4299e1;--cd-color-primary-hover: #3182ce;--cd-color-secondary: #a0aec0;--cd-color-success: #48bb78;--cd-color-danger: #f56565;--cd-color-warning: #ed8936;--cd-color-info: #4fd1c7;--cd-background-primary: #1a1a1a;--cd-background-secondary: #2d2d2d;--cd-background-tertiary: #404040;--cd-background-accent: #2d3748;--cd-background-hover: #3d3d3d;--cd-background-error: #2a2a2a;--cd-text-primary: #ffffff;--cd-text-secondary: #a0aec0;--cd-text-tertiary: #718096;--cd-text-accent: #63b3ed;--cd-text-error: #888888;--cd-text-muted: #a0aec0;--cd-border-light: #4a5568;--cd-border-medium: #5a6578;--cd-border-dark: #718096;--cd-border-accent: #4a5568;--cd-border-error: #4a2c2c;--cd-border-success: #38a169;--cd-border-warning: #d69e2e;--cd-border-high-contrast: #ffffff;--cd-shadow-card: 0 2px 8px rgba(0, 0, 0, .3);--cd-shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .4);--cd-shadow-elevated: 0 8px 32px rgba(0, 0, 0, .5);--cd-shadow-focus: 0 0 0 3px rgba(66, 153, 225, .5);--cd-gradient-primary: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);--cd-gradient-secondary: linear-gradient(135deg, #553c9a 0%, #b794f6 100%);--cd-gradient-success: linear-gradient(135deg, #276749 0%, #48bb78 100%);--cd-gradient-warm: linear-gradient(135deg, #744210 0%, #ed8936 100%);--cd-greeting-bg-start: #2d1b1b;--cd-greeting-bg-end: #3d2626;--cd-greeting-border: #4a2c2c;--cd-greeting-icon-color: #e53e3e;--cd-greeting-title-color: #feb2b2;--cd-greeting-text-color: #e2e8f0;--cd-greeting-quote-border: #e53e3e;--cd-motto-bg-start: #1a2e1a;--cd-motto-bg-end: #2d4a2d;--cd-motto-border: #38a169;--cd-motto-icon-color: #38a169;--cd-motto-title-color: #9ae6b4;--cd-motto-text-color: #c6f6d5;--cd-icon-background: #2d3748;--cd-icon-color: #63b3ed;--cd-skeleton-base: #404040;--cd-skeleton-highlight: #505050;--cd-focus-color: #4299e1;--cd-focus-ring: 0 0 0 3px rgba(66, 153, 225, .5)}@media (prefers-contrast: high){:root{--cd-border-light: #000000;--cd-border-medium: #000000;--cd-shadow-card: 0 2px 8px rgba(0, 0, 0, .5);--cd-shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .6)}[data-theme=dark]{--cd-border-light: #ffffff;--cd-border-medium: #ffffff;--cd-background-primary: #000000;--cd-text-primary: #ffffff}}@media (prefers-reduced-motion: reduce){:root{--cd-transition-fast: none;--cd-transition-normal: none;--cd-transition-slow: none}}@media print{:root{--cd-background-primary: #ffffff;--cd-background-secondary: #ffffff;--cd-text-primary: #000000;--cd-text-secondary: #333333;--cd-shadow-card: none;--cd-shadow-card-hover: none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.character-detail{min-height:100vh;background-color:var(--cd-background-primary);color:var(--cd-text-primary);transition:background-color var(--cd-transition-normal),color var(--cd-transition-normal)}.character-detail .container{max-width:1200px;margin:0 auto;padding:var(--cd-spacing-xl) var(--cd-spacing-md)}.character-header{display:grid;grid-template-columns:300px 1fr;gap:var(--cd-spacing-xl);margin-bottom:var(--cd-spacing-xl);align-items:start;background:var(--cd-background-secondary);border-radius:var(--cd-radius-xl);padding:var(--cd-spacing-xl);box-shadow:var(--cd-shadow-card)}.character-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--cd-spacing-lg)}.character-info-section{display:flex;flex-direction:column;gap:var(--cd-spacing-lg);min-width:0}.character-detail--loading{opacity:.7;pointer-events:none}.character-detail__loading-overlay{position:fixed;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:var(--cd-z-modal);backdrop-filter:blur(2px)}[data-theme=dark] .character-detail__loading-overlay{background:#000c}.character-detail__loading-spinner{width:48px;height:48px;border:4px solid var(--cd-border-light);border-top:4px solid var(--cd-color-primary);border-radius:var(--cd-radius-full);animation:spin 1s linear infinite}.character-detail__error{text-align:center;padding:var(--cd-spacing-2xl);background:var(--cd-background-secondary);border-radius:var(--cd-radius-xl);margin:var(--cd-spacing-xl) 0;border:2px solid var(--cd-border-error)}.character-detail__error-icon{width:64px;height:64px;margin:0 auto var(--cd-spacing-lg) auto;color:var(--cd-color-danger)}.character-detail__error-title{font-size:var(--cd-font-size-2xl);font-weight:var(--cd-font-weight-semibold);color:var(--cd-text-primary);margin:0 0 var(--cd-spacing-sm) 0}.character-detail__error-message{font-size:var(--cd-font-size-base);color:var(--cd-text-secondary);margin:0 0 var(--cd-spacing-lg) 0;line-height:var(--cd-line-height-normal)}.character-detail__error-actions{display:flex;gap:var(--cd-spacing-md);justify-content:center;flex-wrap:wrap}.character-detail__retry-button{background:var(--cd-color-primary);color:#fff;border:none;padding:var(--cd-spacing-md) var(--cd-spacing-lg);border-radius:var(--cd-radius-md);font-size:var(--cd-font-size-base);font-weight:var(--cd-font-weight-medium);cursor:pointer;transition:all var(--cd-transition-normal)}.character-detail__retry-button:hover{background:var(--cd-color-primary-hover);transform:translateY(-1px)}.character-detail__retry-button:focus-visible{outline:2px solid var(--cd-focus-color);outline-offset:2px}.character-detail__back-button{background:transparent;color:var(--cd-text-secondary);border:2px solid var(--cd-border-medium);padding:var(--cd-spacing-md) var(--cd-spacing-lg);border-radius:var(--cd-radius-md);font-size:var(--cd-font-size-base);font-weight:var(--cd-font-weight-medium);cursor:pointer;transition:all var(--cd-transition-normal);text-decoration:none;display:inline-flex;align-items:center;gap:var(--cd-spacing-sm)}.character-detail__back-button:hover{background:var(--cd-background-hover);border-color:var(--cd-border-dark);color:var(--cd-text-primary)}.character-detail__back-button:focus-visible{outline:2px solid var(--cd-focus-color);outline-offset:2px}@media (max-width: 1024px){.character-detail .container{padding:var(--cd-spacing-lg) var(--cd-spacing-md)}.character-header{grid-template-columns:250px 1fr;gap:var(--cd-spacing-lg);padding:var(--cd-spacing-lg)}}@media (max-width: 768px){.character-detail .container{padding:var(--cd-spacing-md)}.character-header{grid-template-columns:1fr;gap:var(--cd-spacing-lg);text-align:center;padding:var(--cd-spacing-lg)}.character-avatar-section{align-items:center}.character-detail__error-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.character-detail .container{padding:var(--cd-spacing-sm)}.character-header{gap:var(--cd-spacing-md);padding:var(--cd-spacing-md)}.character-info-section{gap:var(--cd-spacing-md)}.character-detail__error{padding:var(--cd-spacing-lg)}.character-detail__retry-button,.character-detail__back-button{width:100%;justify-content:center}}@media print{.character-detail{background:#fff;color:#000}.character-detail__loading-overlay,.character-detail__retry-button,.character-detail__back-button{display:none}.character-detail .container{max-width:none;padding:0}.character-header{grid-template-columns:200px 1fr;gap:var(--cd-spacing-md);page-break-inside:avoid;box-shadow:none;border:1px solid #ccc}}@media (prefers-reduced-motion: reduce){.character-detail,.character-detail__retry-button,.character-detail__back-button{transition:var(--cd-transition-normal)}.character-detail__loading-spinner{animation:none}.character-detail__retry-button:hover,.character-detail__back-button:hover{transform:none}}@media (prefers-contrast: high){.character-detail__error,.character-detail__retry-button,.character-detail__back-button{border-width:3px}}.character-detail:focus-within .character-detail__skip-link{position:absolute;top:var(--cd-spacing-md);left:var(--cd-spacing-md);background:var(--cd-color-primary);color:#fff;padding:var(--cd-spacing-sm) var(--cd-spacing-md);border-radius:var(--cd-radius-md);text-decoration:none;font-weight:var(--cd-font-weight-medium);z-index:var(--cd-z-tooltip);transform:translateY(0);opacity:1}.character-detail__skip-link{position:absolute;top:var(--cd-spacing-md);left:var(--cd-spacing-md);transform:translateY(-100%);opacity:0;transition:all var(--cd-transition-fast)}.profile-selection{margin:20px 0;padding:0}.profile-selection-highlight{animation:selection-highlight-pulse .5s ease-in-out 3}@keyframes selection-highlight-pulse{0%{transform:scale(1);box-shadow:0 0 #17a2b8b3}50%{transform:scale(1.01);box-shadow:0 0 0 8px #17a2b800}to{transform:scale(1);box-shadow:0 0 #17a2b800}}.profile-selection-header{margin-bottom:15px}.profile-selection-title{font-size:18px;font-weight:600;color:#444;margin:0 0 5px}.profile-list{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:15px}.profile-item{background-color:#f0f0f0;border-radius:6px;padding:8px 12px;display:flex;flex-direction:column;min-width:120px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.profile-item:hover{background-color:#0000000d;transform:translateY(-1px)}.profile-item.selected{background-color:#0078ff1a;border-color:#0078ff;font-weight:600;box-shadow:0 0 5px #0078ff4d}.profile-name{font-weight:500;font-size:14px;color:#333}.profile-date{font-size:12px;color:#666;margin-top:4px}.add-profile-btn{background:none;border:2px dashed #ccc;border-radius:6px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s ease;flex-shrink:0}.add-profile-btn:hover{border-color:#3498db;color:#3498db;transform:translateY(-1px)}.add-profile-btn:focus{outline:none;box-shadow:0 0 0 2px #3498db4d}.add-profile-btn.loading{border-color:#ddd;color:#ddd;cursor:default;pointer-events:none}.profile-item-loading{background-color:#f5f5f5;border:2px solid transparent;cursor:default;pointer-events:none}.profile-item-loading:hover{transform:none;background-color:#f5f5f5}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:3px}.skeleton-circle{width:20px;height:20px;border-radius:50%}.profile-name.skeleton{height:14px;width:80px;margin-bottom:4px}.profile-date.skeleton{height:12px;width:60px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-empty-message{color:#666;font-size:14px;font-style:italic;padding:8px 12px;background-color:#f9f9f9;border-radius:6px;border:1px dashed #ddd}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.modal-header h3{margin:0;font-size:18px;color:#333}.close-btn{background:none;border:none;cursor:pointer;color:#666;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-btn:hover{color:#333;background-color:#f5f5f5}form{padding:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;font-size:14px;color:#555}.form-group input[type=text],.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .2s ease}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.form-group textarea{resize:vertical;min-height:80px}.gender-options{display:flex;gap:15px;flex-wrap:wrap}.gender-option{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px 12px;border:1px solid #ddd;border-radius:4px;transition:all .2s ease;min-width:80px}.gender-option:hover{border-color:#3498db}.gender-option.selected{background-color:#f0f7ff;border-color:#3498db;color:#3498db}.gender-option input{display:none}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-btn{background-color:#f5f5f5;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:14px;color:#555;transition:all .2s ease}.cancel-btn:hover{background-color:#e8e8e8}.submit-btn{background-color:#3498db;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:14px;color:#fff;transition:all .2s ease}.submit-btn:hover:not(:disabled){background-color:#2980b9}.submit-btn:disabled{background-color:#a0cfee;cursor:not-allowed}@media (max-width: 768px){.profile-list{flex-direction:column;align-items:stretch}.profile-item{min-width:auto;width:100%}.add-profile-btn{width:100%;height:50px}.gender-options{flex-direction:column;gap:10px}.gender-option{min-width:auto}}[data-theme=dark] .profile-selection-title{color:#eee}[data-theme=dark] .profile-item{background-color:#2a2a2a;color:#eee}[data-theme=dark] .profile-item:hover{background-color:#ffffff0d}[data-theme=dark] .profile-item.selected{background-color:#3498db33;border-color:#3498db}[data-theme=dark] .profile-name{color:#eee}[data-theme=dark] .profile-date{color:#aaa}[data-theme=dark] .add-profile-btn{border-color:#444;color:#aaa}[data-theme=dark] .add-profile-btn:hover{border-color:#3498db;color:#3498db}[data-theme=dark] .profile-empty-message{background-color:#2a2a2a;color:#aaa;border-color:#444}[data-theme=dark] .modal-content{background-color:#222;color:#eee}[data-theme=dark] .modal-header{border-bottom-color:#333}[data-theme=dark] .modal-header h3{color:#eee}[data-theme=dark] .close-btn{color:#aaa}[data-theme=dark] .close-btn:hover{color:#fff;background-color:#333}[data-theme=dark] .form-group label{color:#bbb}[data-theme=dark] .form-group input[type=text],[data-theme=dark] .form-group textarea{background-color:#333;border-color:#444;color:#eee}[data-theme=dark] .form-group input[type=text]:focus,[data-theme=dark] .form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db4d}[data-theme=dark] .gender-option{border-color:#444;color:#ddd}[data-theme=dark] .gender-option:hover{border-color:#3498db}[data-theme=dark] .gender-option.selected{background-color:#1a3a5a;border-color:#3498db;color:#3498db}[data-theme=dark] .cancel-btn{background-color:#333;color:#ddd}[data-theme=dark] .cancel-btn:hover{background-color:#444}[data-theme=dark] .submit-btn{background-color:#3498db}[data-theme=dark] .submit-btn:disabled{background-color:#2a5980}@media (prefers-reduced-motion: reduce){.profile-item,.add-profile-btn,.skeleton{transition:none;animation:none}.profile-item:hover,.add-profile-btn:hover{transform:none}}@media (prefers-contrast: high){.profile-item{border-width:2px}.profile-item.selected,.add-profile-btn{border-width:3px}}.character-detail-tabs{width:100%;background:var(--background-secondary, #ffffff);border-radius:12px;box-shadow:var(--shadow-card, 0 2px 8px rgba(0, 0, 0, .1));overflow:hidden}.tabs-nav{display:flex;background:var(--background-primary, #f8f9fa);border-bottom:1px solid var(--border-color, #e9ecef);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs-nav::-webkit-scrollbar{display:none}.tab-button{flex:1;min-width:120px;padding:1rem 1.5rem;background:transparent;border:none;color:var(--text-secondary, #6c757d);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap}.tab-button:hover{background:var(--background-hover, rgba(0, 0, 0, .05));color:var(--text-primary, #212529)}.tab-button:focus{outline:2px solid var(--primary-color, #007bff);outline-offset:-2px;z-index:1}.tab-button.active{color:var(--primary-color, #007bff);background:var(--background-secondary, #ffffff)}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-color, #007bff)}.tabs-content{padding:2rem;min-height:400px}.tab-panel{outline:none}.tab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary, #6c757d)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, #e9ecef);border-top:3px solid var(--primary-color, #007bff);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.basic-info-tab{width:100%}.basic-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item.full-width{grid-column:1 / -1}.info-item label{font-weight:600;color:var(--text-primary, #212529);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-item span,.info-item p{color:var(--text-secondary, #6c757d);font-size:1rem;line-height:1.5;margin:0}.appearance-tab{width:100%}.appearance-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.appearance-section{background:var(--background-tertiary, #f8f9fa);border-radius:8px;padding:1.5rem}.appearance-section h4{margin:0 0 1rem;color:var(--text-primary, #212529);font-size:1.1rem;font-weight:600;border-bottom:2px solid var(--primary-color, #007bff);padding-bottom:.5rem}.appearance-details{display:flex;flex-direction:column;gap:.75rem}.appearance-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-light, #f1f3f4)}.appearance-item:last-child{border-bottom:none}.appearance-label{font-weight:500;color:var(--text-primary, #212529);text-transform:capitalize;flex:0 0 auto;margin-right:1rem}.appearance-value{color:var(--text-secondary, #6c757d);text-align:right;flex:1;word-break:break-word}@media (max-width: 768px){.tabs-nav{flex-wrap:nowrap;overflow-x:auto}.tab-button{min-width:100px;padding:.75rem 1rem;font-size:.9rem}.tabs-content{padding:1.5rem}.basic-info-grid{grid-template-columns:1fr;gap:1rem}.appearance-sections{grid-template-columns:1fr;gap:1.5rem}.appearance-section{padding:1rem}.appearance-item{flex-direction:column;align-items:flex-start;gap:.25rem}.appearance-label{margin-right:0}.appearance-value{text-align:left}}@media (max-width: 480px){.tab-button{min-width:80px;padding:.5rem .75rem;font-size:.85rem}.tabs-content{padding:1rem}.basic-info-grid{gap:.75rem}.info-item label{font-size:.8rem}.info-item span,.info-item p{font-size:.9rem}}[data-theme=dark] .character-detail-tabs{background:var(--background-secondary-dark, #2d2d2d)}[data-theme=dark] .tabs-nav{background:var(--background-primary-dark, #1a1a1a);border-bottom-color:var(--border-color-dark, #404040)}[data-theme=dark] .tab-button{color:var(--text-secondary-dark, #b0b0b0)}[data-theme=dark] .tab-button:hover{background:var(--background-hover-dark, rgba(255, 255, 255, .1));color:var(--text-primary-dark, #ffffff)}[data-theme=dark] .tab-button.active{color:var(--primary-color-dark, #4dabf7);background:var(--background-secondary-dark, #2d2d2d)}[data-theme=dark] .tab-button.active:after{background:var(--primary-color-dark, #4dabf7)}[data-theme=dark] .appearance-section{background:var(--background-tertiary-dark, #1a1a1a)}[data-theme=dark] .appearance-item{border-bottom-color:var(--border-light-dark, #404040)}[data-theme=dark] .loading-spinner{border-color:var(--border-color-dark, #404040);border-top-color:var(--primary-color-dark, #4dabf7)}@media (prefers-contrast: high){.tab-button{border:2px solid transparent}.tab-button:focus{outline:3px solid var(--primary-color, #007bff);outline-offset:2px}.tab-button.active{border-color:var(--primary-color, #007bff)}}@media (prefers-reduced-motion: reduce){.tab-button,.loading-spinner{transition:none;animation:none}}