.fab{position:relative;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-heading);font-weight:var(--weight-semibold);transition:background-color var(--transition-fast);z-index:var(--z-fixed);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.fab:disabled{cursor:not-allowed;opacity:.4}.fab--sm{width:40px;height:40px;font-size:var(--text-lg)}.fab--md{width:56px;height:56px;font-size:var(--text-2xl)}.fab--lg{width:72px;height:72px;font-size:var(--text-3xl)}.fab--primary{background:linear-gradient(135deg,#00f0ff26,#00c8dc1a);border:1px solid var(--border-glow-cyan);color:var(--accent-cyan);box-shadow:var(--glow-cyan-sm),inset 0 1px 0 var(--glass-highlight)}.fab--primary:hover:not(:disabled){background:linear-gradient(135deg,#00f0ff40,#00c8dc33);box-shadow:var(--glow-cyan-md),inset 0 1px 0 var(--glass-highlight)}.fab--primary:active:not(:disabled){background:linear-gradient(135deg,#00f0ff4d,#00c8dc40)}.fab--secondary{background:linear-gradient(135deg,#ff950026,#ff78001a);border:1px solid var(--border-glow-amber);color:var(--accent-amber);box-shadow:var(--glow-amber-sm),inset 0 1px 0 var(--glass-highlight)}.fab--secondary:hover:not(:disabled){background:linear-gradient(135deg,#ff950040,#ff780033);box-shadow:var(--glow-amber-md),inset 0 1px 0 var(--glass-highlight)}.fab--secondary:active:not(:disabled){background:linear-gradient(135deg,#ff95004d,#ff780040)}.fab--relative{position:relative}.fab--bottom-right{position:fixed;bottom:var(--space-8);right:var(--space-8)}.fab--bottom-left{position:fixed;bottom:var(--space-8);left:var(--space-8)}.fab--top-right{position:fixed;top:calc(var(--header-height) + var(--space-8));right:var(--space-8)}.fab--top-left{position:fixed;top:calc(var(--header-height) + var(--space-8));left:var(--space-8)}.fab__glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-full);pointer-events:none;z-index:-1}.fab--primary .fab__glow{background:radial-gradient(circle at center,var(--accent-cyan-glow) 0%,transparent 70%);filter:blur(8px)}.fab--secondary .fab__glow{background:radial-gradient(circle at center,var(--accent-amber-glow) 0%,transparent 70%);filter:blur(8px)}.fab__icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;line-height:1}.fab:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:4px}@media(max-width:768px){.fab--bottom-right,.fab--bottom-left,.fab--top-right,.fab--top-left{bottom:var(--space-4);right:var(--space-4)}.fab--bottom-left{right:auto;left:var(--space-4)}.fab--top-right,.fab--top-left{bottom:auto;top:calc(var(--header-height) + var(--space-4))}.fab--top-left{right:auto;left:var(--space-4)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-mono);font-weight:var(--weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--md{height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.btn--primary{background:linear-gradient(135deg,var(--accent-cyan) 0%,rgba(0,200,220,1) 100%);color:var(--bg-primary);border:none;box-shadow:var(--glow-cyan-sm)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-cyan-bright) 0%,var(--accent-cyan) 100%);box-shadow:var(--glow-cyan-md)}.btn--primary:active:not(:disabled){box-shadow:var(--glow-cyan-sm)}.btn--secondary{background:linear-gradient(135deg,var(--accent-amber) 0%,rgba(255,120,0,1) 100%);color:var(--bg-primary);border:none;box-shadow:var(--glow-amber-sm)}.btn--secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-amber-bright) 0%,var(--accent-amber) 100%);box-shadow:var(--glow-amber-md)}.btn--secondary:active:not(:disabled){box-shadow:var(--glow-amber-sm)}.btn--ghost{background:transparent;color:var(--text-secondary);border:none}.btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn--ghost:active:not(:disabled){background:var(--bg-tertiary)}.btn--outline{background:transparent;color:var(--accent-cyan);border:1px solid var(--border-glow-cyan)}.btn--outline:hover:not(:disabled){background:var(--accent-cyan-subtle);border-color:var(--accent-cyan);box-shadow:var(--glow-cyan-sm)}.btn--outline:active:not(:disabled){background:#00f0ff33}.btn--full{width:100%}.btn__icon{display:flex;align-items:center;justify-content:center;font-size:1.1em}.btn__icon--left{margin-left:calc(var(--space-1) * -1)}.btn__icon--right{margin-right:calc(var(--space-1) * -1)}.btn__text{display:flex;align-items:center}.btn__spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:var(--radius-full);animation:spin .6s linear infinite}.btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.glass-panel{position:relative;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-card);overflow:hidden}.glass-panel--default{background:var(--glass-bg)}.glass-panel--elevated{background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.glass-panel--inset{background:#0a0a0f80;box-shadow:inset 0 2px 4px #0000004d}.glass-panel--none .glass-panel__content{padding:0}.glass-panel--sm .glass-panel__content{padding:var(--space-3)}.glass-panel--md .glass-panel__content{padding:var(--space-4)}.glass-panel--lg .glass-panel__content{padding:var(--space-6)}.glass-panel__border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0}.glass-panel--glow-cyan{border-color:var(--border-glow-cyan);box-shadow:var(--shadow-card),var(--glow-cyan-sm)}.glass-panel--glow-cyan .glass-panel__border{background:linear-gradient(135deg,var(--accent-cyan-subtle) 0%,transparent 50%,var(--accent-cyan-subtle) 100%);opacity:.3}.glass-panel--glow-amber{border-color:var(--border-glow-amber);box-shadow:var(--shadow-card),var(--glow-amber-sm)}.glass-panel--glow-amber .glass-panel__border{background:linear-gradient(135deg,var(--accent-amber-subtle) 0%,transparent 50%,var(--accent-amber-subtle) 100%);opacity:.3}.glass-panel__content{position:relative;z-index:1}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--glass-highlight) 20%,rgba(255,255,255,.1) 50%,var(--glass-highlight) 80%,transparent 100%);pointer-events:none}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;vertical-align:middle}.icon svg{display:block;width:100%;height:100%}.icon--xs{width:12px;height:12px}.icon--sm{width:16px;height:16px}.icon--md{width:24px;height:24px}.icon--lg{width:32px;height:32px}.icon--xl{width:48px;height:48px}.icon--muted svg{color:var(--text-muted, #6b7280)}.icon--primary svg{color:var(--color-primary, #3b82f6)}.icon--success svg{color:var(--color-success, #10b981)}.icon--warning svg{color:var(--color-warning, #f59e0b)}.icon--error svg{color:var(--color-error, #ef4444)}.icon--lifetime svg{color:var(--color-lifetime, #fbbf24)}.icon--logo-saturn svg{color:var(--color-primary, #6366f1)}.icon--spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon--interactive{cursor:pointer;transition:opacity .15s ease,transform .15s ease}.icon--interactive:hover{opacity:.8;transform:scale(1.1)}.api-key-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.api-key-modal{width:100%;max-width:480px}.api-key-modal__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.api-key-modal__icon{font-size:1.5rem;filter:drop-shadow(0 0 8px var(--cyan-glow))}.api-key-modal__title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.api-key-modal__description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-6);line-height:1.6}.api-key-modal__form{display:flex;flex-direction:column;gap:var(--space-4)}.api-key-modal__field{display:flex;flex-direction:column;gap:var(--space-2)}.api-key-modal__label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.api-key-modal__input-wrapper{position:relative;display:flex;align-items:center}.api-key-modal__input{width:100%;padding:var(--space-3);padding-right:var(--space-10);font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.api-key-modal__input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow)}.api-key-modal__input::placeholder{color:var(--text-muted)}.api-key-modal__toggle-visibility{position:absolute;right:var(--space-2);padding:var(--space-1);background:transparent;border:none;font-size:1rem;cursor:pointer;opacity:.6;transition:opacity var(--duration-fast) var(--ease-default)}.api-key-modal__toggle-visibility:hover{opacity:1}.api-key-modal__hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin:0}.api-key-modal__link{color:var(--cyan);text-decoration:none;transition:opacity var(--duration-fast) var(--ease-default)}.api-key-modal__link:hover{opacity:.8;text-decoration:underline}.api-key-modal__error{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--amber);margin:0;padding:var(--space-2) var(--space-3);background:#ff95001a;border-radius:var(--radius-sm);border:1px solid rgba(255,149,0,.2)}.api-key-modal__actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--glass-border)}.api-key-modal__actions-right{display:flex;gap:var(--space-3);margin-left:auto}@media(max-width:480px){.api-key-modal__actions{flex-direction:column}.api-key-modal__actions-right{width:100%;justify-content:flex-end}}.generate-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:#ffffff05;color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.6px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.generate-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary);box-shadow:0 0 0 3px #00f0ff14}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.generate-btn__icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.generate-btn__spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:generate-btn-spin .9s linear infinite}@keyframes generate-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.elevenlabs-api-key-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.elevenlabs-api-key-modal{width:100%;max-width:480px}.elevenlabs-api-key-modal__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.elevenlabs-api-key-modal__icon{font-size:1.5rem;color:var(--purple, #a855f7);filter:drop-shadow(0 0 8px rgba(168,85,247,.4))}.elevenlabs-api-key-modal__title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--purple, #a855f7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.elevenlabs-api-key-modal__description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-6);line-height:1.6}.elevenlabs-api-key-modal__form{display:flex;flex-direction:column;gap:var(--space-4)}.elevenlabs-api-key-modal__field{display:flex;flex-direction:column;gap:var(--space-2)}.elevenlabs-api-key-modal__label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.elevenlabs-api-key-modal__input-wrapper{position:relative;display:flex;align-items:center}.elevenlabs-api-key-modal__input{width:100%;padding:var(--space-3);padding-right:var(--space-10);font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.elevenlabs-api-key-modal__input:focus{outline:none;border-color:var(--purple, #a855f7);box-shadow:0 0 0 3px #a855f733}.elevenlabs-api-key-modal__input::placeholder{color:var(--text-muted)}.elevenlabs-api-key-modal__toggle-visibility{position:absolute;right:var(--space-2);padding:var(--space-1);background:transparent;border:none;font-size:1rem;cursor:pointer;opacity:.6;transition:opacity var(--duration-fast) var(--ease-default);color:var(--text-secondary)}.elevenlabs-api-key-modal__toggle-visibility:hover{opacity:1}.elevenlabs-api-key-modal__hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin:0}.elevenlabs-api-key-modal__link{color:var(--purple, #a855f7);text-decoration:none;transition:opacity var(--duration-fast) var(--ease-default)}.elevenlabs-api-key-modal__link:hover{opacity:.8;text-decoration:underline}.elevenlabs-api-key-modal__error{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--amber);margin:0;padding:var(--space-2) var(--space-3);background:#ff95001a;border-radius:var(--radius-sm);border:1px solid rgba(255,149,0,.2)}.elevenlabs-api-key-modal__actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--glass-border)}.elevenlabs-api-key-modal__actions-right{display:flex;gap:var(--space-3);margin-left:auto}@media(max-width:480px){.elevenlabs-api-key-modal__actions{flex-direction:column}.elevenlabs-api-key-modal__actions-right{width:100%;justify-content:flex-end}}.profile-dropdown{position:relative}.profile-dropdown__trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.profile-dropdown__trigger:hover{background:var(--glass-bg);border-color:var(--glass-border)}.profile-dropdown__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--cyan-dim) 0%,var(--bg-tertiary) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--cyan);overflow:hidden;border:1px solid var(--glass-border);box-sizing:border-box;flex-shrink:0}.profile-dropdown__avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-dropdown__chevron{font-size:10px;color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-default)}.profile-dropdown__menu{position:absolute;top:calc(100% + var(--space-2));right:0;width:280px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006,0 0 20px var(--cyan-glow);overflow:hidden;z-index:100}.profile-dropdown__header{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--glass-bg)}.profile-dropdown__header-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--cyan-dim) 0%,var(--bg-tertiary) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--cyan);overflow:hidden;border:2px solid var(--cyan);flex-shrink:0;box-sizing:border-box}.profile-dropdown__header-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-dropdown__header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-dropdown__name{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--text-primary);background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color var(--duration-fast) var(--ease-default)}.profile-dropdown__name:hover{color:var(--cyan)}.profile-dropdown__title{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color var(--duration-fast) var(--ease-default)}.profile-dropdown__title:hover{color:var(--text-secondary)}.profile-dropdown__edit-icon{font-size:10px;opacity:0;transition:opacity var(--duration-fast) var(--ease-default)}.profile-dropdown__name:hover .profile-dropdown__edit-icon,.profile-dropdown__title:hover .profile-dropdown__edit-icon{opacity:.6}.profile-dropdown__email{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown__edit-input{width:100%;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--cyan);border-radius:var(--radius-sm);padding:2px var(--space-2);outline:none}.profile-dropdown__edit-input--small{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400}.profile-dropdown__divider{height:1px;background:var(--glass-border)}.profile-dropdown__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);text-align:left}.profile-dropdown__item:hover{background:var(--glass-bg)}.profile-dropdown__item--danger:hover{background:#ff64641a}.profile-dropdown__item-icon{font-size:1rem;flex-shrink:0}.profile-dropdown__item-label{flex:1;font-family:var(--font-base);font-size:var(--text-sm);color:var(--text-primary)}.profile-dropdown__item--danger .profile-dropdown__item-label{color:var(--amber)}.profile-dropdown__item-status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);padding:2px var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.profile-dropdown__item-status--set{color:var(--cyan);background:#00f0ff1a}@media(max-width:480px){.profile-dropdown__menu{width:calc(100vw - var(--space-8));right:calc(-1 * var(--space-2))}}.freemium-message{padding:var(--space-5);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:480px}.freemium-message__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.freemium-message__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--accent-cyan-subtle);color:var(--accent-cyan);border-radius:var(--radius-lg);flex-shrink:0}.freemium-message__headline{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.freemium-message__subhead{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-3);line-height:1.5}.freemium-message__core-copy{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-4);line-height:1.6}.freemium-message__credits-info{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-4);color:var(--text-secondary)}.freemium-message__credits-info p{font-size:var(--text-xs);margin:0;line-height:1.5}.freemium-message__credits-info .icon{flex-shrink:0;margin-top:2px}.freemium-message__trust-line{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-success);margin:0}.freemium-message--compact{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.freemium-message--compact .freemium-message__icon{width:40px;height:40px}.freemium-message--compact .freemium-message__content{flex:1}.freemium-message--compact .freemium-message__headline{font-size:var(--text-base);margin-bottom:var(--space-1)}.freemium-message--compact .freemium-message__subhead{font-size:var(--text-xs);margin:0}.freemium-message--inline{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#00d68f1a;border:none;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-success)}@media(max-width:480px){.freemium-message{padding:var(--space-4)}.freemium-message__header{flex-direction:column;text-align:center;gap:var(--space-2)}.freemium-message__subhead,.freemium-message__core-copy{text-align:center}.freemium-message__credits-info{flex-direction:column;text-align:center}.freemium-message__trust-line{justify-content:center}.freemium-message--compact{flex-direction:column;text-align:center}}.voice-suggestion-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.voice-suggestion-modal{width:100%;max-width:640px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.voice-suggestion-modal>.glass-panel{display:flex;flex-direction:column;max-height:100%;overflow:hidden}.voice-suggestion-modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-shrink:0}.voice-suggestion-modal__title-row{display:flex;align-items:center;gap:var(--space-3)}.voice-suggestion-modal__icon{color:var(--purple, #a855f7);filter:drop-shadow(0 0 8px rgba(168,85,247,.4))}.voice-suggestion-modal__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--purple, #a855f7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.voice-suggestion-modal__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.voice-suggestion-modal__close{padding:var(--space-1);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-default)}.voice-suggestion-modal__close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.voice-suggestion-modal__criteria{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background:#a855f71a;border-radius:var(--radius-sm);flex-shrink:0}.voice-suggestion-modal__criteria-label{font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono)}.voice-suggestion-modal__criteria-tag{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--purple, #a855f7);background:#a855f733;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-transform:capitalize}.voice-suggestion-modal__list{display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;flex:1;min-height:0;padding-right:var(--space-2);margin-right:calc(var(--space-2) * -1)}.voice-suggestion-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-muted)}.voice-card{position:relative;padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.voice-card:hover{border-color:#a855f766;background:#a855f70d}.voice-card--selected{border-color:var(--purple, #a855f7);background:#a855f71a;box-shadow:0 0 0 2px #a855f733}.voice-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.voice-card__name-row{display:flex;align-items:center;gap:var(--space-2)}.voice-card__name{font-weight:600;color:var(--text-primary)}.voice-card__score{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--purple, #a855f7);background:#a855f733;padding:2px 6px;border-radius:var(--radius-xs)}.voice-card__category{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.voice-card__description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.voice-card__match-reason{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--purple, #a855f7);margin-bottom:var(--space-2)}.voice-card__labels{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.voice-card__label{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-xs);text-transform:capitalize}.voice-card__preview-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);margin-bottom:var(--space-2)}.voice-card__preview-btn:hover{color:var(--text-primary);border-color:var(--purple, #a855f7)}.voice-card__preview-btn--playing{color:var(--purple, #a855f7);border-color:var(--purple, #a855f7);background:#a855f71a}.voice-card__settings{display:flex;gap:var(--space-3)}.voice-card__setting{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}.voice-card__selected-badge{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--purple, #a855f7);background:#a855f733;padding:2px 8px;border-radius:var(--radius-sm)}.voice-suggestion-modal__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--glass-border);flex-shrink:0}.voice-suggestion-modal__count{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}.voice-suggestion-modal__actions{display:flex;gap:var(--space-3)}@media(max-width:640px){.voice-suggestion-modal{max-height:90vh}.voice-suggestion-modal__footer{flex-direction:column;gap:var(--space-3)}.voice-suggestion-modal__actions{width:100%;justify-content:flex-end}}.voice-suggestion-button{display:inline-flex;align-items:center;gap:var(--space-2)}.voice-suggestion-button__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--purple, #a855f7);background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);white-space:nowrap}.voice-suggestion-button__btn:hover:not(:disabled){background:#a855f733;border-color:#a855f780;box-shadow:0 0 8px #a855f733}.voice-suggestion-button__btn:active:not(:disabled){transform:scale(.98)}.voice-suggestion-button__btn--disabled{opacity:.4;cursor:not-allowed;color:var(--text-muted);background:#ffffff0d;border-color:var(--glass-border)}.voice-suggestion-button__btn--disabled:hover{background:#ffffff0d;border-color:var(--glass-border);box-shadow:none}.voice-suggestion-button__btn--loading{pointer-events:none}.voice-suggestion-button__spinner{width:12px;height:12px;border:2px solid transparent;border-top-color:var(--purple, #a855f7);border-radius:50%;animation:voice-btn-spin .8s linear infinite}@keyframes voice-btn-spin{to{transform:rotate(360deg)}}.voice-suggestion-button__error{display:inline-flex;align-items:center;justify-content:center;color:var(--amber);cursor:help}.voice-suggestion-button__btn[title]{position:relative}.public-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-12) var(--space-8);margin-top:auto}.public-footer__container{max-width:1200px;margin:0 auto}.public-footer__brand{margin-bottom:var(--space-8);text-align:center}.public-footer__logo{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:.1em;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.public-footer__tagline{color:var(--text-muted);font-size:var(--text-sm);margin:var(--space-2) 0 0}.public-footer__links{display:flex;justify-content:center;gap:var(--space-16);flex-wrap:wrap;margin-bottom:var(--space-8)}.public-footer__section{display:flex;flex-direction:column;gap:var(--space-2)}.public-footer__section h4{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin:0 0 var(--space-3)}.public-footer__section a{color:var(--text-muted);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.public-footer__section a:hover{color:var(--accent-cyan)}.public-footer__bottom{padding-top:var(--space-8);border-top:1px solid var(--border-color);text-align:center}.public-footer__bottom p{color:var(--text-disabled);font-size:var(--text-xs);margin:0}@media(max-width:640px){.public-footer{padding:var(--space-8) var(--space-4)}.public-footer__links{flex-direction:column;align-items:center;gap:var(--space-8)}.public-footer__section{align-items:center;text-align:center}}.login-prompt-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-prompt-modal{position:relative;width:100%;max-width:420px;padding:2rem 2rem 1rem;background:linear-gradient(145deg,#1e2030fa,#141623fa);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 60px #00f0ff1a}.login-prompt-modal__glow{position:absolute;top:-100px;right:-100px;width:200px;height:200px;background:radial-gradient(circle,rgba(0,240,255,.15) 0%,transparent 70%);pointer-events:none}.login-prompt-modal__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.login-prompt-modal__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#00f0ff33,#00f0ff1a);border:1px solid rgba(0,240,255,.3);border-radius:14px;color:var(--color-cyan, #00f0ff)}.login-prompt-modal__title{margin:0;font-size:1.375rem;font-weight:600;color:var(--color-text-primary, #f0f0f0);line-height:1.3}.login-prompt-modal__body{margin:0 0 1.5rem;font-size:.9375rem;color:var(--color-text-secondary, #a0a0a0);line-height:1.6}.login-prompt-modal__benefits{list-style:none;margin:0 0 1.5rem;padding:1rem;background:#00f0ff0d;border-radius:10px;border:1px solid rgba(0,240,255,.1)}.login-prompt-modal__benefits li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.875rem;color:var(--color-text-primary, #f0f0f0)}.login-prompt-modal__benefits li:first-child{padding-top:0}.login-prompt-modal__benefits li:last-child{padding-bottom:0}.login-prompt-modal__benefits svg{color:var(--color-cyan, #00f0ff);flex-shrink:0}.login-prompt-modal__actions{display:flex;flex-direction:column;gap:.75rem}.login-prompt-modal__btn--ghost{width:100%;padding:.75rem;background:transparent;border:none;font-size:.875rem;color:var(--color-text-secondary, #a0a0a0);cursor:pointer;transition:color .2s ease}.login-prompt-modal__btn--ghost:hover{color:var(--color-text-primary, #f0f0f0)}.login-prompt-modal__close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:none;border-radius:8px;color:var(--color-text-secondary, #a0a0a0);cursor:pointer;transition:all .2s ease}.login-prompt-modal__close:hover{background:#ffffff1a;color:var(--color-text-primary, #f0f0f0)}@media(prefers-reduced-motion:reduce){.login-prompt-modal__btn--ghost:hover,.login-prompt-modal__close:hover{transition:none}}@media(max-width:480px){.login-prompt-modal{padding:1.5rem;margin:.5rem;max-width:calc(100% - 1rem)}.login-prompt-modal__header{flex-direction:column;text-align:center}.login-prompt-modal__title{font-size:1.25rem}.login-prompt-modal__body{text-align:center}}.limit-upgrade-prompt__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.limit-upgrade-prompt{width:100%;max-width:420px}.limit-upgrade-prompt__panel{position:relative;text-align:center}.limit-upgrade-prompt__close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.limit-upgrade-prompt__close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.limit-upgrade-prompt__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--accent-amber) 0%,var(--accent-warning) 100%);border-radius:50%;color:var(--bg-primary)}.limit-upgrade-prompt__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.limit-upgrade-prompt__message{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-5)}.limit-upgrade-prompt__message strong{color:var(--accent-amber);font-weight:600}.limit-upgrade-prompt__features{list-style:none;padding:0;margin:0 0 var(--space-5);text-align:left}.limit-upgrade-prompt__features li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:.875rem;color:var(--text-secondary)}.limit-upgrade-prompt__features li svg{color:var(--accent-success);flex-shrink:0}.limit-upgrade-prompt__actions{display:flex;gap:var(--space-3);justify-content:center}.limit-upgrade-prompt__actions a{text-decoration:none}.limit-upgrade-prompt__hint{margin-top:var(--space-4);font-size:.75rem;color:var(--text-muted)}@media(max-width:480px){.limit-upgrade-prompt{max-width:100%}.limit-upgrade-prompt__actions{flex-direction:column}.limit-upgrade-prompt__actions>*{width:100%}}.feedback-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.feedback-modal{position:relative;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:480px;padding:var(--space-6);box-shadow:0 24px 48px #0006}.feedback-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color .2s,background .2s}.feedback-modal__close:hover{color:var(--text-primary);background:var(--glass-bg)}.feedback-modal__title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.feedback-modal__subtitle{color:var(--text-secondary);margin:0 0 var(--space-5) 0}.feedback-modal__type-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-5)}.feedback-modal__type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.feedback-modal__type-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.feedback-modal__type-btn--active{background:var(--cyan-alpha);border-color:var(--cyan);color:var(--cyan)}.feedback-modal__type-btn--active:hover{background:var(--cyan-alpha);color:var(--cyan)}.feedback-modal__field{margin-bottom:var(--space-4)}.feedback-modal__label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2)}.feedback-modal__input,.feedback-modal__textarea{width:100%;padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:inherit;transition:border-color .2s}.feedback-modal__input:focus,.feedback-modal__textarea:focus{outline:none;border-color:var(--cyan)}.feedback-modal__input::placeholder,.feedback-modal__textarea::placeholder{color:var(--text-muted)}.feedback-modal__textarea{resize:vertical;min-height:100px}.feedback-modal__error{padding:var(--space-3);background:#ff52521a;border:1px solid rgba(255,82,82,.3);border-radius:var(--radius-md);color:#ff5252;font-size:.875rem;margin-bottom:var(--space-4)}.feedback-modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5)}.feedback-modal__btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.feedback-modal__btn:disabled{opacity:.5;cursor:not-allowed}.feedback-modal__btn--secondary{background:none;border:1px solid var(--glass-border);color:var(--text-secondary)}.feedback-modal__btn--secondary:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary)}.feedback-modal__btn--primary{background:var(--cyan);border:none;color:var(--bg-primary)}.feedback-modal__btn--primary:hover:not(:disabled){filter:brightness(1.1)}.feedback-modal__success{text-align:center;padding:var(--space-6) 0}.feedback-modal__success svg{color:var(--cyan);margin-bottom:var(--space-4)}.feedback-modal__success h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.feedback-modal__success p{color:var(--text-secondary);margin:0}.feedback-button{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s,background .2s}.feedback-button--header{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.875rem}.feedback-button--header:hover{color:var(--text-primary);background:var(--glass-bg)}.feedback-button__label{font-weight:500}.feedback-button--floating{position:fixed;bottom:var(--space-6);right:var(--space-6);width:48px;height:48px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);justify-content:center;box-shadow:0 4px 12px #0000004d;z-index:100}.feedback-button--floating:hover{color:var(--cyan);background:var(--bg-elevated);transform:scale(1.05)}@media(max-width:1200px){.feedback-button__label{display:none}.feedback-button--header{padding:var(--space-2);border-radius:var(--radius-sm)}}.entity-card{position:relative;width:280px;aspect-ratio:2.5 / 3.5;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);border:2px solid var(--glass-border);cursor:pointer;overflow:hidden;box-shadow:var(--shadow-card);transition:box-shadow var(--duration-normal) var(--ease-default)}.entity-card:focus{outline:none}.entity-card:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.entity-card__glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;pointer-events:none;z-index:0}.entity-card--cyan{border-color:#00f0ff40}.entity-card--cyan .entity-card__glow{background:conic-gradient(from 180deg,transparent 0deg,var(--accent-cyan-subtle) 60deg,var(--accent-cyan-dim) 120deg,var(--accent-cyan-subtle) 180deg,transparent 240deg,var(--accent-cyan-subtle) 300deg,transparent 360deg);filter:blur(8px)}.entity-card--cyan:hover{border-color:#00f0ff80;box-shadow:var(--shadow-card-hover),var(--glow-cyan-md),0 0 60px var(--accent-cyan-subtle)}.entity-card--amber{border-color:#ff950040}.entity-card--amber .entity-card__glow{background:conic-gradient(from 180deg,transparent 0deg,var(--accent-amber-subtle) 60deg,var(--accent-amber-dim) 120deg,var(--accent-amber-subtle) 180deg,transparent 240deg,var(--accent-amber-subtle) 300deg,transparent 360deg);filter:blur(8px)}.entity-card--amber:hover{border-color:#ff950080;box-shadow:var(--shadow-card-hover),var(--glow-amber-md),0 0 60px var(--accent-amber-subtle)}.entity-card__highlight{position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 20%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 80%,transparent 100%);pointer-events:none;z-index:10}.entity-card__inner{position:relative;display:flex;flex-direction:column;height:100%;padding:var(--space-3);z-index:1}.entity-card__badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--glass-border);width:fit-content;margin-bottom:var(--space-2)}.entity-card--cyan .entity-card__badge{background:#00f0ff14;border-color:#00f0ff26}.entity-card--amber .entity-card__badge{background:#ff950014;border-color:#ff950026}.entity-card__badge-icon{font-size:var(--text-xs);opacity:.8}.entity-card--cyan .entity-card__badge-icon{color:var(--accent-cyan)}.entity-card--amber .entity-card__badge-icon{color:var(--accent-amber)}.entity-card__badge-text{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.entity-card__tier{position:absolute;top:var(--space-3);right:var(--space-3);z-index:5;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--duration-fast) var(--ease-default)}.entity-card__tier-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.5px}.entity-card__tier--a{background:#ffd70026;border-color:#ffd70066;box-shadow:0 0 8px #ffd70033}.entity-card__tier--a .entity-card__tier-label{color:gold;text-shadow:0 0 4px rgba(255,215,0,.5)}.entity-card:hover .entity-card__tier--a{box-shadow:0 0 12px #ffd70066;border-color:#ffd70099}.entity-card__tier--b{background:var(--bg-tertiary);border-color:var(--glass-border)}.entity-card__tier--b .entity-card__tier-label{color:var(--text-secondary)}.entity-card__tier--c{background:#6464641a;border-color:#64646433;opacity:.6}.entity-card__tier--c .entity-card__tier-label{color:var(--text-muted)}.entity-card:hover .entity-card__tier--c{opacity:.8}.entity-card__image-container{position:relative;flex:1;min-height:0;background:var(--bg-void);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--glass-border)}.entity-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.entity-card:hover .entity-card__image{transform:scale(1.05)}.entity-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.4) 100%);pointer-events:none}.entity-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.entity-card__placeholder-icon{font-size:3rem;opacity:.15}.entity-card--cyan .entity-card__placeholder-icon{color:var(--accent-cyan)}.entity-card--amber .entity-card__placeholder-icon{color:var(--accent-amber)}.entity-card__info{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--glass-border)}.entity-card__name{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0;line-height:var(--leading-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-card__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-card__details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle)}.entity-card__detail{display:flex;flex-direction:column;gap:2px}.entity-card__detail-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.entity-card__detail-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-card--cyan .entity-card__detail-value{color:var(--accent-cyan-dim)}.entity-card--amber .entity-card__detail-value{color:var(--accent-amber-dim)}.entity-card--character .entity-card__image-container{border-color:#00f0ff1a}.entity-card--location .entity-card__image-container{border-color:#ff95001a}.entity-card--event .entity-card__image-container{border-color:#00f0ff1a}.entity-card--shot .entity-card__image-container{border-color:#ff95001a;aspect-ratio:16 / 9}@media(max-width:640px){.entity-card{width:100%;max-width:300px}}@media(prefers-reduced-motion:reduce){.entity-card:hover .entity-card__image{transform:none}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none}.onboarding-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0fd9;pointer-events:auto}.onboarding-overlay__spotlight{position:absolute;background:transparent;border-radius:var(--radius-lg);box-shadow:0 0 0 9999px #0a0a0fd9,0 0 32px 8px #00f0ff4d,inset 0 0 0 2px #00f0ff66;transition:all .3s ease;pointer-events:none}.onboarding-overlay__tooltip{position:fixed;width:360px;max-width:calc(100vw - 32px);background:linear-gradient(135deg,#14141efa,#0f0f19fa);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-5);pointer-events:auto;overflow:hidden}.onboarding-overlay__tooltip--center{width:420px;text-align:center}.onboarding-overlay__glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(0,240,255,.08) 0%,transparent 50%);pointer-events:none}.onboarding-overlay__close{position:absolute;top:var(--space-3);right:var(--space-3);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.onboarding-overlay__close:hover{background:#ffffff1a;color:var(--text-primary)}.onboarding-overlay__progress{height:3px;background:#ffffff1a;border-radius:var(--radius-full);margin-bottom:var(--space-4);overflow:hidden}.onboarding-overlay__progress-fill{height:100%;background:linear-gradient(90deg,var(--cyan) 0%,var(--cyan-light) 100%);border-radius:var(--radius-full);transition:width .3s ease}.onboarding-overlay__step-indicator{font-size:var(--text-xs);color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.onboarding-overlay__content{margin-bottom:var(--space-5)}.onboarding-overlay__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.onboarding-overlay__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.onboarding-overlay__tooltip--center .onboarding-overlay__title{font-size:var(--text-xl)}.onboarding-overlay__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.onboarding-overlay__tooltip--center .onboarding-overlay__actions{justify-content:center}.onboarding-overlay__skip{padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:color .2s ease}.onboarding-overlay__skip:hover{color:var(--text-secondary)}.onboarding-overlay__dismiss{display:block;width:100%;margin-top:var(--space-4);padding:0;background:none;border:none;color:var(--text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:color .2s ease}.onboarding-overlay__dismiss:hover{color:var(--text-secondary)}@media(max-width:480px){.onboarding-overlay__tooltip{width:calc(100vw - 32px);max-width:none;left:16px!important;right:16px;transform:none!important}.onboarding-overlay__tooltip--center{top:50%!important;transform:translateY(-50%)!important}}.onboarding-overlay__tooltip:before{content:"";position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#14141efa,#0f0f19fa);border:1px solid rgba(255,255,255,.1);transform:rotate(45deg);display:none}.onboarding-overlay__tooltip--center:before{display:none}.onboarding-trigger--minimal{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease;width:100%;text-align:left}.onboarding-trigger--minimal:hover{background:#ffffff0d;color:var(--text-primary)}.onboarding-prompt{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,#00f0ff14,#00f0ff05);border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.onboarding-prompt__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00f0ff1a;border-radius:var(--radius-full);color:var(--cyan)}.onboarding-prompt__content{flex:1;min-width:0}.onboarding-prompt__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.onboarding-prompt__description{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.5}.onboarding-prompt__actions{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end}.onboarding-prompt__dismiss{padding:0;background:none;border:none;color:var(--text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:color .2s ease}.onboarding-prompt__dismiss:hover{color:var(--text-secondary)}@media(max-width:480px){.onboarding-prompt{flex-direction:column;text-align:center}.onboarding-prompt__icon{margin:0 auto}.onboarding-prompt__actions{width:100%;flex-direction:row;justify-content:center;gap:var(--space-3)}}.image-uploader{display:flex;flex-direction:column;gap:var(--space-4)}.image-uploader__input{display:none}.image-uploader__dropzone{display:flex;align-items:center;justify-content:center;min-height:180px;padding:var(--space-6);background:var(--bg-tertiary);border:2px dashed var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.image-uploader__dropzone:hover{background:var(--bg-hover);border-color:var(--border-color)}.image-uploader--cyan .image-uploader__dropzone--active,.image-uploader--cyan .image-uploader__dropzone:hover{border-color:var(--accent-cyan-dim);background:#00f0ff0d}.image-uploader--amber .image-uploader__dropzone--active,.image-uploader--amber .image-uploader__dropzone:hover{border-color:var(--accent-amber-dim);background:#ff95000d}.image-uploader__dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.image-uploader__icon{color:var(--text-muted);transition:color var(--transition-fast)}.image-uploader__dropzone:hover .image-uploader__icon{color:var(--text-secondary)}.image-uploader--cyan .image-uploader__dropzone--active .image-uploader__icon{color:var(--accent-cyan)}.image-uploader--amber .image-uploader__dropzone--active .image-uploader__icon{color:var(--accent-amber)}.image-uploader__text{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.image-uploader__hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.image-uploader__progress{position:relative;height:24px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.image-uploader__progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-cyan-bright));transition:width .2s ease-out}.image-uploader--amber .image-uploader__progress-bar{background:linear-gradient(90deg,var(--accent-amber),var(--accent-amber-bright))}.image-uploader__progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-primary)}.image-uploader__error{padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-error);background:#ff3d711a;border:1px solid rgba(255,61,113,.3);border-radius:var(--radius-md)}.image-uploader__previews{display:flex;flex-direction:column;gap:var(--space-4)}.image-uploader__previews--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.image-uploader__preview{display:flex;flex-direction:column;gap:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden}.image-uploader__preview-image-wrapper{position:relative;aspect-ratio:16 / 10;background:var(--bg-void)}.image-uploader__preview-image{width:100%;height:100%;object-fit:cover}.image-uploader__preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009}.image-uploader__spinner{width:24px;height:24px;border:2px solid var(--glass-border);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}.image-uploader--amber .image-uploader__spinner{border-top-color:var(--accent-amber)}.image-uploader__preview-remove{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#000000b3;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.image-uploader__preview:hover .image-uploader__preview-remove{opacity:1}.image-uploader__preview-remove:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.image-uploader__preview-meta{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);padding-top:0}.image-uploader__meta-input{width:100%;padding:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.image-uploader__meta-input:focus{outline:none;border-color:var(--accent-cyan)}.image-uploader--amber .image-uploader__meta-input:focus{border-color:var(--accent-amber)}.image-uploader__meta-input::placeholder{color:var(--text-muted)}.image-uploader__meta-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.image-uploader__previews:not(.image-uploader__previews--grid) .image-uploader__preview{max-width:100%}.image-uploader__previews:not(.image-uploader__previews--grid) .image-uploader__preview-image-wrapper{aspect-ratio:auto;max-height:300px}.image-uploader__previews:not(.image-uploader__previews--grid) .image-uploader__preview-image{max-height:300px;object-fit:contain}@media(max-width:640px){.image-uploader__dropzone{min-height:140px;padding:var(--space-4)}.image-uploader__previews--grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-uploader__meta-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.image-uploader__spinner{animation:none}}.entity-linker{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.entity-linker__label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.entity-linker__icon{font-size:var(--text-xs);opacity:.6}.entity-linker--cyan .entity-linker__icon{color:var(--accent-cyan)}.entity-linker--amber .entity-linker__icon{color:var(--accent-amber)}.entity-linker__selected{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.entity-linker__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.entity-linker--cyan .entity-linker__badge{background:#00f0ff1a;border-color:#00f0ff33}.entity-linker--amber .entity-linker__badge{background:#ff95001a;border-color:#ff950033}.entity-linker__badge-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-linker__badge-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:2px;transition:all var(--transition-fast)}.entity-linker__badge-remove:hover{color:var(--color-error);background:#ff3d711a}.entity-linker__add-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);background:transparent;border:1px dashed var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.entity-linker__add-btn:hover{color:var(--text-secondary);border-color:var(--border-color);background:var(--bg-secondary)}.entity-linker--cyan .entity-linker__add-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan-dim)}.entity-linker--amber .entity-linker__add-btn:hover{color:var(--accent-amber);border-color:var(--accent-amber-dim)}.entity-linker__dropdown{position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown);margin-top:var(--space-2);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.entity-linker__search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--glass-border)}.entity-linker__search-icon{color:var(--text-muted);flex-shrink:0}.entity-linker__search-input{flex:1;padding:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:transparent;border:none;outline:none}.entity-linker__search-input::placeholder{color:var(--text-muted)}.entity-linker__options{max-height:240px;overflow-y:auto}.entity-linker__options::-webkit-scrollbar{width:6px}.entity-linker__options::-webkit-scrollbar-track{background:transparent}.entity-linker__options::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.entity-linker__loading,.entity-linker__empty{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.entity-linker__option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);background:transparent;border:none;cursor:pointer;text-align:left;transition:all var(--transition-fast)}.entity-linker__option:hover{background:var(--bg-hover);color:var(--text-primary)}.entity-linker__option--selected{background:var(--bg-tertiary);color:var(--text-primary)}.entity-linker--cyan .entity-linker__option--selected{background:#00f0ff14}.entity-linker--amber .entity-linker__option--selected{background:#ff950014}.entity-linker__checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:3px;flex-shrink:0}.entity-linker__option--selected .entity-linker__checkbox{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-primary)}.entity-linker--amber .entity-linker__option--selected .entity-linker__checkbox{background:var(--accent-amber);border-color:var(--accent-amber)}.entity-linker__option-image{width:28px;height:28px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.entity-linker__option-placeholder{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.entity-linker__option-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.entity-linker__dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:60vh}.entity-linker__options{max-height:calc(60vh - 60px)}}.entity-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.entity-modal{position:relative;z-index:var(--z-modal);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl);overflow:hidden}.entity-modal--cyan{border-color:#00f0ff33;box-shadow:var(--shadow-xl),0 0 40px #00f0ff1a,inset 0 0 60px #00f0ff08}.entity-modal--amber{border-color:#ff950033;box-shadow:var(--shadow-xl),0 0 40px #ff95001a,inset 0 0 60px #ff950008}.entity-modal__highlight{position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 20%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 80%,transparent 100%);pointer-events:none;z-index:10}.entity-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--glass-border);background:var(--bg-secondary)}.entity-modal__title-group{display:flex;flex-direction:column;gap:var(--space-2)}.entity-modal__badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);width:fit-content}.entity-modal__badge--cyan{background:#00f0ff1a;color:var(--accent-cyan);border:1px solid rgba(0,240,255,.2)}.entity-modal__badge--amber{background:#ff95001a;color:var(--accent-amber);border:1px solid rgba(255,149,0,.2)}.entity-modal__title{margin:0;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.entity-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.entity-modal__close:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.entity-modal__close:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.entity-modal__body{flex:1;overflow-y:auto;padding:var(--space-6)}.entity-modal__body::-webkit-scrollbar{width:8px}.entity-modal__body::-webkit-scrollbar-track{background:var(--bg-void)}.entity-modal__body::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.entity-modal__body::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.entity-form{display:flex;flex-direction:column;gap:var(--space-6)}.entity-form__readonly-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(90deg,#ff95001a,#ff95000d);border:1px solid rgba(255,149,0,.2);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-amber)}.entity-form__readonly-icon{font-size:var(--text-lg)}.entity-form--readonly .entity-form__input,.entity-form--readonly .entity-form__textarea,.entity-form--readonly .entity-form__select{opacity:.7;background:var(--bg-secondary);cursor:not-allowed}.entity-form--readonly .entity-form__toggle-input{opacity:.7;cursor:not-allowed}.entity-form--readonly .entity-form__input:disabled,.entity-form--readonly .entity-form__textarea:disabled,.entity-form--readonly .entity-form__select:disabled{color:var(--text-primary)}.entity-form__section{display:flex;flex-direction:column;gap:var(--space-4)}.entity-form__section-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:0;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.entity-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:640px){.entity-form__row{grid-template-columns:1fr}}.entity-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.entity-form__label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.entity-form__label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.entity-form__label--required:after{content:" *";color:var(--color-error)}.entity-form__input,.entity-form__textarea,.entity-form__select{width:100%;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.entity-form__input:focus,.entity-form__textarea:focus,.entity-form__select:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00f0ff1a}.entity-form--amber .entity-form__input:focus,.entity-form--amber .entity-form__textarea:focus,.entity-form--amber .entity-form__select:focus{border-color:var(--accent-amber);box-shadow:0 0 0 3px #ff95001a}.entity-form__input::placeholder,.entity-form__textarea::placeholder{color:var(--text-muted)}.entity-form__textarea{min-height:100px;resize:vertical}.entity-form__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23606070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer}.entity-form__select option{background:var(--bg-primary);color:var(--text-primary)}.entity-form__toggle{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.entity-form__toggle-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:24px;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:all var(--transition-fast)}.entity-form__toggle-input:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.entity-form__toggle-input:checked{background:var(--accent-cyan);border-color:var(--accent-cyan)}.entity-form--amber .entity-form__toggle-input:checked{background:var(--accent-amber);border-color:var(--accent-amber)}.entity-form__toggle-input:checked:before{left:22px;background:#fff}.entity-form__toggle-input:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.entity-form__actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--glass-border);margin-top:var(--space-2)}.entity-form__actions-left,.entity-form__actions-right{display:flex;gap:var(--space-3)}.entity-form__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.entity-form__btn:disabled{opacity:.5;cursor:not-allowed}.entity-form__btn--secondary{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--glass-border)}.entity-form__btn--secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.entity-form__btn--primary{background:var(--accent-cyan);color:var(--bg-primary)}.entity-form__btn--primary:hover:not(:disabled){background:var(--accent-cyan-bright);box-shadow:var(--glow-cyan-sm)}.entity-form--amber .entity-form__btn--primary{background:var(--accent-amber)}.entity-form--amber .entity-form__btn--primary:hover:not(:disabled){background:var(--accent-amber-bright);box-shadow:var(--glow-amber-sm)}.entity-form__btn--danger{background:transparent;color:var(--color-error);border-color:#ff3d714d}.entity-form__btn--danger:hover:not(:disabled){background:#ff3d711a;border-color:var(--color-error)}@media(max-width:640px){.entity-modal-backdrop{padding:0}.entity-modal{max-width:none;max-height:none;height:100%;border-radius:0}.entity-modal__header,.entity-modal__body{padding:var(--space-4)}.entity-form__actions{flex-direction:column}.entity-form__actions-left,.entity-form__actions-right{width:100%}.entity-form__btn{flex:1}}@media(prefers-reduced-motion:reduce){.entity-modal,.entity-modal-backdrop{transition:none}}.entity-form__field--full{grid-column:1 / -1}.entity-form__voice-preview{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-md)}.entity-form__voice-info{display:flex;align-items:center;gap:var(--space-3)}.entity-form__voice-name{font-weight:var(--weight-semibold);color:var(--text-primary)}.entity-form__voice-id{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-xs)}.entity-form__voice-settings{display:flex;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.entity-form__voice-notes{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.4}.entity-form__voice-clear{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);width:fit-content}.entity-form__voice-clear:hover:not(:disabled){color:var(--text-secondary);border-color:var(--text-muted)}.entity-form__voice-clear:disabled{opacity:.5;cursor:not-allowed}.entity-form__voice-empty{font-size:var(--text-sm);color:var(--text-muted);margin:0;padding:var(--space-3);background:var(--bg-tertiary);border:1px dashed var(--glass-border);border-radius:var(--radius-md)}.login-view{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:grid-shift 20s linear infinite}@keyframes grid-shift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.login-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(150px);opacity:.3}.login-glow-1{top:-200px;left:-200px;background:var(--accent-cyan);animation:glow-pulse 8s ease-in-out infinite}.login-glow-2{bottom:-200px;right:-200px;background:var(--accent-amber);animation:glow-pulse 8s ease-in-out infinite 4s}@keyframes glow-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}.login-container{position:relative;z-index:1;width:100%;max-width:420px;padding:var(--space-4)}.login-logo{text-align:center;margin-bottom:var(--space-8)}.login-logo h1{font-family:var(--font-heading);font-size:3rem;font-weight:700;letter-spacing:.3em;margin:0;background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 60px var(--accent-cyan-glow)}.login-logo p{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase}.login-panel{margin-bottom:var(--space-4)}.login-form h2{margin:0 0 var(--space-6);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;text-align:center;color:var(--text-primary)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.form-group input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-primary);transition:all var(--transition-fast)}.form-group input::placeholder{color:var(--text-disabled);opacity:1}.form-group input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-subtle),var(--glow-cyan-sm)}.form-group input:hover:not(:focus){border-color:var(--glass-border)}.login-error,.login-message{padding:var(--space-3);margin-bottom:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.login-error{background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:var(--color-error)}.login-message{background:var(--accent-cyan-subtle);border:1px solid var(--border-glow-cyan);color:var(--accent-cyan)}.login-form .button{margin-top:var(--space-2)}.login-links{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.link-button{background:none;border:none;padding:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast)}.link-button:hover{color:var(--accent-cyan)}.login-footer{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin:0}@media(max-width:480px){.login-container{padding:var(--space-4) var(--space-2)}.login-logo h1{font-size:2.25rem;letter-spacing:.2em}}.landing-view{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.landing-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.landing-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,240,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.02) 1px,transparent 1px);background-size:60px 60px}.landing-glow{position:absolute;border-radius:50%;filter:blur(150px);opacity:.25}.landing-glow-1{width:800px;height:800px;top:-400px;left:-200px;background:var(--accent-cyan);animation:glow-float 15s ease-in-out infinite}.landing-glow-2{width:600px;height:600px;bottom:20%;right:-200px;background:var(--accent-amber);animation:glow-float 12s ease-in-out infinite reverse}.landing-glow-3{width:500px;height:500px;bottom:-200px;left:30%;background:var(--accent-cyan);opacity:.15;animation:glow-float 18s ease-in-out infinite 3s}@keyframes glow-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,20px) scale(1.1)}}.landing-header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);background:#0a0a0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.landing-header__logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.1em;color:var(--text-primary);text-decoration:none}.landing-header__logo svg{color:var(--accent-cyan)}.landing-header__nav{display:flex;align-items:center;gap:var(--space-6)}.landing-header__nav a{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.landing-header__nav a:hover{color:var(--text-primary)}.landing-header__try{padding:var(--space-2) var(--space-4);background:var(--accent-cyan);border:1px solid var(--accent-cyan);border-radius:var(--radius-md);color:var(--bg-primary)!important;font-weight:600}.landing-header__try:hover{background:var(--accent-cyan-bright);box-shadow:0 0 20px #00f0ff4d}.landing-header__login{padding:var(--space-2) var(--space-4);background:var(--accent-cyan-subtle);border:1px solid var(--border-glow-cyan);border-radius:var(--radius-md);color:var(--accent-cyan)!important}.landing-header__login:hover{background:var(--accent-cyan-dim)}.landing-hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-20) var(--space-4);min-height:70vh}.landing-hero__title{font-family:var(--font-heading);font-size:clamp(3rem,10vw,6rem);font-weight:var(--weight-bold);letter-spacing:.2em;margin:0;background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 80px var(--accent-cyan-glow)}.landing-hero__tagline{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:.3em;text-transform:uppercase;color:var(--text-secondary);margin:var(--space-4) 0}.landing-hero__description{font-size:var(--text-lg);color:var(--text-muted);max-width:600px;line-height:1.8;margin:var(--space-6) 0}.landing-hero__cta{display:flex;gap:var(--space-4);margin-top:var(--space-8)}.landing-section__container{max-width:1200px;margin:0 auto;padding:var(--space-20) var(--space-8);position:relative;z-index:1}.landing-section__title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:var(--weight-bold);text-align:center;margin:0 0 var(--space-4);color:var(--text-primary)}.landing-section__subtitle{font-size:var(--text-lg);color:var(--text-muted);text-align:center;max-width:600px;margin:0 auto var(--space-12)}.landing-features{background:linear-gradient(180deg,transparent 0%,rgba(0,240,255,.02) 50%,transparent 100%)}.landing-features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.landing-feature-card{height:100%}.landing-feature-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-cyan-subtle);border:1px solid var(--border-glow-cyan);border-radius:var(--radius-lg);margin-bottom:var(--space-4);color:var(--accent-cyan)}.landing-feature-card h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-2);color:var(--text-primary)}.landing-feature-card p{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6;margin:0}.landing-pricing{background:linear-gradient(180deg,transparent 0%,rgba(255,149,0,.02) 50%,transparent 100%)}.landing-pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);max-width:1000px;margin:0 auto}.landing-pricing-card{display:flex;flex-direction:column;height:100%}.landing-pricing-card--highlighted{transform:scale(1.02)}.landing-pricing-card__header{text-align:center;margin-bottom:var(--space-6)}.landing-pricing-card__header h3{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0 0 var(--space-4);color:var(--text-primary)}.landing-pricing-card__price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-2)}.landing-pricing-card__price .price{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--text-primary)}.landing-pricing-card__price .period{font-size:var(--text-sm);color:var(--text-muted)}.landing-pricing-card__description{font-size:var(--text-sm);color:var(--text-muted);margin:0}.landing-pricing-card__features{list-style:none;padding:0;margin:0 0 var(--space-6);flex:1}.landing-pricing-card__features li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.landing-pricing-card__features li svg{color:var(--accent-cyan);flex-shrink:0}.landing-cta{padding-bottom:0}.landing-cta__panel{text-align:center}.landing-cta__panel h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:0 0 var(--space-4);color:var(--text-primary)}.landing-cta__panel p{font-size:var(--text-base);color:var(--text-muted);margin:0 0 var(--space-6)}@media(max-width:768px){.landing-header{padding:var(--space-3) var(--space-4)}.landing-header__nav{gap:var(--space-4)}.landing-header__nav a:not(.landing-header__login):not(.landing-header__try){display:none}.landing-header__try{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.landing-hero{padding:var(--space-12) var(--space-4);min-height:60vh}.landing-hero__cta{flex-direction:column;width:100%;max-width:300px}.landing-section__container{padding:var(--space-12) var(--space-4)}.landing-features__grid,.landing-pricing__grid{grid-template-columns:1fr}.landing-pricing-card--highlighted{transform:none}}.policy-view{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.policy-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.policy-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,240,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.02) 1px,transparent 1px);background-size:60px 60px}.policy-glow{position:absolute;border-radius:50%;filter:blur(150px);opacity:.15}.policy-glow-1{width:600px;height:600px;top:-200px;right:-100px;background:var(--accent-cyan)}.policy-header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);background:#0a0a0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.policy-header__logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.1em;color:var(--text-primary);text-decoration:none}.policy-header__logo svg{color:var(--accent-cyan)}.policy-header__nav{display:flex;align-items:center;gap:var(--space-6)}.policy-header__nav a{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.policy-header__nav a:hover{color:var(--text-primary)}.policy-header__login{padding:var(--space-2) var(--space-4);background:var(--accent-cyan-subtle);border:1px solid var(--border-glow-cyan);border-radius:var(--radius-md);color:var(--accent-cyan)!important}.policy-header__login:hover{background:var(--accent-cyan-dim)}.policy-main{flex:1;position:relative;z-index:1;padding:var(--space-12) var(--space-4)}.policy-container{max-width:800px;margin:0 auto}.policy-content{background:#0a0a0fb3}.policy-title{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-2);background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--text-primary) 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.policy-updated{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-8)}.policy-body{color:var(--text-secondary);line-height:1.8}.policy-body h2{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);margin:var(--space-8) 0 var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.policy-body h2:first-child{margin-top:0;padding-top:0;border-top:none}.policy-body h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text-primary);margin:var(--space-6) 0 var(--space-3)}.policy-body p{margin:0 0 var(--space-4)}.policy-body ul,.policy-body ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.policy-body li{margin-bottom:var(--space-2)}.policy-body a{color:var(--accent-cyan);text-decoration:none}.policy-body a:hover{text-decoration:underline}.policy-body strong{color:var(--text-primary);font-weight:var(--weight-medium)}.policy-body .policy-contact{margin-top:var(--space-8);padding:var(--space-4);background:var(--surface-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md)}.policy-body .policy-contact p{margin:0}.policy-body .policy-contact a{display:block;margin-top:var(--space-2)}@media(max-width:768px){.policy-header{padding:var(--space-3) var(--space-4)}.policy-header__nav{gap:var(--space-4)}.policy-main{padding:var(--space-6) var(--space-4)}}.projects-view{padding:var(--space-6);min-height:100%;position:relative}.projects-view__header{margin-bottom:var(--space-8);text-align:center}.projects-view__title-group{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2)}.projects-view__icon{font-size:2rem;filter:drop-shadow(0 0 12px var(--cyan-glow))}.projects-view__title{font-family:var(--font-display);font-size:2.5rem;font-weight:600;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-view__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 var(--space-1)}.projects-view__tagline{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin:0;opacity:.7}.projects-view__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);padding-bottom:calc(var(--space-16) + 56px);max-width:1200px;margin:0 auto}.projects-view__card{cursor:pointer}.projects-view__card-inner{position:relative;display:flex;flex-direction:column;min-height:180px;transition:all var(--duration-normal) var(--ease-out)}.projects-view__card-icon{font-size:2.5rem;margin-bottom:var(--space-3);opacity:.8}.projects-view__card-name{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2)}.projects-view__card-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-4);flex:1;line-height:1.5}.projects-view__card-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--glass-border)}.projects-view__card-date{opacity:.7}.projects-view__role{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.projects-view__role--admin{background:#ffd70026;border:1px solid rgba(255,215,0,.4);color:gold;box-shadow:0 0 8px #ffd70033}.projects-view__role--guest{background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);color:var(--cyan)}.projects-view__role--custom{background:#9c88ff1a;border:1px solid rgba(156,136,255,.3);color:#9c88ff}.projects-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-tertiary);gap:var(--space-4)}.projects-view__spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}.projects-view__empty-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8) 0}.projects-view__empty{max-width:480px;text-align:center;padding:var(--space-5)}.projects-view__empty-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.6;filter:drop-shadow(0 0 20px var(--cyan-glow))}.projects-view__empty-icon-folder{display:inline-block}.projects-view__freemium-message{margin-top:var(--space-4)}.projects-view__empty h2{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin:0 0 var(--space-2);padding-bottom:var(--space-5)}.projects-view__empty p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6)}.projects-view__empty-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--bg-primary);background:linear-gradient(135deg,var(--cyan) 0%,var(--cyan-light) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 12px var(--cyan-glow),inset 0 1px #fff3}.projects-view__empty-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--cyan-glow),inset 0 1px #ffffff4d}.projects-view__empty-btn:active{transform:translateY(0)}.projects-view__error-panel{max-width:480px;margin:var(--space-8) auto;text-align:center}.projects-view__error-panel h3{font-family:var(--font-display);color:var(--amber);margin:0 0 var(--space-2)}.projects-view__error-panel p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);margin:0}.projects-view__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.projects-view__modal{width:100%;max-width:480px}.projects-view__modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-6);background:linear-gradient(135deg,var(--text-primary) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:var(--space-6)}.projects-view__modal-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.projects-view__form-group{display:flex;flex-direction:column;gap:var(--space-2)}.projects-view__label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.projects-view__input,.projects-view__textarea{width:100%;padding:var(--space-3);font-family:var(--font-base);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.projects-view__input:focus,.projects-view__textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow)}.projects-view__input::placeholder,.projects-view__textarea::placeholder{color:var(--text-muted)}.projects-view__textarea{resize:vertical;min-height:80px}.projects-view__error{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--amber);margin:0}.projects-view__modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);margin-right:var(--space-2);margin-bottom:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--glass-border)}@media(max-width:768px){.projects-view{padding:var(--space-4)}.projects-view__title{font-size:2rem}.projects-view__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}}@media(max-width:480px){.projects-view__grid{grid-template-columns:1fr}.projects-view__title-group{flex-direction:column;gap:var(--space-2)}}.characters-view{padding:var(--space-6);min-height:100%;position:relative}.characters-view__header{margin-bottom:var(--space-8)}.characters-view__title-group{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.characters-view__icon{font-size:1.5rem;color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan-glow))}.characters-view__title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.characters-view__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);margin:0;padding-left:calc(1.5rem + var(--space-3))}.characters-view__filters{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.characters-view__tier-filters{display:flex;align-items:center;gap:var(--space-2)}.characters-view__filter-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);margin-right:var(--space-1)}.characters-view__tier-btn{padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);opacity:.4;color:var(--text-muted)}.characters-view__tier-btn:hover{opacity:.7}.characters-view__tier-btn--active{opacity:1}.characters-view__tier-btn--a.characters-view__tier-btn--active{background:#ffd70026;border-color:#ffd70066;color:gold;box-shadow:0 0 8px #ffd70033}.characters-view__tier-btn--b.characters-view__tier-btn--active{background:var(--bg-secondary);border-color:var(--cyan);color:var(--text-primary)}.characters-view__tier-btn--c.characters-view__tier-btn--active{background:#64646426;border-color:#6464644d;color:var(--text-secondary)}.characters-view__no-results{text-align:center;padding:var(--space-12);color:var(--text-tertiary)}.characters-view__no-results-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.characters-view__no-results h3{font-family:var(--font-display);color:var(--text-secondary);margin:0 0 var(--space-2)}.characters-view__no-results p{font-family:var(--font-mono);font-size:var(--text-sm);margin:0}.characters-view__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);padding-bottom:calc(var(--space-16) + 80px)}.characters-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-tertiary);gap:var(--space-4)}.characters-view__spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}.characters-view__empty{max-width:480px;margin:var(--space-16) auto;text-align:center}.characters-view__empty-icon{font-size:4rem;color:var(--cyan);filter:drop-shadow(0 0 20px var(--cyan-glow));margin-bottom:var(--space-4);opacity:.6}.characters-view__empty h2{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin:0 0 var(--space-2)}.characters-view__empty p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6);padding:0 var(--space-4);padding-bottom:var(--space-4)}.characters-view__empty-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--bg-primary);background:linear-gradient(135deg,var(--cyan) 0%,var(--cyan-light) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 12px var(--cyan-glow),inset 0 1px #fff3}.characters-view__empty-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--cyan-glow),inset 0 1px #ffffff4d}.characters-view__empty-btn:active{transform:translateY(0)}.characters-view__error{max-width:480px;margin:var(--space-8) auto;text-align:center}.characters-view__error h3{font-family:var(--font-display);color:var(--amber);margin:0 0 var(--space-2)}.characters-view__error p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);margin:0}@media(max-width:768px){.characters-view{padding:var(--space-4)}.characters-view__title{font-size:1.5rem}.characters-view__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}}@media(max-width:480px){.characters-view__grid{grid-template-columns:1fr}}.locations-view{padding:var(--space-6);min-height:100%;position:relative}.locations-view__header{margin-bottom:var(--space-8)}.locations-view__title-group{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.locations-view__icon{font-size:1.5rem;color:var(--amber);filter:drop-shadow(0 0 8px var(--amber-glow))}.locations-view__title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.locations-view__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);margin:0;padding-left:calc(1.5rem + var(--space-3))}.locations-view__filters{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.locations-view__tier-filters{display:flex;align-items:center;gap:var(--space-2)}.locations-view__filter-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);margin-right:var(--space-1)}.locations-view__tier-btn{padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);opacity:.4;color:var(--text-muted)}.locations-view__tier-btn:hover{opacity:.7}.locations-view__tier-btn--active{opacity:1}.locations-view__tier-btn--a.locations-view__tier-btn--active{background:#ffd70026;border-color:#ffd70066;color:gold;box-shadow:0 0 8px #ffd70033}.locations-view__tier-btn--b.locations-view__tier-btn--active{background:var(--bg-secondary);border-color:var(--amber);color:var(--text-primary)}.locations-view__tier-btn--c.locations-view__tier-btn--active{background:#64646426;border-color:#6464644d;color:var(--text-secondary)}.locations-view__no-results{text-align:center;padding:var(--space-12);color:var(--text-tertiary)}.locations-view__no-results-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.locations-view__no-results h3{font-family:var(--font-display);color:var(--text-secondary);margin:0 0 var(--space-2)}.locations-view__no-results p{font-family:var(--font-mono);font-size:var(--text-sm);margin:0}.locations-view__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);padding-bottom:calc(var(--space-16) + 80px)}.locations-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-tertiary);gap:var(--space-4)}.locations-view__spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--amber);border-radius:50%;animation:locations-spin 1s linear infinite}@keyframes locations-spin{to{transform:rotate(360deg)}}.locations-view__empty{max-width:480px;margin:var(--space-16) auto;text-align:center}.locations-view__empty-icon{font-size:4rem;color:var(--amber);filter:drop-shadow(0 0 20px var(--amber-glow));margin-bottom:var(--space-4);opacity:.6}.locations-view__empty h2{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin:0 0 var(--space-2)}.locations-view__empty p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6);padding:0 var(--space-4);padding-bottom:var(--space-4)}.locations-view__empty-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--bg-primary);background:linear-gradient(135deg,var(--amber) 0%,var(--amber-light) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 12px var(--amber-glow),inset 0 1px #fff3}.locations-view__empty-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--amber-glow),inset 0 1px #ffffff4d}.locations-view__empty-btn:active{transform:translateY(0)}.locations-view__error{max-width:480px;margin:var(--space-8) auto;text-align:center}.locations-view__error h3{font-family:var(--font-display);color:var(--amber);margin:0 0 var(--space-2)}.locations-view__error p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);margin:0}@media(max-width:768px){.locations-view{padding:var(--space-4)}.locations-view__title{font-size:1.5rem}.locations-view__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}}@media(max-width:480px){.locations-view__grid{grid-template-columns:1fr}}.events-view{padding:var(--space-6);min-height:100%;position:relative}.events-view__header{margin-bottom:var(--space-8)}.events-view__title-group{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.events-view__icon{font-size:1.5rem;color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan-glow))}.events-view__title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.events-view__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);margin:0;padding-left:calc(1.5rem + var(--space-3))}.events-view__filters{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.events-view__tier-filters{display:flex;align-items:center;gap:var(--space-2)}.events-view__filter-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);margin-right:var(--space-1)}.events-view__tier-btn{padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);opacity:.4;color:var(--text-muted)}.events-view__tier-btn:hover{opacity:.7}.events-view__tier-btn--active{opacity:1}.events-view__tier-btn--a.events-view__tier-btn--active{background:#ffd70026;border-color:#ffd70066;color:gold;box-shadow:0 0 8px #ffd70033}.events-view__tier-btn--b.events-view__tier-btn--active{background:var(--bg-secondary);border-color:var(--cyan);color:var(--text-primary)}.events-view__tier-btn--c.events-view__tier-btn--active{background:#64646426;border-color:#6464644d;color:var(--text-secondary)}.events-view__no-results{text-align:center;padding:var(--space-12);color:var(--text-tertiary)}.events-view__no-results-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.events-view__no-results h3{font-family:var(--font-display);color:var(--text-secondary);margin:0 0 var(--space-2)}.events-view__no-results p{font-family:var(--font-mono);font-size:var(--text-sm);margin:0}.events-view__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);padding-bottom:calc(var(--space-16) + 80px)}.events-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-tertiary);gap:var(--space-4)}.events-view__spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}.events-view__empty{max-width:480px;margin:var(--space-16) auto;text-align:center}.events-view__empty-icon{font-size:4rem;color:var(--cyan);filter:drop-shadow(0 0 20px var(--cyan-glow));margin-bottom:var(--space-4);opacity:.6}.events-view__empty h2{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin:0 0 var(--space-2)}.events-view__empty p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6);padding:0 var(--space-4);padding-bottom:var(--space-4)}.events-view__empty-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--bg-primary);background:linear-gradient(135deg,var(--cyan) 0%,var(--cyan-light) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 12px var(--cyan-glow),inset 0 1px #fff3}.events-view__empty-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--cyan-glow),inset 0 1px #ffffff4d}.events-view__empty-btn:active{transform:translateY(0)}.events-view__error{max-width:480px;margin:var(--space-8) auto;text-align:center}.events-view__error h3{font-family:var(--font-display);color:var(--amber);margin:0 0 var(--space-2)}.events-view__error p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);margin:0}@media(max-width:768px){.events-view{padding:var(--space-4)}.events-view__title{font-size:1.5rem}.events-view__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}}@media(max-width:480px){.events-view__grid{grid-template-columns:1fr}}.shots-view{padding:var(--space-6);min-height:100%;position:relative}.shots-view__header{margin-bottom:var(--space-8)}.shots-view__title-group{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.shots-view__icon{font-size:1.5rem;color:var(--amber);filter:drop-shadow(0 0 8px var(--amber-glow))}.shots-view__title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shots-view__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);margin:0;padding-left:calc(1.5rem + var(--space-3))}.shots-view__filters{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.shots-view__tier-filters{display:flex;align-items:center;gap:var(--space-2)}.shots-view__filter-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);margin-right:var(--space-1)}.shots-view__tier-btn{padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);opacity:.4;color:var(--text-muted)}.shots-view__tier-btn:hover{opacity:.7}.shots-view__tier-btn--active{opacity:1}.shots-view__tier-btn--a.shots-view__tier-btn--active{background:#ffd70026;border-color:#ffd70066;color:gold;box-shadow:0 0 8px #ffd70033}.shots-view__tier-btn--b.shots-view__tier-btn--active{background:var(--bg-secondary);border-color:var(--amber);color:var(--text-primary)}.shots-view__tier-btn--c.shots-view__tier-btn--active{background:#64646426;border-color:#6464644d;color:var(--text-secondary)}.shots-view__no-results{text-align:center;padding:var(--space-12);color:var(--text-tertiary)}.shots-view__no-results-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.shots-view__no-results h3{font-family:var(--font-display);color:var(--text-secondary);margin:0 0 var(--space-2)}.shots-view__no-results p{font-family:var(--font-mono);font-size:var(--text-sm);margin:0}.shots-view__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);padding-bottom:calc(var(--space-16) + 80px)}.shots-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-tertiary);gap:var(--space-4)}.shots-view__spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--amber);border-radius:50%;animation:spin 1s linear infinite}.shots-view__empty{max-width:480px;margin:var(--space-16) auto;text-align:center}.shots-view__empty-icon{font-size:4rem;color:var(--amber);filter:drop-shadow(0 0 20px var(--amber-glow));margin-bottom:var(--space-4);opacity:.6}.shots-view__empty h2{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin:0 0 var(--space-2)}.shots-view__empty p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6);padding:0 var(--space-4);padding-bottom:var(--space-4)}.shots-view__empty-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--bg-primary);background:linear-gradient(135deg,var(--amber) 0%,var(--amber-light) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 12px var(--amber-glow),inset 0 1px #fff3}.shots-view__empty-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--amber-glow),inset 0 1px #ffffff4d}.shots-view__empty-btn:active{transform:translateY(0)}.shots-view__error{max-width:480px;margin:var(--space-8) auto;text-align:center}.shots-view__error h3{font-family:var(--font-display);color:var(--amber);margin:0 0 var(--space-2)}.shots-view__error p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);margin:0}@media(max-width:768px){.shots-view{padding:var(--space-4)}.shots-view__title{font-size:1.5rem}.shots-view__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}}@media(max-width:480px){.shots-view__grid{grid-template-columns:1fr}}.lifetime-prompt{position:relative;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;margin:1rem 0;background:linear-gradient(135deg,#fbbf2414,#f59e0b0a);border:1px solid rgba(251,191,36,.2);border-radius:12px;overflow:hidden}.lifetime-prompt__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top right,rgba(251,191,36,.15) 0%,transparent 60%);pointer-events:none}.lifetime-prompt__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;color:#1a1a2e;flex-shrink:0}.lifetime-prompt__content{flex:1;min-width:0}.lifetime-prompt__headline{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #f0f0f0);line-height:1.3}.lifetime-prompt__body{margin:0;font-size:.9375rem;color:var(--color-text-secondary, #a0a0a0);line-height:1.5}.lifetime-prompt__subline{margin:.5rem 0 0;font-size:.8125rem;color:#fbbf24cc;font-style:italic}.lifetime-prompt__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.lifetime-prompt__btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none}.lifetime-prompt__btn--primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a2e}.lifetime-prompt__btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf244d}.lifetime-prompt__btn--primary:active{transform:translateY(0)}.lifetime-prompt__btn--secondary{background:transparent;color:var(--color-text-secondary, #a0a0a0);border:1px solid rgba(255,255,255,.1)}.lifetime-prompt__btn--secondary:hover{background:#ffffff0d;color:var(--color-text-primary, #f0f0f0)}.lifetime-prompt__close{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0d;border:none;border-radius:6px;color:var(--color-text-secondary, #a0a0a0);font-size:1.25rem;cursor:pointer;transition:all .2s ease}.lifetime-prompt__close:hover{background:#ffffff1a;color:var(--color-text-primary, #f0f0f0)}.lifetime-prompt--members{border-color:#fbbf2440}.lifetime-prompt--members .lifetime-prompt__glow{background:radial-gradient(ellipse at center,rgba(251,191,36,.12) 0%,transparent 70%)}@media(min-width:640px){.lifetime-prompt{flex-direction:row;align-items:flex-start;gap:1.25rem;padding:1.5rem 3rem 1.5rem 1.5rem}.lifetime-prompt__actions{margin-top:1rem}}@media(prefers-reduced-motion:reduce){.lifetime-prompt__btn--primary:hover,.lifetime-prompt__btn--primary:active{transform:none}}.comparison-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.comparison-modal{position:relative;width:100%;max-width:480px;padding:2rem;background:linear-gradient(145deg,#1e2030fa,#141623fa);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 60px #6366f11a}.comparison-modal__glow{position:absolute;top:-100px;right:-100px;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);pointer-events:none}.comparison-modal__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.comparison-modal__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#6366f133,#6366f11a);border:1px solid rgba(99,102,241,.3);border-radius:14px;color:#818cf8}.comparison-modal__title{margin:0;font-size:1.375rem;font-weight:600;color:var(--color-text-primary, #f0f0f0);line-height:1.3}.comparison-modal__body{margin:0 0 1.5rem;font-size:.9375rem;color:var(--color-text-secondary, #a0a0a0);line-height:1.6}.comparison-modal__table{display:flex;flex-direction:column;gap:.625rem;padding:1.25rem;margin-bottom:1.5rem;background:#0003;border-radius:12px}.comparison-modal__row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.comparison-modal__label{font-size:.875rem;color:var(--color-text-secondary, #a0a0a0)}.comparison-modal__value{font-size:.9375rem;font-weight:600;color:var(--color-text-primary, #f0f0f0)}.comparison-modal__row--highlight{padding:.75rem;margin:.25rem -.5rem;background:#6366f11a;border-radius:8px}.comparison-modal__row--highlight .comparison-modal__value{color:#818cf8}.comparison-modal__row--user .comparison-modal__value{color:#f87171}.comparison-modal__row--option{padding-top:.75rem}.comparison-modal__row--lifetime .comparison-modal__value{color:#fbbf24}.comparison-modal__divider{height:1px;margin:.5rem 0;background:#ffffff1a}.comparison-modal__savings{display:flex;align-items:center;gap:.5rem;padding:.25rem 0 .5rem;font-size:.8125rem;color:#4ade80}.comparison-modal__savings--lifetime{color:#fbbf24}.comparison-modal__actions{display:flex;flex-direction:column;gap:.75rem}.comparison-modal__btn{width:100%;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s ease;border:none}.comparison-modal__btn--primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.comparison-modal__btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.comparison-modal__btn--secondary{background:linear-gradient(135deg,#fbbf2426,#fbbf241a);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.comparison-modal__btn--secondary:hover{background:linear-gradient(135deg,#fbbf2440,#fbbf2426)}.comparison-modal__btn--ghost{background:transparent;color:var(--color-text-secondary, #a0a0a0);padding:.625rem}.comparison-modal__btn--ghost:hover{color:var(--color-text-primary, #f0f0f0)}.comparison-modal__close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:none;border-radius:8px;color:var(--color-text-secondary, #a0a0a0);font-size:1.5rem;cursor:pointer;transition:all .2s ease}.comparison-modal__close:hover{background:#ffffff1a;color:var(--color-text-primary, #f0f0f0)}@media(prefers-reduced-motion:reduce){.comparison-modal__btn--primary:hover,.comparison-modal__btn--secondary:hover{transform:none}}@media(max-width:480px){.comparison-modal{padding:1.5rem;margin:.5rem;max-width:calc(100% - 1rem)}.comparison-modal__header{flex-direction:column;text-align:center}.comparison-modal__title{font-size:1.25rem}}.timeline-view{padding:var(--space-6);min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;gap:var(--space-6)}.timeline-view__header{display:flex;flex-direction:column;gap:var(--space-2)}.timeline-view__title-group{display:flex;align-items:center;gap:var(--space-3)}.timeline-view__icon{font-size:var(--text-3xl);filter:drop-shadow(0 0 8px var(--accent-cyan-glow))}.timeline-view__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);background:linear-gradient(135deg,var(--text-primary),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.timeline-view__subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0;padding-left:calc(var(--text-3xl) + var(--space-3))}.timeline-view__controls{display:flex;flex-direction:column;gap:var(--space-2)}.timeline-view__control-panel{display:flex;align-items:center;gap:var(--space-6);width:fit-content}.timeline-view__zoom-control{display:flex;align-items:center;gap:var(--space-3)}.timeline-view__zoom-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.timeline-view__zoom-slider{width:120px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none;cursor:pointer}.timeline-view__zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-cyan);border-radius:50%;cursor:pointer;box-shadow:var(--glow-cyan-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.timeline-view__zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--glow-cyan-md)}.timeline-view__zoom-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent-cyan);border-radius:50%;cursor:pointer;border:none;box-shadow:var(--glow-cyan-sm)}.timeline-view__zoom-value{color:var(--accent-cyan);font-family:var(--font-mono);font-size:var(--text-sm);min-width:3ch}.timeline-view__hint{color:var(--text-muted);font-size:var(--text-xs);margin:0}.timeline-view__hint kbd{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px 6px;font-family:var(--font-mono);font-size:.7rem}.timeline-view__error,.timeline-view__empty,.timeline-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4);padding:var(--space-12)}.timeline-view__empty-icon{font-size:4rem;opacity:.5}.timeline-view__empty h2{font-family:var(--font-heading);font-size:var(--text-2xl);margin:0}.timeline-view__empty p{color:var(--text-secondary);margin:0}.timeline-view__spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--accent-cyan);border-radius:50%;animation:timeline-spin 1s linear infinite}@keyframes timeline-spin{to{transform:rotate(360deg)}}.timeline-view__canvas-container{flex:1;min-height:350px;overflow-x:auto;overflow-y:hidden;position:relative;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-color);scrollbar-width:thin;scrollbar-color:var(--accent-cyan-dim) var(--bg-tertiary)}.timeline-view__canvas-container.is-zoomed{cursor:grab}.timeline-view__canvas-container.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.timeline-view__canvas-container::-webkit-scrollbar{height:8px}.timeline-view__canvas-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}.timeline-view__canvas-container::-webkit-scrollbar-thumb{background:var(--accent-cyan-dim);border-radius:var(--radius-full)}.timeline-view__canvas-container::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.timeline-view__canvas{position:relative;min-width:100%;height:100%;min-height:350px;padding:var(--space-4)}.timeline-view__eras{position:absolute;top:var(--space-4);left:0;right:0;height:50px;display:flex}.timeline-view__era{position:absolute;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 var(--space-3);border-left:1px solid var(--border-color);transition:background var(--transition-fast)}.timeline-view__era:first-child{border-left:none}.timeline-view__era:hover{background:var(--bg-hover)}.timeline-view__era-label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap}.timeline-view__era-range{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.timeline-view__era--ancient .timeline-view__era-label{color:#c4a35a}.timeline-view__era--classical .timeline-view__era-label{color:#7c9cb5}.timeline-view__era--medieval .timeline-view__era-label{color:#8b7355}.timeline-view__era--earlyModern .timeline-view__era-label{color:#9b7653}.timeline-view__era--modern .timeline-view__era-label{color:#6b8e23}.timeline-view__era--contemporary .timeline-view__era-label{color:var(--accent-cyan)}.timeline-view__axis{position:absolute;bottom:100px;left:calc(var(--space-4) + 80px);right:calc(var(--space-4) + 80px);height:4px}.timeline-view__line{width:100%;height:100%;background:linear-gradient(90deg,var(--accent-amber-dim),var(--accent-cyan-dim) 50%,var(--accent-cyan));border-radius:var(--radius-full);box-shadow:0 0 10px var(--accent-cyan-glow),0 0 20px var(--accent-cyan-subtle)}.timeline-view__nodes{position:absolute;bottom:0;left:calc(var(--space-4) + 80px);right:calc(var(--space-4) + 80px);height:calc(100% - 70px);pointer-events:none}.timeline-view__node-wrapper{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;pointer-events:auto}.timeline-view__node{position:relative;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--accent-cyan);overflow:hidden;box-shadow:var(--glow-cyan-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.timeline-view__node-wrapper:hover .timeline-view__node{border-color:var(--accent-cyan-bright);box-shadow:var(--glow-cyan-lg)}.timeline-view__node-image{width:100%;height:100%;object-fit:cover}.timeline-view__node-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(var(--node-size, 60px) * .4);color:var(--accent-cyan)}.timeline-view__node-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:radial-gradient(circle,var(--accent-cyan-glow) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.timeline-view__node-wrapper:hover .timeline-view__node-glow{opacity:1}.timeline-view__node-connector{width:2px;background:linear-gradient(to bottom,var(--accent-cyan-dim),transparent);position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:-1}.timeline-view__node-tooltip{position:absolute;top:calc(var(--node-size, 60px) + 10px);left:50%;transform:translate(-50%);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-width:120px;max-width:220px;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:10}.timeline-view__node-wrapper:hover .timeline-view__node-tooltip{opacity:1;transform:translate(-50%) translateY(-5px)}.timeline-view__node-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);max-width:200px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3}.timeline-view__node-year{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-cyan)}.timeline-view__avatars{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);display:flex;gap:-8px}.timeline-view__avatar{width:24px;height:24px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--accent-amber);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:12px;margin-left:-6px;box-shadow:var(--shadow-sm)}.timeline-view__avatar:first-child{margin-left:0}.timeline-view__avatar img{width:100%;height:100%;object-fit:cover}.timeline-view__avatar--more{background:var(--accent-amber);color:var(--bg-primary);font-family:var(--font-mono);font-size:10px;font-weight:var(--weight-bold);border-color:var(--accent-amber-bright)}@media(max-width:768px){.timeline-view{padding:var(--space-4)}.timeline-view__title{font-size:var(--text-2xl)}.timeline-view__control-panel{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.timeline-view__canvas-container{min-height:300px}.timeline-view__era-label{font-size:var(--text-xs)}.timeline-view__era-range{display:none}}.synopsis-view{padding:var(--space-6);min-height:100%;display:flex;flex-direction:column;position:relative}.synopsis-view__header{margin-bottom:var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.synopsis-view__title-group{display:flex;align-items:center;gap:var(--space-3)}.synopsis-view__icon{font-size:1.5rem;color:var(--accent-cyan);filter:drop-shadow(0 0 8px var(--accent-cyan-glow))}.synopsis-view__title{font-family:var(--font-heading);font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.synopsis-view__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);margin-left:calc(1.5rem + var(--space-3))}.synopsis-view__controls{display:flex;align-items:center;gap:var(--space-3)}.synopsis-view__mode-toggle{display:flex;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.synopsis-view__mode-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.synopsis-view__mode-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.synopsis-view__mode-btn--active{color:var(--accent-cyan);background:var(--accent-cyan-subtle)}.synopsis-view__save-status{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-2) var(--space-3);background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.synopsis-view__save-status--saving{color:var(--accent-amber)}.synopsis-view__save-status--saved{color:var(--color-success)}.synopsis-view__save-status--error{color:var(--color-error)}.synopsis-view__save-indicator{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.5s ease-in-out infinite}.synopsis-view__save-status--saved .synopsis-view__save-indicator{animation:none}.synopsis-view__readonly-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-amber);background:#ff95001a;border-radius:var(--radius-full);border:1px solid rgba(255,149,0,.2)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.synopsis-view__import-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.synopsis-view__import-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--accent-cyan-dim)}.synopsis-view__content{flex:1;display:flex;gap:var(--space-4);min-height:0}.synopsis-view__editor{flex:1;display:flex;flex-direction:column;min-width:0}.synopsis-view__textarea{flex:1;width:100%;padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);resize:none;outline:none;transition:border-color var(--duration-fast) var(--ease-default)}.synopsis-view__textarea:focus{border-color:var(--accent-cyan-dim);box-shadow:0 0 0 3px var(--accent-cyan-subtle)}.synopsis-view__textarea::placeholder{color:var(--text-muted)}.synopsis-view__preview{flex:1;min-width:0;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow-y:auto;padding:var(--space-4) var(--space-6)}.synopsis-view__content--edit .synopsis-view__editor{flex:1}.synopsis-view__content--edit .synopsis-view__preview,.synopsis-view__content--preview .synopsis-view__editor{display:none}.synopsis-view__content--preview .synopsis-view__preview{flex:1;max-width:900px;margin:0 auto}.synopsis-view__content--split .synopsis-view__editor,.synopsis-view__content--split .synopsis-view__preview{flex:1}.synopsis-view__markdown{color:var(--text-primary);line-height:1.75}.synopsis-view__markdown h1{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--accent-cyan-dim);background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.synopsis-view__markdown h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:var(--space-8) 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--glass-border)}.synopsis-view__markdown h3{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--accent-amber);margin:var(--space-6) 0 var(--space-3)}.synopsis-view__markdown h4{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:500;color:var(--text-secondary);margin:var(--space-4) 0 var(--space-2)}.synopsis-view__markdown p{margin:0 0 var(--space-4)}.synopsis-view__markdown strong{font-weight:600;color:var(--text-primary)}.synopsis-view__markdown em{font-style:italic;color:var(--text-secondary)}.synopsis-view__markdown a{color:var(--accent-cyan);text-decoration:none;border-bottom:1px solid var(--accent-cyan-dim);transition:all var(--duration-fast) var(--ease-default)}.synopsis-view__markdown a:hover{color:var(--accent-cyan-bright);border-bottom-color:var(--accent-cyan)}.synopsis-view__markdown ul,.synopsis-view__markdown ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.synopsis-view__markdown li{margin-bottom:var(--space-2)}.synopsis-view__markdown ul li::marker{color:var(--accent-cyan)}.synopsis-view__markdown ol li::marker{color:var(--accent-amber)}.synopsis-view__markdown code{font-family:var(--font-mono);font-size:.9em;padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--accent-amber)}.synopsis-view__markdown pre{margin:0 0 var(--space-4);padding:var(--space-4);background:var(--bg-void);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow-x:auto}.synopsis-view__markdown pre code{padding:0;background:none;color:var(--text-primary)}.synopsis-view__markdown blockquote{margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent-cyan);background:var(--accent-cyan-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0}.synopsis-view__markdown blockquote p:last-child{margin-bottom:0}.synopsis-view__markdown hr{margin:var(--space-8) 0;border:none;height:1px;background:linear-gradient(90deg,transparent 0%,var(--glass-border) 20%,var(--accent-cyan-dim) 50%,var(--glass-border) 80%,transparent 100%)}.synopsis-view__markdown .layer-a,.synopsis-view__markdown strong:has(+em:contains("Layer A")),.synopsis-view__markdown [data-layer=a]{color:var(--accent-cyan)}.synopsis-view__markdown .layer-b,.synopsis-view__markdown [data-layer=b]{color:var(--accent-amber)}.synopsis-view__markdown .layer-c,.synopsis-view__markdown [data-layer=c]{color:var(--color-success)}.synopsis-view__markdown .layer-d,.synopsis-view__markdown [data-layer=d]{color:var(--color-error)}.layer-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);margin-right:var(--space-1)}.layer-tag--a{background:var(--accent-cyan-subtle);color:var(--accent-cyan);border:1px solid var(--accent-cyan-dim)}.layer-tag--b{background:var(--accent-amber-subtle);color:var(--accent-amber);border:1px solid var(--accent-amber-dim)}.layer-tag--c{background:#00d68f26;color:var(--color-success);border:1px solid rgba(0,214,143,.3)}.layer-tag--d{background:#ff3d7126;color:var(--color-error);border:1px solid rgba(255,61,113,.3)}.layer-section{margin:var(--space-4) 0;padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid}.layer-section--a{background:var(--accent-cyan-subtle);border-left-color:var(--accent-cyan)}.layer-section--b{background:var(--accent-amber-subtle);border-left-color:var(--accent-amber)}.layer-section--c{background:#00d68f1a;border-left-color:var(--color-success)}.layer-section--d{background:#ff3d711a;border-left-color:var(--color-error)}.synopsis-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-muted);gap:var(--space-4)}.synopsis-view__spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite}.synopsis-view__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16);background:var(--glass-bg);border:2px dashed var(--glass-border);border-radius:var(--radius-xl)}.synopsis-view__empty-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.6}.synopsis-view__empty h2{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 var(--space-2)}.synopsis-view__empty p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6);max-width:400px}.synopsis-view__empty-actions{display:flex;gap:var(--space-3)}.synopsis-view__empty-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.synopsis-view__empty-btn--primary{color:var(--bg-primary);background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-cyan-bright) 100%);box-shadow:0 4px 12px var(--accent-cyan-glow),inset 0 1px #fff3}.synopsis-view__empty-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-cyan-glow),inset 0 1px #ffffff4d}.synopsis-view__empty-btn--secondary{color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border)}.synopsis-view__empty-btn--secondary:hover{background:var(--bg-hover);border-color:var(--accent-cyan-dim)}.synopsis-view__legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.synopsis-view__legend-item{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}.synopsis-view__legend-dot{width:10px;height:10px;border-radius:50%}.synopsis-view__legend-dot--a{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan-glow)}.synopsis-view__legend-dot--b{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber-glow)}.synopsis-view__legend-dot--c{background:var(--color-success);box-shadow:0 0 8px #00d68f66}.synopsis-view__legend-dot--d{background:var(--color-error);box-shadow:0 0 8px #ff3d7166}.synopsis-view__file-input{display:none}@media(max-width:1024px){.synopsis-view__content--split{flex-direction:column}.synopsis-view__content--split .synopsis-view__editor,.synopsis-view__content--split .synopsis-view__preview{flex:none;height:45%}}@media(max-width:768px){.synopsis-view{padding:var(--space-4)}.synopsis-view__header{flex-direction:column;align-items:flex-start}.synopsis-view__controls{width:100%;flex-wrap:wrap}.synopsis-view__title{font-size:1.5rem}.synopsis-view__mode-toggle{order:-1;width:100%;justify-content:center}.synopsis-view__preview{padding:var(--space-4)}}.images-view{padding:var(--space-6);min-height:100%;position:relative}.images-view__header{margin-bottom:var(--space-6)}.images-view__title-group{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.images-view__icon{font-size:1.5rem;color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan-glow))}.images-view__title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.images-view__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);margin:0;padding-left:calc(1.5rem + var(--space-3))}.images-view__filters{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.images-view__filter-group{display:flex;align-items:center;gap:var(--space-2)}.images-view__filter-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.images-view__filter-select{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);min-width:140px}.images-view__filter-select:hover{border-color:var(--cyan);background:var(--glass-bg-hover)}.images-view__filter-select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-glow)}.images-view__filter-select option{background:var(--bg-secondary);color:var(--text-primary)}.images-view__tier-filters{display:flex;align-items:center;gap:var(--space-2)}.images-view__tier-btn{padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);opacity:.4;color:var(--text-muted)}.images-view__tier-btn:hover{opacity:.7}.images-view__tier-btn--active{opacity:1}.images-view__tier-btn--a.images-view__tier-btn--active{background:#ffd70026;border-color:#ffd70066;color:gold;box-shadow:0 0 8px #ffd70033}.images-view__tier-btn--b.images-view__tier-btn--active{background:var(--bg-secondary);border-color:var(--cyan);color:var(--text-primary)}.images-view__tier-btn--c.images-view__tier-btn--active{background:#64646426;border-color:#6464644d;color:var(--text-secondary)}.images-view__search{flex:1;min-width:200px;max-width:400px;position:relative}.images-view__search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);font-size:1rem;color:var(--text-tertiary);pointer-events:none}.images-view__search-input{width:100%;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);transition:all var(--duration-normal) var(--ease-out)}.images-view__search-input::placeholder{color:var(--text-tertiary)}.images-view__search-input:hover{border-color:var(--cyan);background:var(--glass-bg-hover)}.images-view__search-input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-glow)}.images-view__grid{column-count:4;column-gap:var(--space-4);padding-bottom:var(--space-8)}.images-view__grid-item{break-inside:avoid;margin-bottom:var(--space-4)}.images-view__card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.images-view__card:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 20px var(--cyan-glow)}.images-view__card-image-wrapper{position:relative;overflow:hidden}.images-view__card-image{width:100%;height:auto;display:block;transition:transform var(--duration-slow) var(--ease-out)}.images-view__card:hover .images-view__card-image{transform:scale(1.05)}.images-view__card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 50%,rgba(10,10,15,.9) 100%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out);pointer-events:none}.images-view__card:hover .images-view__card-overlay{opacity:1}.images-view__card-badges{position:absolute;top:var(--space-2);left:var(--space-2);right:var(--space-2);display:flex;justify-content:space-between;gap:var(--space-2)}.images-view__badge{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.05em}.images-view__badge--entity{background:#00f0ff33;color:var(--cyan);border:1px solid rgba(0,240,255,.3)}.images-view__badge--model{background:#ff950033;color:var(--amber);border:1px solid rgba(255,149,0,.3)}.images-view__card-info{padding:var(--space-3);background:var(--glass-bg)}.images-view__card-prompt{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.images-view__card-entity{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.images-view__card-entity-icon{color:var(--cyan)}.images-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-tertiary);gap:var(--space-4)}.images-view__spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}.images-view__empty{max-width:480px;margin:var(--space-16) auto;text-align:center}.images-view__empty-icon{font-size:4rem;color:var(--cyan);filter:drop-shadow(0 0 20px var(--cyan-glow));margin-bottom:var(--space-4);opacity:.6}.images-view__empty h2{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin:0 0 var(--space-2)}.images-view__empty p{font-size:var(--text-base);color:var(--text-secondary);margin:0;padding:0 var(--space-4);padding-bottom:var(--space-4)}.images-view__error{max-width:480px;margin:var(--space-8) auto;text-align:center}.images-view__error h3{font-family:var(--font-display);color:var(--amber);margin:0 0 var(--space-2)}.images-view__error p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);margin:0}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.image-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a0fe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-modal__content{position:relative;display:flex;max-width:1200px;max-height:90vh;width:100%;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 24px 48px #00000080,0 0 60px var(--cyan-glow)}.image-modal__image-section{flex:1;min-width:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;overflow:hidden}.image-modal__image{max-width:100%;max-height:90vh;object-fit:contain}.image-modal__details{width:360px;flex-shrink:0;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;background:var(--glass-bg);border-left:1px solid var(--glass-border)}.image-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out);z-index:10}.image-modal__close:hover{background:var(--glass-bg-hover);border-color:var(--cyan);color:var(--cyan)}.image-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.image-modal__title{font-family:var(--font-display);font-size:1.25rem;color:var(--text-primary);margin:0;word-break:break-word}.image-modal__field{display:flex;flex-direction:column;gap:var(--space-1)}.image-modal__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.image-modal__input,.image-modal__textarea{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:all var(--duration-normal) var(--ease-out)}.image-modal__input:focus,.image-modal__textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-glow)}.image-modal__textarea{resize:vertical;min-height:100px}.image-modal__value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);line-height:1.5;word-break:break-word}.image-modal__entity-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#00f0ff1a;border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-md);color:var(--cyan);font-family:var(--font-mono);font-size:var(--text-sm);text-decoration:none;transition:all var(--duration-normal) var(--ease-out);cursor:pointer}.image-modal__entity-link:hover{background:#00f0ff33;border-color:var(--cyan)}.image-modal__actions{display:flex;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--glass-border)}.image-modal__btn{flex:1;padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.image-modal__btn--save{background:linear-gradient(135deg,var(--cyan) 0%,var(--cyan-light) 100%);color:var(--bg-primary);border:none}.image-modal__btn--save:hover{box-shadow:0 4px 12px var(--cyan-glow);transform:translateY(-1px)}.image-modal__btn--save:disabled{opacity:.5;cursor:not-allowed;transform:none}.image-modal__btn--cancel{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.image-modal__btn--cancel:hover{border-color:var(--text-secondary);background:var(--glass-bg-hover)}.image-modal__btn--delete{flex:0;padding:var(--space-2);background:transparent;color:var(--error);border:1px solid var(--error);border-radius:var(--radius-md)}.image-modal__btn--delete:hover{background:#ef44441a}.images-view__no-results{text-align:center;padding:var(--space-12);color:var(--text-tertiary)}.images-view__no-results-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.images-view__no-results h3{font-family:var(--font-display);color:var(--text-secondary);margin:0 0 var(--space-2)}.images-view__no-results p{font-family:var(--font-mono);font-size:var(--text-sm);margin:0}@media(max-width:1200px){.images-view__grid{column-count:3}}@media(max-width:900px){.images-view__grid{column-count:2}.image-modal__content{flex-direction:column;max-height:95vh}.image-modal__image-section{max-height:50vh}.image-modal__details{width:100%;max-height:45vh}}@media(max-width:768px){.images-view{padding:var(--space-4)}.images-view__title{font-size:1.5rem}.images-view__filters{flex-direction:column;align-items:stretch}.images-view__search{max-width:none}}@media(max-width:480px){.images-view__grid{column-count:1}}.import-dropzone{position:relative;width:100%;min-height:200px;display:flex;align-items:center;justify-content:center;background:#14141e99;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:all .3s ease}.import-dropzone:hover{background:#1e1e2db3}.import-dropzone--dragging{background:#00f0ff14}.import-dropzone__input{display:none}.import-dropzone__content{position:relative;z-index:1;text-align:center;padding:var(--space-6)}.import-dropzone__icon-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.import-dropzone__icon{font-size:3rem;opacity:.7;transition:all .3s ease}.import-dropzone__icon--active{opacity:1;animation:bounce .5s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.import-dropzone__text{font-family:var(--font-heading);font-size:1.1rem;color:var(--text-primary);margin:0}.import-dropzone__subtext{font-size:.85rem;color:var(--text-tertiary);margin:0}.import-dropzone__border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);border:2px dashed var(--text-tertiary);opacity:.5;pointer-events:none;transition:all .3s ease}.import-dropzone:hover .import-dropzone__border{opacity:.8;border-color:var(--accent-cyan)}.import-dropzone--dragging .import-dropzone__border{opacity:1;border-color:var(--accent-cyan);box-shadow:0 0 20px #00f0ff4d,inset 0 0 30px #00f0ff1a;animation:pulse-border 1.5s ease infinite}@keyframes pulse-border{0%,to{box-shadow:0 0 20px #00f0ff4d,inset 0 0 30px #00f0ff1a}50%{box-shadow:0 0 40px #00f0ff80,inset 0 0 50px #00f0ff33}}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.preview-modal{width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.preview-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4)}.preview-title{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-primary);margin:0}.preview-filename{font-family:var(--font-mono);font-size:.85rem;color:var(--text-tertiary);margin:var(--space-1) 0 0;word-break:break-all}.preview-type-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--bg-base);flex-shrink:0}.preview-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.preview-field{display:flex;flex-direction:column;gap:var(--space-2)}.preview-field--full{grid-column:1 / -1}.preview-field label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.preview-field input,.preview-field textarea,.preview-field select{background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary);transition:all .2s ease}.preview-field input:focus,.preview-field textarea:focus,.preview-field select:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00f0ff33}.preview-field textarea{resize:vertical;min-height:80px}.preview-field select{cursor:pointer}.preview-markdown{background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-3);font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);white-space:pre-wrap;max-height:200px;overflow-y:auto}.preview-unknown{color:var(--text-tertiary);font-style:italic;text-align:center;padding:var(--space-4)}.preview-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}@media(max-width:600px){.preview-fields{grid-template-columns:1fr}.preview-field--full{grid-column:1}}.progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:var(--space-4)}.progress-modal{width:100%;max-width:400px}.progress-header{text-align:center;margin-bottom:var(--space-5)}.progress-title{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-primary);margin:0}.progress-current{font-family:var(--font-mono);font-size:.85rem;color:var(--text-tertiary);margin:var(--space-2) 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar-container{height:8px;background:#0000004d;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-amber));border-radius:var(--radius-full);box-shadow:0 0 10px #00f0ff80}.progress-stats{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-4)}.progress-percentage{color:var(--accent-cyan);font-weight:600}.progress-results{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4)}.progress-result{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:.9rem}.progress-result--success{color:var(--success)}.progress-result--error{color:var(--error)}.progress-result-icon{font-weight:700}.progress-errors{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4)}.progress-errors-title{font-size:.85rem;font-weight:600;color:var(--error);margin:0 0 var(--space-2)}.progress-errors-list{list-style:none;padding:0;margin:0;font-size:.8rem;max-height:120px;overflow-y:auto}.progress-errors-list li{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) 0;border-bottom:1px solid rgba(255,255,255,.1)}.progress-errors-list li:last-child{border-bottom:none}.error-filename{font-family:var(--font-mono);color:var(--text-secondary)}.error-message{color:var(--text-tertiary)}.progress-actions{display:flex;justify-content:center}.progress-spinner{display:flex;justify-content:center;margin-top:var(--space-2)}.spinner{width:24px;height:24px;border:2px solid var(--glass-border);border-top-color:var(--accent-cyan);border-radius:50%}.import-view{padding:var(--space-6);max-width:900px;margin:0 auto}.import-view__header{margin-bottom:var(--space-6);text-align:center}.import-view__title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin:0;color:var(--text-primary)}.import-view__subtitle{font-size:1.1rem;color:var(--text-secondary);margin:var(--space-2) 0 0}.import-view__permission-warning{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-amber)}.import-view__permission-icon{font-size:var(--text-lg)}.import-view__queue{margin-top:var(--space-6)}.queue-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.queue-title{font-family:var(--font-heading);font-size:1.25rem;color:var(--text-primary);margin:0}.queue-filters{display:flex;gap:var(--space-2)}.queue-filter{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#ffffff0d;border:1px solid transparent;border-radius:var(--radius-full);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.queue-filter:hover{background:#ffffff1a;color:var(--text-primary)}.queue-filter--active{background:#00f0ff1a;border-color:var(--accent-cyan);color:var(--accent-cyan)}.queue-filter-count{font-family:var(--font-mono);font-size:.75rem;background:#0000004d;padding:0 var(--space-1);border-radius:var(--radius-sm)}.queue-list{list-style:none;padding:0;margin:0;max-height:400px;overflow-y:auto}.queue-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:#0003;margin-bottom:var(--space-2);transition:background .2s ease}.queue-item:hover{background:#0000004d}.queue-item__info{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.queue-item__type{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--bg-base);flex-shrink:0}.queue-item__name{font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item__parsed{font-size:.85rem;color:var(--text-tertiary);white-space:nowrap}.queue-item__actions{display:flex;gap:var(--space-2);flex-shrink:0}.queue-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--glass-border)}.text-gradient-cyan{background:linear-gradient(135deg,var(--accent-cyan),#00c8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:600px){.import-view{padding:var(--space-4)}.import-view__title{font-size:2rem}.queue-header{flex-direction:column;align-items:flex-start}.queue-filters{flex-wrap:wrap}.queue-item{flex-direction:column;align-items:flex-start}.queue-item__info{flex-wrap:wrap}.queue-item__actions{width:100%;justify-content:flex-end}}.storyboard-view{padding:var(--space-6);min-height:100%;position:relative}.storyboard-view__header{margin-bottom:var(--space-6)}.storyboard-view__title-group{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.storyboard-view__icon{font-size:1.5rem;filter:drop-shadow(0 0 8px var(--accent-cyan-glow))}.storyboard-view__title{font-family:var(--font-heading);font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.storyboard-view__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);margin:0;padding-left:calc(1.5rem + var(--space-3))}.storyboard-ruler{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.storyboard-ruler__track{flex:1;position:relative;height:24px;background:linear-gradient(90deg,var(--accent-cyan-subtle) 0%,transparent 50%,var(--accent-amber-subtle) 100%);border-radius:var(--radius-sm);overflow:hidden}.storyboard-ruler__tick{position:absolute;bottom:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.storyboard-ruler__tick:before{content:"";width:1px;height:8px;background:var(--text-muted);opacity:.5}.storyboard-ruler__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);transform:translate(-50%);white-space:nowrap;margin-top:2px}.storyboard-ruler__total{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--accent-cyan);white-space:nowrap;text-shadow:0 0 10px var(--accent-cyan-glow)}.storyboard-view__list{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-8)}.storyboard-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-normal)}.storyboard-card:hover{background:var(--bg-hover);border-color:var(--accent-cyan-subtle);transform:translate(4px)}.storyboard-card--dragging{box-shadow:var(--glow-cyan-lg);border-color:var(--accent-cyan);transform:scale(1.02)}.storyboard-card__handle{display:flex;align-items:center;justify-content:center;width:24px;height:40px;cursor:grab;color:var(--text-muted);transition:color var(--transition-fast);flex-shrink:0}.storyboard-card__handle:hover{color:var(--text-secondary)}.storyboard-card__handle:active{cursor:grabbing}.storyboard-card__handle--disabled{cursor:not-allowed;opacity:.5}.storyboard-card__handle--disabled:hover{color:var(--text-muted)}.storyboard-card__grip{font-size:1rem;letter-spacing:2px;-webkit-user-select:none;user-select:none}.storyboard-card__info{display:flex;flex-direction:column;gap:2px;min-width:140px;flex-shrink:0}.storyboard-card__id{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.storyboard-card__title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.storyboard-card__frames{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.storyboard-card__frame{position:relative;width:80px;height:45px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--glass-border)}.storyboard-card__frame img{width:100%;height:100%;object-fit:cover}.storyboard-card__frame-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-disabled)}.storyboard-card__frame-label{position:absolute;bottom:2px;left:2px;font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text-primary);background:#000000b3;padding:1px 4px;border-radius:2px;text-transform:uppercase;letter-spacing:.5px}.storyboard-card__frame--start .storyboard-card__frame-label{color:var(--accent-cyan)}.storyboard-card__frame--end .storyboard-card__frame-label{color:var(--accent-amber)}.storyboard-card__frame-arrow{font-size:1rem;color:var(--text-muted);flex-shrink:0}.storyboard-card__duration{display:flex;align-items:center;justify-content:center;min-width:60px;flex-shrink:0}.storyboard-card__duration-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.storyboard-card__layer{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-sm);flex-shrink:0}.storyboard-card__layer--cyan{color:var(--accent-cyan);background:var(--accent-cyan-subtle);border:1px solid var(--accent-cyan-dim)}.storyboard-card__layer--amber{color:var(--accent-amber);background:var(--accent-amber-subtle);border:1px solid var(--accent-amber-dim)}.storyboard-card__layer--purple{color:#a855f7;background:#a855f726;border:1px solid rgba(168,85,247,.3)}.storyboard-card__layer--green{color:#22c55e;background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.storyboard-card__accent{position:absolute;left:0;top:0;bottom:0;width:3px}.storyboard-card__accent--cyan{background:linear-gradient(180deg,var(--accent-cyan) 0%,var(--accent-cyan-dim) 100%);box-shadow:0 0 8px var(--accent-cyan-glow)}.storyboard-card__accent--amber{background:linear-gradient(180deg,var(--accent-amber) 0%,var(--accent-amber-dim) 100%);box-shadow:0 0 8px var(--accent-amber-glow)}.storyboard-card__accent--purple{background:linear-gradient(180deg,#a855f7,#a855f780);box-shadow:0 0 8px #a855f766}.storyboard-card__accent--green{background:linear-gradient(180deg,#22c55e,#22c55e80);box-shadow:0 0 8px #22c55e66}.storyboard-quicklinks{display:flex;align-items:center;gap:var(--space-1);margin-left:auto;flex-shrink:0}.storyboard-quicklink{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-full);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.storyboard-quicklink:hover{transform:scale(1.1);border-color:var(--accent-cyan-dim)}.storyboard-quicklink img{width:100%;height:100%;object-fit:cover}.storyboard-quicklink__icon{font-size:.75rem;color:var(--text-muted)}.storyboard-quicklink--character:hover{border-color:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan-glow)}.storyboard-quicklink--location:hover{border-color:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber-glow)}.storyboard-quicklink--event:hover{border-color:#a855f7;box-shadow:0 0 8px #a855f766}.storyboard-quicklink__more{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);padding-left:var(--space-1)}.storyboard-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-muted);gap:var(--space-4)}.storyboard-view__spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite}.storyboard-view__empty{max-width:480px;margin:var(--space-16) auto;text-align:center;padding-bottom:var(--space-5)}.storyboard-view__empty-icon{font-size:4rem;filter:drop-shadow(0 0 20px var(--accent-cyan-glow));margin-bottom:var(--space-4);opacity:.6}.storyboard-view__empty h2{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-primary);margin:0 0 var(--space-2)}.storyboard-view__empty p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6)}.storyboard-view__empty-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--bg-primary);background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-cyan-bright) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 12px var(--accent-cyan-glow),inset 0 1px #fff3}.storyboard-view__empty-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-cyan-glow),inset 0 1px #ffffff4d}.storyboard-view__error{max-width:480px;margin:var(--space-8) auto;text-align:center}.storyboard-view__error h3{font-family:var(--font-heading);color:var(--accent-amber);margin:0 0 var(--space-2)}.storyboard-view__error p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);margin:0}.storyboard-view__legend{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-top:var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.storyboard-view__legend-title{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.storyboard-view__legend-item{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-sm)}.storyboard-view__legend-item--cyan{color:var(--accent-cyan);background:var(--accent-cyan-subtle);border:1px solid var(--accent-cyan-dim)}.storyboard-view__legend-item--amber{color:var(--accent-amber);background:var(--accent-amber-subtle);border:1px solid var(--accent-amber-dim)}.storyboard-view__legend-item--purple{color:#a855f7;background:#a855f726;border:1px solid rgba(168,85,247,.3)}.storyboard-view__legend-item--green{color:#22c55e;background:#22c55e26;border:1px solid rgba(34,197,94,.3)}@media(max-width:1024px){.storyboard-card__info{min-width:100px}.storyboard-card__frame{width:64px;height:36px}}@media(max-width:768px){.storyboard-view{padding:var(--space-4)}.storyboard-view__title{font-size:1.5rem}.storyboard-card{flex-wrap:wrap;padding:var(--space-3)}.storyboard-card__handle{order:-1}.storyboard-card__info{flex:1;min-width:0}.storyboard-card__frames{order:2;width:100%;justify-content:center;margin-top:var(--space-2)}.storyboard-card__duration,.storyboard-card__layer{order:1}.storyboard-quicklinks{order:1;margin-left:0}.storyboard-ruler{flex-direction:column;gap:var(--space-2)}.storyboard-ruler__track{width:100%;height:16px}.storyboard-view__legend{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.storyboard-card__frame{width:56px;height:32px}.storyboard-card__info{max-width:120px}.storyboard-card__title{max-width:100px}}.prompt-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.prompt-section--enabled{border-color:var(--accent-cyan-subtle);box-shadow:0 0 20px #00f0ff0d}.prompt-section--disabled{opacity:.7;border-color:var(--glass-border)}.prompt-section__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);cursor:pointer;background:var(--glass-highlight);transition:background var(--transition-fast)}.prompt-section__header:hover{background:var(--bg-hover)}.prompt-section__title-group{display:flex;align-items:center;gap:var(--space-3)}.prompt-section__icon{font-size:var(--text-xl)}.prompt-section__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.prompt-section__controls{display:flex;align-items:center;gap:var(--space-3)}.prompt-section__toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.prompt-section__toggle:hover{border-color:var(--accent-cyan-dim)}.prompt-section__toggle--on{background:var(--accent-cyan-subtle);border-color:var(--accent-cyan-dim)}.prompt-section__toggle-track{position:relative;width:36px;height:20px;background:var(--bg-card);border-radius:var(--radius-full);transition:background var(--transition-fast)}.prompt-section__toggle--on .prompt-section__toggle-track{background:var(--accent-cyan)}.prompt-section__toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--text-secondary);border-radius:50%;transition:all var(--transition-fast)}.prompt-section__toggle--on .prompt-section__toggle-thumb{left:18px;background:var(--bg-primary)}.prompt-section__toggle-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);min-width:24px;text-align:center}.prompt-section__toggle--on .prompt-section__toggle-label{color:var(--accent-cyan)}.prompt-section__collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.prompt-section__collapse-btn:hover{background:var(--bg-hover)}.prompt-section__arrow{display:inline-block;font-size:var(--text-sm);color:var(--text-secondary)}.prompt-section__content-wrapper{overflow:hidden}.prompt-section__content{padding:var(--space-4);padding-top:0;display:flex;flex-direction:column;gap:var(--space-4);transition:opacity var(--transition-fast)}.prompt-section__content--dimmed{opacity:.5;pointer-events:none}.prompt-field{display:flex;flex-direction:column;gap:var(--space-2)}.prompt-field__label{display:flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.prompt-field__hint{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-normal)}.prompt-field__input,.prompt-field__textarea,.prompt-field__select{width:100%;padding:var(--space-3);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--transition-fast)}.prompt-field__input:focus,.prompt-field__textarea:focus,.prompt-field__select:focus{outline:none;border-color:var(--accent-cyan-dim);box-shadow:0 0 0 2px var(--accent-cyan-subtle)}.prompt-field__input::placeholder,.prompt-field__textarea::placeholder{color:var(--text-muted)}.prompt-field__textarea{resize:vertical;min-height:80px}.prompt-field__select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0b0' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.prompt-field__select option{background:var(--bg-primary);color:var(--text-primary)}.prompt-field--toggle{flex-direction:row;align-items:center;justify-content:space-between}.prompt-field__toggle{display:flex;align-items:center;padding:0;background:none;border:none;cursor:pointer}.prompt-field__toggle .prompt-field__toggle-track{position:relative;width:44px;height:24px;background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-full);transition:all var(--transition-fast)}.prompt-field__toggle--on .prompt-field__toggle-track{background:var(--accent-cyan);border-color:var(--accent-cyan)}.prompt-field__toggle .prompt-field__toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--text-secondary);border-radius:50%;transition:all var(--transition-fast)}.prompt-field__toggle--on .prompt-field__toggle-thumb{left:23px;background:var(--bg-primary)}.prompt-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}@media(max-width:768px){.prompt-field-row{grid-template-columns:1fr}.prompt-section__header{padding:var(--space-3)}.prompt-section__content{padding:var(--space-3);padding-top:0}}.prompt-preview{background:var(--bg-secondary);border:1px solid var(--accent-cyan-dim);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 30px #00f0ff14,inset 0 1px #ffffff0d}.prompt-preview__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:linear-gradient(135deg,var(--accent-cyan-subtle),transparent);border-bottom:1px solid var(--glass-border)}.prompt-preview__title-group{display:flex;align-items:center;gap:var(--space-2)}.prompt-preview__icon{font-size:var(--text-xl)}.prompt-preview__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.prompt-preview__actions{display:flex;gap:var(--space-2)}.prompt-preview__copy-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--accent-cyan);border:none;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast)}.prompt-preview__copy-btn:hover:not(:disabled){background:var(--accent-cyan-bright);transform:translateY(-1px);box-shadow:var(--glow-cyan-sm)}.prompt-preview__copy-btn:disabled{opacity:.5;cursor:not-allowed}.prompt-preview__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center;color:var(--text-muted)}.prompt-preview__empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.prompt-preview__empty p{margin:0;font-family:var(--font-mono);font-size:var(--text-sm)}.prompt-preview__content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.prompt-preview__section{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden}.prompt-preview__section--negative{border-color:var(--accent-amber-subtle)}.prompt-preview__section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--glass-highlight);border-bottom:1px solid var(--glass-border)}.prompt-preview__section-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.prompt-preview__section--negative .prompt-preview__section-label{color:var(--accent-amber)}.prompt-preview__section-copy{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:background var(--transition-fast)}.prompt-preview__section-copy:hover{background:var(--bg-hover)}.prompt-preview__text{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.prompt-preview__text--main{color:var(--accent-cyan-bright)}.prompt-preview__text--negative{color:var(--accent-amber)}.prompt-preview__char-count{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-align:right;border-top:1px solid var(--glass-border);background:var(--glass-highlight)}@media(max-width:768px){.prompt-preview__header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.prompt-preview__copy-btn{width:100%;justify-content:center}}.prompts-view{min-height:100%;padding:var(--space-6);background:radial-gradient(ellipse at 20% 0%,rgba(0,240,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,149,0,.02) 0%,transparent 50%)}.prompts-view__header{margin-bottom:var(--space-6)}.prompts-view__title-group{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.prompts-view__icon{font-size:var(--text-3xl)}.prompts-view__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-cyan-bright) 50%,var(--accent-amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.prompts-view__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);margin:0}.prompts-view__actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;align-items:center}.prompts-view__actions-divider{width:1px;height:24px;background:var(--glass-border);margin:0 var(--space-2)}.prompts-view__layout{display:grid;grid-template-columns:1fr 400px;gap:var(--space-6);align-items:start}.prompts-view__sections{display:flex;flex-direction:column;gap:var(--space-4)}.prompts-view__preview{position:sticky;top:calc(var(--header-height) + var(--space-6));display:flex;flex-direction:column;gap:var(--space-4)}.prompts-view__preset-info{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden}.prompts-view__preset-info-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--glass-highlight);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border)}.prompts-view__preset-info-content{padding:var(--space-3)}.prompts-view__preset-info-content strong{display:block;font-family:var(--font-heading);font-size:var(--text-base);color:var(--accent-cyan);margin-bottom:var(--space-1)}.prompts-view__preset-info-content p{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary)}@media(max-width:1200px){.prompts-view__layout{grid-template-columns:1fr}.prompts-view__preview{position:static;order:-1}}@media(max-width:768px){.prompts-view{padding:var(--space-4)}.prompts-view__title,.prompts-view__icon{font-size:var(--text-2xl)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00f0ff1a}50%{box-shadow:0 0 30px #00f0ff33}}.prompts-view__preview .prompt-preview{animation:pulse-glow 4s ease-in-out infinite}.prompts-view__notification{position:fixed;top:calc(var(--header-height) + var(--space-4));left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006,0 0 40px #0003}.prompts-view__notification--success{background:#00f0ff26;border:1px solid rgba(0,240,255,.4);color:var(--accent-cyan-bright)}.prompts-view__notification--error{background:#ff646426;border:1px solid rgba(255,100,100,.4);color:#f88}.prompts-view__notification-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:var(--text-xs);font-weight:var(--weight-bold)}.prompts-view__notification--success .prompts-view__notification-icon{background:#00f0ff4d}.prompts-view__notification--error .prompts-view__notification-icon{background:#ff64644d}.members-view{padding:var(--space-6);min-height:100%;position:relative}.members-view__header{margin-bottom:var(--space-6);text-align:center}.members-view__title-group{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2)}.members-view__icon{font-size:2rem;filter:drop-shadow(0 0 12px var(--cyan-glow))}.members-view__title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.members-view__subtitle{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 var(--space-1)}.members-view__project-name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin:0;opacity:.7}.members-view__table-container{max-width:900px;margin:0 auto var(--space-16);overflow:hidden}.members-view__table-header{display:grid;grid-template-columns:48px 1fr 140px 120px 60px;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:#ffffff05;border-bottom:1px solid var(--glass-border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.members-view__header-role,.members-view__header-date{text-align:center}.members-view__table-body{display:flex;flex-direction:column}.members-view__row{display:grid;grid-template-columns:48px 1fr 140px 120px 60px;gap:var(--space-4);padding:var(--space-4);align-items:center;border-bottom:1px solid var(--glass-border);transition:background-color var(--duration-fast) var(--ease-default)}.members-view__row:last-child{border-bottom:none}.members-view__row:hover{background:#ffffff05}.members-view__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--cyan-dim) 0%,var(--bg-tertiary) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--cyan);overflow:hidden;border:1px solid var(--glass-border)}.members-view__avatar img{width:100%;height:100%;object-fit:cover}.members-view__user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.members-view__user-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members-view__user-email{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members-view__you-badge{display:inline-flex;padding:2px 6px;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#00f0ff26;border:1px solid rgba(0,240,255,.3);color:var(--cyan);border-radius:var(--radius-sm)}.members-view__creator-badge{display:inline-flex;padding:2px 6px;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#ffd70026;border:1px solid rgba(255,215,0,.4);color:gold;border-radius:var(--radius-sm)}.members-view__role-cell{display:flex;justify-content:center}.members-view__role-badge{display:inline-flex;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.members-view__role-badge--admin{background:#ffd70026;border:1px solid rgba(255,215,0,.4);color:gold;box-shadow:0 0 8px #ffd70033}.members-view__role-badge--guest{background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);color:var(--cyan)}.members-view__role-badge--custom{background:#9c88ff1a;border:1px solid rgba(156,136,255,.3);color:#9c88ff}.members-view__role-select{padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);min-width:100px}.members-view__role-select:hover:not(:disabled){border-color:var(--cyan)}.members-view__role-select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow)}.members-view__role-select:disabled{opacity:.5;cursor:not-allowed}.members-view__date-cell{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.members-view__actions-cell{display:flex;justify-content:center}.members-view__remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--text-tertiary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.members-view__remove-btn:hover:not(:disabled){color:var(--amber);border-color:var(--amber);background:#ff95001a}.members-view__remove-btn--confirm{font-size:10px;width:auto;padding:0 var(--space-2);color:var(--bg-primary);background:var(--amber);border-color:var(--amber);font-weight:600}.members-view__remove-btn--confirm:hover{color:var(--bg-primary);background:var(--amber)}.members-view__remove-btn:disabled{opacity:.5;cursor:not-allowed}.members-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);color:var(--text-tertiary);gap:var(--space-4)}.members-view__spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--cyan);border-radius:50%;animation:members-spin 1s linear infinite}@keyframes members-spin{to{transform:rotate(360deg)}}.members-view__empty{max-width:480px;margin:var(--space-16) auto;text-align:center}.members-view__empty-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.6;filter:drop-shadow(0 0 20px var(--cyan-glow))}.members-view__empty h2{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary);margin:0 0 var(--space-2)}.members-view__empty p{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6)}.members-view__error-panel{max-width:480px;margin:var(--space-4) auto;text-align:center}.members-view__error-panel h3{font-family:var(--font-display);color:var(--amber);margin:0 0 var(--space-2)}.members-view__error-panel p{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-4)}.members-view__access-denied{max-width:480px;margin:var(--space-16) auto;text-align:center}.members-view__access-denied-icon{font-size:4rem;margin-bottom:var(--space-4);filter:drop-shadow(0 0 20px var(--amber-glow))}.members-view__access-denied h2{font-family:var(--font-display);font-size:1.5rem;color:var(--amber);margin:0 0 var(--space-2)}.members-view__access-denied p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.members-view__access-denied-hint{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-2)!important}.members-view__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.members-view__modal{width:100%;max-width:480px}.members-view__modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-6);background:linear-gradient(135deg,var(--text-primary) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.members-view__modal-form{display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-2)}.members-view__form-group{display:flex;flex-direction:column;gap:var(--space-2)}.members-view__label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.members-view__hint{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin:0}.members-view__input,.members-view__select{width:100%;padding:var(--space-3);font-family:var(--font-base);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default)}.members-view__input:focus,.members-view__select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow)}.members-view__input::placeholder{color:var(--text-muted)}.members-view__error{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--amber);margin:0}.members-view__modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);margin-right:var(--space-2);margin-bottom:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--glass-border)}@media(max-width:768px){.members-view{padding:var(--space-4)}.members-view__title{font-size:1.5rem}.members-view__table-header{display:none}.members-view__row{grid-template-columns:40px 1fr auto;grid-template-rows:auto auto;gap:var(--space-2) var(--space-3);padding:var(--space-4)}.members-view__avatar{grid-row:span 2;width:36px;height:36px}.members-view__user-info{grid-column:2}.members-view__role-cell{grid-column:3;grid-row:span 2;align-self:center}.members-view__date-cell{display:none}.members-view__actions-cell{grid-column:2;justify-content:flex-start}}@media(max-width:480px){.members-view__title-group{flex-direction:column;gap:var(--space-2)}}.testing-view{min-height:100vh;padding:var(--space-6);background:var(--bg-primary)}.testing-view__header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.testing-view__title-group{display:flex;align-items:center;gap:var(--space-3)}.testing-view__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:var(--accent-cyan-subtle);color:var(--accent-cyan);font-size:var(--text-xl)}.testing-view__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0;letter-spacing:-.02em}.testing-view__subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.testing-view__actions{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.testing-view__action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--glass-bg);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.testing-view__action-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-cyan-dim)}.testing-view__action-btn:disabled{opacity:.5;cursor:not-allowed}.testing-view__action-btn--seed{border-color:var(--accent-cyan-dim);color:var(--accent-cyan)}.testing-view__action-btn--seed:hover:not(:disabled){background:var(--accent-cyan-subtle);box-shadow:var(--glow-cyan-sm)}.testing-view__action-btn--reset{border-color:var(--color-warning);color:var(--color-warning)}.testing-view__action-btn--reset:hover:not(:disabled){background:#ffaa001a}.testing-view__action-message{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.testing-view__action-message--success{background:#00d68f1a;color:var(--color-success)}.testing-view__action-message--error{background:#ff3d711a;color:var(--color-error)}.testing-view__spin-icon{animation:spin 1s linear infinite}.testing-view__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.testing-view__stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--border-color);transition:all var(--transition-normal)}.testing-view__stat-card:hover{border-color:var(--glass-border);transform:translateY(-2px)}.testing-view__stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);font-size:var(--text-lg)}.testing-view__stat-card--primary .testing-view__stat-icon{background:var(--accent-cyan-subtle);color:var(--accent-cyan)}.testing-view__stat-card--success .testing-view__stat-icon{background:#00d68f26;color:var(--color-success)}.testing-view__stat-card--danger .testing-view__stat-icon{background:#ff3d7126;color:var(--color-error)}.testing-view__stat-card--warning .testing-view__stat-icon{background:#ffaa0026;color:var(--color-warning)}.testing-view__stat-card--muted .testing-view__stat-icon{background:#60607026;color:var(--text-muted)}.testing-view__stat-info{display:flex;flex-direction:column;gap:var(--space-1)}.testing-view__stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.testing-view__stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary)}.testing-view__progress-card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--border-color);margin-bottom:var(--space-6)}.testing-view__progress-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}.testing-view__progress-bar{height:8px;border-radius:var(--radius-full);background:var(--bg-tertiary);overflow:hidden;display:flex}.testing-view__progress-segment{height:100%;transition:width var(--transition-slow)}.testing-view__progress-segment--passed{background:linear-gradient(90deg,var(--color-success),#00e6a0)}.testing-view__progress-segment--failed{background:linear-gradient(90deg,var(--color-error),#ff6b8a)}.testing-view__progress-segment--in_progress{background:linear-gradient(90deg,var(--color-warning),#ffcc40)}.testing-view__progress-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3)}.testing-view__legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.testing-view__legend-dot{width:8px;height:8px;border-radius:var(--radius-full)}.testing-view__legend-dot--passed{background:var(--color-success)}.testing-view__legend-dot--failed{background:var(--color-error)}.testing-view__legend-dot--in_progress{background:var(--color-warning)}.testing-view__legend-dot--untested{background:var(--text-muted)}.testing-view__filters{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.testing-view__filter-label{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.testing-view__filter-buttons{display:flex;gap:var(--space-2)}.testing-view__filter-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.testing-view__filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.testing-view__filter-btn--active{background:var(--accent-cyan-subtle);border-color:var(--accent-cyan-dim);color:var(--accent-cyan)}.testing-view__sections{display:flex;flex-direction:column;gap:var(--space-4)}.testing-view__section{border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--border-color);overflow:hidden}.testing-view__section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);cursor:pointer;transition:background var(--transition-fast)}.testing-view__section-header:hover{background:var(--bg-hover)}.testing-view__section-header-left{display:flex;align-items:center;gap:var(--space-3)}.testing-view__section-toggle{color:var(--text-muted);transition:transform var(--transition-fast)}.testing-view__section--expanded .testing-view__section-toggle{transform:rotate(90deg)}.testing-view__section-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent-cyan-subtle);font-size:var(--text-lg)}.testing-view__section-title-block{display:flex;flex-direction:column;gap:2px}.testing-view__section-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.testing-view__section-subtitle{font-size:var(--text-xs);color:var(--text-muted)}.testing-view__section-stats{display:flex;align-items:center;gap:var(--space-3)}.testing-view__section-progress{width:80px;height:4px;border-radius:var(--radius-full);background:var(--bg-tertiary);overflow:hidden}.testing-view__section-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--color-success));transition:width var(--transition-normal)}.testing-view__section-pct{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-cyan);min-width:36px;text-align:right}.testing-view__section-content{padding:0 var(--space-5) var(--space-5)}.testing-view__section-meta{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--bg-tertiary)}.testing-view__section-description{display:flex;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.testing-view__section-description p{margin:0}.testing-view__test-list{display:flex;flex-direction:column;gap:var(--space-2)}.testing-view__test-item{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);overflow:hidden;transition:all var(--transition-fast)}.testing-view__test-item:hover{border-color:var(--border-color)}.testing-view__test-item--running{border-color:var(--accent-cyan-dim);box-shadow:var(--glow-cyan-sm)}.testing-view__test-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);gap:var(--space-3)}.testing-view__test-info{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;cursor:pointer}.testing-view__expand-icon{color:var(--text-muted);flex-shrink:0}.testing-view__test-details{display:flex;flex-direction:column;gap:2px;min-width:0}.testing-view__test-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.testing-view__test-description{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.testing-view__test-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.testing-view__status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium)}.testing-view__status-badge--passed{background:#00d68f26;color:var(--color-success)}.testing-view__status-badge--failed{background:#ff3d7126;color:var(--color-error)}.testing-view__status-badge--in_progress{background:#ffaa0026;color:var(--color-warning)}.testing-view__status-badge--untested{background:#60607026;color:var(--text-muted)}.testing-view__status-badge--small{padding:2px var(--space-2)}.testing-view__run-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--accent-cyan-dim);background:var(--accent-cyan-subtle);color:var(--accent-cyan);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.testing-view__run-btn:hover:not(:disabled){background:var(--accent-cyan);color:var(--bg-primary);box-shadow:var(--glow-cyan-sm)}.testing-view__run-btn:disabled{opacity:.6;cursor:not-allowed}.testing-view__run-btn--running{background:var(--accent-cyan);color:var(--bg-primary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.testing-view__zap-icon{animation:zap .3s ease-in-out infinite}@keyframes zap{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.testing-view__visual-container{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);background:#0003}.testing-view__visual-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.testing-view__visual-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.testing-view__visual-title--running{color:var(--accent-cyan)}.testing-view__visual-title--passed{color:var(--color-success)}.testing-view__visual-title--failed{color:var(--color-error)}.testing-view__pulse-icon{animation:pulse 1s ease-in-out infinite}.testing-view__progress-info{display:flex;align-items:center;gap:var(--space-2)}.testing-view__progress-pct{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-cyan)}.testing-view__visual-content{display:flex;gap:var(--space-3)}.testing-view__waveform{flex:1;position:relative;display:flex;align-items:center;justify-content:center;height:48px;border-radius:var(--radius-sm);background:#0000004d;overflow:hidden}.testing-view__waveform-canvas{display:block}.testing-view__success-overlay,.testing-view__failed-overlay{position:absolute;display:flex;align-items:center;justify-content:center}.testing-view__success-overlay{color:var(--color-success)}.testing-view__failed-overlay{color:var(--color-error)}.testing-view__terminal{flex:1.5;border-radius:var(--radius-sm);background:#0006;font-family:var(--font-mono);font-size:var(--text-xs);overflow:hidden;max-height:120px}.testing-view__terminal-header{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:#0000004d;color:var(--text-muted);font-size:10px}.testing-view__terminal-content{padding:var(--space-2);max-height:80px;overflow-y:auto}.testing-view__terminal-line{margin-bottom:2px;color:var(--text-secondary)}.testing-view__terminal-line--success{color:var(--color-success)}.testing-view__terminal-line--error{color:var(--color-error)}.testing-view__cursor{color:var(--accent-cyan)}.testing-view__status-bar{height:2px;background:var(--bg-tertiary);position:relative;overflow:hidden;margin-top:var(--space-2)}.testing-view__status-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--color-success));transition:width .1s linear}.testing-view__status-bar-glow{position:absolute;top:0;width:20px;height:100%;background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan),0 0 20px var(--accent-cyan);transform:translate(-50%)}.testing-view__test-expanded{padding:var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-tertiary)}.testing-view__test-steps{margin-bottom:var(--space-4)}.testing-view__test-steps h4{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2)}.testing-view__test-steps ol{margin:0;padding-left:var(--space-5);color:var(--text-secondary);font-size:var(--text-sm)}.testing-view__test-steps li{margin-bottom:var(--space-1)}.testing-view__status-select{margin-bottom:var(--space-4)}.testing-view__status-select label{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.testing-view__status-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.testing-view__status-option{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.testing-view__status-option:hover{background:var(--bg-hover);color:var(--text-primary)}.testing-view__status-option--selected{border-color:var(--status-color);background:color-mix(in srgb,var(--status-color) 15%,transparent);color:var(--status-color)}.testing-view__notes-section{margin-bottom:var(--space-4)}.testing-view__notes-section label{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.testing-view__notes-input{width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);resize:vertical;min-height:60px}.testing-view__notes-input::placeholder{color:var(--text-muted)}.testing-view__notes-input:focus{outline:none;border-color:var(--accent-cyan-dim)}.testing-view__tested-info{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4)}.testing-view__test-footer{display:flex;justify-content:flex-end;gap:var(--space-2)}.testing-view__test-footer-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.testing-view__test-footer-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.testing-view__test-footer-btn--primary{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-primary)}.testing-view__test-footer-btn--primary:hover{background:var(--accent-cyan-bright);box-shadow:var(--glow-cyan-sm)}.testing-view__test-footer-btn:disabled{opacity:.5;cursor:not-allowed}.testing-view__progress-ring{transform:rotate(-90deg)}.testing-view__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);color:var(--text-secondary)}.testing-view__spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite}.testing-view__error{padding:var(--space-6);text-align:center}.testing-view__error h3{color:var(--color-error);margin:0 0 var(--space-2)}.testing-view__error p{color:var(--text-secondary);margin:0}.testing-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12);text-align:center;color:var(--text-secondary)}.testing-view__empty h3{color:var(--text-primary);margin:0}.testing-view__empty p{margin:0}@media(max-width:768px){.testing-view{padding:var(--space-4)}.testing-view__stats{grid-template-columns:repeat(2,1fr)}.testing-view__visual-content{flex-direction:column}.testing-view__filters,.testing-view__actions{flex-direction:column;align-items:flex-start}}.payment-view{min-height:100vh;padding:var(--space-6);background:var(--bg-primary);position:relative;overflow:hidden}.payment-view__bg-gradient{position:absolute;top:0;left:0;right:0;height:60vh;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,240,255,.08) 0%,rgba(0,240,255,.02) 50%,transparent 100%);pointer-events:none}.payment-view__bg-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,240,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 50%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 50%,transparent 100%);pointer-events:none}.payment-view__header{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);text-align:center}.payment-view__title-group{display:flex;align-items:center;gap:var(--space-3)}.payment-view__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--accent-cyan-subtle),rgba(0,240,255,.15));color:var(--accent-cyan);box-shadow:var(--glow-cyan-sm)}.payment-view__title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0;letter-spacing:-.02em}.payment-view__subtitle{color:var(--text-secondary);font-size:var(--text-base);margin:0;max-width:400px}.payment-view__plan-selector{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-8);padding:var(--space-1);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:fit-content;margin-left:auto;margin-right:auto}.payment-view__toggle-group{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.payment-view__toggle-option{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-base);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--transition-fast);z-index:1}.payment-view__toggle-option:hover{color:var(--text-primary)}.payment-view__toggle-option--active{color:var(--accent-cyan)}.payment-view__toggle-indicator{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-bg);border:1px solid var(--accent-cyan-dim);border-radius:var(--radius-md);z-index:-1;box-shadow:var(--glow-cyan-sm)}.payment-view__selector-divider{width:1px;height:32px;background:var(--border-color)}.payment-view__lifetime-tab{--color-lifetime: #fbbf24;position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-lifetime);font-family:var(--font-base);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast);overflow:visible}.payment-view__lifetime-tab:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-lg);border:2px solid transparent;border-top-color:#fbbf2480;animation:lifetime-orbit 8s linear infinite;pointer-events:none}.payment-view__lifetime-tab:after{content:"";position:absolute;width:5px;height:5px;background:var(--color-lifetime);border-radius:50%;box-shadow:0 0 8px var(--color-lifetime);animation:lifetime-dot-orbit 8s linear infinite;pointer-events:none}.payment-view__lifetime-tab--active:before,.payment-view__lifetime-tab--active:after{animation-play-state:paused;opacity:.5}.payment-view__lifetime-tab--active{background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border:1px solid rgba(251,191,36,.3)}.payment-view__lifetime-tab:hover{background:#fbbf241a}@media(prefers-reduced-motion:reduce){.payment-view__lifetime-tab:before,.payment-view__lifetime-tab:after{animation:none}.payment-view__lifetime-tab:before{border-color:#fbbf244d}.payment-view__lifetime-tab:after{display:none}}@keyframes lifetime-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lifetime-dot-orbit{0%{top:-8px;left:50%;transform:translate(-50%)}25%{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}50%{top:calc(100% + 8px);left:50%;transform:translate(-50%)}75%{top:50%;left:-8px;transform:translateY(-50%)}to{top:-8px;left:50%;transform:translate(-50%)}}.payment-view__strategy-content{position:relative;max-width:1000px;margin:0 auto}.payment-view__strategy-intro{text-align:center;margin-bottom:var(--space-8)}.payment-view__strategy-intro h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.payment-view__strategy-intro p{color:var(--text-secondary);font-size:var(--text-base);max-width:500px;margin:0 auto}.payment-view__strategy-intro--lifetime h2{color:#fbbf24}.payment-view__strategy-footer{text-align:center;margin-bottom:var(--space-6)}.payment-view__strategy-footer p{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--space-2)}.payment-view__compare-link{background:none;border:none;color:var(--accent-cyan);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;padding:0;transition:opacity var(--transition-fast)}.payment-view__compare-link:hover{opacity:.8}.payment-view__project-explainer{text-align:center;margin-bottom:var(--space-6)}.payment-view__project-explainer p{color:var(--text-secondary);font-size:var(--text-base);max-width:450px;margin:0 auto}.payment-view__billing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-8);color:var(--text-secondary);font-size:var(--text-sm)}.payment-view__toggle-label--active{color:var(--text-primary);font-weight:var(--weight-semibold)}.payment-view__toggle-switch{position:relative;width:56px;height:28px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;padding:3px}.payment-view__toggle-switch--yearly{background:var(--accent-cyan-subtle);border-color:var(--accent-cyan-dim)}.payment-view__toggle-knob{width:20px;height:20px;background:var(--text-secondary);border-radius:var(--radius-full)}.payment-view__toggle-switch--yearly .payment-view__toggle-knob{background:var(--accent-cyan);margin-left:auto;box-shadow:var(--glow-cyan-sm)}.payment-view__save-badge{padding:2px var(--space-2);background:#00d68f26;color:var(--color-success);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.payment-view__cards-grid{display:grid;gap:var(--space-5);margin-bottom:var(--space-8)}.payment-view__cards-grid--single{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.payment-view__cards-grid--two{grid-template-columns:repeat(2,1fr);max-width:700px;margin-left:auto;margin-right:auto}.payment-view__cards-grid--three{grid-template-columns:repeat(3,1fr)}.payment-view__pricing-card{position:relative;padding:var(--space-6);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;transition:all var(--transition-normal)}.payment-view__pricing-card:hover{border-color:var(--glass-border)}.payment-view__pricing-card--popular{background:linear-gradient(135deg,#00f0ff0d,#00f0ff05);border-color:var(--accent-cyan-dim);box-shadow:var(--glow-cyan-sm)}.payment-view__pricing-card--lifetime{background:linear-gradient(135deg,#fbbf2414,#fbbf2408);border-color:#fbbf2466;overflow:hidden}.payment-view__lifetime-glow{position:absolute;top:-100px;right:-100px;width:200px;height:200px;background:radial-gradient(circle,rgba(251,191,36,.2),transparent 70%);pointer-events:none}.payment-view__popular-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--accent-cyan),#00d4ff);color:var(--bg-primary);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:0 0 var(--radius-md) var(--radius-md);text-transform:uppercase;letter-spacing:.05em}.payment-view__card-badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);background:var(--accent-cyan-subtle);color:var(--accent-cyan);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-sm)}.payment-view__card-header{margin-bottom:var(--space-5);text-align:center}.payment-view__card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.payment-view__price-block{display:flex;align-items:baseline;justify-content:center;gap:2px;min-height:48px}.payment-view__price{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1}.payment-view__period{font-size:var(--text-base);color:var(--text-muted)}.payment-view__price-skeleton{display:inline-block;width:80px;height:36px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md)}.payment-view__price-hidden{display:inline-block;height:36px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.payment-view__savings{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-success);font-weight:var(--weight-medium)}.payment-view__features-list{list-style:none;padding:0;margin:0 0 var(--space-6);flex:1}.payment-view__features-list--lifetime{display:grid;grid-template-columns:1fr;gap:var(--space-1)}.payment-view__feature-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.payment-view__feature-check{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#00d68f26;color:var(--color-success);border-radius:var(--radius-full)}.payment-view__feature-check--lifetime{background:#fbbf2426;color:#fbbf24}.payment-view__cta-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-base);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.payment-view__cta-btn:hover{background:var(--bg-hover);border-color:var(--glass-border)}.payment-view__cta-btn--primary{background:linear-gradient(135deg,var(--accent-cyan),#00d4ff);border-color:transparent;color:var(--bg-primary)}.payment-view__cta-btn--primary:hover{transform:translateY(-2px);box-shadow:var(--glow-cyan)}.payment-view__cta-btn--lifetime{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:transparent;color:var(--bg-primary);font-size:var(--text-base);padding:var(--space-4) var(--space-6)}.payment-view__cta-btn--lifetime:hover{transform:translateY(-2px);box-shadow:0 0 20px #fbbf2466}.payment-view__guarantee{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-muted)}.payment-view__lifetime-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8);max-width:900px;margin-left:auto;margin-right:auto}.payment-view__lifetime-card-wrapper{display:flex}.payment-view__value-comparison{padding:var(--space-5);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);height:fit-content}.payment-view__comparison-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary)}.payment-view__comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.payment-view__comparison-item{text-align:center;padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.payment-view__comparison-value{font-size:var(--text-xl);font-weight:var(--weight-bold);color:#fbbf24}.payment-view__comparison-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.payment-view__faq{max-width:700px;margin:0 auto var(--space-8)}.payment-view__faq-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 var(--space-4)}.payment-view__faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.payment-view__faq-item{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.payment-view__faq-item--open{border-color:var(--accent-cyan-dim)}.payment-view__faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4);background:transparent;border:none;color:var(--text-primary);font-family:var(--font-base);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.payment-view__faq-question:hover{background:var(--bg-hover)}.payment-view__faq-toggle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--text-lg)}.payment-view__faq-item--open .payment-view__faq-toggle{background:var(--accent-cyan-subtle);color:var(--accent-cyan)}.payment-view__faq-answer{overflow:hidden}.payment-view__faq-answer p{padding:0 var(--space-4) var(--space-4);margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.payment-view__footer{position:relative;margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-color);text-align:center}.payment-view__trust-badges{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}.payment-view__trust-badges span{display:flex;align-items:center;gap:var(--space-2)}.payment-view__footer-note{color:var(--text-muted);font-size:var(--text-xs);margin:0;line-height:1.6}@media(max-width:1024px){.payment-view__lifetime-layout{grid-template-columns:1fr}.payment-view__comparison-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.payment-view{padding:var(--space-4)}.payment-view__title{font-size:var(--text-2xl)}.payment-view__plan-selector{flex-direction:column;width:100%;gap:var(--space-2);padding:var(--space-2)}.payment-view__toggle-group{width:100%;justify-content:center}.payment-view__toggle-option{flex:1;justify-content:center;padding:var(--space-3)}.payment-view__selector-divider{width:100%;height:1px}.payment-view__lifetime-tab{width:100%;justify-content:center}.payment-view__cards-grid--two,.payment-view__cards-grid--three{grid-template-columns:1fr}.payment-view__billing-toggle{flex-wrap:wrap;gap:var(--space-2)}.payment-view__trust-badges{flex-direction:column;gap:var(--space-2)}.payment-view__comparison-grid{grid-template-columns:1fr}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.app--with-footer{min-height:100vh}.app--with-footer .app-main{flex:1}.app-header{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-8);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:var(--z-sticky);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);height:var(--header-height)}.logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.logo-icon{font-size:var(--text-xl)}.logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:.1em;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-nav{display:flex;gap:var(--space-1);flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.main-nav::-webkit-scrollbar{display:none}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:var(--text-sm);transition:color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--accent-cyan);background:var(--accent-cyan-subtle);box-shadow:inset 0 0 0 1px var(--border-glow-cyan)}.nav-icon{font-size:var(--text-base);line-height:1}.nav-label{display:none}@media(min-width:1024px){.nav-label{display:inline}}.header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.app-main{flex:1;padding:var(--space-8);overflow-y:auto}.placeholder-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.placeholder-view h2{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-2)}.placeholder-view p{color:var(--text-muted);font-family:var(--font-mono)}.design-demo{max-width:var(--max-content-width);margin:0 auto}.design-demo__title{font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.design-demo__subtitle{color:var(--text-muted);font-size:var(--text-lg);margin-bottom:var(--space-8)}.design-demo__section{margin-bottom:var(--space-8)}.design-demo__section h3{font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--text-secondary)}.design-demo__section h4{font-size:var(--text-lg);margin-bottom:var(--space-2)}.design-demo__section p{font-size:var(--text-sm);color:var(--text-muted)}.design-demo__row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-bottom:var(--space-4)}.design-demo__row:last-child{margin-bottom:0}.design-demo__panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.design-demo__cards{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:flex-start}.design-demo__colors{display:flex;flex-wrap:wrap;gap:var(--space-4)}.color-swatch{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);min-width:120px}.color-swatch span{font-weight:var(--weight-medium)}.color-swatch code{font-size:var(--text-xs);background:transparent;color:var(--text-muted)}.color-swatch--cyan{background:linear-gradient(135deg,var(--accent-cyan-subtle),var(--accent-cyan-dim));border:1px solid var(--border-glow-cyan);box-shadow:var(--glow-cyan-sm)}.color-swatch--cyan span{color:var(--accent-cyan)}.color-swatch--amber{background:linear-gradient(135deg,var(--accent-amber-subtle),var(--accent-amber-dim));border:1px solid var(--border-glow-amber);box-shadow:var(--glow-amber-sm)}.color-swatch--amber span{color:var(--accent-amber)}.color-swatch--bg{background:var(--bg-secondary);border:1px solid var(--border-color)}.color-swatch--bg span{color:var(--text-primary)}.sign-out-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);background:transparent;border:none;font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap;flex-shrink:0}.sign-out-btn:hover{color:var(--color-error, #ff4757);background:#ff47571a}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--bg-primary)}.loading-screen p{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.1em}.loading-spinner{width:48px;height:48px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg-void: #050508;--bg-primary: #0a0a0f;--bg-secondary: rgba(15, 15, 22, .95);--bg-tertiary: rgba(25, 25, 35, .8);--bg-card: rgba(20, 20, 30, .6);--bg-elevated: rgba(30, 30, 45, .7);--bg-hover: rgba(40, 40, 55, .5);--glass-bg: rgba(15, 15, 25, .7);--glass-bg-light: rgba(25, 25, 40, .5);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .04);--accent-cyan: #00f0ff;--accent-cyan-bright: #40ffff;--accent-cyan-dim: rgba(0, 240, 255, .5);--accent-cyan-subtle: rgba(0, 240, 255, .15);--accent-cyan-glow: rgba(0, 240, 255, .4);--accent-amber: #ff9500;--accent-amber-bright: #ffb340;--accent-amber-dim: rgba(255, 149, 0, .5);--accent-amber-subtle: rgba(255, 149, 0, .15);--accent-amber-glow: rgba(255, 149, 0, .4);--color-success: #00d68f;--color-warning: #ffaa00;--color-error: #ff3d71;--color-info: #0095ff;--text-primary: #f0f0f5;--text-secondary: #a0a0b0;--text-muted: #606070;--text-disabled: #404050;--border-color: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .04);--border-glow-cyan: rgba(0, 240, 255, .3);--border-glow-amber: rgba(255, 149, 0, .3);--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-body: var(--font-mono);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .5);--glow-cyan-sm: 0 0 10px var(--accent-cyan-glow);--glow-cyan-md: 0 0 20px var(--accent-cyan-glow);--glow-cyan-lg: 0 0 30px var(--accent-cyan-glow), 0 0 60px var(--accent-cyan-subtle);--glow-amber-sm: 0 0 10px var(--accent-amber-glow);--glow-amber-md: 0 0 20px var(--accent-amber-glow);--glow-amber-lg: 0 0 30px var(--accent-amber-glow), 0 0 60px var(--accent-amber-subtle);--glow-inset-cyan: inset 0 0 20px var(--accent-cyan-subtle);--glow-inset-amber: inset 0 0 20px var(--accent-amber-subtle);--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--transition-fast: var(--duration-fast) var(--ease-default);--transition-normal: var(--duration-normal) var(--ease-default);--transition-slow: var(--duration-slow) var(--ease-default);--transition-bounce: var(--duration-normal) var(--ease-bounce);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--header-height: 64px;--sidebar-width: 280px;--max-content-width: 1400px;--font-display: var(--font-heading);--cyan: var(--accent-cyan);--cyan-bright: var(--accent-cyan-bright);--cyan-dim: var(--accent-cyan-dim);--cyan-glow: var(--accent-cyan-glow);--cyan-light: var(--accent-cyan-bright);--amber: var(--accent-amber);--amber-glow: var(--accent-amber-glow);--text-tertiary: var(--text-muted)}@media(prefers-color-scheme:dark){:root{color-scheme:dark}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:var(--leading-normal);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.025;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 0%,var(--accent-cyan-subtle) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,var(--accent-amber-subtle) 0%,transparent 50%),var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl);letter-spacing:-.02em}h2{font-size:var(--text-3xl);letter-spacing:-.01em}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}p:last-child{margin-bottom:0}a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-cyan-bright)}strong,b{font-weight:var(--weight-semibold);color:var(--text-primary)}code{font-family:var(--font-mono);font-size:.9em;padding:.15em .4em;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--accent-cyan)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-corner{background:var(--bg-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-secondary)}::selection{background:var(--accent-cyan-dim);color:var(--text-primary)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-subtle)}input::placeholder,textarea::placeholder{color:var(--text-muted)}img,svg{display:block;max-width:100%;height:auto}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-gradient-cyan{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-cyan-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-amber{background:linear-gradient(135deg,var(--accent-amber),var(--accent-amber-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-mixed{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes pulse-glow{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.2)}}@keyframes breathe{0%,to{box-shadow:var(--glow-cyan-sm)}50%{box-shadow:var(--glow-cyan-md)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-bounce{0%{transform:scale(.8)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--accent-cyan-glow),0 0 15px var(--accent-cyan-subtle)}50%{box-shadow:0 0 10px var(--accent-cyan-glow),0 0 25px var(--accent-cyan-dim),0 0 40px var(--accent-cyan-subtle)}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-fade-in{animation:fade-in .3s ease-out forwards}.animate-slide-up{animation:slide-up-fade .4s ease-out forwards}.animate-scale-bounce{animation:scale-bounce .3s var(--ease-spring) forwards}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.02)}.hover-glow-cyan{transition:box-shadow var(--transition-normal)}.hover-glow-cyan:hover{box-shadow:var(--glow-cyan-md)}.hover-glow-amber{transition:box-shadow var(--transition-normal)}.hover-glow-amber:hover{box-shadow:var(--glow-amber-md)}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}