:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a25;--color-bg-glass: rgba(255, 255, 255, .03);--color-bg-glass-hover: rgba(255, 255, 255, .06);--color-accent-primary: #14b8a6;--color-accent-secondary: #0d9488;--color-accent-soft: rgba(20, 184, 166, .1);--color-accent-gradient: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .15);--color-warning: #f59e0b;--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .15);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Crimson Text", Georgia, serif;--font-reading: var(--font-serif);--font-size-reading: 1.05rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(20, 184, 166, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--header-height: 56px;--sidebar-width: 280px}[data-theme=light]{--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-bg-glass: rgba(255, 255, 255, .8);--color-bg-glass-hover: rgba(255, 255, 255, .95);--color-accent-primary: #0d9488;--color-accent-secondary: #0f766e;--color-accent-soft: rgba(13, 148, 136, .1);--color-accent-gradient: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-border: rgba(0, 0, 0, .12);--color-border-hover: rgba(0, 0, 0, .2);--color-success: #16a34a;--color-success-bg: rgba(22, 163, 74, .15);--color-warning: #d97706;--color-error: #dc2626;--color-error-bg: rgba(220, 38, 38, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(13, 148, 136, .25)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline-offset:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);background:var(--color-bg-primary);z-index:100;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.onboarding{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(20,184,166,.1),transparent)}.onboarding-card{width:100%;max-width:400px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl)}.onboarding-header{text-align:center;margin-bottom:var(--space-xl)}.onboarding-title{font-size:1.75rem;font-weight:700;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-sm)}.onboarding-subtitle{color:var(--color-text-secondary);font-size:.95rem}.auth-buttons{display:flex;flex-direction:column;gap:var(--space-md)}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-title{font-weight:600;font-size:1.1rem;color:var(--color-text-primary);text-decoration:none;cursor:pointer}.app-title:hover{color:var(--color-accent-primary)}.status-bar{height:var(--header-height);display:flex;align-items:center;gap:var(--space-md);padding:0 var(--space-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0;z-index:50}.status-bar-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.status-bar-toggle:hover{background:var(--color-bg-glass-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.status-bar-left{display:flex;align-items:center;gap:var(--space-md);flex:1}.status-bar-right{display:flex;align-items:center;gap:var(--space-sm)}.status-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-glass);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text-secondary)}.status-item.playing-as{background:#14b8a626;border:1px solid rgba(20,184,166,.3);color:var(--color-accent-primary)}.status-icon{display:flex;align-items:center}.status-icon .icon{width:14px;height:14px}.status-label{font-weight:500}.status-text{font-size:.85rem;color:var(--color-text-muted)}.status-btn{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.status-btn:hover{background:var(--color-bg-glass-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.status-btn.inventory-toggle{width:auto;padding:0 var(--space-sm);gap:var(--space-xs)}.icon{width:20px;height:20px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.icon-sm{width:16px;height:16px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon-container{display:flex;align-items:center;justify-content:center}.game-info-header{display:flex;align-items:center;gap:var(--space-sm)}.playing-as{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#14b8a626;border:1px solid rgba(20,184,166,.3);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-accent-primary)}.playing-as-icon{display:flex;align-items:center}.playing-as-icon .icon{width:14px;height:14px}.playing-as-name{font-weight:500}.game-location{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-glass);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text-secondary)}.location-dot{width:6px;height:6px;background:var(--color-success);border-radius:50%}.inventory-count{background:var(--color-accent-primary);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.app-layout{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;transform:translate(-100%);transition:transform var(--transition-base);position:absolute;left:0;top:0;bottom:0;z-index:40}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#00000080;z-index:35;opacity:0;transition:opacity var(--transition-base)}.sidebar-backdrop.open{display:block;opacity:1}@media(min-width:768px){.sidebar-backdrop{display:none!important}.sidebar{position:relative;top:0;bottom:0;transform:translate(-100%);margin-left:calc(var(--sidebar-width) * -1);transition:transform var(--transition-base),margin-left var(--transition-base)}.sidebar.open{transform:translate(0);margin-left:0}}.sidebar-header{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);border-bottom:1px solid var(--color-border)}.sidebar-brand{display:flex;align-items:center;justify-content:space-between}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.sidebar-toggle-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar-title{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.btn-upload-new{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-accent-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-upload-new:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.sidebar-content{flex:1;overflow-y:auto;padding:var(--space-sm)}.sidebar-section-title{display:flex;align-items:center;gap:var(--space-xs);font-size:.7rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-md) var(--space-md) var(--space-sm);margin-top:var(--space-sm)}.sidebar-section-title:first-child{margin-top:0}.sidebar-section-title .icon{width:12px;height:12px}.adventure-tree{list-style:none}.tree-item{margin-bottom:2px}.tree-item-content{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);gap:var(--space-sm);font-size:.9rem}.tree-item-content:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.tree-item-content.active{background:#14b8a626;color:var(--color-accent-primary)}.tree-icon{opacity:.7;display:flex;align-items:center}.tree-icon .icon{width:18px;height:18px}.tree-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-expand-icon{color:var(--color-text-muted);transition:transform var(--transition-fast);cursor:pointer;padding:var(--space-xs);margin-left:calc(var(--space-xs) * -1);display:flex;align-items:center}.tree-expand-icon .icon{width:14px;height:14px}.tree-item.expanded>.tree-item-content .tree-expand-icon{transform:rotate(90deg)}.tree-children{list-style:none;padding-left:var(--space-lg);max-height:0;overflow:hidden;transition:max-height var(--transition-base)}.tree-children.open{max-height:500px}.tree-child-item{margin-bottom:2px}.tree-child-content{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);font-size:.85rem;transition:all var(--transition-fast)}.tree-child-content:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.tree-session-icon{display:flex;align-items:center}.tree-session-icon .icon{width:16px;height:16px}.tree-session-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-session-turn{font-size:.7rem;color:var(--color-text-muted);padding:2px 6px;background:var(--color-bg-glass);border-radius:var(--radius-sm)}.tree-session-delete{display:none;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;margin-left:auto;flex-shrink:0}.tree-session-delete .icon{width:14px;height:14px}.tree-session-delete:hover{background:var(--color-error);color:#fff}.tree-child-content:hover .tree-session-delete{display:flex}.tree-new-playthrough .tree-child-content{color:var(--color-accent-primary);font-style:italic}.tree-new-playthrough .tree-child-content:hover{background:#14b8a61a}.tree-new-icon{display:flex;align-items:center}.tree-new-icon .icon{width:14px;height:14px}.tree-new-label{flex:1}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-sm)}.sidebar-footer-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.sidebar-footer-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar-footer-btn .icon{width:18px;height:18px}.user-profile{display:flex;align-items:center;gap:var(--space-sm)}.user-avatar-small{width:32px;height:32px;border-radius:50%;background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.user-avatar-img{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-info{flex:1;overflow:hidden}.user-name{font-weight:500;font-size:.875rem;color:var(--color-text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{font-size:.75rem;color:var(--color-text-muted);display:block}.btn-icon{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.main-content{flex:1;overflow-y:auto;background:var(--color-bg-primary)}.main-content:has(.game-container){overflow:hidden}[data-book-themed=true] .game-container{max-width:1248px;width:100%;margin:0 auto}[data-book-themed=true] .chat-container{margin-left:224px;margin-right:224px}.content-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);text-align:center;padding:var(--space-xl)}.placeholder-icon{width:80px;height:80px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);opacity:.5}.content-placeholder h2{font-size:1.25rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.content-placeholder p{font-size:.9rem}.book-details{padding:var(--space-xl);max-width:700px;margin:0 auto;animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.book-details-header{margin-bottom:var(--space-lg)}.book-badge-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.book-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase}.book-badge .icon{width:12px;height:12px}.book-badge-featured{background:#14b8a626;color:var(--color-accent-primary)}.book-badge-age{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.book-details-title{font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1.2;margin-bottom:var(--space-xs)}.book-details-author{font-size:1rem;color:var(--color-text-muted);font-family:var(--font-serif);font-style:italic}.book-details-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.book-summary{font-size:1rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.settings-warning{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:var(--color-warning);font-size:.875rem;margin-bottom:var(--space-lg)}.settings-warning .icon{width:18px;height:18px;flex-shrink:0}.settings-warning a{color:var(--color-warning);text-decoration:underline}.book-actions-bar{display:flex;gap:var(--space-md);justify-content:flex-end}.character-selection-inline{margin-bottom:var(--space-lg);padding-top:var(--space-md)}.character-selection-inline .character-section{margin-bottom:var(--space-md)}.character-selection-inline .character-section:last-child{margin-bottom:0}.character-selection-inline .character-list{max-height:none;overflow-y:visible}.settings-page{padding:var(--space-md);max-width:520px;margin:0 auto;animation:fadeIn var(--transition-base);display:flex;flex-direction:column;gap:var(--space-sm)}.settings-page .form-input{padding:var(--space-xs) var(--space-sm);font-size:.85rem}.settings-page .btn{padding:var(--space-xs) var(--space-md);font-size:.85rem}.settings-header{display:flex;align-items:center;gap:var(--space-sm)}.settings-title{font-size:1.25rem;font-weight:600}.btn-back{display:flex;align-items:center;gap:var(--space-xs)}.btn-back .icon{width:18px;height:18px}.settings-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md)}.setting-group{margin-bottom:var(--space-md)}.setting-group:last-child{margin-bottom:0}.setting-inline{display:flex;align-items:center;justify-content:space-between}.setting-inline .setting-label{margin-bottom:0}.setting-label{display:block;font-weight:600;font-size:.9rem;color:var(--color-text-primary);margin-bottom:4px}.setting-hint{font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.age-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.age-option{background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-xs);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.age-option:hover{border-color:var(--color-border-hover)}.age-option.selected{border-color:var(--color-accent-primary);background:#14b8a61a}.age-option-icon{margin-bottom:2px;display:flex;justify-content:center}.age-option-icon .icon{width:18px;height:18px}.age-option-label{font-weight:500;font-size:.8rem;color:var(--color-text-primary)}.age-option-range{font-size:.7rem;color:var(--color-text-muted)}.response-options{display:flex;gap:var(--space-sm)}.radio-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center}.radio-option:hover{border-color:var(--color-border-hover)}.radio-option.selected{border-color:var(--color-accent-primary);background:#14b8a61a}.radio-option input[type=radio]{display:none}.radio-label{font-weight:500;font-size:.85rem;color:var(--color-text-primary)}.radio-desc{font-size:.75rem;color:var(--color-text-muted)}.toggle-option{display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.toggle-option input[type=checkbox]{display:none}.toggle-switch{width:44px;height:24px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-full);position:relative;transition:all var(--transition-fast)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-text-muted);border-radius:50%;transition:all var(--transition-fast)}.toggle-option input:checked+.toggle-switch{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.toggle-option input:checked+.toggle-switch:after{left:22px;background:#fff}.toggle-label{color:var(--color-text-secondary)}.theme-options{display:flex;gap:var(--space-sm)}.theme-option{flex:1;display:flex;flex-direction:row;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.theme-option:hover{border-color:var(--color-border-hover)}.theme-option.selected{border-color:var(--color-accent-primary);background:#14b8a61a}.theme-option-preview{width:24px;height:24px;border-radius:50%;border:1px solid var(--color-border);flex-shrink:0}.theme-preview-dark{background:linear-gradient(135deg,#0a0a0f,#12121a,#1a1a25)}.theme-preview-light{background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9)}.theme-option-label{font-size:.85rem;font-weight:500;color:var(--color-text-primary)}.font-options,.font-size-options{display:flex;gap:var(--space-sm)}.font-preview-sans{font-family:var(--font-sans)}.font-preview-serif{font-family:var(--font-serif)}.font-preview-mono{font-family:Courier New,Monaco,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:.9rem;font-weight:500;font-family:inherit;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--color-accent-gradient);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-glass-hover);border-color:var(--color-border-hover)}.btn-full{width:100%}.form-input{width:100%;padding:var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;font-family:inherit;transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-accent-primary)}.form-input::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder{color:var(--color-text-muted)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:100;animation:fadeIn var(--transition-fast)}.modal-content{width:100%;max-width:480px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:1.1rem;font-weight:600}.modal-body{padding:var(--space-lg)}.modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-accent-primary);background:#14b8a60d}.upload-zone-icon{margin-bottom:var(--space-md);opacity:.5;display:flex;justify-content:center}.upload-zone-icon .icon{width:48px;height:48px}.upload-zone-text{color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.upload-zone-text strong{color:var(--color-accent-primary)}.upload-zone-hint{font-size:.75rem;color:var(--color-text-muted)}.upload-zone input{display:none}.upload-success{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md)}.upload-success-icon{color:var(--color-success);display:flex;align-items:center}.upload-success-icon .icon{width:24px;height:24px}.upload-success p{font-size:.8rem;color:var(--color-text-muted)}.upload-progress{padding:var(--space-md) 0}.progress-stages{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.progress-stage{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-bg-glass);opacity:.4;transition:all var(--transition-base)}.progress-stage.active{opacity:1;background:#14b8a61a;border:1px solid rgba(20,184,166,.3)}.progress-stage.done{opacity:.7}.progress-stage.done .stage-icon{color:var(--color-success)}.stage-icon{width:32px;display:flex;align-items:center;justify-content:center}.stage-icon .icon{width:20px;height:20px}.progress-stage.active .stage-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stage-info{flex:1}.stage-label{font-size:.9rem;font-weight:500;color:var(--color-text-primary)}.stage-status{font-size:.75rem;color:var(--color-text-muted);min-height:1rem}.progress-stage.active .stage-status{color:var(--color-accent-primary)}.progress-bar-container{height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;width:0%;background:var(--color-accent-gradient);border-radius:var(--radius-full);transition:width .5s ease}.character-modal-content{max-width:700px}.character-section{margin-bottom:var(--space-md)}.character-section:last-child{margin-bottom:0}.character-section-title{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-md)}.character-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);max-height:50vh;overflow-y:auto}.character-option{display:flex;align-items:flex-start;gap:var(--space-md);width:100%;padding:var(--space-md);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;min-height:80px}.character-option:hover{border-color:var(--color-accent-primary);background:#14b8a61a}.character-option.selected{border-color:var(--color-accent-primary);background:#14b8a626}.character-option-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-glass);border-radius:var(--radius-md);flex-shrink:0}.character-option-icon .icon{width:24px;height:24px}.character-option-details{flex:1;min-width:0}.character-option-name{font-weight:600;font-size:.95rem;color:var(--color-text-primary);margin-bottom:4px}.character-option-desc{font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.character-option-casual{border-style:dashed}.character-section:last-child .character-option-casual{max-width:100%}.character-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--color-text-muted);font-size:.8rem}.character-divider:before,.character-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}@media(max-width:600px){.character-modal-content{max-width:100%;margin:var(--space-md)}.character-list{grid-template-columns:1fr}}.game-container{display:flex;flex-direction:column;height:100%}.chat-container{flex:1;min-height:0;display:flex;flex-direction:column;max-width:800px;margin:0 auto;padding:var(--space-md);width:100%}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--space-md);scrollbar-width:thin;scrollbar-color:transparent transparent}.chat-messages:hover{scrollbar-color:color-mix(in srgb,var(--color-accent-primary) 30%,transparent) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;-webkit-transition:background .3s;transition:background .3s}.chat-messages:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-accent-primary) 30%,transparent)}.chat-messages::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-accent-primary) 60%,transparent)}.chat-message{margin-bottom:var(--space-md);animation:fadeIn var(--transition-base)}.message-narrator{font-family:var(--font-reading);font-size:var(--font-size-reading);line-height:1.7;color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm);padding:var(--space-md) var(--space-lg);max-width:90%}.message-narrator p{margin-bottom:var(--space-sm)}.message-narrator p:last-child{margin-bottom:0}.message-player{display:flex;justify-content:flex-end}.message-player-content{max-width:80%;padding:var(--space-sm) var(--space-md);background:var(--color-accent-gradient);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg);color:#fff;font-size:.95rem}.message-system{text-align:center;color:var(--color-text-muted);font-size:.85rem;font-style:italic}.suggestions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.suggestion-chip{padding:var(--space-xs) var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.suggestion-chip:hover{background:var(--color-bg-glass-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.typing-indicator{display:none;align-items:center;gap:var(--space-sm);padding:var(--space-md);color:var(--color-text-muted);font-style:italic;font-size:.9rem}.typing-indicator.visible{display:flex}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:var(--color-text-muted);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input-container{padding:var(--space-md) 0;border-top:1px solid var(--color-border)}.chat-input-wrapper{display:flex;gap:var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xs);transition:border-color var(--transition-fast)}.chat-input-wrapper:focus-within{border-color:var(--color-accent-primary)}.chat-input{flex:1;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-primary);font-size:.95rem;font-family:inherit}.chat-input:focus{outline:none}.chat-input::-moz-placeholder{color:var(--color-text-muted)}.chat-input::placeholder{color:var(--color-text-muted)}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-accent-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:transform var(--transition-fast)}.chat-send-btn:hover:not(:disabled){transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-undo-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chat-undo-btn:hover:not(:disabled){background:var(--color-bg-glass-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.chat-undo-btn:disabled{opacity:.3;cursor:not-allowed}.inventory-sidebar{position:fixed;top:var(--header-height);right:0;width:300px;height:calc(100vh - var(--header-height));background:var(--color-bg-secondary);border-left:1px solid var(--color-border);transform:translate(100%);transition:transform var(--transition-base);z-index:40;overflow-y:auto}.inventory-sidebar.open{transform:translate(0)}.inventory-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.inventory-title{font-weight:600;font-size:1rem}.inventory-items{padding:var(--space-md)}.inventory-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-xl);font-size:.9rem}.inventory-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);cursor:pointer;transition:all var(--transition-fast)}.inventory-item:hover{background:var(--color-bg-glass-hover);border-color:var(--color-border-hover)}.inventory-item-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.inventory-item-icon .icon{width:20px;height:20px}.inventory-item-icon .item-image{width:36px;height:36px;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover}.inventory-item-details{flex:1}.inventory-item-name{font-weight:500;font-size:.9rem;margin-bottom:2px}.inventory-item-desc{font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.inventory-item-actions{display:flex;gap:var(--space-xs);margin-top:var(--space-sm)}.item-action-btn{padding:var(--space-xs) var(--space-sm);font-size:.7rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.item-action-btn:hover{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}@media(max-width:768px){.status-bar{padding:0 var(--space-sm);gap:var(--space-sm)}.status-item{font-size:.7rem;padding:2px var(--space-sm)}.status-label{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-item.status-location{display:none}.status-btn{min-width:32px;min-height:32px}.status-btn .icon{width:16px;height:16px}.age-options{grid-template-columns:1fr}.book-details{padding:var(--space-md)}.book-details-title{font-size:1.5rem}.settings-page{padding:var(--space-md)}.inventory-sidebar{width:100%}}.map-modal-content{max-width:500px}.map-container{max-height:400px;overflow-y:auto}.map-path{display:flex;flex-direction:column;align-items:stretch}.map-node{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.map-node.current{background:#14b8a626;border-color:var(--color-accent-primary)}.map-node-marker{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:50%;font-weight:600;font-size:.85rem;color:var(--color-text-secondary)}.map-node.current .map-node-marker{background:var(--color-accent-primary);color:#fff}.map-node-info{flex:1}.map-node-name{font-weight:500;color:var(--color-text-primary)}.map-node-turn{font-size:.75rem;color:var(--color-text-muted)}.map-node-current-badge{font-size:.7rem;padding:2px 8px;background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-full);font-weight:500}.map-connector{width:2px;height:20px;background:var(--color-border);margin-left:23px}.map-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-xl)}.llm-settings-card{margin-bottom:0}.llm-collapse-toggle{display:flex;align-items:center;gap:var(--space-sm);width:100%;background:none;border:none;padding:0;cursor:pointer;color:inherit;font-family:inherit}.llm-collapse-toggle .setting-label{margin-bottom:0}.llm-collapse-icon{width:16px;height:16px;margin-left:auto;color:var(--color-text-muted);transition:transform var(--transition-fast)}.llm-collapse-icon.expanded{transform:rotate(180deg)}.llm-collapse-body{margin-top:var(--space-sm)}.llm-provider-icon{width:14px;height:14px;flex-shrink:0}.llm-loading{color:var(--color-text-muted);font-style:italic;padding:var(--space-md)}.llm-current-config{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.llm-config-info{display:flex;align-items:center;gap:var(--space-md)}.llm-provider-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;text-transform:uppercase}.llm-provider-badge.llm-provider-claude{background:#8b5cf633;color:#a78bfa}.llm-provider-badge.llm-provider-gemini{background:#3b82f633;color:#60a5fa}.llm-provider-badge.llm-provider-openai{background:#10b98133;color:#34d399}.llm-config-status{color:var(--color-text-secondary);font-size:.9rem}.llm-config-form{display:flex;flex-direction:column;gap:var(--space-sm)}.llm-provider-options{display:flex;gap:var(--space-xs)}.llm-provider-option{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.llm-provider-option:hover{border-color:var(--color-border-hover)}.llm-provider-option:has(input:checked){border-color:var(--color-accent-primary);background:#14b8a61a}.llm-provider-option input{display:none}.llm-provider-label{font-weight:500;font-size:.8rem;color:var(--color-text-primary)}.llm-key-input-group{display:flex;gap:var(--space-sm)}.llm-key-input{flex:1}.llm-error{padding:var(--space-sm) var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem}.llm-success{padding:var(--space-sm) var(--space-md);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:var(--color-success);font-size:.875rem}.llm-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.btn-small{padding:var(--space-xs) var(--space-md);font-size:.85rem}@media(max-width:768px){.llm-provider-options{flex-direction:column}.llm-current-config{flex-direction:column;gap:var(--space-md);align-items:flex-start}}.hidden{display:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-spinner{animation:none;border-top-color:var(--color-accent-primary)}.typing-dots span{animation:none;opacity:1}.progress-stage.active .stage-icon{animation:none}}.admin-page{max-width:800px;margin:0 auto;padding:var(--space-lg)}.admin-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.admin-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.admin-error{background:var(--color-error-bg);color:var(--color-error);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.admin-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid var(--color-border)}.admin-card h2{font-size:1.1rem;font-weight:600;margin:0 0 var(--space-lg) 0;color:var(--color-text-primary)}.admin-upload-form{display:flex;flex-direction:column;gap:var(--space-lg)}.admin-form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.admin-age-options{display:flex;gap:var(--space-md)}.admin-file-input{display:flex;gap:var(--space-md);align-items:center}.admin-file-input input[type=file]{flex:1}.admin-upload-progress{padding:var(--space-md) 0}.admin-loading,.admin-empty{color:var(--color-text-secondary);padding:var(--space-lg);text-align:center}.admin-books-list{display:flex;flex-direction:column;gap:var(--space-md)}.admin-book-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border)}.admin-book-item.admin-book-inactive{opacity:.6}.admin-book-info{flex:1;min-width:0}.admin-book-title{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.admin-book-meta{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap;font-size:.85rem;color:var(--color-text-secondary)}.admin-book-author{color:var(--color-text-secondary)}.admin-book-status{padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.admin-book-status.status-active{background:var(--color-success-bg);color:var(--color-success)}.admin-book-status.status-inactive{background:var(--color-error-bg);color:var(--color-error)}.admin-book-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.admin-link-card{border-color:var(--color-accent-primary);background:var(--color-accent-soft)}@media(max-width:768px){.admin-header{flex-direction:column;align-items:flex-start}.admin-book-item{flex-direction:column;gap:var(--space-md);align-items:stretch}.admin-book-actions{justify-content:flex-end}.admin-age-options,.admin-file-input{flex-direction:column}}:root{--theme-primary: var(--color-accent-primary);--theme-secondary: var(--color-bg-secondary);--theme-accent: var(--color-accent-secondary);--theme-background: var(--color-bg-primary);--theme-text: var(--color-text-primary)}[data-book-themed=true]{--color-accent-primary: var(--theme-primary);--color-accent-secondary: var(--theme-accent);--color-accent-soft: color-mix(in srgb, var(--theme-primary) 15%, transparent);--color-accent-gradient: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%);--color-text-primary: var(--theme-text, #f4f4f5);--color-text-secondary: color-mix(in srgb, var(--theme-text, #f4f4f5) 70%, transparent);--color-bg-primary: color-mix(in srgb, var(--theme-background) 30%, #0a0a0f);--color-bg-secondary: color-mix(in srgb, var(--theme-secondary) 20%, #12121a);--color-bg-tertiary: color-mix(in srgb, var(--theme-secondary) 15%, #1a1a25);--shadow-glow: 0 0 20px color-mix(in srgb, var(--theme-primary) 30%, transparent)}[data-book-themed=true] .game-container{position:relative}[data-book-themed=true] .chat-header{background:linear-gradient(to bottom,color-mix(in srgb,var(--theme-secondary) 80%,var(--theme-background)),var(--color-bg-secondary));border-bottom-color:color-mix(in srgb,var(--theme-primary) 20%,transparent)}[data-book-themed=true] .chat-send-btn{background:var(--color-accent-gradient);box-shadow:0 2px 8px color-mix(in srgb,var(--theme-primary) 30%,transparent)}[data-book-themed=true] .chat-send-btn:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb,var(--theme-primary) 40%,transparent)}[data-book-themed=true] .chat-input{border-color:color-mix(in srgb,var(--theme-primary) 30%,transparent)}[data-book-themed=true] .chat-input:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 15%,transparent)}[data-book-themed=true] .message-narrator{border-left:3px solid var(--theme-primary);background:linear-gradient(90deg,color-mix(in srgb,var(--theme-primary) 12%,var(--color-bg-secondary)),var(--color-bg-secondary) 50%);color:var(--color-text-primary)!important}[data-book-themed=true] .message-narrator,[data-book-themed=true] .message-narrator p,[data-book-themed=true] .message-content,[data-book-themed=true] .chat-messages{color:var(--color-text-primary)!important}[data-book-themed=true] .suggestion-btn{border-color:color-mix(in srgb,var(--theme-primary) 40%,transparent)}[data-book-themed=true] .suggestion-btn:hover{background:color-mix(in srgb,var(--theme-primary) 15%,transparent);border-color:var(--theme-primary)}[data-book-themed=true] .inventory-sidebar{background:color-mix(in srgb,var(--theme-secondary) 95%,var(--theme-background));border-left-color:color-mix(in srgb,var(--theme-primary) 20%,transparent)}[data-book-themed=true] .inventory-item{border-color:color-mix(in srgb,var(--theme-primary) 15%,transparent)}[data-book-themed=true] .inventory-item:hover{border-color:color-mix(in srgb,var(--theme-primary) 30%,transparent);background:color-mix(in srgb,var(--theme-primary) 8%,transparent)}[data-book-themed=true] .location-display{color:var(--theme-primary)}[data-book-themed=true] .chat-location,[data-book-themed=true] .chat-toolbar-btn:hover{background:color-mix(in srgb,var(--theme-primary) 15%,transparent);color:var(--theme-primary)}[data-book-themed=true] .chat-messages::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--theme-primary) 30%,transparent)}[data-book-themed=true] .chat-messages::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--theme-primary) 50%,transparent)}.theme-banner{width:100%;max-width:800px;margin:0 auto var(--space-md);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.theme-banner.hidden{display:none}.theme-banner-img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;display:block}[data-book-themed=true] .message-narrator:before{content:"";display:block;width:60px;height:30px;margin:0 auto var(--space-xs);background-image:var(--theme-narrator-ornament, none);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.6}[data-book-themed=true] .message-player-content:after{content:"";display:block;width:40px;height:20px;margin:var(--space-xs) 0 0 auto;background-image:var(--theme-player-ornament, none);background-size:contain;background-repeat:no-repeat;background-position:center right;opacity:.5}[data-book-themed=true] .chat-container{position:relative}[data-book-themed=true] .chat-container:before,[data-book-themed=true] .chat-container:after{content:"";position:absolute;top:0;width:200px;height:100%;background-image:var(--theme-side-decor, none);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:1;opacity:.5}[data-book-themed=true] .chat-container:before{right:100%}[data-book-themed=true] .chat-container:after{left:100%;transform:scaleX(-1)}@media(max-width:1250px){[data-book-themed=true] .chat-container:before,[data-book-themed=true] .chat-container:after{display:none}}[data-has-theme-sprite=true] .chat-container,[data-book-themed=true] .chat-input-container{position:relative}[data-book-themed=true] .chat-input-container:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:2px;background:var(--color-accent-gradient);border-radius:1px;opacity:.5}[data-book-themed=true] .modal-content{border-color:color-mix(in srgb,var(--theme-primary) 20%,transparent)}[data-book-themed=true] .modal-content h2{color:var(--theme-primary)}[data-book-themed=true] .map-location.current{border-color:var(--theme-primary);background:color-mix(in srgb,var(--theme-primary) 15%,transparent)}[data-book-themed=true] .map-location.current:before{background:var(--theme-primary)}[data-book-themed=true],[data-book-themed=true] .chat-header,[data-book-themed=true] .chat-send-btn,[data-book-themed=true] .chat-input,[data-book-themed=true] .message-narrator,[data-book-themed=true] .suggestion-btn,[data-book-themed=true] .inventory-sidebar{transition:background var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow),color var(--transition-slow)}.campaigns-page{max-width:800px;margin:0 auto;padding:var(--space-xl);animation:fadeIn var(--transition-base)}.campaigns-header{text-align:center;margin-bottom:var(--space-xl)}.campaigns-header h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.campaigns-subtitle{color:var(--color-text-secondary);font-size:1rem}.campaigns-actions{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.campaigns-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-error-bg);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);margin-bottom:var(--space-lg)}.campaigns-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--color-text-muted)}.campaigns-list{display:grid;gap:var(--space-md)}.campaigns-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.campaigns-empty-icon{margin-bottom:var(--space-md);opacity:.5}.campaigns-empty-icon svg{width:64px;height:64px}.campaigns-empty h3{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.campaign-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-fast)}.campaign-card:hover{border-color:var(--color-accent-primary);background:var(--color-bg-glass-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.campaign-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.campaign-card-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.campaign-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.campaign-status-lobby{background:#3b82f633;color:#60a5fa}.campaign-status-active{background:var(--color-success-bg);color:var(--color-success)}.campaign-status-paused{background:#f59e0b33;color:var(--color-warning)}.campaign-status-completed{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.campaign-status-abandoned{background:var(--color-error-bg);color:var(--color-error)}.campaign-card-details{display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.campaign-detail{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--color-text-secondary)}.campaign-detail svg{width:16px;height:16px}.campaign-card-code{font-size:.85rem;color:var(--color-text-muted)}.campaign-code{font-family:monospace;font-weight:600;color:var(--color-accent-primary);letter-spacing:.1em}.campaign-create-page{max-width:900px;margin:0 auto;padding:var(--space-xl);animation:fadeIn var(--transition-base)}.campaign-create-header{margin-bottom:var(--space-xl)}.campaign-create-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:var(--space-md) 0 var(--space-sm)}.campaign-create-subtitle{color:var(--color-text-secondary);font-size:1rem}.campaign-create-warning{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-warning-bg, rgba(245, 158, 11, .1));border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg);color:var(--color-warning)}.campaign-create-warning a{color:var(--color-accent-primary);text-decoration:underline}.campaign-create-form{display:flex;flex-direction:column;gap:var(--space-xl)}.campaign-create-footer{position:sticky;bottom:0;padding:var(--space-lg) 0;background:linear-gradient(transparent,var(--color-bg-primary) 20%);margin-top:var(--space-xl)}.campaign-create-footer .btn-lg{width:100%;max-width:400px;margin:0 auto;display:block;padding:var(--space-md) var(--space-xl);font-size:1.1rem}.book-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-xs);background:var(--color-bg-secondary);border-radius:var(--radius-lg);width:-moz-fit-content;width:fit-content}.book-tabs .tab-btn{padding:var(--space-sm) var(--space-lg);border:none;background:transparent;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.book-tabs .tab-btn:hover{color:var(--color-text-primary)}.book-tabs .tab-btn.active{background:var(--color-accent-primary);color:#fff}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.book-grid-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.book-grid-item:hover{border-color:var(--color-accent-primary);background:var(--color-bg-glass-hover);transform:translateY(-2px)}.book-grid-item.selected{border-color:var(--color-accent-primary);background:#14b8a626;box-shadow:0 0 0 3px #14b8a633}.book-grid-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-glass);border-radius:var(--radius-lg)}.book-grid-icon svg{width:28px;height:28px;color:var(--color-accent-primary)}.book-grid-title{font-weight:600;font-size:.95rem;color:var(--color-text-primary);line-height:1.3}.book-grid-empty{grid-column:1 / -1;text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.book-grid-empty p{margin-bottom:var(--space-md)}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);max-height:50vh;overflow-y:auto;padding-right:var(--space-sm)}.character-grid-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.character-grid-item:hover{border-color:var(--color-accent-primary);background:#14b8a61a}.character-grid-item.selected{border-color:var(--color-accent-primary);background:#14b8a626}.character-grid-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-glass);border-radius:var(--radius-md);flex-shrink:0}.character-grid-icon svg{width:24px;height:24px}.character-grid-info{flex:1;min-width:0}.character-grid-name{font-weight:600;font-size:.95rem;color:var(--color-text-primary);margin-bottom:2px}.character-grid-desc{font-size:.8rem;color:var(--color-text-muted)}.casual-name-input{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.casual-name-input.hidden{display:none}.casual-name-input .form-label{margin-bottom:var(--space-sm);font-size:.9rem}.max-players-options{display:flex;gap:var(--space-sm)}.max-players-options .radio-option{width:60px;height:48px;justify-content:center;font-size:1.1rem;font-weight:600}.campaign-lobby{max-width:600px;margin:0 auto;padding:var(--space-xl);animation:fadeIn var(--transition-base)}.lobby-header{text-align:center;margin-bottom:var(--space-xl)}.lobby-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.lobby-book{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.lobby-book svg{width:18px;height:18px}.lobby-invite-code{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.lobby-invite-code span:first-child{color:var(--color-text-muted);font-size:.85rem}.lobby-invite-code #campaign-code{font-family:monospace;font-size:1.5rem;font-weight:700;color:var(--color-accent-primary);letter-spacing:.15em}.lobby-players{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.lobby-players h2{font-size:1rem;font-weight:600;margin-bottom:var(--space-md);color:var(--color-text-primary)}.lobby-player-list{display:flex;flex-direction:column;gap:var(--space-sm)}.lobby-player{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-glass);border-radius:var(--radius-md)}.lobby-player-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.lobby-player-avatar svg{width:20px;height:20px}.lobby-player-info{flex:1}.lobby-player-name{font-weight:500;color:var(--color-text-primary)}.lobby-player-character{font-size:.85rem;color:var(--color-text-muted)}.lobby-player-badge{padding:var(--space-xs) var(--space-sm);background:#14b8a626;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-accent-primary)}.lobby-actions{display:flex;flex-direction:column;gap:var(--space-md)}.join-preview{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-md)}.join-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.join-preview-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.join-preview-book,.join-preview-players{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.join-preview-book svg,.join-preview-players svg{width:14px;height:14px}.join-characters{margin-top:var(--space-md)}.join-characters h4{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.join-character-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:200px;overflow-y:auto}.join-character-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.join-character-option:hover{border-color:var(--color-accent-primary)}.join-character-option.selected{border-color:var(--color-accent-primary);background:#14b8a61a}.join-character-option input{display:none}.join-preview-unavailable{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-error-bg);border-radius:var(--radius-md);color:var(--color-error);font-size:.85rem}.join-preview-unavailable svg{width:16px;height:16px}@media(max-width:768px){.campaigns-page{padding:var(--space-md)}.campaigns-actions{flex-direction:column}.campaign-create-page{padding:var(--space-md)}.book-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.book-grid-item{padding:var(--space-md)}.book-grid-icon{width:44px;height:44px}.book-grid-icon svg{width:22px;height:22px}.character-grid{grid-template-columns:1fr}.campaign-lobby{padding:var(--space-md)}.lobby-invite-code #campaign-code{font-size:1.25rem}}.campaigns-page .campaigns-header{display:flex;align-items:center;gap:var(--space-md);text-align:left;margin-bottom:var(--space-lg)}.campaigns-page .campaigns-header h1{margin-bottom:0;font-size:1.5rem}.campaigns-section{margin-bottom:var(--space-xl)}.campaigns-section-title{font-size:1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.campaign-card-meta{display:flex;gap:var(--space-md);font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.campaign-card-players{display:flex;align-items:center;gap:var(--space-xs)}.campaign-card-progress{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;color:var(--color-text-muted)}.campaign-status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.campaign-status-badge.status-lobby{background:#3b82f633;color:#60a5fa}.campaign-status-badge.status-active{background:var(--color-success-bg);color:var(--color-success)}.campaign-status-badge.status-paused{background:#f59e0b33;color:var(--color-warning)}.campaign-status-badge.status-completed{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.campaign-status-badge.status-abandoned{background:var(--color-error-bg);color:var(--color-error)}.campaign-form{display:flex;flex-direction:column;gap:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{font-weight:600;color:var(--color-text-primary)}.form-hint{font-size:.85rem;color:var(--color-text-muted)}.form-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-error-bg);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:.9rem}.form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.player-count-options{display:flex;gap:var(--space-sm)}.player-count-option{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.player-count-option:hover{border-color:var(--color-accent-primary)}.player-count-option.selected{border-color:var(--color-accent-primary);background:#14b8a626;color:var(--color-accent-primary)}.book-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.book-selection-item{padding:var(--space-md);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.book-selection-item:hover{border-color:var(--color-accent-primary)}.book-selection-item.selected{border-color:var(--color-accent-primary);background:#14b8a61a}.book-selection-title{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.book-selection-author{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.book-selection-badge{display:inline-block;padding:2px 8px;background:var(--color-bg-glass);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted)}.book-selection-badge-user{background:#14b8a626;color:var(--color-accent-primary)}.code-input-group{display:flex;gap:var(--space-sm)}.code-input{font-family:monospace;font-size:1.5rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-align:center;max-width:200px}.campaign-preview{padding:var(--space-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.campaign-preview-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.campaign-preview-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:.85rem;color:var(--color-text-muted)}.campaign-preview-players{display:flex;align-items:center;gap:var(--space-xs)}.campaign-preview-warning{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md);background:var(--color-warning-bg, rgba(245, 158, 11, .1));border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:var(--color-warning);font-size:.9rem}.character-option-taken{opacity:.5;cursor:not-allowed}.taken-badge{margin-left:var(--space-xs);padding:2px 6px;background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.lobby-code-card{padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--space-lg)}.lobby-code-label{font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--space-md)}.lobby-code-display{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.lobby-code{font-family:monospace;font-size:2rem;font-weight:700;color:var(--color-accent-primary);letter-spacing:.2em}.lobby-info{display:flex;gap:var(--space-xl);justify-content:center;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-bg-glass);border-radius:var(--radius-md)}.lobby-info-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.lobby-info-label{font-size:.8rem;color:var(--color-text-muted)}.lobby-info-value{font-weight:600;color:var(--color-text-primary)}.lobby-players-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-md)}.lobby-players-list{display:flex;flex-direction:column;gap:var(--space-sm)}.lobby-player-slot{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-glass);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted)}.lobby-player-slot.empty{justify-content:center;opacity:.6}.lobby-player-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-md)}.lobby-player-card.current{border-color:var(--color-accent-primary);background:#14b8a61a}.you-badge{font-size:.75rem;color:var(--color-accent-primary);margin-left:var(--space-xs)}.creator-badge{margin-left:var(--space-sm);padding:2px 6px;background:#eab30826;color:var(--color-warning);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.lobby-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl)}.lobby-hint{text-align:center;margin-top:var(--space-md);font-size:.85rem;color:var(--color-text-muted)}.connection-status{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.8rem;font-weight:500;margin-bottom:var(--space-lg);justify-content:center}.connection-status.connected{background:var(--color-success-bg);color:var(--color-success)}.connection-status.disconnected{background:var(--color-warning-bg, rgba(245, 158, 11, .1));color:var(--color-warning)}.campaign-info-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);z-index:10;flex-shrink:0}.campaign-info-bar-left{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;min-width:0;font-size:.8rem;color:var(--color-text-muted)}.campaign-info-name{font-size:.95rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-info-location{display:flex;align-items:center;gap:var(--space-xs)}.campaign-info-turn{padding:2px 8px;background:var(--color-bg-glass);border-radius:var(--radius-sm)}.connection-warning{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-warning)}.campaign-info-bar-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.campaign-status-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-weight:500;font-size:.85rem;flex-shrink:0}.campaign-status-banner.paused{background:var(--color-warning-bg, rgba(245, 158, 11, .1));color:var(--color-warning)}.campaign-status-banner.ended{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.campaign-chat-window{position:fixed;width:300px;height:400px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;z-index:50;overflow:hidden}.campaign-chat-window-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.campaign-chat-window-header:active{cursor:grabbing}.campaign-chat-window-title{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.campaign-chat-window-messages{flex:1;overflow-y:auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.campaign-chat-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:.8rem;font-style:italic}.campaign-chat-msg{font-size:.8rem;line-height:1.4;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-glass);border-radius:var(--radius-sm);max-width:85%}.campaign-chat-msg.own{align-self:flex-end;background:#14b8a626}.campaign-chat-msg-author{font-size:.7rem;font-weight:600;color:var(--color-accent-primary);margin-bottom:1px}.campaign-chat-msg-text{color:var(--color-text-secondary)}.campaign-chat-window-input{display:flex;gap:var(--space-xs);padding:var(--space-sm);border-top:1px solid var(--color-border);flex-shrink:0}.campaign-chat-window-input input{flex:1;padding:var(--space-xs) var(--space-sm);font-size:.8rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary)}.campaign-chat-window-input input:focus{outline:none;border-color:var(--color-accent-primary)}.campaign-chat-window-input button{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);background:var(--color-accent-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:opacity var(--transition-fast)}.campaign-chat-window-input button:hover:not(:disabled){opacity:.9}.campaign-chat-window-input button:disabled{opacity:.5;cursor:not-allowed}.message-player-author{font-size:.7rem;font-weight:600;color:#ffffffbf;margin-bottom:2px}.campaign-action-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);font-size:.8rem;color:var(--color-success)}.campaign-error{padding:var(--space-sm) var(--space-md);background:var(--color-error-bg);color:var(--color-error);text-align:center;font-size:.85rem;border-radius:var(--radius-md)}@media(max-width:768px){.campaign-info-bar{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.campaign-info-bar-actions{width:100%;justify-content:flex-end}.campaign-chat-window{width:calc(100% - var(--space-md) * 2);left:var(--space-md)!important}}[data-theme=light] .suggestion-chip{background:#fff;border:1px solid rgba(0,0,0,.2);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}[data-theme=light] .suggestion-chip:hover{background:var(--color-accent-soft);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}[data-theme=light] .chat-input-container{border-top:1px solid rgba(0,0,0,.15)}[data-theme=light] .chat-input-wrapper{background:#fff;border:1px solid rgba(0,0,0,.2);box-shadow:var(--shadow-sm)}[data-theme=light] .chat-undo-btn{background:#fff;border:1px solid rgba(0,0,0,.2);color:var(--color-text-secondary)}[data-theme=light] .chat-undo-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:#0000004d;color:var(--color-text-primary)}[data-theme=light] .chat-messages:hover{scrollbar-color:rgba(0,0,0,.15) transparent}[data-theme=light] .chat-messages:hover::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] .chat-messages::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=light] .inventory-sidebar{background:#fff;border-left:1px solid rgba(0,0,0,.15);box-shadow:var(--shadow-lg)}[data-theme=light] .inventory-header{border-bottom:1px solid rgba(0,0,0,.15)}[data-theme=light] .inventory-item{background:var(--color-bg-tertiary);border:1px solid rgba(0,0,0,.12)}[data-theme=light] .inventory-item:hover{background:#e2e8f0;border-color:#0003}[data-theme=light] .inventory-item-icon{background:#e2e8f0}[data-theme=light] .item-action-btn{background:#fff;border:1px solid rgba(0,0,0,.2);color:var(--color-text-primary);font-weight:500}[data-theme=light] .item-action-btn:hover{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-space-x-reverse:0}}}@layer theme{:root,:host{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:"Crimson Text",Georgia,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-widest:.1em;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:#09090b;--color-foreground:#fafafa;--color-card:#09090b;--color-card-foreground:#fafafa;--color-popover:#09090b;--color-popover-foreground:#fafafa;--color-primary:#11c0af;--color-primary-foreground:#fafafa;--color-secondary:#27272a;--color-secondary-foreground:#fafafa;--color-muted:#27272a;--color-muted-foreground:#a1a1aa;--color-accent:#11c0af;--color-accent-foreground:#fafafa;--color-destructive:#7f1d1d;--color-destructive-foreground:#fafafa;--color-border:#27272a;--color-input:#27272a;--color-ring:#11c0af}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.top-\[50\%\]{top:50%}.right-2{right:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.left-2{left:calc(var(--spacing)*2)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.my-1{margin-block:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-\[1px\]{height:1px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-\[1px\]{width:1px}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.cursor-default{cursor:default}.touch-none{touch-action:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-input{border-color:var(--color-input)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-background{background-color:var(--color-background)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-border{background-color:var(--color-border)}.bg-card{background-color:var(--color-card)}.bg-destructive{background-color:var(--color-destructive)}.bg-muted{background-color:var(--color-muted)}.bg-popover{background-color:var(--color-popover)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.p-1{padding:calc(var(--spacing)*1)}.p-6{padding:calc(var(--spacing)*6)}.p-\[1px\]{padding:1px}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-0{padding-top:calc(var(--spacing)*0)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-8{padding-right:calc(var(--spacing)*8)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--color-card-foreground)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.italic{font-style:italic}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--color-muted-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-destructive\/80:hover{background-color:#7f1d1dcc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab,var(--color-destructive)80%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:#7f1d1de6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--color-destructive)90%,transparent)}}.hover\:bg-primary\/80:hover{background-color:#11c0afcc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab,var(--color-primary)80%,transparent)}}.hover\:bg-primary\/90:hover{background-color:#11c0afe6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:#27272acc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--color-secondary)80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-accent:focus{background-color:var(--color-accent)}.focus\:text-accent-foreground:focus{color:var(--color-accent-foreground)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--color-ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--color-muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--color-background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--color-foreground)}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--color-accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--color-muted-foreground)}@media(min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:text-left{text-align:left}}@media(min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}}.light,[data-theme=light]{--color-background:#fff;--color-foreground:#09090b;--color-card:#fff;--color-card-foreground:#09090b;--color-popover:#fff;--color-popover-foreground:#09090b;--color-primary:#0d9688;--color-primary-foreground:#fafafa;--color-secondary:#f4f4f5;--color-secondary-foreground:#18181b;--color-muted:#f4f4f5;--color-muted-foreground:#71717a;--color-accent:#0d9688;--color-accent-foreground:#fafafa;--color-destructive:#ef4444;--color-destructive-foreground:#fafafa;--color-border:#e4e4e7;--color-input:#e4e4e7;--color-ring:#0d9688}:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12121a;--color-bg-tertiary:#1a1a25;--color-bg-glass:#ffffff08;--color-bg-glass-hover:#ffffff0f;--color-accent-primary:#14b8a6;--color-accent-secondary:#0d9488;--color-accent-soft:#14b8a61a;--color-accent-gradient:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-border-legacy:#ffffff14;--color-border-hover:#ffffff26;--color-success:#22c55e;--color-success-bg:#22c55e26;--color-warning:#f59e0b;--color-error:#ef4444;--color-error-bg:#ef444426;--font-reading:"Crimson Text",Georgia,serif;--font-size-reading:1.05rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px #14b8a64d;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--header-height:56px;--sidebar-width:280px}[data-theme=light]{--color-bg-primary:#f8fafc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f5f9;--color-bg-glass:#fffc;--color-bg-glass-hover:#fffffff2;--color-accent-primary:#0d9488;--color-accent-secondary:#0f766e;--color-accent-soft:#0d94881a;--color-accent-gradient:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-border-legacy:#0000001f;--color-border-hover:#0003;--color-success:#16a34a;--color-success-bg:#16a34a26;--color-warning:#d97706;--color-error:#dc2626;--color-error-bg:#dc262626;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #00000026;--shadow-glow:0 0 20px #0d948840}*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground);font-feature-settings:"rlig" 1,"calt" 1}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}