.feature-placeholder{max-width:800px;margin:0 auto;padding:var(--gap-xs);text-align:center}.feature-placeholder h2{color:var(--accent-color);margin-bottom:var(--padding-medium)}.feature-placeholder p{color:var(--text-color-secondary);font-style:italic}.app-header{position:sticky;top:0;z-index:1000;background:var(--background-color-primary);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--background-color-primary),.95)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-medium) var(--padding-large);position:relative;z-index:1}.header-brand{flex:0 0 auto}.brand-button{display:flex;align-items:center;gap:var(--padding-medium);background:none;border:none;cursor:pointer;padding:var(--padding-small);border-radius:var(--border-radius-small);transition:all var(--duration-fast) ease}.brand-button:hover{background:var(--background-color-hover)}.app-logo{font-size:2.5rem;color:var(--accent-color);filter:drop-shadow(0 0 10px var(--color-magic-glow))}.brand-text{display:flex;flex-direction:column;align-items:flex-start}.brand-title{font-size:1.2rem;font-weight:700;background:var(--gradient-magical);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.brand-subtitle{font-size:.8rem;color:var(--text-color-secondary);font-weight:500}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.page-indicator{display:flex;align-items:center;gap:var(--padding-small);padding:var(--padding-small) var(--padding-large);background:var(--background-color-tertiary);border:1px solid var(--border-color);border-radius:100px;animation:fadeInMagical .5s ease}.page-icon{font-size:1.2rem;color:var(--accent-secondary)}.page-title{font-size:.9rem;font-weight:500;color:var(--text-color)}.header-actions{flex:0 0 auto;display:flex;align-items:center;gap:var(--padding-medium)}.auth-section,.user-menu{display:flex;align-items:center;gap:var(--padding-small)}.user-info{display:flex;align-items:center;gap:var(--padding-small);padding:var(--padding-small) var(--padding-medium);border-radius:var(--border-radius-small);background:var(--background-color-tertiary);color:var(--text-color);border:1px solid var(--border-color)}.user-icon{font-size:1rem;color:var(--accent-color)}.username{font-size:.875rem;font-weight:500;color:var(--text-color)}.login-link{position:relative}.login-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--background-color-tertiary);border:2px solid var(--border-color);cursor:pointer;transition:all var(--duration-fast) ease;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--gradient-magical);border-radius:50%;opacity:0;transition:opacity var(--duration-fast) ease;z-index:-1}.login-button:hover:before{opacity:1}.login-button:hover{transform:scale(1.1);border-color:transparent}.login-icon{font-size:1.2rem;color:var(--accent-color);display:flex;align-items:center;justify-content:center;z-index:1}.logout-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:1px solid var(--border-color);border-radius:var(--border-radius-small);cursor:pointer;transition:all var(--duration-fast) ease;color:var(--text-color-secondary)}.logout-button:hover{background:var(--color-danger-light);border-color:var(--color-danger);color:var(--color-danger);transform:translateY(-1px)}.github-link{position:relative}.github-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--background-color-tertiary);border:2px solid var(--border-color);cursor:pointer;transition:all var(--duration-fast) ease;position:relative;overflow:hidden;text-decoration:none}.github-button:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--gradient-magical);border-radius:50%;opacity:0;transition:opacity var(--duration-fast) ease;z-index:-1}.github-button:hover:before{opacity:1}.github-button:hover{transform:scale(1.1);border-color:transparent}.github-icon{font-size:1.2rem;color:var(--accent-color);display:flex;align-items:center;justify-content:center;z-index:1}.theme-selector{position:relative}.theme-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--background-color-tertiary);border:2px solid var(--border-color);cursor:pointer;transition:all var(--duration-fast) ease;position:relative;overflow:hidden}.theme-button:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--gradient-magical);border-radius:50%;opacity:0;transition:opacity var(--duration-fast) ease;z-index:-1}.theme-button:hover:before{opacity:1}.theme-button:hover{transform:scale(1.1);border-color:transparent}.theme-icon{font-size:1.2rem;color:var(--accent-color);display:flex;align-items:center;justify-content:center;z-index:1}.header-border-effect{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-magical);opacity:.5;animation:shimmer 3s linear infinite;background-size:200% 100%}@media (max-width: 768px){.header-content{padding:var(--padding-small) var(--padding-medium)}.app-logo{font-size:2rem}.brand-title{font-size:1rem}.page-indicator{padding:var(--padding-small) var(--padding-medium)}.page-title{font-size:.8rem}.login-button span,.user-info .username{display:none}}@media (max-width: 480px){.brand-text{display:none}.page-indicator{padding:var(--padding-small)}.page-title{display:none}.github-button,.theme-button{width:36px;height:36px}.github-icon,.theme-icon{font-size:1rem}}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background-transparency);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInMagical var(--duration-fast) ease-out;padding:var(--padding-medium)}.login-modal-container{background:var(--background-color-primary);border-radius:var(--border-radius-large);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);width:100%;max-width:440px;animation:slideInPortal var(--duration-normal) var(--ease-bounce);position:relative;overflow:hidden}.login-modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-magical);animation:shimmer 2s infinite}.login-modal-header{padding:var(--padding-large);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.login-modal-title{display:flex;align-items:center;gap:var(--gap-small)}.login-modal-icon{font-size:var(--font-size-2xl);color:var(--accent-color);animation:float 3s ease-in-out infinite}.login-modal-title h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-color)}.login-modal-close-button{background:none;border:none;font-size:var(--font-size-2xl);color:var(--text-color-secondary);cursor:pointer;padding:var(--padding-small);border-radius:var(--border-radius-medium);transition:var(--transition-standard);display:flex;align-items:center;justify-content:center}.login-modal-close-button:hover{background:var(--background-color-secondary);color:var(--text-color);transform:scale(1.1)}.login-modal-body{padding:var(--padding-large)}.alpha-disclaimer{background:var(--color-warning-transparency);border:1px solid var(--color-warning);border-radius:var(--border-radius-medium);padding:var(--padding-medium);margin-bottom:var(--margin-large);display:flex;align-items:flex-start;gap:var(--gap-small)}.warning-icon{color:var(--color-warning);font-size:var(--font-size-lg);margin-top:.125rem;flex-shrink:0}.alpha-disclaimer p{margin:0;color:var(--color-warning);font-size:var(--font-size-small);line-height:var(--line-height-normal)}.auth-form{display:flex;flex-direction:column;gap:var(--gap-large)}.form-group{display:flex;flex-direction:column;gap:var(--gap-small)}.form-group label{font-weight:var(--font-weight-medium);color:var(--text-color);font-size:var(--font-size-small)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--padding-small);color:var(--text-color-secondary);font-size:var(--font-size-normal);z-index:1}.input-wrapper input{width:100%;padding:var(--padding-small) var(--padding-large) var(--padding-small) var(--padding-large);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);background:var(--background-color-secondary);color:var(--text-color);font-size:var(--font-size-normal);transition:var(--transition-standard)}.input-wrapper input:focus{outline:none;border-color:var(--accent-color);box-shadow:var(--box-shadow-focus)}.input-wrapper input::placeholder{color:var(--text-color-placeholder)}.toggle-password{position:absolute;right:var(--padding-small);background:none;border:none;color:var(--text-color-secondary);cursor:pointer;padding:var(--padding-small);border-radius:var(--border-radius-small);transition:var(--transition-standard);display:flex;align-items:center;justify-content:center}.toggle-password:hover{color:var(--text-color);background:var(--background-color-tertiary)}.error-message{background:var(--color-error-transparency);border:1px solid var(--color-error);border-radius:var(--border-radius-medium);padding:var(--padding-small);display:flex;align-items:center;gap:var(--gap-small);color:var(--color-error);font-size:var(--font-size-small);margin-top:calc(var(--margin-small) * -1)}.error-icon{font-size:var(--font-size-normal);flex-shrink:0}.submit-button{background:var(--accent-color);color:#fff;border:none;padding:var(--padding-small) var(--padding-large);border-radius:var(--border-radius-medium);font-size:var(--font-size-normal);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-standard);display:flex;align-items:center;justify-content:center;gap:var(--gap-small);position:relative;overflow:hidden}.submit-button:hover:not(:disabled){background:var(--accent-color-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-icon{animation:magicalSpin 1s linear infinite}.auth-toggle{margin-top:var(--margin-large);text-align:center;padding-top:var(--padding-large);border-top:1px solid var(--border-color)}.auth-toggle p{margin:0 0 var(--margin-small) 0;color:var(--text-color-secondary);font-size:var(--font-size-small)}.toggle-mode-button{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);margin-left:var(--margin-small);padding:var(--padding-small);border-radius:var(--border-radius-small);transition:var(--transition-standard)}.toggle-mode-button:hover{background:var(--accent-color-transparency);color:var(--accent-color-hover)}.register-notice{color:var(--text-color-placeholder);font-size:var(--font-size-xs);font-style:italic;margin-top:var(--margin-small)}@media (max-width: 480px){.login-modal-overlay{padding:var(--padding-small)}.login-modal-container{max-width:none}.login-modal-header,.login-modal-body{padding:var(--padding-medium)}.alpha-disclaimer{padding:var(--padding-small)}.alpha-disclaimer p{font-size:var(--font-size-xs)}}.landing-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-lg);background:var(--gradient-mystical);position:relative}.landing-loading-spinner{font-size:4rem;color:var(--color-magic-glow);animation:magicalSpin 2s linear infinite,magicalGlow 2s ease-in-out infinite;filter:drop-shadow(0 0 20px var(--color-magic-glow))}.landing-loading-text{font-size:var(--font-size-lg);color:var(--text-color-secondary);animation:pulse 2s ease-in-out infinite;font-weight:var(--font-weight-medium);text-align:center}.landing-loading-particles{position:relative;width:200px;height:40px;margin-top:var(--spacing-md)}.landing-particle{position:absolute;width:6px;height:6px;background:var(--color-magic-glow);border-radius:50%;animation:float 3s ease-in-out infinite;box-shadow:0 0 10px var(--color-magic-glow)}.landing-particle:nth-child(1){left:20%;animation-delay:0s;background:var(--accent-color)}.landing-particle:nth-child(2){left:50%;animation-delay:1s;background:var(--accent-secondary)}.landing-particle:nth-child(3){left:80%;animation-delay:2s;background:var(--accent-tertiary)}@media (prefers-reduced-motion: reduce){.landing-loading-spinner,.landing-particle,.landing-loading-text{animation:none}}.landing-hero-section{position:relative;min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);margin-bottom:0;overflow:hidden}.landing-hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.landing-hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-magical);opacity:.08;animation:gradientShift 15s ease infinite;background-size:400% 400%;filter:blur(1px)}.landing-floating-elements{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.landing-floating-icon{position:absolute;font-size:3.5rem;opacity:.04;color:var(--accent-color);animation:float 8s ease-in-out infinite;filter:drop-shadow(0 0 20px currentColor)}.landing-floating-icon.dragon{top:15%;right:10%;animation-delay:0s;color:var(--color-fire)}.landing-floating-icon.castle{bottom:25%;left:8%;animation-delay:3s;color:var(--accent-secondary)}.landing-floating-icon.scroll{top:35%;left:15%;animation-delay:6s;color:var(--accent-tertiary)}.landing-hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto}.landing-hero-title{margin-bottom:var(--spacing-lg)}.landing-title-line{display:block;font-size:clamp(2.5rem,8vw,4rem);font-weight:var(--font-weight-bold);background:var(--gradient-magical);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm);animation:shimmer 4s linear infinite;background-size:300% 100%;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.landing-title-subtitle{display:block;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:var(--font-weight-normal);color:var(--text-color-secondary);font-style:italic;opacity:.9}.landing-hero-description{font-size:var(--font-size-lg);color:var(--text-color-secondary);line-height:var(--line-height-loose);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.landing-hero-cta{margin-top:var(--spacing-xl)}.landing-btn-hero{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-xl);min-width:280px;background:var(--gradient-primary);border:1px solid transparent;border-radius:var(--radius-lg);color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-magical);text-transform:none;display:inline-flex;align-items:center;gap:var(--spacing-sm);justify-content:center}.landing-btn-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--gradient-glow);opacity:0;transition:opacity var(--duration-normal) ease;border-radius:inherit}.landing-btn-hero:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-lg);border-color:#fff3}.landing-btn-hero:hover:before{opacity:.2}.landing-btn-hero:active{transform:translateY(-1px) scale(1.01)}.landing-hero-stats{display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-xl);flex-wrap:wrap}.landing-stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--background-color-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:140px;transition:all var(--duration-normal) var(--ease-magical);position:relative;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:hidden}.landing-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transform:scaleX(0);transition:transform var(--duration-normal) ease;opacity:.8}.landing-stat-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--gradient-glow);border-radius:50%;transform:translate(-50%,-50%);transition:all var(--duration-normal) ease;pointer-events:none;opacity:0}.landing-stat-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--border-color-lighter);background:var(--background-color-hover);box-shadow:var(--shadow-lg)}.landing-stat-card:hover:before{transform:scaleX(1)}.landing-stat-card:hover:after{width:100px;height:100px;opacity:.05}.landing-stat-icon{font-size:2.5rem;color:var(--accent-color);transition:all var(--duration-normal) ease;position:relative}.landing-stat-card:hover .landing-stat-icon{transform:scale(1.1);filter:drop-shadow(0 0 10px currentColor)}.landing-stat-number{font-size:2.2rem;font-weight:var(--font-weight-bold);color:var(--accent-secondary);line-height:1;transition:all var(--duration-fast) ease}.landing-stat-card:hover .landing-stat-number{color:var(--accent-color);transform:scale(1.02)}.landing-stat-label{font-size:var(--font-size-sm);color:var(--text-color-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);text-align:center}.landing-stat-card:hover .landing-stat-label{color:var(--text-color)}.landing-adventure-card-container{margin-top:var(--spacing-xl);width:100%;max-width:680px;display:flex;justify-content:center}.landing-adventure-card{background:var(--background-color-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;overflow:hidden;transition:all var(--duration-normal) var(--ease-magical)}.landing-adventure-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-magical);border-radius:var(--radius-sm) var(--radius-sm) 0 0;opacity:.8}.landing-adventure-card:hover{transform:translateY(-4px);border-color:var(--border-color-lighter);background:var(--background-color-hover);box-shadow:var(--shadow-lg)}.landing-adventure-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.landing-adventure-title{font-size:var(--font-size-lg);color:var(--accent-color);font-weight:var(--font-weight-semibold);margin:0}.landing-adventure-description{font-size:var(--font-size-base);color:var(--text-color-secondary);line-height:var(--line-height-loose);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.landing-adventure-btn{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:var(--spacing-sm);justify-content:center;align-self:flex-end;transition:all var(--duration-normal) var(--ease-magical);background:var(--gradient-primary);color:#fff;border:none;cursor:pointer}.landing-adventure-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.landing-adventure-btn:active{transform:translateY(0)}@media (max-width: 768px){.landing-hero-section{min-height:60vh;padding:var(--spacing-lg) var(--spacing-md)}.landing-title-line{font-size:clamp(2rem,6vw,2.8rem)}.landing-title-subtitle{font-size:clamp(1rem,3vw,1.4rem)}.landing-hero-stats{gap:var(--spacing-md)}.landing-stat-card{min-width:120px;padding:var(--spacing-md)}.landing-floating-icon{display:none}}@media (max-width: 480px){.landing-title-line{font-size:clamp(1.8rem,5vw,2.2rem)}.landing-hero-description{font-size:var(--font-size-base)}.landing-btn-hero{width:100%;min-width:auto;font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg)}.landing-hero-stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (prefers-reduced-motion: reduce){.landing-floating-icon,.landing-title-line,.landing-hero-gradient{animation:none}.landing-stat-card:hover,.landing-btn-hero:hover{transform:none}}.landing-btn-hero:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.landing-stat-card:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast: high){.landing-stat-card,.landing-btn-hero{border-width:2px}}.landing-quick-actions{padding:var(--spacing-xl) var(--spacing-lg);margin-bottom:var(--spacing-xl);position:relative;z-index:2}.landing-action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.landing-action-card{position:relative;padding:var(--spacing-xl);background:var(--background-color-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-magical);overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;min-height:240px}.landing-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:translate(-100%);transition:transform var(--duration-normal) ease;opacity:.8}.landing-action-card:after{content:"";position:absolute;bottom:-100px;right:-100px;width:200px;height:200px;background:var(--gradient-glow);border-radius:50%;opacity:0;transition:all var(--duration-normal) ease;pointer-events:none}.landing-action-card:hover:before{transform:translate(0)}.landing-action-card:hover:after{opacity:.03;transform:scale(1.2)}.landing-action-card:hover{transform:translateY(-4px) scale(1.01);border-color:var(--border-color-lighter);background:var(--background-color-hover);box-shadow:var(--shadow-lg)}.landing-action-card.character-card:hover,.landing-action-card.world-card:hover,.landing-action-card.adventure-card:hover{border-color:var(--border-color-lighter)}.landing-card-icon{font-size:4rem;margin-bottom:var(--spacing-lg);color:var(--accent-color);display:flex;justify-content:center;transition:all var(--duration-normal) var(--ease-magical);position:relative}.landing-card-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:var(--gradient-glow);border-radius:50%;opacity:0;transition:opacity var(--duration-normal) ease;z-index:-1}.landing-action-card:hover .landing-card-icon{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 0 15px currentColor)}.landing-action-card:hover .landing-card-icon:after{opacity:.1}.landing-action-card.character-card .landing-card-icon{color:var(--accent-color)}.landing-action-card.world-card .landing-card-icon{color:var(--accent-secondary)}.landing-action-card.adventure-card .landing-card-icon{color:var(--accent-tertiary)}.landing-action-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--text-color);transition:all var(--duration-fast) ease;text-align:center}.landing-action-card:hover h3{color:var(--accent-color);transform:translateY(-1px)}.landing-action-card p{color:var(--text-color-secondary);line-height:var(--line-height-normal);font-size:var(--font-size-base);text-align:center;max-width:280px;margin:0 auto;flex-grow:1;display:flex;align-items:center}.landing-action-card:active{transform:translateY(-2px) scale(.99)}.landing-action-card.loading{pointer-events:none;opacity:.7}.landing-action-card.loading .landing-card-icon{animation:pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.landing-action-cards{grid-template-columns:1fr;gap:var(--spacing-md);max-width:400px}.landing-action-card{padding:var(--spacing-lg);min-height:200px}.landing-card-icon{font-size:3.5rem;margin-bottom:var(--spacing-md)}.landing-action-card h3{font-size:var(--font-size-lg)}}@media (max-width: 480px){.landing-quick-actions{padding:var(--spacing-lg) var(--spacing-md)}.landing-card-icon{font-size:3rem}.landing-action-card{padding:var(--spacing-md)}}.landing-action-card:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast: high){.landing-action-card{border-width:2px}.landing-action-card:hover{border-width:3px}}@media (prefers-reduced-motion: reduce){.landing-action-card,.landing-card-icon{transition:none;animation:none}.landing-action-card:hover,.landing-action-card:hover .landing-card-icon{transform:none}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--padding-medium)}.loading-spinner__spinner{border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:var(--spin-animation)}.loading-spinner-small .loading-spinner__spinner{width:24px;height:24px;border-width:2px}.loading-spinner-medium .loading-spinner__spinner{width:40px;height:40px}.loading-spinner-large .loading-spinner__spinner{width:60px;height:60px;border-width:4px}.loading-message{color:var(--text-color-secondary);font-size:var(--font-size-small);margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background-transparency-standard);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--padding-large)}.confirm-dialog{background:var(--background-color-primary);border:var(--border-standard);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:confirmDialogSlideIn .2s ease-out}.confirm-dialog-header{padding:var(--padding-large) var(--padding-large) var(--padding-medium);border-bottom:var(--border-standard)}.confirm-dialog-title{font-size:var(--font-size-large);font-weight:600;color:var(--text-color);margin:0}.confirm-dialog-body{padding:var(--padding-medium) var(--padding-large)}.confirm-dialog-message{color:var(--text-color-secondary);line-height:1.6;margin:0}.warning-text{color:var(--color-messages-warning);font-weight:500;margin-top:var(--padding-medium)}.confirm-dialog-message strong{color:var(--text-color);font-weight:600}.confirm-dialog-footer{padding:var(--padding-medium) var(--padding-large) var(--padding-large);display:flex;gap:var(--padding-medium);justify-content:flex-end;border-top:var(--border-standard)}.btn-danger{background-color:var(--color-messages-error);color:#fff;border:1px solid var(--color-messages-error)}.btn-danger:hover:not(:disabled){background-color:var(--color-error-hover);border-color:var(--color-error-hover)}.btn-warning{background-color:var(--color-messages-warning);color:#fff;border:1px solid var(--color-messages-warning)}.btn-warning:hover:not(:disabled){background-color:var(--color-warning-hover);border-color:var(--color-warning-hover)}@keyframes confirmDialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.confirm-dialog-footer{flex-direction:column-reverse}.confirm-dialog-footer .btn{width:100%}}.card{background-color:var(--background-color-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--duration-fast) var(--ease-magical);position:relative;height:100%;display:flex;flex-direction:column;border:1px solid var(--border-color)}.card.clickable{cursor:pointer}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-color-lighter);background-color:var(--background-color-hover)}.card:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.card.highlight{border:2px solid var(--accent-color);box-shadow:0 0 0 1px var(--accent-color),var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-lg);padding-bottom:var(--spacing-md);gap:var(--spacing-sm)}.card-header-content{flex:1;min-width:0}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm);color:var(--text-color);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);line-height:var(--line-height-tight)}.card-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-color-secondary);margin:0;line-height:var(--line-height-normal)}.card-arrow{color:var(--text-color-secondary);opacity:0;transition:all var(--duration-fast) var(--ease-magical);flex-shrink:0;font-size:var(--font-size-sm)}.card:hover .card-arrow,.card:focus-visible .card-arrow{opacity:.8;transform:translate(2px);color:var(--accent-color)}.card-content{padding:0 var(--spacing-lg) var(--spacing-lg);flex:1;display:flex;flex-direction:column}.card-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--background-transparency-light);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius-lg)}.card-loading-spinner{width:2rem;height:2rem;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:magicalSpin 1s linear infinite}.card-options{position:relative;margin-left:auto;margin-top:calc(var(--spacing-sm) * -.5);margin-right:calc(var(--spacing-sm) * -.5)}.card-options-button{background:var(--background-color-tertiary);border:1px solid var(--border-color);color:var(--text-color-secondary);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-magical);width:2.25rem;height:2.25rem;position:relative;overflow:hidden}.card-options-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-glow);opacity:0;transition:opacity var(--duration-fast) var(--ease-magical);border-radius:var(--radius-sm)}.card-options-button:hover{background-color:var(--background-color-hover);color:var(--accent-color);border-color:var(--border-color-lighter);transform:scale(1.05);box-shadow:var(--shadow-sm)}.card-options-button:hover:before{opacity:.1}.card-options-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;background-color:var(--background-color-hover);color:var(--accent-color)}.card-options-button:active{transform:scale(.95)}.card-options-button svg{position:relative;z-index:1;transition:transform var(--duration-fast) var(--ease-magical)}.card-options-button:hover svg{transform:rotate(90deg)}.card-options-menu{position:absolute;top:calc(100% + var(--spacing-sm));right:0;background:var(--background-color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;z-index:100;overflow:hidden;opacity:0;transform:translateY(-10px) scale(.95);visibility:hidden;transition:all var(--duration-fast) var(--ease-magical);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-options-menu[data-enter]{opacity:1;transform:translateY(0) scale(1);visibility:visible}.card-options-menu.align-left{right:auto;left:0}.card-options-item{display:flex;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--text-color);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--ease-magical);font-size:var(--font-size-sm);gap:var(--spacing-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.card-options-item:hover{background-color:var(--background-color-hover);color:var(--accent-color)}.card-options-item:focus-visible{outline:none;background-color:var(--background-color-hover);color:var(--accent-color)}.card-options-item[data-danger]{color:var(--color-error)}.card-options-item[data-danger]:hover{background-color:var(--color-error-transparency);color:var(--color-error)}.card-options-item[data-highlight]{color:var(--accent-color);font-weight:var(--font-weight-semibold)}.card-options-item .option-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;flex-shrink:0;font-size:var(--font-size-sm)}.card-option-single{background:var(--background-color-tertiary);border:1px solid var(--border-color);color:var(--text-color-secondary);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--duration-fast) var(--ease-magical);min-width:2.25rem;height:2.25rem}.card-option-single:hover{background-color:var(--background-color-hover);color:var(--accent-color);border-color:var(--border-color-lighter);transform:scale(1.05);box-shadow:var(--shadow-sm)}.card-option-single:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.card-option-single:active{transform:scale(.95)}.skeleton{background:linear-gradient(90deg,var(--background-color-secondary) 25%,var(--background-color-hover) 50%,var(--background-color-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);color:transparent;position:relative;overflow:hidden}.skeleton-card{height:100%;width:100%;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.card-grid-container{width:100%}.card-grid-search{margin-bottom:var(--spacing-lg)}.card-search-input-container{position:relative;display:flex;align-items:center;max-width:400px}.card-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--background-color-secondary);color:var(--text-color);font-size:var(--font-size-sm);transition:all var(--duration-fast) var(--ease-magical)}.card-search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-transparency);background-color:var(--background-color-primary)}.card-search-input::placeholder{color:var(--text-color-placeholder)}.card-search-icon{position:absolute;left:var(--spacing-sm);color:var(--text-color-secondary);font-size:var(--font-size-sm);z-index:1}.card-search-spinner{position:absolute;right:var(--spacing-sm);color:var(--accent-color);animation:magicalSpin 1s linear infinite}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);width:100%}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-color-secondary);gap:var(--spacing-md)}.card-grid__loading-spinner{font-size:2rem;color:var(--accent-color);animation:magicalSpin 1s linear infinite}.card-grid__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--text-color-secondary);gap:var(--spacing-md)}.card-grid__empty-icon{color:var(--text-color-placeholder);opacity:.5;margin-bottom:var(--spacing-sm)}.card-grid__empty-state h3{color:var(--text-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card-grid__empty-state p{font-size:var(--font-size-sm);margin:0;max-width:300px}.load-more-trigger{height:1px;width:100%}.end-of-results{grid-column:1 / -1;text-align:center;padding:var(--spacing-lg);color:var(--text-color-secondary);font-size:var(--font-size-sm);border-top:1px solid var(--border-color);margin-top:var(--spacing-lg)}.card{opacity:0;transform:translateY(20px);animation:fadeInMagical .6s var(--ease-magical) forwards}.card.visible{opacity:1;transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.card-header{padding:var(--spacing-md);padding-bottom:var(--spacing-sm)}.card-content{padding:0 var(--spacing-md) var(--spacing-md)}}.card-search-clear{position:absolute;right:var(--spacing-sm);background:none;border:none;color:var(--text-color-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-magical);font-size:1.25rem;line-height:1;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.card-search-clear:hover{background-color:var(--background-color-hover);color:var(--accent-color)}.card-search-clear:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.card-wrapper{display:contents}.card-search-input-container:has(.card-search-clear) .card-search-input{padding-right:3rem}.card-search-input-container .card-search-input{padding-right:2.5rem}.card-search-input-container .card-search-clear+.card-search-input,.card-search-input-container .card-search-input:placeholder-shown~.card-search-clear{padding-right:3rem}.card-search-input-container .card-search-clear{z-index:2}.card-search-input-container .card-search-spinner{right:3rem;z-index:1}.common-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--margin-large) var(--margin-medium);text-align:center;color:var(--text-color-secondary);background-color:var(--background-color-secondary);border:1px dashed var(--border-color);border-radius:var(--border-radius-medium);margin:var(--margin-medium) 0;width:100%;box-sizing:border-box}.common-empty-state__icon{font-size:2.5rem;margin-bottom:var(--margin-medium);color:var(--accent-color);opacity:.7;transition:var(--transition-standard);display:flex;align-items:center;justify-content:center}.common-empty-state:hover .common-empty-state__icon{transform:scale(1.05)}.common-empty-state h3{margin:0 0 var(--margin-small);color:var(--text-color);font-size:var(--font-size-large);font-weight:600}.common-empty-state p{margin:var(--margin-small) 0 var(--margin-medium);max-width:400px;line-height:var(--line-height-normal);color:var(--text-color-secondary)}@media (max-width: 480px){.common-empty-state{padding:2.5rem var(--padding-medium)}.common-empty-state h3{font-size:1.1rem}.common-empty-state p{font-size:.9rem}}.in-progress-list,.world-list,.character-list,.template-list{display:flex;flex-direction:column;gap:var(--gap-medium);padding:var(--padding-medium) 0}.character-list .character-stats{font-style:italic;color:var(--text-color-secondary);font-size:var(--font-size-sm)}.template-list .message-preview,.in-progress-list .message-preview{font-style:italic;color:var(--text-color-secondary);font-size:var(--font-size-sm);border-top:1px dashed var(--border-color);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm)}.deleting{opacity:.5;position:relative;pointer-events:none}.deleting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--background-transparency-standard);color:var(--text-color);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-large);z-index:1}.warning-text{color:var(--color-messages-warning);font-weight:500;margin-top:var(--margin-small);font-size:var(--font-size-sm)}.landing-content-sections{padding:var(--spacing-xl) var(--spacing-lg);margin-bottom:var(--spacing-xl);position:relative;z-index:2}.landing-section-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color);overflow-x:auto;padding-bottom:0;scrollbar-width:none;-ms-overflow-style:none;position:relative}.landing-section-tabs:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:.2}.landing-section-tabs::-webkit-scrollbar{display:none}.landing-tab-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--background-color-tertiary);border:2px solid var(--border-color);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-color-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-magical);white-space:nowrap;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:-2px}.landing-tab-button:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transform:scaleX(0);transition:transform var(--duration-fast) ease}.landing-tab-button:hover{color:var(--text-color);background:var(--background-color-hover);border-color:var(--border-color-lighter);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.landing-tab-button:hover:before{transform:scaleX(1)}.landing-tab-button.active{color:var(--accent-color);background:var(--background-color-primary);border-color:var(--accent-color);font-weight:var(--font-weight-semibold);z-index:1}.landing-tab-button.active:before{transform:scaleX(1)}.landing-tab-count{padding:var(--spacing-xs) var(--spacing-sm);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:24px;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) ease}.landing-tab-button:hover .landing-tab-count{transform:scale(1.05);box-shadow:var(--shadow-md)}.landing-tab-content{min-height:450px;position:relative}.landing-content-panel{background:var(--background-color-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-height:400px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--duration-normal) ease}.landing-content-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:.7}.landing-content-panel:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:var(--gradient-glow);opacity:.01;pointer-events:none;animation:float 8s ease-in-out infinite}.landing-content-panel:hover{border-color:var(--border-color-lighter);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.landing-content-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl);color:var(--text-color-secondary);min-height:300px}.landing-empty-icon{font-size:4rem;color:var(--accent-color);opacity:.5;margin-bottom:var(--spacing-lg);animation:pulse 3s ease-in-out infinite}.landing-empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-color);margin-bottom:var(--spacing-sm)}.landing-empty-message{font-size:var(--font-size-base);line-height:var(--line-height-normal);max-width:400px}.landing-content-panel .list-container{background:transparent;border:none;padding:0;border-radius:0}.landing-content-panel .list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);padding:0}.landing-content-panel .magical-card,.landing-content-panel .card{background:var(--background-color-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--duration-normal) var(--ease-magical);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-content-panel .magical-card:before,.landing-content-panel .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--duration-normal) ease;opacity:.8}.landing-content-panel .magical-card:after,.landing-content-panel .card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--gradient-glow);border-radius:50%;transform:translate(-50%,-50%);transition:all var(--duration-normal) ease;pointer-events:none;opacity:0}.landing-content-panel .magical-card:hover,.landing-content-panel .card:hover{transform:translateY(-2px) scale(1.01);border-color:var(--border-color-lighter);background:var(--background-color-hover);box-shadow:var(--shadow-lg)}.landing-content-panel .magical-card:hover:before,.landing-content-panel .card:hover:before{transform:scaleX(1)}.landing-content-panel .magical-card:hover:after,.landing-content-panel .card:hover:after{width:150px;height:150px;opacity:.03}.landing-content-panel .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color-lighter)}.landing-content-panel .card-title{color:var(--text-color);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);margin:0;transition:color var(--duration-fast) ease}.landing-content-panel .card:hover .card-title{color:var(--accent-color)}.landing-content-panel .card-content{color:var(--text-color-secondary);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md)}.landing-content-panel .card-meta{font-size:var(--font-size-sm);color:var(--text-color-secondary);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color-lighter);display:flex;align-items:center;gap:var(--spacing-sm)}.landing-content-panel .card-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.landing-content-panel .card-actions{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.landing-content-panel .btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-magical);font-weight:var(--font-weight-medium);border:1px solid transparent}.landing-content-panel .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.landing-content-panel .btn-primary{background:var(--gradient-primary);color:#fff}.landing-content-panel .btn-primary:hover{box-shadow:var(--shadow-md);opacity:.9}.landing-content-panel .btn-secondary{background:var(--background-color-tertiary);color:var(--text-color);border-color:var(--border-color)}.landing-content-panel .btn-secondary:hover{background:var(--background-color-hover);border-color:var(--border-color-lighter);color:var(--text-color)}@media (max-width: 768px){.landing-content-sections{padding:var(--spacing-lg) var(--spacing-md)}.landing-section-tabs{overflow-x:scroll;-webkit-overflow-scrolling:touch;gap:var(--spacing-xs)}.landing-tab-button{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);min-width:120px}.landing-content-panel{padding:var(--spacing-lg)}.landing-content-panel .list-grid{grid-template-columns:1fr}}@media (max-width: 480px){.landing-content-panel{padding:var(--spacing-md)}.landing-tab-button{padding:var(--spacing-sm);font-size:var(--font-size-xs)}.landing-tab-count{padding:2px var(--spacing-xs);font-size:10px}}.landing-tab-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.landing-content-panel .card:focus-within{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast: high){.landing-tab-button{border-width:2px}.landing-tab-button.active{border-width:3px}.landing-content-panel .card{border-width:2px}}@media (prefers-reduced-motion: reduce){.landing-tab-button,.landing-content-panel,.landing-content-panel .card,.landing-empty-icon{transition:none;animation:none}.landing-tab-button:hover,.landing-content-panel .card:hover{transform:none}}.landing-section-title{text-align:center;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl);color:var(--accent-color);position:relative}.landing-section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--gradient-primary);border-radius:var(--radius-sm)}.landing-tips-section{padding:var(--spacing-xl) var(--spacing-lg);margin-bottom:var(--spacing-xl);position:relative;z-index:2}.landing-tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);max-width:900px;margin:0 auto}.landing-tip-card{position:relative;padding:var(--spacing-xl);padding-top:calc(var(--spacing-xl) + 20px);background:var(--background-color-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;transition:all var(--duration-normal) var(--ease-magical);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:visible}.landing-tip-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--duration-normal) ease;opacity:.8}.landing-tip-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--gradient-glow);border-radius:50%;transform:translate(-50%,-50%);transition:all var(--duration-normal) ease;pointer-events:none;opacity:0}.landing-tip-card:hover{transform:translateY(-3px) scale(1.01);border-color:var(--border-color-lighter);background:var(--background-color-hover);box-shadow:var(--shadow-lg)}.landing-tip-card:hover:before{transform:scaleX(1)}.landing-tip-card:hover:after{width:120px;height:120px;opacity:.03}.landing-tip-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) ease;z-index:10}.landing-tip-card:hover .landing-tip-number{transform:translate(-50%) scale(1.05);box-shadow:var(--shadow-md)}.landing-tip-card h3{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--accent-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);transition:all var(--duration-fast) ease}.landing-tip-card:hover h3{color:var(--text-color);transform:translateY(-1px)}.landing-tip-card p{color:var(--text-color-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal)}@media (max-width: 768px){.landing-tips-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.landing-tip-card{padding:var(--spacing-lg)}}@media (max-width: 480px){.landing-tips-section{padding:var(--spacing-lg) var(--spacing-md)}}.landing-tip-card:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast: high){.landing-tip-card{border-width:2px}}@media (prefers-reduced-motion: reduce){.landing-tip-card{transition:none}.landing-tip-card:hover{transform:none}}.landing-footer{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;border-top:1px solid var(--border-color);margin-top:auto;position:relative;z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--background-color-tertiary)}.landing-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:.5}.landing-footer .btn{transition:all var(--duration-normal) var(--ease-magical);font-weight:var(--font-weight-medium);border:1px solid transparent}.landing-footer .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.landing-footer .btn-danger{background:var(--gradient-fire);color:#fff}.landing-footer .btn-danger:hover{box-shadow:var(--shadow-lg);opacity:.9}@media (max-width: 480px){.landing-footer{padding:var(--spacing-lg) var(--spacing-md)}}.landing-page{min-height:100vh;background:var(--gradient-mystical);color:var(--text-color);overflow-x:hidden;position:relative}.landing-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,var(--color-magic-glow) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--accent-secondary) 0%,transparent 50%),radial-gradient(circle at 40% 40%,var(--accent-tertiary) 0%,transparent 50%);opacity:.01;pointer-events:none;z-index:0;animation:float 20s ease-in-out infinite}.landing-page:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-portal);opacity:.005;pointer-events:none;z-index:0;animation:portalRotate 30s linear infinite}@media (prefers-reduced-motion: reduce){.landing-floating-icon,.landing-loading-spinner,.landing-particle,.landing-title-line,.landing-hero-gradient{animation:none}.landing-page:before,.landing-page:after{animation:none}}@media (prefers-contrast: high){.landing-action-card,.landing-stat-card,.landing-tip-card{border-width:2px}.landing-tab-button.active{border-bottom-width:3px}.landing-page{background:var(--background-color-primary)}.landing-page:before,.landing-page:after{display:none}}@media print{.landing-page:before,.landing-page:after{display:none}}.attribute-section{border:1px solid var(--border-color);border-radius:var(--border-radius-small);padding:var(--padding-medium);margin-bottom:var(--margin-medium);background-color:var(--background-color-secondary);transition:box-shadow .3s ease}.attribute-section:hover{box-shadow:var(--shadow-md)}.attribute-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--padding-medium)}.attribute-title-area{flex:1}.attribute-title-area h3{margin:0 0 var(--margin-small) 0;color:var(--accent-color);font-size:1.1rem}.attribute-description{margin:0;color:var(--text-color-secondary);font-size:.9rem;line-height:1.4}.attribute-actions{display:flex;gap:var(--gap-small);align-items:center;flex-wrap:wrap;justify-content:flex-end}.attributes-list{display:flex;flex-direction:column;gap:var(--gap-small)}.attribute-row{display:flex;gap:var(--gap-small);align-items:flex-start;padding:var(--padding-small);border-radius:var(--border-radius-small);transition:background-color .2s ease}.attribute-row:hover{background-color:var(--background-color-tertiary)}.attribute-key{flex:1}.attribute-value{flex:2}textarea.attribute-value{resize:vertical;min-height:60px}.empty-attributes{padding:var(--padding-medium);text-align:center;background-color:var(--background-color-tertiary);border-radius:var(--border-radius-small);color:var(--text-color-secondary);font-style:italic}@media (max-width: 768px){.attribute-row{flex-direction:column;padding-bottom:var(--padding-small);border-bottom:1px solid var(--border-color-lighter)}.attribute-key,.attribute-value{flex:1;width:100%;margin-bottom:var(--margin-small)}.attribute-header{flex-direction:column;gap:var(--gap-small)}.attribute-actions{width:100%;justify-content:space-between}}.category-form{background:linear-gradient(135deg,var(--background-color-tertiary) 0%,var(--background-color-secondary) 100%);border:2px solid var(--accent-color);border-radius:var(--border-radius-medium);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);animation:categoryFormSlideDown .3s ease-out;position:relative;overflow:hidden}.category-form-fire{background:linear-gradient(135deg,var(--background-color-tertiary) 0%,rgba(var(--color-fire),.05) 100%);border-color:var(--color-fire)}.category-form-nature{background:linear-gradient(135deg,var(--background-color-tertiary) 0%,rgba(var(--color-nature),.05) 100%);border-color:var(--accent-tertiary)}.category-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;animation:shimmer 2s infinite}.category-form-magical:before{background:var(--gradient-magical)}.category-form-fire:before{background:var(--gradient-fire)}.category-form-nature:before{background:var(--gradient-nature)}@keyframes categoryFormSlideDown{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.category-form-title{margin-top:0;margin-bottom:var(--spacing-lg);font-size:var(--font-size-large);font-weight:var(--font-weight-semibold);position:relative}.category-form-magical .category-form-title{color:var(--accent-color)}.category-form-fire .category-form-title{color:var(--color-fire)}.category-form-nature .category-form-title{color:var(--accent-tertiary)}.category-form-title:after{content:"";position:absolute;bottom:-5px;left:0;width:50px;height:2px;border-radius:1px}.category-form-magical .category-form-title:after{background:var(--gradient-magical)}.category-form-fire .category-form-title:after{background:var(--gradient-fire)}.category-form-nature .category-form-title:after{background:var(--gradient-nature)}.category-form-fields{display:flex;flex-direction:column;gap:var(--spacing-lg)}.category-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.category-form:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.category-form-magical:hover{box-shadow:var(--shadow-xl),0 5px 20px rgba(var(--accent-color),.2)}.category-form-fire:hover{box-shadow:var(--shadow-xl),0 5px 20px rgba(var(--color-fire),.2)}.category-form-nature:hover{box-shadow:var(--shadow-xl),0 5px 20px rgba(var(--accent-tertiary),.2)}@media (max-width: 768px){.category-form{padding:var(--spacing-md)}.category-form-title{font-size:var(--font-size-normal)}.category-form-actions{flex-direction:column;gap:var(--spacing-sm)}.category-form-actions .creator-btn{width:100%}}#character-name{font-size:var(--font-size-large);font-weight:var(--font-weight-medium)}#character-race{text-transform:capitalize}.character-essentials{position:relative}.character-essentials:before{content:"🎭";position:absolute;top:-10px;right:-10px;font-size:24px;opacity:.1;pointer-events:none;transition:opacity var(--transition-standard)}.character-essentials:hover:before{opacity:.3}#world-name{font-size:var(--font-size-large);font-weight:var(--font-weight-medium)}#world-type{text-transform:capitalize}.creator-layout{max-width:900px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl);background:var(--background-color-primary);border-radius:var(--border-radius-large);box-shadow:var(--shadow-xl);color:var(--text-color);position:relative;overflow:hidden;animation:creatorFadeIn .6s ease-out;min-height:600px}.creator-layout:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;opacity:.02;transform:rotate(45deg);pointer-events:none;transition:opacity var(--transition-standard)}.creator-theme-magical:before{background:var(--gradient-magical)}.creator-theme-fire:before{background:var(--gradient-fire);transform:rotate(-45deg)}.creator-theme-nature:before{background:var(--gradient-nature);transform:rotate(30deg)}@keyframes creatorFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.creator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid transparent;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:relative}.creator-theme-magical .creator-header{background:linear-gradient(to right,var(--accent-color),var(--accent-secondary)) border-box}.creator-theme-fire .creator-header{background:linear-gradient(to right,var(--color-fire),var(--accent-color)) border-box}.creator-theme-nature .creator-header{background:linear-gradient(to right,var(--color-nature),var(--accent-tertiary)) border-box}.creator-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0;letter-spacing:var(--letter-spacing-tight);position:relative}.creator-theme-magical .creator-title-text{background:var(--gradient-magical);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.creator-theme-fire .creator-title-text{background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.creator-theme-nature .creator-title-text{background:var(--gradient-nature);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.creator-icon{font-size:var(--font-size-3xl);animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.creator-content{animation:contentSlideIn .6s ease-out .2s both}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.creator-btn{padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--border-radius-medium);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-standard);display:inline-flex;align-items:center;gap:var(--spacing-sm);border:none;position:relative;overflow:hidden}.creator-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.creator-btn:active:before{width:300px;height:300px}.creator-btn-primary{background:var(--accent-color);color:var(--color-brighter);box-shadow:var(--shadow-md)}.creator-btn-primary:hover{background:var(--accent-color-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.creator-btn-secondary{background-color:var(--background-color-tertiary);color:var(--text-color);border:2px solid var(--border-color)}.creator-btn-secondary:hover{background-color:var(--background-color-hover);border-color:var(--accent-color);color:var(--accent-color)}.creator-btn-accent{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:var(--color-brighter);box-shadow:var(--shadow-md)}.creator-btn-accent:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg),0 5px 15px var(--color-info-transparency)}.creator-btn-danger{background:linear-gradient(135deg,var(--color-error),var(--color-error-hover));color:var(--color-brighter)}.creator-btn-danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 5px 15px var(--color-error-transparency)}.creator-btn-sm{padding:calc(var(--button-padding-y) * .75) calc(var(--button-padding-x) * .75);font-size:var(--font-size-small)}.creator-layout.is-loading{pointer-events:none;opacity:.7}.creator-layout.is-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--accent-color);border-top-color:transparent;border-radius:50%;animation:creatorSpinner .8s linear infinite}.creator-theme-fire.is-loading:after{content:"🎭";border:none;font-size:48px;animation:characterSpinner 1s ease-in-out infinite}.creator-theme-nature.is-loading:after{content:"🧭";border:none;font-size:48px;animation:compassSpin 2s linear infinite}@keyframes creatorSpinner{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes characterSpinner{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}50%{transform:translate(-50%,-50%) scale(1.2) rotate(180deg)}}@keyframes compassSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.creator-success-pulse{animation:creatorSuccessPulse .6s ease-out}@keyframes creatorSuccessPulse{0%{box-shadow:0 0 0 0 var(--color-success)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}@media (max-width: 768px){.creator-layout{margin:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius-medium)}.creator-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.creator-title{font-size:var(--font-size-xl)}.creator-icon{font-size:var(--font-size-2xl)}.creator-btn{width:100%;justify-content:center}}.creator-field{margin-bottom:var(--spacing-lg);position:relative;animation:fieldFadeIn .4s ease-out both}.creator-field:nth-child(1){animation-delay:.1s}.creator-field:nth-child(2){animation-delay:.15s}.creator-field:nth-child(3){animation-delay:.2s}.creator-field:nth-child(4){animation-delay:.25s}@keyframes fieldFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.creator-field-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--text-color);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-standard)}.creator-field-required{color:var(--color-error);margin-left:var(--spacing-xs)}.creator-field-wrapper{position:relative;display:flex;align-items:flex-start;gap:var(--spacing-sm)}.creator-field-input-wrapper{flex:1;position:relative}.creator-field-input,.creator-field-textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-medium);font-size:var(--font-size-normal);background-color:var(--background-color-secondary);color:var(--text-color);font-family:var(--font-family-base);transition:all var(--transition-standard);position:relative}.creator-field-input:hover,.creator-field-textarea:hover{border-color:var(--accent-color);background-color:var(--background-color-tertiary)}.creator-field-input:focus,.creator-field-textarea:focus{outline:none;border-color:var(--accent-color);background-color:var(--background-color-primary);box-shadow:0 0 0 3px var(--color-info-transparency),var(--shadow-lg)}.creator-field-textarea{min-height:120px;resize:vertical;line-height:var(--line-height-normal)}.creator-tooltip-trigger{position:relative;color:var(--text-color-secondary);cursor:help;font-size:var(--font-size-normal);width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-standard);background:var(--background-color-tertiary);border:1px solid var(--border-color);flex-shrink:0;align-self:center}.creator-tooltip-trigger:hover{color:var(--accent-color);background:var(--accent-color);color:var(--color-brighter);transform:scale(1.1);box-shadow:var(--shadow-md)}.creator-field-wrapper:has(.creator-field-textarea) .creator-tooltip-trigger{align-self:flex-start;margin-top:var(--spacing-md)}.creator-tooltip{visibility:hidden;opacity:0;position:absolute;z-index:100;left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(10px);width:240px;padding:var(--spacing-md);background:linear-gradient(135deg,var(--background-color-tertiary) 0%,var(--background-color-secondary) 100%);border:2px solid var(--accent-color);border-radius:var(--border-radius-medium);color:var(--text-color);font-size:var(--font-size-small);font-weight:var(--font-weight-normal);text-transform:none;letter-spacing:normal;box-shadow:var(--shadow-xl);text-align:left;transition:all var(--transition-standard);pointer-events:none;line-height:var(--line-height-normal)}.creator-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:var(--accent-color) transparent transparent transparent}.creator-tooltip-trigger:hover .creator-tooltip{visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}.creator-field-special{position:relative}.creator-field-special:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-magical);opacity:0;transition:opacity var(--transition-standard)}.creator-field-special:hover:after{opacity:.5}.creator-field-special .creator-field-input:focus~:after,.creator-field-special .creator-field-textarea:focus~:after{opacity:1}.creator-field-input:invalid:not(:focus),.creator-field-textarea:invalid:not(:focus){border-color:var(--color-error)}.creator-field-input:valid:not(:placeholder-shown),.creator-field-textarea:valid:not(:placeholder-shown){border-color:var(--color-success)}.creator-field-input:disabled,.creator-field-textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--background-color-disable)}.creator-field-input::placeholder,.creator-field-textarea::placeholder{color:var(--text-color-placeholder);transition:opacity var(--transition-standard)}.creator-field-input:focus::placeholder,.creator-field-textarea:focus::placeholder{opacity:.5}@media (max-width: 768px){.creator-field-wrapper{flex-direction:column;align-items:stretch}.creator-tooltip{width:200px;left:auto;right:0;transform:translate(0) translateY(10px)}.creator-tooltip-trigger:hover .creator-tooltip{transform:translate(0) translateY(0)}.creator-tooltip:after{left:auto;right:15px}}.attribute-manager{display:flex;flex-direction:column;gap:var(--spacing-lg);animation:attributeManagerFadeIn .5s ease-out .3s both}@keyframes attributeManagerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.attribute-manager-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color);position:relative}.attribute-manager-header:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;transition:width .6s ease-out}.attribute-manager-magical .attribute-manager-header:after{background:var(--gradient-magical)}.attribute-manager-fire .attribute-manager-header:after{background:var(--gradient-fire)}.attribute-manager-nature .attribute-manager-header:after{background:var(--gradient-nature)}.attribute-manager:hover .attribute-manager-header:after{width:100%}.attribute-manager-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-large);font-weight:var(--font-weight-semibold);margin:0}.attribute-manager-magical .attribute-manager-title{background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.attribute-manager-fire .attribute-manager-title{background:linear-gradient(135deg,var(--accent-color),var(--color-fire));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.attribute-manager-nature .attribute-manager-title{background:linear-gradient(135deg,var(--accent-tertiary),var(--color-nature));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.attribute-manager-icon{font-size:var(--font-size-xl);-webkit-text-fill-color:initial}.attribute-categories{display:flex;flex-direction:column;gap:var(--spacing-lg)}.attribute-category-wrapper{animation:categorySlideIn .4s ease-out both}.attribute-category-wrapper:nth-child(1){animation-delay:.1s}.attribute-category-wrapper:nth-child(2){animation-delay:.2s}.attribute-category-wrapper:nth-child(3){animation-delay:.3s}.attribute-category-wrapper:nth-child(4){animation-delay:.4s}.attribute-category-wrapper:nth-child(5){animation-delay:.5s}@keyframes categorySlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.attribute-manager-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-color-secondary);font-style:italic;background:var(--background-color-tertiary);border-radius:var(--border-radius-medium);border:2px dashed var(--border-color)}@media (max-width: 768px){.attribute-manager-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.attribute-manager-title{font-size:var(--font-size-normal)}}.creator-form-actions{display:flex;gap:var(--spacing-lg);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:2px solid var(--border-color);position:relative;animation:formActionsFadeIn .4s ease-out .4s both}@keyframes formActionsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.creator-form-actions:before{content:"";position:absolute;top:-2px;left:0;width:0;height:2px;background:var(--gradient-magical);transition:width .6s ease-out}.creator-form-actions:hover:before{width:100%}.creator-form-actions .creator-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.creator-form-actions .creator-btn:disabled:hover{box-shadow:var(--shadow-md)}@media (max-width: 768px){.creator-form-actions{flex-direction:column;gap:var(--spacing-md)}.creator-form-actions .creator-btn{width:100%}}.creator-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.creator-form-section{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--border-radius-medium);border:1px solid var(--border-color);transition:all var(--transition-standard);animation:sectionFadeIn .4s ease-out}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.creator-form-section--fire{background:linear-gradient(135deg,var(--background-color-secondary) 0%,rgba(var(--color-fire),.02) 100%)}.creator-form-section--fire:hover{border-color:var(--color-fire);box-shadow:var(--shadow-md)}.creator-form-section--nature{background:linear-gradient(135deg,var(--background-color-secondary) 0%,rgba(var(--color-nature),.02) 100%)}.creator-form-section--nature:hover{border-color:var(--accent-tertiary);box-shadow:var(--shadow-md)}.creator-form-section--magical{background:linear-gradient(135deg,var(--background-color-secondary) 0%,rgba(var(--accent-color),.02) 100%)}.creator-form-section--magical:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md)}.adventure-field-wrapper{position:relative}.adventure-field-wrapper:after{content:"📜";position:absolute;bottom:10px;right:10px;font-size:24px;opacity:.1;pointer-events:none;transition:opacity var(--transition-standard)}.adventure-field-wrapper:hover:after{opacity:.3}.adventure-selection-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--background-color-secondary) 0%,rgba(var(--accent-tertiary),.03) 100%);border-radius:var(--border-radius-medium);border:1px solid var(--border-color);animation:selectionFadeIn .5s ease-out .2s both}@keyframes selectionFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.adventure-selection-section:hover{border-color:var(--accent-tertiary);box-shadow:var(--shadow-md)}.adventure-character-selection,.adventure-world-selection{display:flex;flex-direction:column;gap:var(--spacing-md)}.adventure-character-options,.adventure-world-options{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:200px;overflow-y:auto;padding:var(--spacing-sm);background:var(--background-color-primary);border-radius:var(--border-radius-small);border:1px solid var(--border-color)}.adventure-character-option,.adventure-world-option{padding:var(--spacing-sm);border-radius:var(--border-radius-small);transition:all var(--transition-standard);cursor:pointer}.adventure-character-option:hover,.adventure-world-option:hover{background:linear-gradient(135deg,var(--background-color-hover) 0%,rgba(var(--accent-tertiary),.1) 100%);transform:translate(4px)}.adventure-checkbox-label,.adventure-radio-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;width:100%}.adventure-checkbox-text,.adventure-radio-text{color:var(--text-color);font-weight:var(--font-weight-medium)}.adventure-checkbox-label input[type=checkbox],.adventure-radio-label input[type=radio]{width:18px;height:18px;accent-color:var(--accent-tertiary);cursor:pointer}.adventure-empty-state{text-align:center;padding:var(--spacing-lg);color:var(--text-color-secondary);font-style:italic;background:var(--background-color-tertiary);border-radius:var(--border-radius-small);border:2px dashed var(--border-color);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.adventure-btn-link{background:none;border:none;color:var(--accent-tertiary);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;text-decoration:underline;font-size:inherit;font-weight:var(--font-weight-medium);transition:all var(--transition-standard);border-radius:var(--border-radius-small)}.adventure-btn-link:hover{color:var(--accent-color);text-decoration:none;background:rgba(var(--accent-tertiary),.1)}@media (max-width: 768px){.adventure-selection-section{grid-template-columns:1fr;gap:var(--spacing-lg)}.adventure-character-options,.adventure-world-options{max-height:150px}}.left-panel{padding:var(--spacing-md);height:100%}.left-panel__scenario-text{margin:0;line-height:var(--line-height-loose);color:var(--text-color);font-size:var(--font-size-normal);font-style:italic}.left-panel__world-name,.left-panel__character-name{margin:0 0 var(--spacing-sm) 0;color:var(--text-color);font-size:var(--font-size-normal);font-weight:var(--font-weight-semibold)}.left-panel__world-type,.left-panel__character-race{display:inline-block;background:var(--gradient-primary);color:var(--color-brighter);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-small);font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm)}[data-theme=light] .left-panel__world-type,[data-theme=light] .left-panel__character-race{box-shadow:0 2px 4px #7c3aed33}.left-panel__world-details,.left-panel__character-stats{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px dashed var(--border-color-lighter)}.left-panel__detail-item,.left-panel__stat-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);padding:var(--spacing-xs) 0;transition:all var(--duration-fast) var(--ease-smooth)}.left-panel__detail-item:hover,.left-panel__stat-item:hover{padding-left:var(--spacing-xs);background:var(--background-color-hover);margin-left:calc(-1 * var(--spacing-xs));margin-right:calc(-1 * var(--spacing-xs));padding-right:var(--spacing-xs);border-radius:var(--border-radius-small)}.left-panel__detail-key,.left-panel__stat-key{font-weight:var(--font-weight-medium);color:var(--text-color-secondary);text-transform:capitalize}.left-panel__detail-value,.left-panel__stat-value{color:var(--text-color);text-align:right;font-weight:var(--font-weight-semibold)}.left-panel__stat-value{color:var(--accent-color);font-family:Fira Code,Consolas,monospace}.left-panel__no-data{margin:0;color:var(--text-color-secondary);font-style:italic;text-align:center;padding:var(--spacing-lg) 0;opacity:.7}.interaction-card--character{position:relative;overflow:hidden}.interaction-card--character:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:var(--gradient-glow);opacity:.03;transform:rotate(-45deg);pointer-events:none}[data-theme=light] .interaction-card--character:before{opacity:.02}.left-panel__back-button{width:100%;justify-content:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-color-secondary);border:var(--border-standard);color:var(--text-color)}.left-panel__back-button:hover{background:var(--background-color-hover);border-color:var(--accent-color);transform:translate(-4px)}.left-panel__back-button:active{transform:translate(0)}@media (max-width: 768px){.left-panel{padding:var(--spacing-sm)}.left-panel__world-details,.left-panel__character-stats{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.left-panel__detail-item,.left-panel__stat-item{font-size:var(--font-size-xs)}}.left-panel__back-button:focus-visible{outline:var(--focus-outline);outline-offset:2px}.chat-avatar{flex-shrink:0;position:relative}.chat-avatar__icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);position:relative;overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--duration-fast) var(--ease-magical)}.chat-avatar__icon--user{background:var(--gradient-primary);color:var(--color-brighter);border:2px solid var(--accent-color)}.chat-avatar__icon--user:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:shimmer 3s ease-in-out infinite}.chat-avatar__icon--assistant{background:var(--gradient-magical);color:var(--color-brighter);border:2px solid var(--color-magic-glow)}.chat-avatar__icon--assistant:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent,var(--color-magic-glow),transparent);animation:portalRotate 8s linear infinite;opacity:.3}@media (max-width: 768px){.chat-avatar__icon{width:36px;height:36px;font-size:var(--font-size-normal)}}.chat-message{position:relative}.chat-message__text{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-medium);position:relative;line-height:var(--line-height-normal);word-wrap:break-word;transition:all var(--duration-fast) var(--ease-smooth)}.chat-message--user .chat-message__text{background:var(--background-color-tertiary);border:1px solid var(--border-color);color:var(--text-color);margin-left:0;margin-right:auto;max-width:85%;box-shadow:var(--shadow-sm)}[data-theme=light] .chat-message--user .chat-message__text{background:var(--background-color-secondary);border-color:var(--accent-color);border-width:2px}.chat-message--assistant{background:var(--background-color-secondary);border:1px solid var(--border-color-lighter);color:var(--text-color);margin-right:0;margin-left:auto;max-width:90%;position:relative;overflow:hidden;box-shadow:var(--shadow-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-medium);line-height:var(--line-height-normal);word-wrap:break-word}[data-theme=light] .chat-message--assistant{background:linear-gradient(135deg,var(--background-color-primary) 0%,var(--background-color-secondary) 100%);border:2px solid var(--color-magic-glow);box-shadow:0 4px 15px #a855f71a}.chat-message--assistant:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--gradient-glow);opacity:.05;animation:gradientShift 10s ease infinite;pointer-events:none}[data-theme=light] .chat-message--assistant:before{opacity:.02}.markdown-paragraph{margin:0 0 var(--spacing-sm) 0;line-height:var(--line-height-normal)}.markdown-paragraph:last-child{margin-bottom:0}.markdown-h1,.markdown-h2,.markdown-h3{font-weight:var(--font-weight-bold);margin:var(--spacing-md) 0 var(--spacing-sm) 0;line-height:var(--line-height-tight)}.markdown-h1:first-child,.markdown-h2:first-child,.markdown-h3:first-child{margin-top:0}.markdown-h1{font-size:var(--font-size-2xl);color:var(--accent-color)}.markdown-h2{font-size:var(--font-size-xl);color:var(--color-magic-glow)}.markdown-h3{font-size:var(--font-size-lg);color:var(--text-color)}.markdown-list{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.markdown-list-item{margin:var(--spacing-xs) 0;line-height:var(--line-height-normal)}.markdown-list-item::marker{color:var(--accent-color)}.markdown-blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);border-left:4px solid var(--accent-color);background:var(--background-color-tertiary);font-style:italic;color:var(--text-color-secondary);border-radius:var(--border-radius-small)}[data-theme=light] .markdown-blockquote{background:var(--background-color-secondary);border-left-color:var(--color-magic-glow)}.markdown-code-inline{background:var(--background-color-tertiary);color:var(--accent-color);padding:2px 6px;border-radius:var(--border-radius-small);font-family:Fira Code,Consolas,monospace;font-size:.9em;border:1px solid var(--border-color)}[data-theme=light] .markdown-code-inline{background:var(--background-color-secondary);color:var(--accent-color-hover);border-color:var(--border-color-lighter)}.markdown-code-block{display:block;background:var(--background-color-primary);color:var(--text-color);padding:var(--spacing-md);border-radius:var(--border-radius-small);font-family:Fira Code,Consolas,monospace;font-size:.9em;overflow-x:auto;margin:var(--spacing-sm) 0;border:1px solid var(--border-color);white-space:pre-wrap}[data-theme=light] .markdown-code-block{background:var(--background-color-tertiary);border-color:var(--border-color-lighter)}.markdown-italic{font-style:italic;color:var(--text-color-secondary)}.markdown-bold{font-weight:var(--font-weight-bold);color:var(--text-color)}.markdown-divider{margin:var(--spacing-lg) 0;border:none;height:2px;background:var(--gradient-magical);opacity:.3;border-radius:1px}.rp-dialogue{color:var(--accent-color);font-weight:var(--font-weight-medium);position:relative;background:var(--background-color-tertiary);padding:2px 4px;border-radius:var(--border-radius-small);border-left:3px solid var(--accent-color);margin:0 2px;display:inline}[data-theme=light] .rp-dialogue{background:var(--background-color-secondary);color:var(--accent-color-hover);border-left-color:var(--color-magic-glow)}.rp-action{font-style:italic;color:var(--accent-secondary);font-weight:var(--font-weight-medium);position:relative;opacity:.9}.rp-action:before{content:"*";margin-right:2px;opacity:.6}.rp-action:after{content:"*";margin-left:2px;opacity:.6}[data-theme=light] .rp-action{color:var(--accent-secondary)}.rp-thought{font-style:italic;font-weight:var(--font-weight-normal);color:var(--text-color-secondary);background:var(--background-color-tertiary);padding:2px 6px;border-radius:var(--border-radius-small);border:1px dashed var(--border-color);position:relative;display:inline;opacity:.85}.rp-thought:before{content:"(";margin-right:2px;opacity:.7;font-style:normal}.rp-thought:after{content:")";margin-left:2px;opacity:.7;font-style:normal}[data-theme=light] .rp-thought{background:var(--background-color-secondary);border-color:var(--border-color-lighter);color:var(--text-color-secondary)}.chat-message--assistant .rp-dialogue{background:var(--background-color-primary);box-shadow:0 1px 3px #8b5cf61a}.chat-message--assistant .rp-action,[data-theme=light] .chat-message--assistant .rp-action{color:var(--color-fire)}.chat-message--assistant .rp-thought{background:var(--background-color-primary);border-color:var(--border-color-lighter)}.typing-indicator{display:inline-flex;gap:4px;margin-left:8px;vertical-align:middle}.typing-indicator span{width:8px;height:8px;background:var(--color-magic-glow);border-radius:50%;animation:orbBounce 1.4s ease-in-out infinite;box-shadow:0 0 10px var(--color-magic-glow)}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@media (max-width: 768px){.chat-message__text,.chat-message--assistant{padding:var(--spacing-sm) var(--spacing-md);max-width:100%!important}.markdown-h1{font-size:var(--font-size-xl)}.markdown-h2{font-size:var(--font-size-lg)}.markdown-h3{font-size:var(--font-size-normal)}}@media (max-width: 480px){.chat-message__text,.chat-message--assistant{padding:var(--spacing-sm)}.markdown-h1{font-size:var(--font-size-lg)}.markdown-h2{font-size:var(--font-size-normal)}.markdown-h3{font-size:var(--font-size-sm)}}.chat-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.chat-actions__btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;background:var(--background-color-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);color:var(--text-color-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s var(--ease-magical);position:relative;overflow:hidden;opacity:0;animation:fadeIn .3s ease forwards;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}[data-theme=light] .chat-actions__btn{background:var(--background-color-tertiary);border-color:var(--border-color-lighter);box-shadow:var(--shadow-sm)}.chat-actions__icon{transition:transform .3s ease}.chat-actions__icon--rotate:hover{transform:rotate(180deg)}.chat-actions__btn--edit{animation-delay:.1s}.chat-actions__btn--edit:hover{background:var(--background-color-tertiary);border-color:var(--color-magic-glow);color:var(--color-magic-glow);transform:translateY(-1px);box-shadow:0 2px 8px #c084fc33}[data-theme=light] .chat-actions__btn--edit:hover{background:var(--background-color-secondary);border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 2px 8px #7c3aed26}.chat-actions__btn--edit:hover .chat-actions__icon{transform:scale(1.1);color:var(--color-magic-glow)}[data-theme=light] .chat-actions__btn--edit:hover .chat-actions__icon{color:var(--accent-color)}.chat-actions__btn--regenerate{animation-delay:.2s}.chat-actions__btn--regenerate:hover{background:var(--background-color-tertiary);border-color:var(--color-magic-glow);color:var(--color-magic-glow);transform:translateY(-1px);box-shadow:0 2px 8px #c084fc33}[data-theme=light] .chat-actions__btn--regenerate:hover{background:var(--background-color-secondary);border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 2px 8px #7c3aed26}.chat-actions__btn--regenerate:hover .chat-actions__icon{color:var(--color-magic-glow)}[data-theme=light] .chat-actions__btn--regenerate:hover .chat-actions__icon{color:var(--accent-color)}.chat-actions__btn--delete{animation-delay:.3s}.chat-actions__btn--delete:hover{background:var(--background-color-tertiary);border-color:var(--color-error);color:var(--color-error);transform:translateY(-1px);box-shadow:0 2px 8px #ef444433}[data-theme=light] .chat-actions__btn--delete:hover{background:var(--background-color-secondary);border-color:var(--color-error);color:var(--color-error);box-shadow:0 2px 8px #ef444426}.chat-actions__btn--delete:hover .chat-actions__icon{transform:scale(1.1);color:var(--color-error)}.chat-actions__btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s ease}.chat-actions__btn:hover:before{opacity:.1;animation:shimmer 1s ease-in-out}.chat-actions__btn:active{transform:translateY(0)}.chat-actions__btn:focus{outline:2px solid var(--color-magic-glow);outline-offset:2px}[data-theme=light] .chat-actions__btn:focus{outline-color:var(--accent-color)}.chat-actions__btn--delete:focus{outline-color:var(--color-error)}@media (max-width: 768px){.chat-actions{gap:var(--spacing-xs)}.chat-actions__btn{padding:3px 6px;font-size:10px}}.forward-options{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--background-color-tertiary);border-radius:var(--border-radius-medium);border:1px solid var(--border-color);animation:fadeIn .3s ease;position:relative;overflow:hidden}[data-theme=light] .forward-options{background:var(--background-color-secondary);border:2px solid var(--border-color-lighter)}.forward-options:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-magic-glow),transparent);opacity:.1;animation:shimmer 3s ease-in-out infinite}.forward-options__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.forward-options__title{font-size:var(--font-size-sm);color:var(--accent-color);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);display:flex;align-items:center;gap:var(--spacing-xs)}.forward-options__title:before{content:"⚔️";font-size:var(--font-size-normal)}.forward-options__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-sm)}.forward-options__button{padding:var(--spacing-sm) var(--spacing-md);background:var(--background-color-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-medium);color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-sm);opacity:0;animation:fadeIn .3s ease forwards;position:relative;overflow:hidden;text-align:left}[data-theme=light] .forward-options__button{background:var(--background-color-primary);border-color:var(--accent-color);box-shadow:var(--shadow-sm)}.forward-options__icon{font-size:var(--font-size-lg);flex-shrink:0}.forward-options__text{flex:1;line-height:var(--line-height-normal)}.forward-options__arrow{font-size:var(--font-size-normal);color:var(--accent-color);transition:transform .3s ease;flex-shrink:0}.forward-options__button:hover{border-color:var(--accent-color);background:var(--background-color-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}[data-theme=light] .forward-options__button:hover{background:var(--background-color-secondary);border-color:var(--color-magic-glow);box-shadow:0 4px 12px #a855f733}.forward-options__button:hover .forward-options__arrow{transform:translate(4px)}.forward-options__button:hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-magical);opacity:.1;animation:shimmer 1s ease-in-out}.forward-options__button:active{transform:translateY(0)}@media (max-width: 768px){.forward-options__list{grid-template-columns:1fr}.forward-options__button{padding:var(--spacing-sm)}}@media (max-width: 480px){.forward-options{padding:var(--spacing-sm);margin-top:var(--spacing-sm)}.forward-options__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.forward-options__button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}.edit-mode{background:var(--background-color-secondary);border:2px solid var(--accent-color);border-radius:var(--border-radius-medium);padding:var(--spacing-md);animation:fadeIn .3s ease;position:relative;overflow:hidden}[data-theme=light] .edit-mode{background:var(--background-color-primary);border-color:var(--color-magic-glow);box-shadow:0 4px 15px #a855f71a}.edit-mode:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--gradient-glow);opacity:.05;animation:gradientShift 10s ease infinite;pointer-events:none}[data-theme=light] .edit-mode:before{opacity:.02}.edit-mode__textarea{width:100%;background:var(--background-color-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-small);color:var(--text-color);font-size:var(--font-size-normal);font-family:inherit;line-height:var(--line-height-normal);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);resize:vertical;min-height:80px;transition:all .3s ease}[data-theme=light] .edit-mode__textarea{background:var(--background-color-primary);border-color:var(--border-color-lighter)}.edit-mode__textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--color-magic-glow)}[data-theme=light] .edit-mode__textarea:focus{border-color:var(--color-magic-glow);box-shadow:0 0 0 3px #a855f733}.edit-mode__textarea::placeholder{color:var(--text-color-placeholder);font-style:italic}.edit-mode__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.edit-mode__actions .interaction-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);min-width:60px;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-weight:var(--font-weight-medium)}.edit-mode__actions .interaction-btn--primary{background:var(--gradient-primary);border:none;color:#fff;box-shadow:0 2px 8px #8b5cf64d}[data-theme=light] .edit-mode__actions .interaction-btn--primary{box-shadow:0 2px 8px #7c3aed33}.edit-mode__actions .interaction-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.edit-mode__actions .interaction-btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #8b5cf633}.edit-mode__actions .interaction-btn--secondary{background:var(--background-color-tertiary);border:1px solid var(--border-color);color:var(--text-color)}[data-theme=light] .edit-mode__actions .interaction-btn--secondary{background:var(--background-color-secondary);border-color:var(--border-color-lighter)}.edit-mode__actions .interaction-btn--secondary:hover{border-color:var(--accent-color);background:var(--background-color-hover);transform:translateY(-1px)}.edit-mode__hint{font-size:var(--font-size-xs);color:var(--text-color-secondary);font-style:italic;margin-left:auto;opacity:.8}@media (max-width: 768px){.edit-mode__actions{flex-direction:column;align-items:stretch}.edit-mode__actions .interaction-btn{width:100%;margin-bottom:var(--spacing-xs)}.edit-mode__hint{margin-left:0;text-align:center;margin-top:var(--spacing-xs)}}@media (max-width: 480px){.edit-mode{padding:var(--spacing-sm)}.edit-mode__textarea{min-height:60px}}.chat-image{position:relative;border-radius:var(--border-radius-medium);overflow:hidden;box-shadow:var(--shadow-lg);animation:fadeInImage .6s ease;max-width:100%}.chat-image--assistant{flex-shrink:0;width:300px;max-width:40%;order:2;border:2px solid transparent;background:linear-gradient(var(--background-color-primary),var(--background-color-primary)) padding-box,var(--gradient-magical) border-box}[data-theme=light] .chat-image--assistant{box-shadow:0 8px 24px #a855f726}.chat-image--user{margin-bottom:var(--spacing-md);border:2px solid var(--border-color)}[data-theme=light] .chat-image--user{border-color:var(--accent-color);box-shadow:0 8px 24px #7c3aed1a}.chat-image__img{width:100%;height:auto;display:block;object-fit:cover;background:var(--background-color-secondary);transition:transform .3s ease}.chat-image--assistant .chat-image__img{object-fit:cover}.chat-image:hover .chat-image__img{transform:scale(1.02)}.chat-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-magical);opacity:.1;animation:shimmer 2s ease-in-out infinite;pointer-events:none;z-index:1}.chat-image__img[src]~.chat-image:before{display:none}@keyframes fadeInImage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.chat-image__img{max-height:400px}.chat-image{margin-bottom:var(--spacing-sm)}.chat-image--assistant{width:250px;max-width:35%}}@media (max-width: 480px){.chat-image__img{max-height:300px}.chat-image{border-radius:var(--border-radius-small);box-shadow:var(--shadow-md)}.chat-image--assistant{order:2;width:100%;max-width:100%;margin-top:var(--spacing-sm)}}@media (max-width: 360px){.chat-image--assistant .chat-image__img{max-height:250px}.chat-image--assistant{margin-top:var(--spacing-xs)}}.chat-turn{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);animation:fadeInMagical var(--duration-normal) var(--ease-magical);position:relative;border-radius:var(--border-radius-medium);margin-bottom:var(--spacing-md);transition:background var(--duration-fast) var(--ease-smooth)}.chat-turn:hover{background:var(--background-color-secondary)}.chat-turn__content-wrapper{flex:1;min-width:0}.chat-turn__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-md)}.chat-turn__header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.chat-turn__role{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);opacity:.9}.chat-turn--user .chat-turn__role{color:var(--accent-color)}.chat-turn--assistant .chat-turn__role{color:var(--color-magic-glow)}.chat-turn__timestamp{font-size:var(--font-size-xs);color:var(--text-color-secondary);opacity:.7}.chat-turn__content{position:relative}.assistant-content-layout{display:flex;gap:var(--spacing-lg);align-items:flex-start}.assistant-content-layout .assistant-text{flex:1;margin-left:0;margin-right:0;max-width:none}@media (max-width: 768px){.chat-turn{padding:var(--spacing-md)}.chat-turn__header-actions{gap:var(--spacing-xs)}.assistant-content-layout{gap:var(--spacing-md)}}@media (max-width: 480px){.chat-turn{gap:var(--spacing-sm);padding:var(--spacing-sm)}.chat-turn__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.chat-turn__header-actions{align-self:flex-end;margin-top:var(--spacing-xs)}.assistant-content-layout{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width: 360px){.assistant-content-layout{gap:var(--spacing-xs)}}.center-panel{flex:1;display:flex;flex-direction:column;background:var(--background-color-primary);border:var(--border-standard);border-radius:var(--border-radius-medium);position:relative;height:100%;min-height:0;overflow:hidden;box-shadow:var(--shadow-lg);width:100%;padding:0;overflow-y:auto}[data-theme=light] .center-panel{border:2px solid var(--border-color-lighter);box-shadow:var(--shadow-xl)}.center-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:var(--gradient-mystical);opacity:.05;pointer-events:none;z-index:0}[data-theme=light] .center-panel:before{opacity:.02}.center-panel__error-banner{background:var(--color-error-transparency);color:var(--color-error);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--color-error);animation:fadeInMagical var(--duration-fast) var(--ease-magical);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10}.center-panel__error-close{background:none;border:none;color:var(--color-error);font-size:var(--font-size-xl);cursor:pointer;transition:transform var(--duration-fast) var(--ease-smooth);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.center-panel__error-close:hover{transform:scale(1.2);background:#ffffff1a}.center-panel__chat-container{flex:1;display:flex;flex-direction:column;position:relative;z-index:1;min-height:0;overflow:hidden}.center-panel__messages-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs);scroll-behavior:smooth;min-height:calc(100vh - var(--header-height) - 200px);background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.02) 100%)}[data-theme=light] .center-panel__messages-area{background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.01) 100%)}.center-panel__messages-area::-webkit-scrollbar{width:12px}.center-panel__messages-area::-webkit-scrollbar-track{background:var(--background-color-secondary);border-radius:6px;margin:var(--spacing-sm) 0;border:1px solid var(--border-color)}[data-theme=light] .center-panel__messages-area::-webkit-scrollbar-track{background:var(--background-color-tertiary);border-color:var(--border-color-lighter)}.center-panel__messages-area::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:6px;border:3px solid var(--background-color-secondary);background-clip:padding-box}[data-theme=light] .center-panel__messages-area::-webkit-scrollbar-thumb{background:var(--accent-color-hover);border-color:var(--background-color-tertiary)}.center-panel__messages-area::-webkit-scrollbar-thumb:hover{background:var(--accent-color-hover)}[data-theme=light] .center-panel__messages-area::-webkit-scrollbar-thumb:hover{background:var(--color-magic-glow)}@media (min-width: 769px){.center-panel__messages-area{overflow-y:scroll}}.center-panel__welcome{text-align:center;padding:var(--spacing-xl);animation:fadeInMagical var(--duration-slow) var(--ease-magical);max-width:600px;margin:auto;position:relative}.center-panel__welcome-icon{font-size:4rem;margin-bottom:var(--spacing-lg);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(139,92,246,.3))}.center-panel__welcome-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);background:var(--gradient-magical);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}[data-theme=light] .center-panel__welcome-title{background:linear-gradient(135deg,var(--accent-color) 0%,var(--color-magic-glow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.center-panel__welcome-text{color:var(--text-color-secondary);font-size:var(--font-size-lg);font-style:italic;margin-bottom:var(--spacing-lg);line-height:var(--line-height-loose)}.center-panel__welcome-hint{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--background-color-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-medium);border:var(--border-standard);font-size:var(--font-size-sm);color:var(--text-color-secondary);animation:shimmer 3s ease-in-out infinite;background-size:200% 100%}[data-theme=light] .center-panel__welcome-hint{background:var(--background-color-tertiary);border:2px solid var(--border-color-lighter);box-shadow:var(--shadow-sm)}.center-panel__hint-icon{font-size:var(--font-size-lg);animation:pulse 2s ease-in-out infinite}.center-panel__input-area{padding:var(--spacing-lg);background:var(--background-color-secondary);border-top:2px solid var(--border-color);display:flex;gap:var(--spacing-md);position:relative;flex-shrink:0;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--background-color-secondary),.95)}[data-theme=light] .center-panel__input-area{background:#fffffffa;border-top-color:var(--border-color-lighter);box-shadow:0 -4px 20px #0000000d}.center-panel__input-area:before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:var(--gradient-magical);opacity:.6;z-index:1}.center-panel__message-input{flex:1;padding:var(--spacing-md);background:var(--background-color-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-medium);color:var(--text-color);font-size:var(--font-size-normal);transition:all var(--duration-fast) var(--ease-magical);resize:none;font-family:inherit;line-height:var(--line-height-normal)}[data-theme=light] .center-panel__message-input{background:var(--background-color-primary);border-color:var(--accent-color);box-shadow:var(--shadow-sm)}.center-panel__message-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px var(--color-magic-glow);background:var(--background-color-tertiary);transform:scale(1.01)}[data-theme=light] .center-panel__message-input:focus{border-color:var(--color-magic-glow);box-shadow:0 0 0 4px #a855f733;background:var(--background-color-primary)}.center-panel__message-input:disabled{opacity:.6;cursor:not-allowed;transform:none}.center-panel__message-input::placeholder{color:var(--text-color-placeholder);font-style:italic}.center-panel__input-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.center-panel__input-buttons .interaction-btn{min-width:100px;position:relative;overflow:hidden;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-size:var(--font-size-sm)}.center-panel__input-buttons .btn-primary{background:var(--gradient-primary);border:none;color:#fff;box-shadow:0 4px 15px #8b5cf64d}[data-theme=light] .center-panel__input-buttons .btn-primary{box-shadow:0 4px 15px #7c3aed33}.center-panel__input-buttons .btn-primary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--gradient-glow);opacity:0;transition:opacity .3s ease;transform:rotate(45deg)}.center-panel__input-buttons .btn-primary:hover:before{opacity:.3}.center-panel__input-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.center-panel__input-buttons .btn-secondary{background:var(--background-color-tertiary);border:2px solid var(--border-color);color:var(--text-color)}[data-theme=light] .center-panel__input-buttons .btn-secondary{background:var(--background-color-secondary);border-color:var(--border-color-lighter)}.center-panel__input-buttons .btn-secondary:hover{border-color:var(--accent-color);background:var(--background-color-secondary);transform:translateY(-2px)}.center-panel__generate-suggestion{display:flex;justify-content:center;margin:var(--spacing-lg) 0;animation:fadeInMagical var(--duration-normal) var(--ease-magical)}.center-panel__suggestion-content{display:flex;align-items:center;gap:var(--spacing-md);background:var(--background-color-secondary);border:2px dashed var(--border-color);border-radius:var(--border-radius-medium);padding:var(--spacing-md) var(--spacing-lg);max-width:600px;width:100%;position:relative;overflow:hidden;transition:all var(--duration-fast) var(--ease-magical)}[data-theme=light] .center-panel__suggestion-content{background:var(--background-color-tertiary);border-color:var(--border-color-lighter);box-shadow:var(--shadow-sm)}.center-panel__suggestion-content:hover{border-color:var(--accent-color);background:var(--background-color-tertiary);transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf61a}[data-theme=light] .center-panel__suggestion-content:hover{border-color:var(--color-magic-glow);background:var(--background-color-secondary);box-shadow:0 4px 15px #a855f71a}.center-panel__suggestion-icon{font-size:var(--font-size-2xl);animation:float 3s ease-in-out infinite;flex-shrink:0}.center-panel__suggestion-text{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.center-panel__suggestion-title{font-weight:var(--font-weight-semibold);color:var(--text-color);font-size:var(--font-size-normal)}.center-panel__suggestion-subtitle{font-size:var(--font-size-sm);color:var(--text-color-secondary);font-style:italic;opacity:.8}.center-panel__suggestion-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-magic-glow),transparent);opacity:.05;animation:shimmer 4s ease-in-out infinite}.center-panel__loading{position:absolute;bottom:calc(var(--spacing-lg) * 2 + 60px);left:50%;transform:translate(-50%);background:var(--background-color-tertiary);border:2px solid var(--accent-color);border-radius:var(--border-radius-medium);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:0 8px 30px #8b5cf64d;animation:float 2s ease-in-out infinite;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .center-panel__loading{background:var(--background-color-primary);border-color:var(--color-magic-glow);box-shadow:0 8px 30px #a855f733}.center-panel__loading-spinner{color:var(--accent-color);font-size:var(--font-size-lg);animation:magicalSpin 1s linear infinite}.center-panel__loading-text{color:var(--text-color);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}@media (max-width: 768px){.center-panel__messages-area{padding:var(--spacing-md);min-height:calc(100vh - var(--header-height) - 160px)}.center-panel__welcome{padding:var(--spacing-lg)}.center-panel__welcome-icon{font-size:3rem}.center-panel__welcome-title{font-size:var(--font-size-xl)}.center-panel__welcome-text{font-size:var(--font-size-normal)}.center-panel__input-area{flex-direction:column;padding:var(--spacing-md)}.center-panel__input-buttons{width:100%;justify-content:stretch;gap:var(--spacing-sm)}.center-panel__input-buttons .interaction-btn{flex:1;min-width:0}.center-panel__suggestion-content{gap:var(--spacing-sm);padding:var(--spacing-md)}}@media (max-width: 480px){.center-panel__welcome-title{font-size:var(--font-size-lg)}.center-panel__welcome-text{font-size:var(--font-size-sm)}.center-panel__welcome-hint{flex-direction:column;text-align:center}.center-panel__suggestion-content{flex-direction:column;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.center-panel__suggestion-icon{font-size:var(--font-size-xl)}.center-panel__messages-area{min-height:calc(100vh - var(--header-height) - 140px)}}.right-panel{padding:var(--spacing-md);height:100%}.right-panel__action-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm)}.right-panel__action-button{width:100%;justify-content:flex-start;gap:var(--spacing-sm);position:relative;overflow:hidden}.right-panel__action-button--dice:hover .right-panel__button-icon{animation:orbBounce .6s ease-in-out}.right-panel__action-button--save:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.right-panel__action-button--save:hover:before{left:100%}.right-panel__button-icon{font-size:var(--font-size-lg);transition:transform var(--duration-fast) var(--ease-smooth)}.right-panel__log-area{background:var(--background-color-secondary);border:var(--border-standard);border-radius:var(--border-radius-medium);padding:var(--spacing-sm);max-height:300px;overflow-y:auto;position:relative}[data-theme=light] .right-panel__log-area{box-shadow:var(--shadow-sm)}.right-panel__log-area::-webkit-scrollbar{width:6px}.right-panel__log-area::-webkit-scrollbar-track{background:var(--background-color-tertiary);border-radius:var(--border-radius-small)}.right-panel__log-area::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:var(--border-radius-small);opacity:.5}.right-panel__log-area::-webkit-scrollbar-thumb:hover{opacity:1}.right-panel__log-entry{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);border-bottom:1px solid var(--border-color-lighter);font-size:var(--font-size-sm);transition:background var(--duration-fast) var(--ease-smooth);border-radius:var(--border-radius-small);margin-bottom:var(--spacing-xs)}.right-panel__log-entry:last-child{border-bottom:none;margin-bottom:0}.right-panel__log-entry:hover{background:var(--background-color-tertiary)}.right-panel__log-time{color:var(--text-color-secondary);font-size:var(--font-size-xs);display:flex;justify-content:space-between;align-items:center}.right-panel__log-type{font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.right-panel__log-type--user{color:var(--accent-color)}.right-panel__log-type--ai{color:var(--color-magic-glow)}.right-panel__log-text{color:var(--text-color);word-break:break-word;line-height:var(--line-height-normal)}.right-panel__log-empty{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--text-color-secondary);font-style:italic;opacity:.7}.right-panel__log-empty-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);opacity:.5}.right-panel__settings-area{display:flex;flex-direction:column;gap:var(--spacing-sm)}.right-panel__setting-item{display:flex;align-items:center;padding:var(--spacing-sm);background:var(--background-color-secondary);border-radius:var(--border-radius-small);transition:all var(--duration-fast) var(--ease-smooth);border:1px solid transparent}.right-panel__setting-item:hover{background:var(--background-color-tertiary);border-color:var(--accent-color);transform:translate(4px)}.right-panel__setting-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-color);width:100%;-webkit-user-select:none;user-select:none}.right-panel__setting-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.right-panel__setting-text{flex:1}@media (max-width: 768px){.right-panel{padding:var(--spacing-sm)}.right-panel__action-buttons{flex-direction:row;flex-wrap:wrap}.right-panel__action-button{flex:1;min-width:120px}.right-panel__log-area{max-height:200px}}@media (max-width: 480px){.right-panel__action-button{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.right-panel__button-icon{font-size:var(--font-size-normal)}.right-panel__setting-label{font-size:var(--font-size-xs)}}.right-panel__setting-checkbox:focus-visible{outline:var(--focus-outline);outline-offset:2px}.right-panel__action-button:focus-visible{outline:var(--focus-outline);outline-offset:2px}.interaction-layout{display:flex;height:100%;position:relative;width:100%}.interaction-flex-column{display:flex;flex-direction:column;height:100%;min-height:0}.interaction-flex-1{flex:1;min-width:0}.interaction-panel{background:var(--background-color-primary);border:var(--border-standard);overflow-y:auto;height:100%;position:relative}.interaction-panel--secondary{background:var(--background-color-tertiary)}.interaction-panel__header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:var(--border-standard)}.interaction-panel__section{margin-bottom:var(--spacing-lg)}.interaction-panel__section:last-child{margin-bottom:0}.interaction-panel__section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--accent-color);font-weight:var(--font-weight-semibold)}.interaction-panel__section-icon{font-size:var(--font-size-lg)}.interaction-card{background:var(--background-color-secondary);border:var(--border-standard);border-radius:var(--border-radius-medium);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:all var(--duration-fast) var(--ease-smooth)}[data-theme=light] .interaction-card{box-shadow:var(--shadow-sm)}.interaction-card:last-child{margin-bottom:0}.interaction-card:hover{border-color:var(--accent-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.interaction-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-medium);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:all var(--duration-fast) var(--ease-magical);position:relative;overflow:hidden;border:var(--border-standard)}.interaction-btn--primary{background:var(--gradient-primary);border:none;color:var(--color-brighter);box-shadow:var(--shadow-md)}.interaction-btn--secondary{background:var(--background-color-secondary);color:var(--text-color)}.interaction-btn--danger{background:var(--background-color-secondary);color:var(--text-color-secondary)}.interaction-btn--danger:hover{border-color:var(--color-error);color:var(--color-error);background:var(--color-error-transparency)}.interaction-btn--block{width:100%}.interaction-btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.interaction-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.interaction-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.interaction-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.interaction-text--primary{color:var(--text-color);font-size:var(--font-size-normal);line-height:var(--line-height-normal)}.interaction-text--secondary{color:var(--text-color-secondary);font-size:var(--font-size-sm)}.interaction-text--small{font-size:var(--font-size-xs)}.interaction-text--large{font-size:var(--font-size-lg)}.interaction-text--accent{color:var(--accent-color)}.interaction-text--error{color:var(--color-error)}.interaction-text--italic{font-style:italic}.interaction-text--bold{font-weight:var(--font-weight-bold)}.interaction-text--uppercase{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.interaction-fade-in{animation:fadeInMagical var(--duration-normal) var(--ease-magical)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.interaction-shimmer{position:relative;overflow:hidden}.interaction-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-magic-glow),transparent);opacity:.1;animation:shimmer 3s ease-in-out infinite}.interaction-float{animation:float 3s ease-in-out infinite}.interaction-pulse{animation:pulse 2s ease-in-out infinite}.interaction-loading{display:flex;align-items:center;gap:var(--spacing-sm)}.interaction-loading__spinner{animation:magicalSpin 1s linear infinite;color:var(--accent-color)}.interaction-loading__dots{display:flex;gap:4px}.interaction-loading__dot{width:8px;height:8px;background:var(--accent-color);border-radius:50%;animation:orbBounce 1.4s ease-in-out infinite}.interaction-loading__dot:nth-child(2){animation-delay:.2s}.interaction-loading__dot:nth-child(3){animation-delay:.4s}.interaction-scrollbar{scrollbar-width:thin;scrollbar-color:var(--background-color-hover) var(--background-color-secondary)}.interaction-scrollbar::-webkit-scrollbar{width:8px}.interaction-scrollbar::-webkit-scrollbar-track{background:var(--background-color-secondary);border-radius:var(--border-radius-small)}.interaction-scrollbar::-webkit-scrollbar-thumb{background:var(--background-color-hover);border-radius:var(--border-radius-small);border:2px solid var(--background-color-secondary)}.interaction-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}@media (max-width: 768px){.interaction-hide-mobile{display:none}.interaction-panel__section{margin-bottom:var(--spacing-md)}.interaction-card{padding:var(--spacing-sm)}}@media (max-width: 480px){.interaction-hide-small{display:none}.interaction-text--small-mobile{font-size:var(--font-size-xs)}}.interaction-focusable:focus-visible{outline:var(--focus-outline);outline-offset:2px}[data-theme=light] .interaction-panel{box-shadow:var(--shadow-md)}[data-theme=light] .interaction-btn--primary{box-shadow:0 4px 15px #7c3aed33}[data-theme=light] .interaction-btn--primary:hover{box-shadow:0 6px 20px #7c3aed4d}.adventure-interaction{height:calc(100vh - var(--header-height));display:flex;flex-direction:column;background:var(--background-color-website);position:relative;overflow:hidden}.adventure-interaction__panel{position:absolute;top:0;height:100%;background:var(--background-color-primary);border:var(--border-standard);box-shadow:var(--shadow-lg);transition:transform var(--duration-normal) var(--ease-smooth);z-index:10;overflow:hidden}.adventure-interaction__panel--left{left:0;width:320px;border-left:none;border-right:var(--border-standard);transform:translate(-100%)}.adventure-interaction__panel--left.is-open{transform:translate(0)}.adventure-interaction__panel--right{right:0;width:320px;border-right:none;border-left:var(--border-standard);transform:translate(100%)}.adventure-interaction__panel--right.is-open{transform:translate(0)}.adventure-interaction__panel-content{height:100%;overflow-y:auto;position:relative;z-index:1}.adventure-interaction__center{flex:1;width:100%;padding:0;overflow-y:auto;position:relative;transition:padding var(--duration-normal) var(--ease-smooth)}.adventure-interaction__center--left-open{padding-left:var(--spacing-md)}.adventure-interaction__center--right-open{padding-right:var(--spacing-md)}.adventure-interaction__toggle{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:88px;background:var(--background-color-secondary);border:var(--border-standard);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-magical);z-index:11;padding:0;font-size:var(--font-size-lg);color:var(--text-color-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--background-color-secondary),.9)}.adventure-interaction__toggle:hover{background:var(--background-color-hover);color:var(--accent-color);box-shadow:var(--shadow-md);width:48px}.adventure-interaction__toggle:active{transform:translateY(-50%) scale(.95)}.adventure-interaction__toggle--left{left:0;border-radius:0 var(--border-radius-medium) var(--border-radius-medium) 0;border-left:none}.adventure-interaction__toggle--left.is-active{left:320px;background:var(--gradient-primary);color:var(--color-brighter);box-shadow:var(--shadow-lg)}.adventure-interaction__toggle--right{right:0;border-radius:var(--border-radius-medium) 0 0 var(--border-radius-medium);border-right:none}.adventure-interaction__toggle--right.is-active{right:320px;background:var(--gradient-primary);color:var(--color-brighter);box-shadow:var(--shadow-lg)}.adventure-interaction__toggle-icon{display:inline-block;transition:transform var(--duration-fast) var(--ease-magical);font-size:1.2em}.adventure-interaction__toggle--left.is-active .adventure-interaction__toggle-icon{transform:rotate(180deg)}.adventure-interaction__toggle--right.is-active .adventure-interaction__toggle-icon{transform:rotate(-180deg)}.adventure-interaction__toggle.is-active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-glow);opacity:.1;animation:shimmer 3s ease-in-out infinite;pointer-events:none;border-radius:inherit}.adventure-interaction__panel::-webkit-scrollbar{width:6px}.adventure-interaction__panel::-webkit-scrollbar-track{background:var(--background-color-secondary)}.adventure-interaction__panel::-webkit-scrollbar-thumb{background:var(--background-color-hover);border-radius:var(--border-radius-small)}.adventure-interaction__panel::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}@media (max-width: 1024px){.adventure-interaction__panel--left,.adventure-interaction__panel--right{width:280px}.adventure-interaction__toggle--left.is-active{left:280px}.adventure-interaction__toggle--right.is-active{right:280px}}@media (max-width: 768px){.adventure-interaction__panel--left,.adventure-interaction__panel--right{width:85vw;max-width:320px}.adventure-interaction__toggle--left.is-active{left:calc(85vw - 44px);max-width:280px}.adventure-interaction__toggle--right.is-active{right:calc(85vw - 44px);max-width:280px}.adventure-interaction__toggle{width:40px;height:80px;font-size:var(--font-size-normal)}.adventure-interaction__panel--left.is-open~.adventure-interaction__panel--right.is-open{transform:translate(100%)}.adventure-interaction__panel--right.is-open~.adventure-interaction__panel--left.is-open{transform:translate(-100%)}}@media (max-width: 480px){.adventure-interaction__panel--left,.adventure-interaction__panel--right{width:100vw;box-shadow:var(--shadow-xl)}.adventure-interaction__toggle--left.is-active,.adventure-interaction__toggle--right.is-active{opacity:.9}.adventure-interaction__panel.is-open:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background-transparency-standard);z-index:-1}.adventure-interaction__toggle{width:36px;height:72px}.adventure-interaction__toggle:hover{width:36px}}[data-theme=dark] .adventure-interaction__toggle{background:#1a1a25e6;border-color:var(--border-color)}[data-theme=dark] .adventure-interaction__toggle:hover{background:var(--background-color-hover);border-color:var(--accent-color)}[data-theme=dark] .adventure-interaction__panel{background:var(--background-color-primary);box-shadow:var(--shadow-xl)}.adventure-interaction__toggle:focus-visible{outline:var(--focus-outline);outline-offset:2px}@media (prefers-reduced-motion: reduce){.adventure-interaction__panel,.adventure-interaction__toggle,.adventure-interaction__toggle-icon{transition:none}.adventure-interaction__toggle.is-active:before{animation:none}}:root{--color-grey-50: #fafafa;--color-grey-100: #f0f2f5;--color-grey-200: #e4e8ed;--color-grey-300: #d8dde3;--color-grey-400: #b0b0b0;--color-grey-500: #707070;--color-grey-600: #555555;--color-grey-700: #333333;--color-grey-800: #242424;--color-grey-900: #121212;--color-purple-300: #7c88b8;--color-purple-500: #6773a8;--color-purple-700: #6b46c1;--color-purple-800: #805ad5;--color-red-500: #c15c5c;--color-red-700: #b44141;--color-green-500: #4d8563;--color-green-700: #3c6b4e;--color-blue-500: #4a90b4;--color-blue-700: #3a7a9e;--color-amber-500: #b58d4a;--color-amber-700: #9e7938;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--size-xs: .75rem;--size-sm: .875rem;--size-base: 1rem;--size-lg: 1.125rem;--size-xl: 1.25rem;--size-2xl: 1.5rem;--size-3xl: 1.875rem;--size-4xl: 2.25rem;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px}[data-theme=dark]{--bg-primary: var(--background-color-primary);--bg-secondary: var(--background-color-secondary);--bg-tertiary: var(--background-color-tertiary);--text-primary: var(--text-color);--text-secondary: var(--text-color-secondary);--text-tertiary: var(--text-color-placeholder);--accent-primary: var(--accent-color);--accent-secondary: var(--accent-secondary);--accent-primary-hover: var(--accent-color-hover);--accent-primary-alpha: var(--accent-color-transparency);--border-radius-sm: var(--border-radius-small);--border-radius-md: var(--border-radius-medium);--border-radius-lg: var(--border-radius-large);--color-danger: var(--color-error);--color-danger-light: var(--color-error-transparency);--background-color-website: #0a0a0f;--background-color-primary: #12121a;--background-color-secondary: #1a1a25;--background-color-tertiary: #252533;--background-color-hover: #2a2a3d;--background-color-focus: #3a3a52;--background-color-disable: #1f1f2a;--text-color: #e8e6f0;--text-color-secondary: #a8a6b8;--text-color-placeholder: #6b697d;--border-color: #3a3852;--border-color-lighter: #4a4866;--accent-color: #8b5cf6;--accent-color-hover: #a78bfa;--accent-color-transparency: rgba(139, 92, 246, .2);--accent-secondary: #f59e0b;--accent-tertiary: #10b981;--color-messages-info: #60a5fa;--color-messages-success: #34d399;--color-messages-error: #f87171;--color-messages-warning: #fbbf24;--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-transparency: rgba(239, 68, 68, .3);--color-success: #10b981;--color-success-hover: #059669;--color-success-transparency: rgba(16, 185, 129, .3);--color-info: #3b82f6;--color-info-hover: #2563eb;--color-info-transparency: rgba(59, 130, 246, .3);--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-transparency: rgba(245, 158, 11, .3);--warning-bg: rgba(245, 158, 11, .1);--warning-border: rgba(245, 158, 11, .3);--warning-text: #f59e0b;--error-bg: rgba(239, 68, 68, .1);--error-border: rgba(239, 68, 68, .3);--error-text: #ef4444;--color-magic-glow: #c084fc;--color-fire: #f97316;--color-ice: #67e8f9;--color-nature: #4ade80;--color-shadow: #1e1b4b;--color-dark: var(--color-grey-900);--color-hover-secondary: var(--color-grey-700);--color-footer: var(--color-grey-900);--color-brighter: #ffffff;--background-transparency-standard: rgba(0, 0, 0, .6);--background-transparency-light: rgba(0, 0, 0, .3);--background-transparency-dark: rgba(0, 0, 0, .8);--background-transparency: var(--background-transparency-dark)}[data-theme=light]{--bg-primary: var(--background-color-primary);--bg-secondary: var(--background-color-secondary);--bg-tertiary: var(--background-color-tertiary);--text-primary: var(--text-color);--text-secondary: var(--text-color-secondary);--text-tertiary: var(--text-color-placeholder);--accent-primary: var(--accent-color);--accent-secondary: var(--accent-secondary);--accent-primary-hover: var(--accent-color-hover);--accent-primary-alpha: var(--accent-color-transparency);--border-radius-sm: var(--border-radius-small);--border-radius-md: var(--border-radius-medium);--border-radius-lg: var(--border-radius-large);--color-danger: var(--color-error);--color-danger-light: var(--color-error-transparency);--background-color-website: #faf9fc;--background-color-primary: #ffffff;--background-color-secondary: #f3f2f7;--background-color-tertiary: #e9e8ef;--background-color-hover: #dddce6;--background-color-focus: #d1d0dd;--background-color-disable: #f8f7fa;--text-color: #1a1523;--text-color-secondary: #4a4458;--text-color-placeholder: #6b657d;--border-color: #e0dfe9;--border-color-lighter: #ebe9f2;--accent-color: #7c3aed;--accent-color-hover: #6d28d9;--accent-color-transparency: rgba(124, 58, 237, .15);--accent-secondary: #d97706;--accent-tertiary: #059669;--color-messages-info: #2563eb;--color-messages-success: #059669;--color-messages-error: #dc2626;--color-messages-warning: #d97706;--color-error: #dc2626;--color-error-hover: #b91c1c;--color-error-transparency: rgba(220, 38, 38, .15);--color-success: #059669;--color-success-hover: #047857;--color-success-transparency: rgba(5, 150, 105, .15);--color-info: #2563eb;--color-info-hover: #1d4ed8;--color-info-transparency: rgba(37, 99, 235, .15);--color-warning: #d97706;--color-warning-hover: #b45309;--color-warning-transparency: rgba(217, 119, 6, .15);--warning-bg: rgba(217, 119, 6, .1);--warning-border: rgba(217, 119, 6, .3);--warning-text: #d97706;--error-bg: rgba(220, 38, 38, .1);--error-border: rgba(220, 38, 38, .3);--error-text: #dc2626;--color-magic-glow: #a855f7;--color-fire: #ea580c;--color-ice: #0891b2;--color-nature: #16a34a;--color-shadow: #4c1d95;--color-dark: var(--color-grey-900);--color-hover-secondary: var(--color-grey-300);--color-footer: var(--color-grey-50);--color-brighter: #ffffff;--background-transparency-standard: rgba(0, 0, 0, .6);--background-transparency-light: rgba(0, 0, 0, .3);--background-transparency-dark: rgba(0, 0, 0, .8);--background-transparency: var(--background-transparency-dark)}:root{--gradient-primary: linear-gradient(135deg, var(--accent-color), var(--accent-color-hover));--gradient-magical: linear-gradient(135deg, var(--accent-color) 0%, var(--color-magic-glow) 50%, var(--accent-secondary) 100%);--gradient-fire: linear-gradient(135deg, #f97316 0%, #dc2626 50%, #7c2d12 100%);--gradient-ice: linear-gradient(135deg, #67e8f9 0%, #3b82f6 50%, #1e3a8a 100%);--gradient-nature: linear-gradient(135deg, #4ade80 0%, #16a34a 50%, #14532d 100%);--gradient-shadow: linear-gradient(135deg, #4c1d95 0%, #1e1b4b 50%, #000000 100%);--gradient-dark: linear-gradient(180deg, var(--background-color-primary), var(--background-color-secondary));--gradient-light: linear-gradient(180deg, #ffffff, var(--background-color-secondary));--gradient-mystical: radial-gradient(ellipse at top, var(--background-color-tertiary), var(--background-color-primary));--gradient-glow: radial-gradient(circle, var(--color-magic-glow) 0%, transparent 70%);--gradient-portal: conic-gradient(from 0deg, var(--accent-color), var(--color-magic-glow), var(--accent-secondary), var(--accent-color))}:root{--padding-small: .5rem;--padding-medium: 1rem;--padding-large: 1.5rem;--margin-small: .5rem;--margin-medium: 1rem;--margin-large: 1.5rem;--gap-small: .5rem;--gap-medium: 1rem;--gap-large: 1.5rem;--gap-xs: 2rem;--spacing-xs: var(--padding-small);--spacing-sm: var(--padding-small);--spacing-md: var(--padding-medium);--spacing-lg: var(--padding-large);--spacing-xl: var(--gap-xs);--card-padding: var(--padding-medium);--button-padding-x: var(--padding-medium);--button-padding-y: var(--padding-small);--form-gap: var(--gap-medium);--content-spacing: var(--padding-large);--section-spacing: var(--gap-xs);--header-height: 91px}:root{--font-family-base: "Roboto", sans-serif;--font-size-base: 16px;--font-size-small: .875rem;--font-size-sm: var(--font-size-small);--font-size-normal: 1rem;--font-size-large: 1.25rem;--font-size-lg: var(--font-size-large);--line-height-normal: 1.5;--font-size-xs: var(--size-xs);--font-size-xl: var(--size-xl);--font-size-2xl: var(--size-2xl);--font-size-3xl: var(--size-3xl);--font-weight-light: var(--weight-light);--font-weight-normal: var(--weight-normal);--font-weight-medium: var(--weight-medium);--font-weight-semibold: var(--weight-semibold);--font-weight-bold: var(--weight-bold);--line-height-tight: 1.25;--line-height-loose: 1.75;--line-height-none: 1;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--heading-1: var(--font-size-3xl) var(--font-weight-bold) var(--line-height-tight);--heading-2: var(--font-size-2xl) var(--font-weight-bold) var(--line-height-tight);--heading-3: var(--font-size-xl) var(--font-weight-semibold) var(--line-height-tight);--heading-4: var(--font-size-large) var(--font-weight-semibold) var(--line-height-tight);--heading-5: var(--font-size-normal) var(--font-weight-medium) var(--line-height-tight);--heading-6: var(--font-size-small) var(--font-weight-medium) var(--line-height-tight)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--box-shadow-small: var(--shadow-sm);--box-shadow-medium: var(--shadow-md);--box-shadow-large: var(--shadow-lg);--box-shadow-xl: var(--shadow-xl)}:root{--border-radius-small: 4px;--border-radius-medium: 8px;--border-radius-large: 16px;--border-standard: 1px solid var(--border-color);--border-hover: 1px solid var(--border-color);--border-focus: 1px solid var(--border-color);--border-dashed: 2px dashed var(--border-color-lighter);--border-radius: var(--border-radius-small);--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--input-border: var(--border-standard);--card-border: var(--border-standard);--button-border: var(--border-standard);--modal-border-radius: var(--border-radius-medium)}:root{--ease-magical: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-instant: .15s;--duration-fast: .3s;--duration-normal: .5s;--duration-slow: .8s;--duration-magical: 1.2s}@keyframes magicalGlow{0%,to{box-shadow:0 0 10px var(--color-magic-glow),0 0 20px var(--color-magic-glow),0 0 30px var(--color-magic-glow);transform:scale(1);opacity:.8}50%{box-shadow:0 0 15px var(--color-magic-glow),0 0 30px var(--color-magic-glow),0 0 45px var(--color-magic-glow);transform:scale(1.02);opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(-2deg)}66%{transform:translateY(-5px) rotate(2deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes portalRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}@keyframes fireFlicker{0%,to{transform:scale(1) rotate(-2deg);filter:hue-rotate(0deg)}33%{transform:scale(1.05) rotate(2deg);filter:hue-rotate(-10deg)}66%{transform:scale(.98) rotate(-1deg);filter:hue-rotate(10deg)}}@keyframes orbBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-20px) scale(.95)}50%{transform:translateY(0) scale(1.02)}75%{transform:translateY(-10px) scale(.98)}}@keyframes fadeInMagical{0%{opacity:0;transform:scale(.95) translateY(10px);filter:blur(5px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes slideInPortal{0%{opacity:0;transform:scale(.8) rotate(90deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}25%{background-position:100% 75%}50%{background-position:100% 50%}75%{background-position:0% 25%}}@keyframes magicalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textReveal{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes magicalBreathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.01);filter:brightness(1.05)}}@keyframes energyRipple{0%{transform:scale(.9);opacity:1}to{transform:scale(1.5);opacity:0}}.animate-glow{animation:magicalGlow 3s ease-in-out infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-shimmer{background:linear-gradient(105deg,transparent 40%,var(--color-magic-glow) 50%,transparent 60%);background-size:200% 100%;animation:shimmer 2s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-entrance{animation:fadeInMagical .6s var(--ease-magical) forwards}.animate-portal{animation:slideInPortal .8s var(--ease-bounce) forwards}.animate-breathe{animation:magicalBreathe 4s ease-in-out infinite}.hover-magical{transition:all var(--duration-fast) var(--ease-magical);position:relative;overflow:hidden}.hover-magical:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--gradient-glow);border-radius:50%;transform:translate(-50%,-50%);transition:all var(--duration-normal) ease;pointer-events:none;opacity:0;z-index:-1}.hover-magical:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.hover-magical:hover:before{width:150%;height:150%;opacity:.05}.click-sparkle{position:relative}.click-sparkle:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,var(--color-magic-glow) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.click-sparkle:active:after{animation:sparkle .4s ease-out}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5}body{font-family:var(--font-family-base);font-size:1rem;line-height:var(--line-height-normal);color:var(--text-color);background:var(--background-color-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--line-height-normal);margin-bottom:var(--padding-small)}p{margin-bottom:var(--padding-medium)}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--padding-large)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--gap-small)}.gap-md{gap:var(--gap-medium)}.gap-lg{gap:var(--gap-large)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display: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}.field{margin-bottom:var(--padding-medium)}.field-label{display:block;font-size:var(--font-size-small);font-weight:500;color:var(--text-color);margin-bottom:var(--padding-small)}.field-input{width:100%;padding:var(--padding-small) var(--padding-medium);font-size:1rem;line-height:var(--line-height-normal);color:var(--text-color);background:var(--background-color-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-small);transition:var(--transition-standard)}.field-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--background-transparency-light)}.field-input:disabled{opacity:.6;cursor:not-allowed;background:var(--background-color-secondary)}.field-input::placeholder{color:var(--text-color-secondary)}textarea.field-input{resize:vertical;min-height:100px}select.field-input{cursor:pointer}.field-input.error{border-color:var(--color-error)}.field-input.error:focus{box-shadow:0 0 0 3px var(--color-error-transparency)}.field-error{font-size:.75rem;color:var(--color-error);margin-top:var(--padding-small)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--padding-small);padding:var(--padding-small) var(--padding-medium);font-size:var(--font-size-small);font-weight:600;line-height:1.5;text-align:center;text-decoration:none;border:2px solid var(--border-color);border-radius:var(--border-radius-small);cursor:pointer;transition:all var(--duration-fast) var(--ease-magical);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,var(--color-magic-glow) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width var(--duration-normal) ease,height var(--duration-normal) ease}.btn:hover:before{width:300%;height:300%}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf633}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-primary:hover:not(:disabled){background:var(--accent-color-hover);border-color:var(--accent-color-hover)}.btn-secondary{background:var(--background-color-primary);color:var(--text-color);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--background-color-secondary);border-color:var(--accent-color)}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background:var(--color-error-hover);border-color:var(--color-error-hover)}.btn-sm{padding:var(--padding-small) var(--padding-small);font-size:.75rem}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--background-color-secondary);color:var(--text-color);transition:var(--transition-standard)}.main-content{flex:1;overflow-y:auto}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:var(--gap-xs);text-align:center}.error-container h2{color:var(--color-error);margin-bottom:var(--padding-medium)}.error-container p{color:var(--text-color-secondary);max-width:500px}