*{margin:0;padding:0;box-sizing:border-box}@property --pill-progress{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes pillBorderFill{0%{--pill-progress: 0deg}80%{--pill-progress: 1turn}to{--pill-progress: 1turn}}:root{--color-background: #0a0a0a;--color-surface: #141414;--color-surface-hover: #1f1f1f;--glass-bg: rgba(20, 20, 20, .6);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--color-primary: #ededed;--color-secondary: #a1a1a1;--color-accent: #3b82f6;--color-border: rgba(255, 255, 255, .08);--color-border-light: rgba(255, 255, 255, .04);--color-input-bg: rgba(255, 255, 255, .03);--color-button-bg: #ffffff;--color-button-text: #000000;--color-button-hover: #e0e0e0;--color-text-primary: #ffffff;--color-text-secondary: #a1a1a1;--color-text-muted: #666666;--color-canvas-bg: #0a0a0a;--color-canvas-stroke: #404040;--color-canvas-fill: rgba(255, 255, 255, .05);--color-canvas-text: #ededed;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-shadow: rgba(0, 0, 0, .5);--color-glow: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(255, 255, 255, .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--sidebar-base-width: 64px;--sidebar-expanded-width: 260px;--neo-sidebar-width: clamp(240px, 20vw, 320px);--neo-sidebar-padding: 24px;--neo-stage-padding: 0px}html.theme-invert{filter:invert(1) hue-rotate(180deg)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background);color:var(--color-text-primary);height:100vh;overflow:hidden;transition:background-color .3s ease,color .3s ease;letter-spacing:-.01em}#root{height:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--color-background)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}.auth-modal{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;padding:40px;width:90%;max-width:420px;box-shadow:0 40px 80px -20px #00000080,inset 0 0 0 1px #ffffff0d;position:relative;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.auth-modal-close{position:absolute;top:20px;right:20px;background:#ffffff0d;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.auth-modal-close:hover{background:#ffffff1a;color:var(--color-text-primary);transform:rotate(90deg)}.auth-header{text-align:center;margin-bottom:32px}.auth-modal-header h2{font-size:28px;color:var(--color-text-primary);margin-bottom:8px;font-weight:700;letter-spacing:-.02em}.auth-modal-header p{font-size:15px;color:var(--color-text-secondary);font-weight:400}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:12px;border-radius:12px;margin-bottom:20px;font-size:13px;text-align:center;font-weight:500}.auth-input-group{display:flex;align-items:center;gap:12px;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:14px;padding:14px 16px;transition:all .2s cubic-bezier(.16,1,.3,1)}.auth-input-group:focus-within{border-color:var(--color-accent);background:#ffffff0d;box-shadow:0 0 0 4px #3b82f626}.auth-input-group svg{color:var(--color-text-muted);flex-shrink:0;transition:color .2s}.auth-input-group:focus-within svg{color:var(--color-text-primary)}.auth-input-group input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-family:inherit;font-size:15px;font-weight:500}.auth-submit-btn{background:var(--color-button-bg);color:var(--color-button-text);border:none;border-radius:14px;padding:16px;font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s cubic-bezier(.16,1,.3,1);margin-top:12px;box-shadow:0 2px 10px #ffffff1a}.auth-submit-btn:hover:not(:disabled){background:var(--color-button-hover);transform:translateY(-2px);box-shadow:0 8px 20px #ffffff26}.auth-divider{display:flex;align-items:center;margin:20px 0;color:var(--color-text-muted);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border-light)}.auth-divider span{padding:0 12px}.auth-google-btn{background:var(--color-input-bg);border:1.5px solid var(--color-border-light);border-radius:10px;padding:12px;color:var(--color-text-primary);font-family:SF Pro Display,-apple-system,sans-serif;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.auth-google-btn:hover:not(:disabled){background:var(--color-input-bg);border-color:var(--color-primary)}.auth-toggle{text-align:center;margin-top:16px;font-size:13px;color:var(--color-text-muted);font-family:SF Pro Display,-apple-system,sans-serif}.auth-toggle button{background:transparent;border:none;color:var(--color-primary);font-weight:700;cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit;padding:0;margin-left:4px}.auth-toggle button:hover:not(:disabled){color:var(--color-secondary)}.profile-dropdown-container{position:relative}.profile-trigger{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid var(--color-border);border-radius:99px;padding:4px 12px 4px 4px;cursor:pointer;transition:all .2s ease;font-family:inherit;color:var(--color-text-primary);font-size:14px;font-weight:500}.profile-trigger:hover{background:#ffffff14;border-color:var(--color-border-light)}.profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;min-width:280px;box-shadow:0 20px 40px -10px #00000080,inset 0 0 0 1px #ffffff0d;animation:slideDown .3s cubic-bezier(.16,1,.3,1);overflow:hidden;padding:8px}.profile-info{display:flex;gap:12px;align-items:center}.profile-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.profile-name-large{font-size:15px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{font-size:11px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:SF Pro Display,-apple-system,sans-serif}.premium-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ffd70026,#ffd7000d);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:4px 8px;margin-top:6px;font-size:10px;font-weight:700;color:gold;letter-spacing:.5px}.profile-dropdown-divider{height:1px;background:var(--color-border-light)}.profile-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:var(--color-text-primary);font-family:SF Pro Display,-apple-system,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;text-align:left}.profile-dropdown-item.logout{color:var(--color-error)}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease-out}.share-modal{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;padding:40px;width:90%;max-width:420px;box-shadow:0 40px 80px -20px #00000080;text-align:center;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.share-modal-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;color:var(--color-primary)}.share-modal-header h3{font-size:20px;font-weight:700;letter-spacing:1px}.share-modal-message{font-size:16px;color:var(--color-text-primary);margin-bottom:12px;font-weight:600}.share-modal-subtitle{font-size:13px;color:var(--color-text-muted);margin-bottom:24px;font-family:SF Pro Display,-apple-system,sans-serif}.share-modal-close{background:var(--color-button-bg);color:var(--color-background);border:none;border-radius:10px;padding:12px 24px;font-family:SF Pro Display,-apple-system,sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px var(--color-shadow)}.share-modal-close:hover{background:var(--color-button-hover);transform:translateY(-1px);box-shadow:0 6px 16px var(--color-glow)}.premium-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.premium-lock-overlay:hover{background:#000c}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes keynoteBlockPulse{0%,to{filter:drop-shadow(0 0 8px rgba(59,130,246,.5));stroke-opacity:.8}50%{filter:drop-shadow(0 0 20px rgba(139,92,246,.8));stroke-opacity:1}}@keyframes keynoteGradientShift{0%{stroke:#3b82f6}33%{stroke:#8b5cf6}66%{stroke:#ec4899}to{stroke:#3b82f6}}@keyframes keynoteElementGlow{0%,to{filter:brightness(1) drop-shadow(0 0 2px rgba(255,255,255,.3))}50%{filter:brightness(1.15) drop-shadow(0 0 6px rgba(255,255,255,.5))}}.keynote-block-highlight{pointer-events:none;transition:opacity .4s ease-in-out}.keynote-block-highlight .highlight-border{animation:keynoteBlockPulse 2s ease-in-out infinite,keynoteGradientShift 4s linear infinite;stroke-linecap:round;stroke-linejoin:round}.keynote-active-element{animation:keynoteElementGlow 2s ease-in-out infinite;transition:opacity .3s ease-out,filter .3s ease-out}svg text,svg rect,svg circle,svg path,svg line,svg polygon,svg polyline,svg ellipse{transition:opacity .4s ease-in-out}.keynote-block-indicator{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:12px 8px;border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.keynote-block-dot{width:10px;height:10px;border-radius:50%;background:var(--color-text-muted);transition:all .3s ease-out;cursor:pointer}.keynote-block-dot:hover{background:var(--color-text-secondary);transform:scale(1.2)}.keynote-block-dot.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 0 10px #3b82f699;transform:scale(1.3)}.keynote-progress-indicator{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-full);border:1px solid var(--glass-border);z-index:100;opacity:0;transition:opacity .3s ease-out}.keynote-progress-indicator.visible{opacity:1}.keynote-progress-label{font-size:12px;color:var(--color-text-secondary);font-weight:500}.keynote-progress-bar{width:120px;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.keynote-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);border-radius:2px;transition:width .1s linear}.keynote-auto-scroll{scroll-behavior:smooth}@keyframes keynoteScrollFocus{0%{outline:2px solid transparent;outline-offset:10px}30%{outline:2px solid rgba(59,130,246,.6);outline-offset:5px}to{outline:2px solid transparent;outline-offset:0px}}.keynote-scroll-target{animation:keynoteScrollFocus 1s ease-out}.keynote-block-label{position:absolute;top:-30px;left:50%;transform:translate(-50%);padding:4px 12px;background:linear-gradient(135deg,#3b82f6e6,#8b5cf6e6);color:#fff;font-size:11px;font-weight:600;border-radius:var(--radius-full);white-space:nowrap;opacity:0;transition:opacity .3s ease-out;z-index:10}.keynote-block-highlight[style*="opacity: 1"]+.keynote-block-label,.keynote-block-highlight:not([style*="opacity: 0"]) .keynote-block-label{opacity:1}@media (max-width: 768px){.keynote-block-indicator{right:10px;padding:8px 6px;gap:10px}.keynote-block-dot{width:8px;height:8px}.keynote-progress-indicator{bottom:80px;padding:6px 12px}.keynote-progress-bar{width:80px}.keynote-progress-label{font-size:11px}.youtube-progress-bar{bottom:80px!important}}.keynote-block-highlight .highlight-border,.keynote-active-element{animation:none!important}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background:var(--color-background)}.app-header{background:var(--color-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.app-title{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px var(--color-glow);letter-spacing:4px}.input-section{padding:2rem;background:transparent;border-bottom:1px solid var(--color-border)}.query-input{flex:1;padding:16px 24px;font-size:16px;font-family:inherit;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;color:var(--color-text-primary);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #0003}.query-input:focus{outline:none;border-color:var(--color-accent);background:#141414cc;box-shadow:0 8px 30px #0000004d,0 0 0 4px #3b82f626}.generate-button{padding:1rem 2.5rem;font-size:1rem;font-weight:600;font-family:inherit;background:var(--color-button-bg);border:none;border-radius:16px;color:var(--color-button-text);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #ffffff1a}.generate-button:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--color-glow)}.generate-button:active{transform:translateY(0)}.generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:var(--color-input-bg)}.main-content{flex:1;display:flex;flex-direction:column;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:2rem}.loading-spinner{width:60px;height:60px;border:4px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px var(--color-shadow)}.loading-text{font-size:1.2rem;color:var(--color-text-primary);text-align:center;font-family:Courier New,monospace;text-shadow:0 0 10px var(--color-glow)}.plan-display{margin-bottom:2rem;padding:2rem;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.plan-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-subtitle{font-size:1.1rem;color:#ffffffb3;margin-bottom:1.5rem}.plan-toc{display:flex;flex-direction:column;gap:.5rem}.toc-item{padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;border-left:3px solid #667eea}.toc-title{font-weight:600;color:#fff}.toc-summary{font-size:.9rem;color:#fff9;margin-top:.25rem}.canvas-container{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem 0}.controls{display:flex;gap:1rem;justify-content:center;padding:1rem;background:#ffffff0d;border-radius:12px;margin-top:1rem}.control-button{padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.control-button:hover{background:#ffffff26;border-color:#667eea}.control-button:disabled{opacity:.5;cursor:not-allowed}.transcript-container{margin-top:2rem;padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.transcript-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#667eea}.transcript-text{line-height:1.6;color:#fffc}.mobile-input-wrapper,.mobile-lecture-overlay{display:none}@media (max-width: 768px){@property --pill-progress{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes pillBorderFill{0%{--pill-progress: 0deg}80%{--pill-progress: 1turn}to{--pill-progress: 1turn}}.loading-spinner{width:60px;height:60px;border:4px solid var(--color-border-light);border-radius:50%;animation:pillBorderFill 1s linear infinite;box-shadow:0 0 20px var(--color-shadow)}.loading-spinner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid var(--color-primary);border-radius:50%;clip-path:inset(0 0 0 calc(50% - var(--pill-progress)))}.mobile-input-wrapper{display:block!important}.mobile-lecture-overlay{display:flex!important}.neo-header,.neo-sidebar{display:none!important}.neo-app{height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:0;margin:0}.neo-layout{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.neo-stage{flex:1;padding:0!important;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;min-height:0;background:var(--color-background)!important;margin:0!important}.neo-stage__frame{width:100%!important;max-width:100%!important;height:100%!important;border:2px solid var(--color-primary)!important;border-radius:16px!important;box-shadow:0 0 16px color-mix(in srgb,var(--color-primary) 30%,transparent)!important;overflow:auto;background:var(--color-canvas-bg);position:relative}.neo-stage__frame.is-idle{border-color:transparent!important;box-shadow:none!important}.mobile-input-wrapper{display:flex!important;align-items:center;gap:8px;padding:8px 12px calc(12px + env(safe-area-inset-bottom));background:var(--color-background);border-top:1px solid var(--color-border);position:fixed;left:0;right:0;bottom:0;z-index:320;flex-shrink:0}.mobile-dropdown-toggle{width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1.5px solid color-mix(in srgb,var(--color-primary) 30%,transparent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-primary);flex-shrink:0}.mobile-dropdown-toggle:hover{background:color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:var(--color-primary)}.mobile-dropdown-toggle svg{width:18px;height:18px}.mobile-input-container{flex:1;position:relative;display:flex;align-items:center}.neo-textarea{border-radius:9999px!important;padding:10px 56px 10px 44px!important;min-height:40px!important;max-height:40px!important;resize:none!important;background:color-mix(in srgb,var(--color-primary) 8%,transparent)!important;border:1.5px solid color-mix(in srgb,var(--color-primary) 30%,transparent)!important;font-size:13px!important;line-height:20px!important;width:100%}.mobile-attach-button{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--color-text-muted)}.mobile-attach-button:hover{color:var(--color-primary)}.mobile-attach-button svg{width:16px;height:16px}.mobile-send-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--color-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px color-mix(in srgb,var(--color-primary) 40%,transparent);transition:all .2s ease}.mobile-send-button:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 2px 6px color-mix(in srgb,var(--color-primary) 60%,transparent)}.mobile-send-button:disabled{opacity:.4;cursor:not-allowed}.mobile-send-button svg{width:16px;height:16px;color:var(--color-background)}.mobile-actions-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.mobile-action-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:9999px;background:color-mix(in srgb,var(--color-primary) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--color-primary) 30%,transparent);color:var(--color-text-primary);font-weight:700;letter-spacing:.4px;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease,border-color .2s ease;white-space:nowrap;text-align:center}.mobile-action-pill:active{transform:scale(.98)}.mobile-action-pill:disabled{opacity:.6;cursor:not-allowed}.mobile-action-pill.is-loading{border-color:transparent}.mobile-action-pill.is-loading:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;padding:2px;border-radius:inherit;background:conic-gradient(var(--color-primary) 0 var(--pill-progress),transparent 0 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:pillBorderFill 1.8s ease-in-out infinite;pointer-events:none;opacity:.95}.mobile-action-pill.is-ready{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent) inset,0 0 16px color-mix(in srgb,var(--color-primary) 25%,transparent);color:var(--color-primary)}.mobile-lecture-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:350;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.mobile-lecture-overlay.is-visible{opacity:1;pointer-events:all}.mobile-lecture-options{width:100%;background:color-mix(in srgb,var(--color-background) 95%,transparent);border:1px solid var(--color-border);border-bottom:none;border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #0000004d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));position:relative}.mobile-lecture-overlay.is-visible .mobile-lecture-options{transform:translateY(0)}.mobile-lecture-options:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--color-text-muted);opacity:.3;border-radius:2px;z-index:1}.mobile-lecture-overlay.is-lecture{align-items:flex-end;justify-content:flex-end}.mobile-lecture-overlay.is-lecture .mobile-lecture-options{max-height:none}.mobile-lecture-overlay.is-lecture.is-collapsed.is-visible{opacity:1;pointer-events:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-lecture-overlay.is-lecture.is-collapsed.is-visible .mobile-lecture-options{transform:translateY(0);pointer-events:all}.mobile-lecture-overlay.is-lecture.is-collapsed .mobile-lecture-options{max-height:80px;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px))}.mobile-lecture-overlay.is-lecture.is-fullscreen{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.mobile-lecture-overlay.is-lecture.is-fullscreen .mobile-lecture-options{background:transparent;border:none;box-shadow:none;max-height:none;padding:0 14px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:all}.mobile-lecture-overlay.is-lecture.is-fullscreen .mobile-lecture-options:before{display:none}.mobile-lecture-overlay.is-lecture.is-expanded .mobile-lecture-options{max-height:50vh;padding:16px 14px calc(18px + env(safe-area-inset-bottom,0px))}.mobile-lecture-options::-webkit-scrollbar{width:3px}.mobile-lecture-options::-webkit-scrollbar-track{background:transparent}.mobile-lecture-options::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text-muted) 30%,transparent);border-radius:2px}.mobile-lecture-overlay.is-slides{align-items:flex-end;justify-content:flex-end}.mobile-lecture-overlay.is-slides .mobile-lecture-options{max-height:75vh;padding:16px 12px calc(16px + env(safe-area-inset-bottom,0px))}.mobile-lecture-overlay.is-notes{align-items:flex-end;justify-content:flex-end}.mobile-lecture-overlay.is-notes .mobile-lecture-options{max-height:70vh}.mobile-lecture-overlay.is-progress{align-items:flex-end;justify-content:flex-end}.mobile-lecture-overlay.is-progress .mobile-lecture-options{max-height:50vh;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px))}.mobile-lecture-overlay.is-courses{align-items:flex-end;justify-content:flex-end}.mobile-lecture-overlay.is-courses .mobile-lecture-options{max-height:65vh;padding:16px 12px calc(16px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--color-background) 92%,transparent)}.mobile-courses-content{display:flex;flex-direction:column;height:100%;max-height:calc(60vh - 40px)}.mobile-courses-content .cp{height:auto;max-height:100%;border-radius:16px;background:transparent}.mobile-courses-content .cp-head{background:transparent;border-bottom-color:color-mix(in srgb,var(--color-primary) 25%,transparent);padding:12px 16px;position:sticky;top:0;z-index:5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-courses-content .cp-body{padding:12px 8px 20px;overflow-y:auto;flex:1;min-height:0}.mobile-courses-content .cp-course{padding:16px;min-height:60px;border-radius:14px;gap:10px;background:color-mix(in srgb,var(--color-primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent)}.mobile-courses-content .cp-course:active{transform:scale(.98);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.mobile-courses-content .cp-lec{min-height:52px;padding:14px 12px;border-radius:12px;gap:14px}.mobile-courses-content .cp-lec__actions{opacity:1;gap:8px}.mobile-courses-content .cp-lec__btn{width:44px;height:44px;border-radius:12px}.mobile-courses-content .cp-btn{min-height:44px;padding:12px 16px;font-size:14px}.mobile-courses-content .cp-btn--submit{min-height:48px;border-radius:14px;font-size:15px}.mobile-courses-content .cp-field input,.mobile-courses-content .cp-field textarea{min-height:44px;font-size:16px;padding:12px 14px;border-radius:12px}.mobile-courses-content .cp-back{width:44px;height:44px;border-radius:12px}.mobile-courses-content .cp-empty,.mobile-courses-content .cp-auth{padding:32px 16px}.mobile-slide-viewport{width:100%;aspect-ratio:16 / 9;background:#fff;border:1px solid var(--color-border);border-radius:16px;overflow:hidden;position:relative;touch-action:none;box-shadow:0 6px 18px #00000059}.mobile-slide-svg-wrapper{width:100%;height:100%;transform-origin:center center;will-change:transform}.mobile-slide-svg-wrapper svg{width:100%!important;height:100%!important;object-fit:contain;background:#fff!important;pointer-events:none;-webkit-user-select:none;user-select:none}.mobile-slide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px;margin-bottom:14px;padding:0 4px;background:transparent;border:none;box-shadow:none}.mobile-toolbar-left,.mobile-toolbar-right{display:inline-flex;align-items:center;gap:8px}.mobile-toolbar-icon{width:24px;height:24px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);background:color-mix(in srgb,var(--color-primary) 4%,transparent);color:var(--color-primary)}.mobile-toolbar-icon:disabled{opacity:.5}.mobile-keynotes-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);color:var(--color-primary);font-weight:700;letter-spacing:.6px}.mobile-view-slides-btn{padding:6px 12px;border-radius:9999px;background:var(--color-primary);color:var(--color-background);font-weight:800;letter-spacing:.6px;border:1px solid var(--color-primary);min-width:104px}.mobile-slide-dots{display:inline-flex;align-items:center;gap:3px;padding:0 2px}.mobile-slide-dot{width:5px;height:5px;border-radius:9999px;background:color-mix(in srgb,var(--color-primary) 35%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 55%,transparent)}.mobile-slide-dot.active{width:14px;border-radius:9999px;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 6px var(--color-glow)}.mobile-download-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--color-primary) 18%,transparent);border:1.5px solid var(--color-primary);color:var(--color-primary);font-weight:700}.mobile-mode-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.mobile-mode-toggle button{padding:12px;border-radius:12px;border:2px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text-primary);font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.mobile-mode-toggle button.is-active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary);box-shadow:0 0 12px var(--color-glow)}.mobile-difficulty-group{display:flex;flex-direction:column;gap:8px}.mobile-difficulty-label{font-size:11px;color:var(--color-text-secondary);letter-spacing:1px;text-transform:uppercase}.mobile-difficulty-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mobile-difficulty-buttons button{padding:10px;border-radius:10px;border:2px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text-primary);font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-difficulty-buttons button.is-active{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 10px var(--color-glow)}.mobile-slider-group{display:flex;flex-direction:column;gap:8px}.mobile-slider-header{display:flex;justify-content:space-between;align-items:center}.mobile-slider-label{font-size:11px;color:var(--color-text-secondary);letter-spacing:1px;text-transform:uppercase}.mobile-slider-value{font-size:13px;font-weight:700;color:var(--color-primary)}.mobile-slider-track{display:flex;justify-content:space-between;gap:6px}.mobile-slider-track button{flex:1;padding:8px;border-radius:8px;border:2px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text-muted);font-weight:700;cursor:pointer;transition:all .2s ease}.mobile-slider-track button.is-active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.mobile-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:1100}.mobile-profile-container{position:absolute;top:56px;right:8px;transform:scale(.92);transform-origin:top right;z-index:1110}button,.auth-modal,.auth-modal__content{position:relative;z-index:auto}.mobile-profile-container .profile-dropdown-menu{position:relative;top:0;right:0}.app-header,.input-container{display:none}.main-content{padding:0}.plan-display{padding:1rem}.plan-title{font-size:1.5rem}}.canvas-fullscreen .neo-app{padding-top:0!important}.canvas-fullscreen .neo-stage{padding:0!important;margin:0!important}.canvas-fullscreen .neo-stage__frame{border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;background:var(--color-canvas-bg)!important}.hidden{display:none!important}.fade-in{animation:fadeIn .5s ease-in}.progress-container{margin-top:1rem;padding:1rem;background:#ffffff0d;border-radius:8px}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text{margin-top:.5rem;font-size:.9rem;color:#ffffffb3;text-align:center}.neo-app{height:100%;min-height:100%;display:flex;flex-direction:column;background:var(--color-background);overflow-y:auto;overflow-x:hidden;position:relative;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.neo-app--fullscreen{overflow:hidden;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;margin:0!important;z-index:200!important}.neo-app--fullscreen .neo-header{display:none}.neo-app--fullscreen~.tiny-bar{display:none!important}.neo-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:var(--color-background);border-bottom:1px solid var(--color-border);flex-shrink:0;z-index:50}.neo-header__brand{display:flex;align-items:center;gap:28px;overflow:visible}.neo-header__logo{display:flex;align-items:center;position:relative;overflow:visible;pointer-events:none}.brand-logo{display:flex;align-items:center;gap:12px;overflow:visible;pointer-events:none}.brand-logo--icon-only{gap:0}.brand-logo__icon{display:block;border-radius:14px;transition:transform .25s ease,filter .25s ease}.brand-logo__wordmark{text-transform:uppercase;letter-spacing:6px;font-weight:700}.neo-header__badge{padding:4px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:10px;color:var(--color-text-secondary);letter-spacing:2px}.neo-header__tagline{flex:1;text-align:center;font-size:12px;color:var(--color-text-muted);letter-spacing:1px}.neo-header__actions{display:flex;align-items:center;gap:12px}.neo-layout{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.neo-sidebar{flex:0 0 var(--neo-sidebar-width);width:var(--neo-sidebar-width);padding:var(--neo-sidebar-padding) 20px;padding-left:0;border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:20px;background:radial-gradient(90% 90% at 100% 0%,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 60%);height:100%;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:relative;z-index:1}.neo-sidebar .cp{margin:calc(var(--neo-sidebar-padding) * -1) -20px;margin-left:0;margin-bottom:calc(var(--neo-sidebar-padding) * -1);width:calc(100% + 20px);height:calc(100% + var(--neo-sidebar-padding) * 2);min-height:calc(100% + var(--neo-sidebar-padding) * 2);position:relative;z-index:2}.neo-app--fullscreen .neo-sidebar{display:none}.neo-sidebar__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.neo-tab{padding:10px 0;border:1px solid var(--color-border-light);background:color-mix(in srgb,var(--color-input-bg) 80%,transparent);color:var(--color-text-secondary);font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;transform:scale(1)}.neo-tab--small{flex:.7}.neo-tab--disabled{cursor:not-allowed;opacity:.6;position:relative}.neo-tab--disabled:hover{background:color-mix(in srgb,var(--color-input-bg) 80%,transparent);border-color:var(--color-border-light);color:var(--color-text-secondary)}.neo-tab__content{display:flex;flex-direction:column;align-items:center;gap:4px}.neo-tab__badge{font-size:9px;font-weight:500;letter-spacing:.5px;padding:2px 8px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-background);text-transform:uppercase;box-shadow:0 2px 8px #0000004d}.neo-tab.is-active{background:color-mix(in srgb,var(--color-primary) 18%,transparent);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 15px var(--color-glow)}.neo-card{background:color-mix(in srgb,var(--color-background) 75%,var(--color-input-bg) 25%);border:1px solid var(--color-border);border-radius:14px;padding:16px;box-shadow:0 12px 24px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:14px}.neo-card--input{gap:16px}.neo-card--selectors .neo-selector:not(:last-child){margin-bottom:14px}.neo-card__label{font-size:12px;color:var(--color-text-secondary);letter-spacing:1px}.neo-card__label--bold{font-weight:700;font-size:13px}.neo-input{position:relative}.neo-upload{margin-top:12px;display:flex;flex-direction:column;gap:8px}.neo-textarea{width:100%;min-height:110px;padding:16px;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);resize:vertical;transition:border .2s ease,box-shadow .2s ease}.neo-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 20px var(--color-shadow)}.neo-attachment{position:absolute;right:12px;top:12px}.neo-prompt__header{display:flex;justify-content:space-between;font-size:10px;color:var(--color-text-secondary);letter-spacing:1px}.neo-prompt__tip{font-size:10px;color:var(--color-text-muted)}.neo-progress-bar{width:100%;height:6px;border-radius:4px;background:color-mix(in srgb,var(--color-input-bg) 70%,transparent);overflow:hidden;border:1px solid var(--color-border)}.neo-progress-bar__fill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 45%,transparent),var(--color-primary));box-shadow:0 0 18px var(--color-shadow);transition:width .4s ease}.neo-progress-bar__fill--status{background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 30%,var(--color-secondary) 70%),var(--color-primary))}.neo-selector__label{font-size:11px;color:var(--color-text-secondary);margin-bottom:8px;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.neo-selector__info{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:help;transition:color .2s ease;opacity:.7}.neo-selector__info:hover{color:var(--color-primary);opacity:1}.neo-selector__hint{margin-top:8px;font-size:10px;color:var(--color-text-muted);padding:6px 10px;background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-radius:8px;border-left:2px solid var(--color-primary);line-height:1.4;transition:all .2s ease}.neo-chip-group{display:flex;gap:6px;flex-wrap:wrap}.neo-chip-group--wide{display:flex;flex-direction:column;gap:8px;width:100%}.neo-selector--difficulty{width:100%;overflow:visible}.neo-slider{width:100%;accent-color:var(--color-primary)}.neo-slider__value{margin-top:6px;font-size:12px;font-weight:700;color:var(--color-text-secondary);text-align:center}.neo-selector__caption{margin-top:8px;font-size:10px;color:var(--color-text-muted);line-height:1.5}.neo-selector--info p{margin:6px 0 0;font-size:11px;color:var(--color-text-muted);line-height:1.5}.neo-chip{flex:1;padding:10px 0;border-radius:10px;border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease}.neo-chip--wide{flex:none;width:100%;padding:10px 0}.neo-chip.is-active{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 16px var(--color-shadow)}.neo-chip[disabled]{opacity:.4;cursor:not-allowed}.neo-actions{display:flex;flex-direction:column;gap:12px}.neo-button{border-radius:10px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-input-bg) 85%,transparent);color:var(--color-primary);padding:12px 16px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.neo-button:disabled,.neo-button.is-disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.neo-button--primary{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 40%,transparent),var(--color-primary));border-color:var(--color-primary);color:var(--color-background);padding:10px 18px;font-family:SF Pro Display,-apple-system,sans-serif}.neo-button--launch{font-size:14px;padding:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 50%,transparent),var(--color-primary));color:var(--color-background);box-shadow:0 10px 30px var(--color-shadow)}.neo-button--ghost{background:color-mix(in srgb,var(--color-input-bg) 70%,transparent);color:var(--color-text-secondary)}.neo-premium-icon{margin-left:6px;color:var(--color-warning)}.neo-button--plus{width:100%;margin-bottom:16px;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px}.neo-card--toc{max-height:400px;overflow:hidden;display:flex;flex-direction:column}.neo-toc-inline{flex:1;overflow-y:auto;overflow-x:hidden}.neo-toc-inline>div{position:relative!important;top:auto!important;right:auto!important;width:100%!important;max-height:none!important;border:none!important;box-shadow:none!important;animation:none!important}.neo-card__eta{margin-top:8px;font-size:10px;color:var(--color-text-muted);text-align:center}.neo-button--ghost:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.neo-hint{font-size:10px;color:var(--color-text-muted);letter-spacing:.5px}.neo-secondary-buttons{display:flex;gap:8px}.neo-secondary-buttons .neo-button{flex:1}.neo-alert{padding:10px 12px;border-radius:10px;font-size:11px}.neo-alert--warning{border:1px solid color-mix(in srgb,var(--color-warning) 60%,transparent);background:color-mix(in srgb,var(--color-warning) 18%,transparent);color:color-mix(in srgb,var(--color-warning) 80%,var(--color-text-primary) 20%)}.neo-card__header-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--color-text-secondary)}.neo-card__message{font-size:12px;color:var(--color-text-secondary)}.neo-card__meta{display:flex;justify-content:space-between;font-size:10px;color:var(--color-text-muted)}.neo-card__preview{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--color-text-secondary)}.neo-card__preview-item{display:flex;justify-content:space-between}.neo-link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-weight:600;letter-spacing:.5px}.neo-notes{display:flex;flex-direction:column;gap:12px}.neo-notes__category{border:1px solid var(--color-border);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--color-input-bg) 75%,transparent)}.neo-notes__title{font-size:12px;font-weight:700;color:var(--color-primary);margin-bottom:8px}.neo-notes__item{font-size:11px;color:var(--color-text-secondary);margin-bottom:6px}.neo-notes__item-title{font-weight:600}.neo-notes__formula{font-family:SFMono-Regular,Consolas,monospace;font-size:10px;margin-top:4px;color:var(--color-primary)}.neo-notes__description{color:var(--color-text-muted);margin-top:4px}.neo-stage{flex:1;position:relative;z-index:5;background:transparent;display:flex;justify-content:flex-start;align-items:stretch;padding:var(--neo-stage-padding);box-sizing:border-box;min-width:0;overflow:hidden}.neo-app.chatbot-mode .neo-stage{padding:0;box-sizing:border-box}.neo-stage__frame{flex:1;display:flex;justify-content:flex-start;align-items:stretch;position:relative;height:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.neo-stage__content{flex:1;width:100%;height:100%;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden}.neo-stage__content--center{display:flex;justify-content:center;align-items:center}.neo-app--fullscreen .neo-stage__frame{max-width:none;width:100%;height:100%;position:relative;z-index:inherit}.neo-app--fullscreen .neo-stage{padding:0}.neo-stage__toc-toggle{position:absolute;top:16px;right:16px;padding:10px 14px;border-radius:10px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-background) 70%,transparent);color:var(--color-text-secondary);letter-spacing:1px;cursor:pointer;box-shadow:0 0 18px var(--color-shadow);transition:all .2s ease}.neo-stage__toc-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.neo-sidebar-legacy{position:relative;left:auto;top:auto;height:100%;background:var(--color-background);border-right:2px solid var(--color-border);display:flex;transition:width .3s ease;box-shadow:none}.neo-sidebar--collapsed{width:64px}.neo-sidebar--expanded{width:420px}.neo-sidebar__content{flex:1;display:flex;flex-direction:column;overflow:hidden}.neo-sidebar__header{padding:16px;border-bottom:2px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background:var(--color-input-bg)}.neo-sidebar__header-title{font-size:16px;font-weight:700;color:var(--color-primary);letter-spacing:1px}.neo-sidebar__courses{flex:1;padding:16px;overflow-y:auto}.mobile-notes-list{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 200px);overflow-y:auto;padding:4px}.mobile-notes-category{border:1.5px solid var(--color-border);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--color-primary) 3%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.mobile-notes-category:hover{border-color:var(--color-primary);box-shadow:0 6px 20px var(--color-shadow),0 0 15px var(--color-glow);transform:translateY(-2px)}.mobile-notes-category-header{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 12%,transparent),color-mix(in srgb,var(--color-primary) 8%,transparent));border:none;cursor:pointer;transition:all .3s ease;text-align:left;font-family:Courier New,monospace;color:var(--color-text-primary);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;position:relative}.mobile-notes-category-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);opacity:0;transition:opacity .3s ease}.mobile-notes-category-header:hover:before{opacity:1}.mobile-notes-category-header:active{background:color-mix(in srgb,var(--color-primary) 18%,transparent)}.mobile-notes-count{font-size:10px;font-weight:600;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent);border:1px solid var(--color-primary);padding:3px 8px;border-radius:10px;min-width:24px;text-align:center;box-shadow:0 0 8px var(--color-glow)}.mobile-notes-items{padding:8px;background:var(--color-background)}.mobile-notes-item{padding:14px;margin-bottom:8px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-input-bg) 95%,transparent),color-mix(in srgb,var(--color-primary) 5%,transparent));border:1px solid var(--color-border-light);transition:all .3s ease;position:relative;overflow:hidden}.mobile-notes-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),transparent);opacity:0;transition:opacity .3s ease}.mobile-notes-item:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),color-mix(in srgb,var(--color-primary) 12%,transparent));border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-shadow);transform:translate(4px)}.mobile-notes-item:hover:before{opacity:1}.mobile-notes-item:last-child{margin-bottom:0}.mobile-notes-item-title{font-size:14px;font-weight:700;color:var(--color-primary);margin-bottom:10px;font-family:Courier New,monospace;letter-spacing:.3px;text-shadow:0 0 10px var(--color-glow);line-height:1.4;padding:6px 10px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:6px;border-left:3px solid var(--color-primary)}.mobile-notes-item-formula{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 18%,transparent),color-mix(in srgb,var(--color-primary) 25%,transparent));color:var(--color-primary);padding:12px 14px;border-radius:8px;margin:10px 0;font-family:Courier New,monospace;font-size:13px;font-weight:600;overflow-x:auto;border:1.5px solid var(--color-primary);border-left:4px solid var(--color-primary);box-shadow:0 4px 12px var(--color-shadow),inset 0 0 20px color-mix(in srgb,var(--color-primary) 10%,transparent),0 0 15px var(--color-glow);position:relative;word-break:break-word;line-height:1.6}.mobile-notes-item-formula:before{content:"∫";position:absolute;top:6px;right:10px;font-size:20px;opacity:.15;color:var(--color-primary);font-weight:700}.mobile-notes-item-formula code{color:var(--color-primary);text-shadow:0 0 8px var(--color-glow);font-weight:600;letter-spacing:.3px}.mobile-notes-item-description{font-size:12px;color:var(--color-text-secondary);line-height:1.7;margin:10px 0 0;font-family:Courier New,monospace;padding:10px 12px;background:color-mix(in srgb,var(--color-input-bg) 80%,transparent);border-radius:6px;border-left:2px solid var(--color-border);font-weight:500}.mobile-notes-item-description:first-letter{font-size:14px;font-weight:700;color:var(--color-primary)}.mobile-notes-item-detail{font-size:11px;color:var(--color-text-secondary);margin-top:10px;padding:10px 12px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-info) 15%,transparent),color-mix(in srgb,var(--color-info) 8%,transparent));border-radius:6px;border-left:3px solid var(--color-info);font-family:Courier New,monospace;line-height:1.5;box-shadow:0 2px 8px #00000026}.mobile-notes-item-detail--warning{background:linear-gradient(135deg,color-mix(in srgb,var(--color-warning) 20%,transparent),color-mix(in srgb,var(--color-warning) 12%,transparent));border-left-color:var(--color-warning);color:var(--color-warning);box-shadow:0 2px 8px #ffa50033}.mobile-notes-item-detail strong{font-weight:700;color:var(--color-text-primary);margin-right:4px;font-size:12px}.mobile-notes-list::-webkit-scrollbar{width:6px}.mobile-notes-list::-webkit-scrollbar-track{background:var(--color-input-bg);border-radius:3px}.mobile-notes-list::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px;box-shadow:0 0 6px var(--color-glow)}.mobile-notes-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-primary) 80%,white)}@keyframes expandCategory{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}.mobile-notes-items{animation:expandCategory .4s ease-out}.mobile-drawer-header{padding:16px;border-bottom:2px solid var(--color-border);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 15%,transparent),color-mix(in srgb,var(--color-primary) 8%,transparent));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0003;position:sticky;top:0;z-index:10}.mobile-drawer-header>div:first-child{font-size:14px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 12px var(--color-glow);font-family:Courier New,monospace!important}@media (min-width: 769px) and (max-width: 900px){:root{--sidebar-base-width: 48px;--sidebar-expanded-width: min(200px, 25vw);--neo-sidebar-width: clamp(270px, 33vw, 390px);--neo-sidebar-padding: 12px;--neo-stage-padding: 0px}.neo-sidebar{flex:0 0 var(--neo-sidebar-width);width:var(--neo-sidebar-width);padding:var(--neo-sidebar-padding) 10px;gap:12px}.neo-stage{padding:var(--neo-stage-padding);min-width:0;overflow:hidden}.neo-stage__frame{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}.neo-card{padding:10px;gap:8px}.neo-tab{padding:6px 0;font-size:9px}.neo-card__label{font-size:10px}.neo-textarea{min-height:70px;padding:10px;font-size:13px}.neo-button{padding:8px 10px;font-size:11px}}@media (min-width: 901px) and (max-width: 1200px){:root{--sidebar-base-width: 52px;--sidebar-expanded-width: min(220px, 28vw);--neo-sidebar-width: clamp(330px, 34.5vw, 480px);--neo-sidebar-padding: 16px;--neo-stage-padding: 0px}.neo-sidebar{flex:0 0 var(--neo-sidebar-width);width:var(--neo-sidebar-width);padding:var(--neo-sidebar-padding) 14px;gap:16px}.neo-stage{padding:var(--neo-stage-padding);min-width:0;overflow:hidden}.neo-stage__frame{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}.neo-card{padding:14px;gap:12px}.neo-tab{padding:8px 0;font-size:10px}.neo-card__label{font-size:11px}.neo-textarea{min-height:80px;padding:12px}}@media (min-width: 769px) and (max-width: 900px){.neo-layout{overflow:hidden}.neo-stage{padding:0!important}.neo-stage__frame{padding:0}.canvas-stage{max-width:100%}.interactive-learning-container,.lecture-canvas-container{max-width:100%;padding:8px}}@media (max-height: 700px) and (min-width: 769px){:root{--neo-sidebar-width: clamp(270px, 27vw, 390px);--neo-sidebar-padding: 14px;--neo-stage-padding: 0px}.neo-sidebar{flex:0 0 var(--neo-sidebar-width);width:var(--neo-sidebar-width);padding:var(--neo-sidebar-padding) 12px;padding-bottom:40px;gap:14px}.neo-stage{padding:var(--neo-stage-padding);padding-bottom:0}.neo-card{padding:12px;gap:10px}.neo-card__label{font-size:11px}}@media (max-height: 550px) and (min-width: 769px){:root{--neo-sidebar-width: clamp(240px, 24vw, 330px);--neo-sidebar-padding: 10px;--neo-stage-padding: 0px}.neo-sidebar{flex:0 0 var(--neo-sidebar-width);width:var(--neo-sidebar-width);padding:var(--neo-sidebar-padding) 8px;padding-bottom:80px;gap:10px}.neo-stage{padding:var(--neo-stage-padding);padding-bottom:0}.neo-card{padding:10px;gap:8px}.neo-tab{padding:6px 0;font-size:10px}.neo-selector__label{font-size:9px;margin-bottom:4px}.neo-chip{padding:6px 0;font-size:10px}.neo-textarea{min-height:60px;padding:10px;font-size:13px}.neo-button{padding:8px 12px;font-size:11px}.neo-card__label{font-size:10px}.keynote-block-highlight .highlight-border,.keynote-active-element{animation:none!important}}@media (max-width: 1024px) and (max-height: 700px) and (min-width: 769px){:root{--neo-sidebar-width: clamp(225px, 22.5vw, 300px);--neo-sidebar-padding: 10px;--neo-stage-padding: 0px}.neo-sidebar{flex:0 0 var(--neo-sidebar-width);width:var(--neo-sidebar-width);padding:var(--neo-sidebar-padding) 8px;gap:10px}.neo-stage{padding:var(--neo-stage-padding)}.neo-card{padding:8px;gap:6px}.neo-tab{padding:5px 0;font-size:9px}.neo-button{padding:6px 10px;font-size:10px}}@media (max-width: 900px) and (max-height: 600px) and (min-width: 769px){:root{--neo-sidebar-width: clamp(210px, 21vw, 270px);--neo-sidebar-padding: 8px;--neo-stage-padding: 0px}.neo-sidebar{flex:0 0 var(--neo-sidebar-width);width:var(--neo-sidebar-width);padding:var(--neo-sidebar-padding) 6px;gap:8px}.neo-stage{padding:var(--neo-stage-padding)}.neo-card{padding:6px;gap:4px}.neo-card__label{font-size:9px}.neo-tab{padding:4px 0;font-size:8px}.neo-textarea{min-height:50px;padding:8px;font-size:12px}.neo-button{padding:5px 8px;font-size:9px}}@media (min-width: 950px) and (max-width: 1050px) and (min-height: 450px) and (max-height: 550px){:root{--neo-sidebar-width: clamp(200px, 20vw, 250px);--neo-sidebar-padding: 8px;--neo-stage-padding: 0px;--sidebar-base-width: 48px;--sidebar-expanded-width: min(180px, 22vw)}.documentation-page .centric-top-bar,.documentation-topbar-wrapper .centric-top-bar{display:none!important}.centric-top-bar{height:40px!important;padding:4px 10px!important;margin:8px auto 0!important;border-radius:12px!important}.centric-top-bar__text{font-size:10px!important;letter-spacing:.1em!important}.centric-top-bar__left,.centric-top-bar__right{padding:0 8px!important}.centric-top-bar__center{display:none!important}.neo-sidebar{flex:0 0 var(--neo-sidebar-width)!important;width:var(--neo-sidebar-width)!important;padding:var(--neo-sidebar-padding) 6px!important;gap:8px!important}.sidebar{--sidebar-base-width: 48px !important;min-width:48px!important;width:48px!important}.sidebar--expanded{width:min(180px,22vw)!important}.sidebar__content{width:48px!important;min-width:48px!important;padding:8px 0!important}.sidebar--expanded .sidebar__content{padding:8px 4px!important}.neo-stage,.neo-stage__frame{padding:0!important}.neo-card{padding:8px!important;gap:6px!important;border-radius:10px!important}.neo-card__label{font-size:9px!important;margin-bottom:4px!important}.neo-tab{padding:4px 0!important;font-size:8px!important}.neo-button{padding:4px 8px!important;font-size:9px!important}.neo-textarea{min-height:50px!important;padding:6px!important;font-size:11px!important}.neo-selector__label{font-size:8px!important;margin-bottom:3px!important}.neo-chip{padding:4px 0!important;font-size:8px!important}.neo-header{padding:8px 16px!important;min-height:40px!important}.neo-header__tagline{font-size:10px!important;display:none!important}.neo-header__brand{gap:12px!important}.tiny-bar{height:48px!important}.tiny-bar__button{padding:6px!important}.tiny-bar__label{font-size:9px!important}.neo-sidebar__tabs{gap:4px!important}.neo-app{padding-top:8px!important}.canvas-toolbar{padding:6px 8px!important;height:auto!important;min-height:36px!important}.unified-input{padding:8px!important}.unified-input__mode-btn{padding:4px 8px!important;font-size:10px!important}.neo-layout{overflow:hidden!important;min-height:0!important}.interactive-learning-container,.lecture-canvas-container{padding:4px!important}.documentation-mobile-header{height:44px!important;padding:0 8px!important}.documentation-mobile-back-btn{height:32px!important;padding:0 12px!important;font-size:11px!important}.back-to-chat-btn{padding:4px 8px!important;font-size:9px!important;height:28px!important}.neo-app{padding-top:0!important;margin-top:0!important}.mobile-mode-toggle button{padding:4px 8px!important;font-size:9px!important}.neo-stage__content{padding:4px!important}.canvas-stage,.lecture-canvas,.slide-viewer{max-height:calc(100vh - 60px)!important}}@media (min-width: 900px) and (max-width: 950px) and (min-height: 500px) and (max-height: 550px){:root{--neo-sidebar-width: clamp(180px, 18vw, 220px);--neo-sidebar-padding: 6px;--neo-stage-padding: 0px;--sidebar-base-width: 44px;--sidebar-expanded-width: min(160px, 20vw)}.centric-top-bar,.documentation-topbar-wrapper{display:none!important}.neo-sidebar{flex:0 0 var(--neo-sidebar-width)!important;width:var(--neo-sidebar-width)!important;padding:var(--neo-sidebar-padding) 4px!important;gap:6px!important}.sidebar{--sidebar-base-width: 44px !important;min-width:44px!important;width:44px!important}.sidebar--expanded{width:min(160px,20vw)!important}.sidebar__content{width:44px!important;min-width:44px!important;padding:6px 0!important}.sidebar--expanded .sidebar__content{padding:6px 3px!important}.neo-stage,.neo-stage__frame{padding:0!important}.neo-card{padding:6px!important;gap:4px!important;border-radius:8px!important}.neo-card__label{font-size:8px!important;margin-bottom:3px!important}.neo-tab{padding:3px 0!important;font-size:7px!important}.neo-button{padding:3px 6px!important;font-size:8px!important}.neo-textarea{min-height:40px!important;padding:4px!important;font-size:10px!important}.neo-header{padding:4px 12px!important;min-height:32px!important;display:none!important}.neo-header__tagline{display:none!important}.tiny-bar{height:40px!important}.tiny-bar__button{padding:4px!important}.tiny-bar__label{font-size:8px!important}.neo-sidebar__tabs{gap:3px!important}.neo-app{padding-top:0!important;margin-top:0!important}.canvas-toolbar{padding:4px 6px!important;height:auto!important;min-height:32px!important}.unified-input{padding:6px!important}.unified-input__mode-btn{padding:3px 6px!important;font-size:9px!important}.neo-layout{overflow:hidden!important;min-height:0!important}.interactive-learning-container,.lecture-canvas-container{padding:2px!important}.back-to-chat-btn{padding:3px 6px!important;font-size:8px!important;height:24px!important}.canvas-stage,.lecture-canvas,.slide-viewer{max-height:calc(100vh - 40px)!important}.interactive-learning__header{padding:4px 8px!important;min-height:32px!important}.interactive-learning__title{font-size:14px!important}.mobile-mode-toggle button{padding:3px 6px!important;font-size:8px!important}}.interactive-learning{--il-bg: var(--color-background, #0a0a0a);--il-surface: var(--color-surface, #141414);--il-primary: var(--color-primary, #ededed);--il-accent: var(--color-accent, #3b82f6);--il-border: var(--color-border, rgba(255, 255, 255, .08));--il-text: var(--color-text-primary, #ffffff);--il-text-muted: var(--color-text-muted, #666666);--bullet-color-1: #FF6B6B;--bullet-color-2: #4ECDC4;--bullet-color-3: #45B7D1;--bullet-color-4: #96CEB4;--bullet-color-5: #FFEAA7;--bullet-color-6: #DDA0DD;--bullet-color-7: #7C3AED;--ctrl-bg: color-mix(in srgb, var(--il-primary) 10%, transparent);--ctrl-border: color-mix(in srgb, var(--il-primary) 20%, transparent);--ctrl-text: var(--il-primary);--ctrl-hover-bg: color-mix(in srgb, var(--il-primary) 18%, transparent)}.interactive-learning{display:flex;flex-direction:row;height:100%;width:100%;background:var(--il-bg);color:var(--il-text);overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.interactive-learning__main{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;overflow:hidden}@media (max-width: 768px){.interactive-learning{overflow-y:auto;overflow-x:hidden}.interactive-learning__main{overflow-y:auto;overflow-x:hidden;height:auto;min-height:100%;padding-bottom:72px}.interactive-learning__content{overflow:visible;flex:none}}.interactive-learning__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--il-border);background:color-mix(in srgb,var(--il-primary) 3%,transparent);flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:16px}.interactive-learning__header-content{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.interactive-learning__title{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:var(--il-primary);margin:0;letter-spacing:-.02em}.interactive-learning__icon{display:flex;align-items:center}.interactive-learning__icon svg{width:24px;height:24px}.interactive-learning__topic{font-size:.875rem;color:var(--il-text-muted);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interactive-learning__topic strong{color:var(--il-primary)}.interactive-learning__save-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:color-mix(in srgb,var(--il-accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--il-accent) 30%,transparent);border-radius:8px;color:var(--il-accent);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.interactive-learning__save-btn:hover:not(:disabled){background:color-mix(in srgb,var(--il-accent) 25%,transparent);border-color:color-mix(in srgb,var(--il-accent) 50%,transparent);transform:translateY(-1px)}.interactive-learning__save-btn:active:not(:disabled){transform:translateY(0)}.interactive-learning__save-btn:disabled{opacity:.6;cursor:not-allowed}.interactive-learning__save-btn svg{width:16px;height:16px}.interactive-learning__save-btn--saved{background:color-mix(in srgb,#10b981 15%,transparent);border-color:color-mix(in srgb,#10b981 30%,transparent);color:#10b981}.interactive-learning__save-btn--saved:hover{background:color-mix(in srgb,#10b981 25%,transparent);border-color:color-mix(in srgb,#10b981 50%,transparent)}.interactive-learning__tts-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:color-mix(in srgb,var(--il-accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--il-accent) 30%,transparent);border-radius:10px;color:var(--il-accent);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.interactive-learning__tts-btn:hover{background:color-mix(in srgb,var(--il-accent) 25%,transparent);border-color:color-mix(in srgb,var(--il-accent) 50%,transparent);transform:translateY(-1px)}.interactive-learning__tts-btn:active{transform:translateY(0)}.interactive-learning__tts-btn svg{width:18px;height:18px;flex-shrink:0}.interactive-learning__tts-btn--muted{background:color-mix(in srgb,#ef4444 15%,transparent);border-color:color-mix(in srgb,#ef4444 30%,transparent);color:#ef4444}.interactive-learning__tts-btn--muted:hover{background:color-mix(in srgb,#ef4444 25%,transparent);border-color:color-mix(in srgb,#ef4444 50%,transparent)}.interactive-learning__ctrl-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:36px;height:36px;border-radius:10px;background:var(--ctrl-bg);border:1px solid var(--ctrl-border);color:var(--ctrl-text);cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0;font-size:.8rem;font-weight:500}.interactive-learning__ctrl-btn:hover{background:var(--ctrl-hover-bg);transform:translateY(-1px)}.interactive-learning__ctrl-btn:active{transform:translateY(0)}.interactive-learning__ctrl-btn svg{width:18px;height:18px;flex-shrink:0}@media (min-width: 769px){.interactive-learning__ctrl-btn{width:auto;padding:8px 12px}}.interactive-learning__new-session-btn{background:color-mix(in srgb,var(--bullet-color-2) 15%,transparent);border-color:color-mix(in srgb,var(--bullet-color-2) 30%,transparent);color:var(--bullet-color-2)}.interactive-learning__new-session-btn:hover{background:color-mix(in srgb,var(--bullet-color-2) 25%,transparent)}.interactive-learning__home-btn{background:color-mix(in srgb,var(--bullet-color-5) 15%,transparent);border-color:color-mix(in srgb,var(--bullet-color-5) 30%,transparent);color:var(--bullet-color-5)}.interactive-learning__home-btn:hover{background:color-mix(in srgb,var(--bullet-color-5) 25%,transparent)}.interactive-learning__controls{display:flex;gap:8px;align-items:center;margin-left:auto}.interactive-learning__controls--mobile{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:1000;background:var(--il-bg, #0a0a0a);border:1px solid var(--il-border);border-radius:16px;padding:6px 10px;gap:6px;box-shadow:0 4px 24px #0000004d,0 0 0 1px var(--il-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.interactive-learning__header--mobile{padding:8px 12px;min-height:0;border-bottom:none;background:transparent}.interactive-learning--landscape-expand{position:fixed!important;top:0;left:0;right:0;bottom:0;z-index:9999;width:100vw;height:100vh;background:var(--il-bg)}.interactive-learning--landscape-expand .chunk-viewer__body--book{display:grid!important;grid-template-columns:1fr 1fr!important;flex-direction:row!important;height:100%!important;overflow:hidden!important}.interactive-learning--landscape-expand .chunk-viewer__content--book{order:unset!important;border-right:1px solid var(--il-border)!important;border-top:none!important;flex:1!important;overflow-y:auto!important;height:auto!important}.interactive-learning--landscape-expand .chunk-viewer__diagram--book{order:unset!important;max-height:none!important;flex:1!important;overflow-y:auto!important}.interactive-learning--landscape-expand .interactive-learning__controls--mobile{bottom:env(safe-area-inset-bottom,10px)}.interactive-learning__error{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:.875rem}.interactive-learning__error-icon{display:flex;align-items:center}.interactive-learning__error-icon svg{width:20px;height:20px}.interactive-learning__error-dismiss{margin-left:auto;background:none;border:none;color:#ef4444;cursor:pointer;padding:4px 8px;opacity:.7;transition:opacity .2s;display:flex;align-items:center}.interactive-learning__error-dismiss svg{width:16px;height:16px}.interactive-learning__error-dismiss:hover{opacity:1}.interactive-learning__content{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;min-height:0}.interactive-learning__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.interactive-learning__inline-loading{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--il-primary) 6%,transparent);color:var(--il-text-muted)}.interactive-learning__inline-loading-text{font-size:.9rem;font-weight:500}.interactive-learning__spinner--small{width:18px;height:18px;border-width:2px}.interactive-learning__spinner{width:48px;height:48px;border:3px solid color-mix(in srgb,var(--il-primary) 15%,transparent);border-top-color:var(--il-primary);border-radius:50%;animation:spin 1s linear infinite}.interactive-learning__loading-text{font-size:1.125rem;color:var(--il-primary);margin:0;font-weight:600}.interactive-learning__loading-hint{font-size:.875rem;color:var(--il-text-muted)}.interactive-learning__progress{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-shrink:0}.interactive-learning__progress-bar{flex:1;height:6px;background:color-mix(in srgb,var(--il-primary) 10%,transparent);border-radius:3px;overflow:hidden}.interactive-learning__progress-fill{height:100%;background:linear-gradient(90deg,var(--bullet-color-2),var(--bullet-color-3));border-radius:3px;transition:width .4s cubic-bezier(.4,0,.2,1)}.theme-light-mode .interactive-learning__progress-fill{background:var(--il-accent)}.interactive-learning__progress-text{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--il-text-muted);white-space:nowrap}.interactive-learning__progress-badge{display:flex;align-items:center}.interactive-learning__progress-badge svg{width:14px;height:14px}.interactive-learning__nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:color-mix(in srgb,var(--il-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--il-primary) 15%,transparent);border-radius:8px;color:var(--il-text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.interactive-learning__nav-btn svg{width:14px;height:14px}.interactive-learning__nav-btn:hover{background:color-mix(in srgb,var(--il-primary) 15%,transparent);border-color:color-mix(in srgb,var(--il-primary) 25%,transparent);color:var(--il-text)}.interactive-learning__nav-btn:active{transform:scale(.95)}.interactive-learning__completed-badge{display:inline-flex;align-items:center;margin-left:6px;color:var(--bullet-color-3)}.interactive-learning__completed-badge svg{width:14px;height:14px}.interactive-learning__return-btn{display:flex;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;background:color-mix(in srgb,var(--il-primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--il-primary) 15%,transparent);border-radius:10px;color:var(--il-text-muted);font-size:.875rem;cursor:pointer;transition:all .2s;align-self:flex-start}.interactive-learning__return-btn svg{width:16px;height:16px}.interactive-learning__return-btn:hover{background:color-mix(in srgb,var(--il-primary) 10%,transparent);color:var(--il-text);border-color:color-mix(in srgb,var(--il-primary) 25%,transparent)}.interactive-learning__mcq-section{display:flex;flex-direction:column;gap:20px}.interactive-learning__mcq-header{display:flex;align-items:center;justify-content:space-between}.interactive-learning__mcq-header h2{margin:0;font-size:1.25rem;color:var(--il-primary);font-weight:700}.interactive-learning__mcq-progress{font-size:.875rem;color:var(--il-text-muted)}.interactive-learning__skip-btn{align-self:flex-end;padding:8px 16px;background:transparent;border:1px solid var(--il-border);border-radius:8px;color:var(--il-text-muted);font-size:.875rem;cursor:pointer;transition:all .2s}.interactive-learning__skip-btn:hover{border-color:color-mix(in srgb,var(--il-primary) 30%,transparent);color:var(--il-text)}.interactive-learning__subtopics-section{display:flex;flex-direction:column;gap:20px}.interactive-learning__subtopics-title{display:flex;align-items:center;gap:10px;margin:0;font-size:1.5rem;color:var(--il-primary);font-weight:700}.interactive-learning__subtopics-icon{display:flex;align-items:center}.interactive-learning__subtopics-icon svg{width:22px;height:22px}.interactive-learning__subtopics-desc{margin:0;color:var(--il-text-muted)}.interactive-learning__done-btn{display:flex;align-items:center;gap:8px;align-self:center;margin-top:20px;padding:12px 24px;background:color-mix(in srgb,var(--il-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--il-primary) 20%,transparent);border-radius:10px;color:var(--il-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.interactive-learning__done-btn svg{width:16px;height:16px}.interactive-learning__done-btn:hover{background:color-mix(in srgb,var(--il-primary) 15%,transparent)}.interactive-learning__completed{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;gap:16px}.interactive-learning__completed-icon{color:var(--bullet-color-3);animation:bounce .5s ease}.interactive-learning__completed-icon svg{width:56px;height:56px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.interactive-learning__completed-title{margin:0;font-size:2rem;color:var(--il-primary);font-weight:700}.interactive-learning__completed-text{margin:0;font-size:1.125rem;color:var(--il-text-muted)}.interactive-learning__results{margin-top:16px;padding:16px 24px;background:color-mix(in srgb,var(--bullet-color-2) 10%,transparent);border:1px solid color-mix(in srgb,var(--bullet-color-2) 25%,transparent);border-radius:12px}.interactive-learning__results-score{font-size:1.25rem;color:var(--bullet-color-2);font-weight:700}.interactive-learning__results-percent{margin-left:8px;color:var(--il-text-muted)}.interactive-learning__completed-actions{display:flex;gap:16px;margin-top:24px}.interactive-learning__new-topic-btn,.interactive-learning__explore-btn{padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.interactive-learning__new-topic-btn{background:var(--il-primary);border:none;color:var(--il-bg)}.interactive-learning__new-topic-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px color-mix(in srgb,var(--il-primary) 30%,transparent)}.interactive-learning__explore-btn{background:transparent;border:2px solid var(--il-primary);color:var(--il-primary)}.interactive-learning__explore-btn:hover{background:color-mix(in srgb,var(--il-primary) 10%,transparent)}.chunk-viewer{display:flex;flex-direction:column;background:var(--il-surface);border:1px solid var(--il-border);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;min-height:400px;box-shadow:0 4px 20px #0003}.chunk-viewer:hover{border-color:color-mix(in srgb,var(--il-primary) 25%,transparent);box-shadow:0 8px 30px #0000004d}.chunk-viewer--subthread{border-color:color-mix(in srgb,var(--bullet-color-5) 30%,transparent);background:color-mix(in srgb,var(--bullet-color-5) 3%,var(--il-surface))}.chunk-viewer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:color-mix(in srgb,var(--il-primary) 3%,transparent);border-bottom:1px solid var(--il-border)}.chunk-viewer__title{margin:0;font-size:1.35rem;color:var(--il-primary);font-weight:700;display:flex;align-items:center;gap:12px;letter-spacing:-.02em}.chunk-viewer__subthread-badge{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;padding:4px 10px;background:color-mix(in srgb,var(--bullet-color-5) 15%,transparent);border-radius:6px;color:var(--bullet-color-5);font-weight:600;letter-spacing:.02em}.chunk-viewer__subthread-badge svg{width:14px;height:14px}.chunk-viewer__progress{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--il-text-muted);font-weight:500}.chunk-viewer__progress-icon{display:flex;align-items:center;opacity:.7}.chunk-viewer__progress-icon svg{width:14px;height:14px}.chunk-viewer__body{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;min-height:0}@media (max-width: 900px){.chunk-viewer__body{grid-template-columns:1fr}}.chunk-viewer__content{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:24px;border-right:1px solid var(--il-border);background:color-mix(in srgb,var(--il-bg) 50%,transparent)}@media (max-width: 900px){.chunk-viewer__content{border-right:none;border-bottom:1px solid var(--il-border)}}.chunk-viewer__hint{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:var(--il-text-muted);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.chunk-viewer__hint-icon{font-size:3rem;margin-bottom:16px}.chunk-viewer__hint p{margin:0;font-size:1rem}.chunk-viewer__hint kbd{display:inline-block;padding:3px 10px;background:color-mix(in srgb,var(--il-primary) 8%,transparent);border:1px solid var(--il-border);border-radius:6px;font-family:inherit;font-size:.85rem}.chunk-viewer__bullets{display:flex;flex-direction:column;gap:14px}.chunk-viewer__bullet{display:flex;gap:14px;padding:16px 18px;background:color-mix(in srgb,var(--il-primary) 3%,transparent);border-radius:12px;border-left:4px solid var(--bullet-color-2);animation:bulletReveal .5s cubic-bezier(.4,0,.2,1);animation-fill-mode:both;transition:all .2s}.chunk-viewer__bullet:hover{background:color-mix(in srgb,var(--il-primary) 6%,transparent);transform:translate(4px)}@keyframes bulletReveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.chunk-viewer__bullet:nth-child(1){border-left-color:var(--bullet-color-1)}.chunk-viewer__bullet:nth-child(2){border-left-color:var(--bullet-color-2)}.chunk-viewer__bullet:nth-child(3){border-left-color:var(--bullet-color-3)}.chunk-viewer__bullet:nth-child(4){border-left-color:var(--bullet-color-4)}.chunk-viewer__bullet:nth-child(5){border-left-color:var(--bullet-color-5)}.chunk-viewer__bullet:nth-child(6){border-left-color:var(--bullet-color-6)}.chunk-viewer__bullet:nth-child(7){border-left-color:var(--bullet-color-7)}.chunk-viewer__bullet--latest{background:color-mix(in srgb,var(--il-primary) 8%,transparent);box-shadow:0 2px 12px #00000026}.chunk-viewer__bullet-marker{font-weight:700;flex-shrink:0;font-size:1.1rem}.chunk-viewer__bullet:nth-child(1) .chunk-viewer__bullet-marker{color:var(--bullet-color-1)}.chunk-viewer__bullet:nth-child(2) .chunk-viewer__bullet-marker{color:var(--bullet-color-2)}.chunk-viewer__bullet:nth-child(3) .chunk-viewer__bullet-marker{color:var(--bullet-color-3)}.chunk-viewer__bullet:nth-child(4) .chunk-viewer__bullet-marker{color:var(--bullet-color-4)}.chunk-viewer__bullet:nth-child(5) .chunk-viewer__bullet-marker{color:var(--bullet-color-5)}.chunk-viewer__bullet:nth-child(6) .chunk-viewer__bullet-marker{color:var(--bullet-color-6)}.chunk-viewer__bullet:nth-child(7) .chunk-viewer__bullet-marker{color:var(--bullet-color-7)}.chunk-viewer__bullet-text{line-height:1.65;font-size:.95rem;font-weight:500;letter-spacing:.01em}.chunk-viewer__bullet:nth-child(1) .chunk-viewer__bullet-text{color:var(--bullet-color-1)}.chunk-viewer__bullet:nth-child(2) .chunk-viewer__bullet-text{color:var(--bullet-color-2)}.chunk-viewer__bullet:nth-child(3) .chunk-viewer__bullet-text{color:var(--bullet-color-3)}.chunk-viewer__bullet:nth-child(4) .chunk-viewer__bullet-text{color:var(--bullet-color-4)}.chunk-viewer__bullet:nth-child(5) .chunk-viewer__bullet-text{color:var(--bullet-color-5)}.chunk-viewer__bullet:nth-child(6) .chunk-viewer__bullet-text{color:var(--bullet-color-6)}.chunk-viewer__bullet:nth-child(7) .chunk-viewer__bullet-text{color:var(--bullet-color-7)}.chunk-content{display:flex;flex-direction:column;gap:16px;padding:4px 0}.chunk-content__block--latest{animation:blockReveal .5s cubic-bezier(.4,0,.2,1)}@keyframes blockReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chunk-content__heading{padding:12px 0 8px;border-bottom:2px solid var(--block-color, var(--bullet-color-1))}.chunk-content__heading h3{margin:0;font-size:1.2rem;font-weight:700;color:var(--block-color, var(--bullet-color-1));letter-spacing:-.01em}.chunk-content__definition{padding:18px 20px;background:color-mix(in srgb,var(--block-color, var(--bullet-color-2)) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--block-color, var(--bullet-color-2)) 30%,transparent);border-radius:12px;border-left:4px solid var(--block-color, var(--bullet-color-2))}.chunk-content__definition-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.chunk-content__definition-icon{font-size:1.1rem}.chunk-content__definition-term{font-weight:700;font-size:1.05rem;color:var(--block-color, var(--bullet-color-2))}.chunk-content__definition-text{margin:0;line-height:1.6;color:var(--il-text);font-size:.95rem}.chunk-content__formula{padding:20px 24px;background:color-mix(in srgb,var(--block-color, var(--bullet-color-3)) 5%,transparent);border:1px solid color-mix(in srgb,var(--block-color, var(--bullet-color-3)) 25%,transparent);border-radius:12px;text-align:center}.chunk-content__formula-box{padding:16px;background:color-mix(in srgb,var(--il-bg) 80%,transparent);border-radius:8px;margin-bottom:10px}.chunk-content__formula-box .katex{font-size:1.4rem;color:var(--block-color, var(--bullet-color-3))}.chunk-content__formula-caption{margin:0;font-size:.85rem;color:var(--il-text-muted);font-style:italic}.chunk-content__paragraph{padding:12px 16px;background:color-mix(in srgb,var(--il-primary) 2%,transparent);border-radius:8px;border-left:3px solid var(--block-color, var(--bullet-color-4))}.chunk-content__paragraph p{margin:0;line-height:1.7;color:var(--il-text);font-size:.95rem}.chunk-content__point{display:flex;gap:12px;padding:14px 16px;background:color-mix(in srgb,var(--block-color, var(--bullet-color-1)) 5%,transparent);border-radius:10px;transition:all .2s}.chunk-content__point:hover{background:color-mix(in srgb,var(--block-color, var(--bullet-color-1)) 10%,transparent);transform:translate(4px)}.chunk-content__point-marker{font-weight:700;font-size:1.1rem;flex-shrink:0}.chunk-content__point-text{line-height:1.6;font-weight:500;font-size:.95rem}.chunk-content__equation{padding:18px 20px;background:color-mix(in srgb,var(--block-color, var(--bullet-color-5)) 6%,transparent);border:1px solid color-mix(in srgb,var(--block-color, var(--bullet-color-5)) 20%,transparent);border-radius:12px}.chunk-content__equation-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.chunk-content__equation-step{display:flex;gap:10px;font-size:.9rem;color:var(--il-text)}.chunk-content__equation-num{color:var(--block-color, var(--bullet-color-5));font-weight:600;min-width:24px}.chunk-content__equation-result{display:flex;align-items:center;gap:10px;padding:10px 14px;background:color-mix(in srgb,var(--block-color, var(--bullet-color-5)) 12%,transparent);border-radius:8px}.chunk-content__equation-arrow{font-size:1.2rem;color:var(--block-color, var(--bullet-color-5))}.chunk-content__equation-final{font-weight:700;color:var(--block-color, var(--bullet-color-5));font-size:1rem}.chunk-content__example{padding:18px 20px;background:color-mix(in srgb,var(--block-color, var(--bullet-color-6)) 8%,transparent);border:1.5px dashed color-mix(in srgb,var(--block-color, var(--bullet-color-6)) 35%,transparent);border-radius:12px}.chunk-content__example-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.chunk-content__example-icon{font-size:1.1rem}.chunk-content__example-title{font-weight:700;font-size:.95rem;color:var(--block-color, var(--bullet-color-6))}.chunk-content__example-content{margin:0;line-height:1.6;color:var(--il-text);font-size:.9rem}.chunk-viewer__more{padding:16px;text-align:center}.chunk-viewer__more-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--il-text-muted)}.chunk-viewer__more-dots{font-size:1.5rem;letter-spacing:4px;animation:dots 1.5s ease-in-out infinite}@keyframes dots{0%,to{opacity:.3}50%{opacity:1}}.chunk-viewer__more-text{font-size:.85rem}.chunk-viewer__diagram{display:flex;align-items:center;justify-content:center;background:var(--il-surface);padding:24px;min-height:350px;position:relative;overflow:hidden}.chunk-viewer__diagram:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in srgb,var(--il-primary) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--il-primary) 3%,transparent) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.chunk-viewer__svg-container{width:100%;height:100%;min-height:280px;display:flex;align-items:center;justify-content:center;padding:16px;background:color-mix(in srgb,var(--il-primary) 3%,transparent);border-radius:16px;border:1px solid color-mix(in srgb,var(--il-primary) 6%,transparent);position:relative;z-index:1}.chunk-viewer__svg-container svg{width:100%!important;height:auto!important;max-height:320px;border-radius:8px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.chunk-viewer__svg-container svg text{fill:var(--il-text, #f0f0f0)!important;font-family:Inter,-apple-system,sans-serif!important}.chunk-viewer__svg-container svg rect,.chunk-viewer__svg-container svg circle,.chunk-viewer__svg-container svg ellipse{stroke-width:2px}.chunk-viewer__diagram-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:280px;color:var(--il-text-muted);background:color-mix(in srgb,var(--il-primary) 3%,transparent);border-radius:16px;border:1px dashed color-mix(in srgb,var(--il-primary) 10%,transparent)}.chunk-viewer__diagram-loading{display:flex;flex-direction:column;align-items:center;gap:14px}.chunk-viewer__diagram-spinner{width:36px;height:36px;border:3px solid color-mix(in srgb,var(--il-primary) 10%,transparent);border-top-color:var(--il-primary);border-radius:50%;animation:spin 1s linear infinite}.chunk-viewer--book{background:linear-gradient(145deg,var(--il-bg),var(--il-surface));border:1px solid var(--il-border);min-height:500px}@media (max-width: 768px){.chunk-viewer--book{min-height:auto;height:auto;overflow:visible}}.chunk-viewer--book .chunk-viewer__header{background:linear-gradient(90deg,color-mix(in srgb,var(--bullet-color-1) 8%,transparent),color-mix(in srgb,var(--bullet-color-2) 5%,transparent));border-bottom:1px solid var(--il-border);padding:18px 24px}.chunk-viewer--book .chunk-viewer__title{font-size:1.3rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#f4a261,#e9c46a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-light-mode .interactive-learning__header{background:var(--il-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.theme-light-mode .chunk-viewer--book,.theme-light-mode .chunk-viewer--book .chunk-viewer__header{background:var(--il-bg)}.theme-light-mode .chunk-viewer--book .chunk-viewer__title{background:none;-webkit-text-fill-color:initial;color:var(--il-text)}.theme-light-mode .chunk-viewer__content--book{background:var(--il-bg)}.theme-light-mode .chunk-viewer__diagram--book{background:var(--il-bg)!important}.theme-light-mode .chunk-viewer__svg-container{background:color-mix(in srgb,var(--il-primary) 3%,transparent)!important;border-color:color-mix(in srgb,var(--il-primary) 12%,transparent)!important}.theme-light-mode .chunk-viewer__diagram:before{background-image:none}.chunk-viewer--book .chunk-viewer__progress{font-size:.8rem;padding:4px 12px;background:color-mix(in srgb,var(--il-primary) 8%,transparent);border-radius:12px;color:var(--il-text-muted)}.chunk-viewer__body--book{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;min-height:0}.chunk-viewer__content--book{display:flex;flex-direction:column;min-height:0;overflow:hidden;border-right:1px solid var(--il-border);background:linear-gradient(180deg,var(--il-bg),color-mix(in srgb,var(--il-bg) 90%,transparent))}@media (max-width: 1000px){.chunk-viewer__body--book{display:flex;flex-direction:column;overflow:visible;height:auto}.chunk-viewer__diagram--book{order:1;min-height:220px;max-height:none;flex-shrink:0}.chunk-viewer__content--book{order:2;border-right:none;border-top:1px solid var(--il-border);flex:none;height:auto;overflow:visible;min-height:150px}}.chunk-viewer__diagram--book{background:var(--il-surface);padding:20px}.chunk-viewer__diagram--book .chunk-viewer__svg-container{background:color-mix(in srgb,var(--il-primary) 2%,transparent);border:1px solid var(--il-border);padding:20px}.chunk-viewer__next-section{padding:16px 24px;background:linear-gradient(90deg,color-mix(in srgb,var(--bullet-color-2) 8%,transparent),color-mix(in srgb,var(--bullet-color-4) 5%,transparent));border-top:1px solid var(--il-border);display:flex;justify-content:center}.chunk-viewer__next-btn{font-family:Inter,-apple-system,sans-serif;font-size:.95rem;font-weight:600;padding:14px 32px;border-radius:14px;border:none;background:linear-gradient(135deg,#2a9d8f,#06d6a0);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #2a9d8f4d}.chunk-viewer__next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2a9d8f66}.chunk-viewer__next-btn:disabled{opacity:.5;cursor:not-allowed}.chunk-viewer__actions{display:flex;gap:14px;padding:20px 24px;background:color-mix(in srgb,var(--il-primary) 2%,transparent);border-top:1px solid var(--il-border);justify-content:center}.chunk-viewer__action{padding:14px 28px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.chunk-viewer__action:disabled{opacity:.5;cursor:not-allowed}.chunk-viewer__action--primary{background:var(--il-primary);border:none;color:var(--il-bg)}.chunk-viewer__action--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--il-primary) 30%,transparent)}.chunk-viewer__action--secondary{background:color-mix(in srgb,var(--bullet-color-1) 10%,transparent);border:1px solid color-mix(in srgb,var(--bullet-color-1) 30%,transparent);color:var(--bullet-color-1)}.chunk-viewer__action--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--bullet-color-1) 18%,transparent)}.chunk-viewer__action--tertiary{background:color-mix(in srgb,var(--bullet-color-3) 10%,transparent);border:1px solid color-mix(in srgb,var(--bullet-color-3) 30%,transparent);color:var(--bullet-color-3)}.chunk-viewer__action--tertiary:hover:not(:disabled){background:color-mix(in srgb,var(--bullet-color-3) 18%,transparent)}.mcq-panel{display:flex;flex-direction:column;gap:24px;background:var(--il-surface);border:1px solid var(--il-border);border-radius:20px;padding:28px;box-shadow:0 4px 20px #0003}.mcq-panel__question{display:flex;gap:14px;align-items:flex-start}.mcq-panel__question-icon{font-size:1.5rem;flex-shrink:0}.mcq-panel__question-text{margin:0;font-size:1.15rem;line-height:1.6;color:var(--il-text);font-weight:600}.mcq-panel__navigation{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--il-border);margin-top:8px}.mcq-panel__nav-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;background:color-mix(in srgb,var(--il-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--il-primary) 20%,transparent);border-radius:10px;color:var(--il-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.mcq-panel__nav-btn:hover:not(:disabled){background:color-mix(in srgb,var(--il-primary) 15%,transparent)}.mcq-panel__nav-btn:disabled{opacity:.4;cursor:not-allowed}.mcq-panel__nav-indicator{font-size:.9rem;color:var(--il-text-muted);font-weight:600}.mcq-panel__options{display:flex;flex-direction:column;gap:12px}.mcq-panel__option{display:flex;flex-direction:column;gap:0;padding:18px 20px;background:color-mix(in srgb,var(--il-primary) 3%,transparent);border:1.5px solid var(--il-border);border-radius:14px;cursor:pointer;transition:all .2s;text-align:left;position:relative}.mcq-panel__option-main{display:flex;align-items:flex-start;gap:14px}.mcq-panel__option:hover:not(:disabled){background:color-mix(in srgb,var(--il-primary) 8%,transparent);border-color:color-mix(in srgb,var(--il-primary) 25%,transparent)}.mcq-panel__option--selected{border-color:color-mix(in srgb,var(--il-primary) 40%,transparent);background:color-mix(in srgb,var(--il-primary) 8%,transparent)}.mcq-panel__option--correct{border-color:#10b981;background:#10b9811a}.mcq-panel__option--incorrect{border-color:#ef4444;background:#ef44441a}.mcq-panel__option--disabled{opacity:.6;cursor:not-allowed}.mcq-panel__option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:color-mix(in srgb,var(--il-primary) 8%,transparent);border:1.5px solid color-mix(in srgb,var(--il-primary) 20%,transparent);border-radius:8px;font-weight:700;font-size:.9rem;color:var(--il-primary);flex-shrink:0}.mcq-panel__option-text{flex:1;color:var(--il-text);line-height:1.55;font-weight:500}.mcq-panel__correct-badge{display:flex;align-items:center;gap:5px;position:absolute;right:18px;top:50%;transform:translateY(-50%);padding:5px 12px;background:#10b98126;border-radius:6px;color:#10b981;font-size:.75rem;font-weight:700}.mcq-panel__correct-badge svg{width:12px;height:12px}.mcq-panel__inline-feedback{margin-top:12px;padding:12px 14px;border-radius:8px;font-size:.875rem;line-height:1.5}.mcq-panel__inline-feedback--wrong{background:#ef444414;border-left:3px solid #ef4444;color:#fca5a5}.mcq-panel__result{display:flex;gap:14px;padding:18px;border-radius:14px}.mcq-panel__result--correct{background:#10b9811a;border:1px solid rgba(16,185,129,.25)}.mcq-panel__result--incorrect{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25)}.mcq-panel__result-icon{display:flex;align-items:flex-start;flex-shrink:0}.mcq-panel__result-icon svg{width:22px;height:22px}.mcq-panel__result--correct .mcq-panel__result-icon{color:#10b981}.mcq-panel__result--incorrect .mcq-panel__result-icon{color:#f59e0b}.mcq-panel__result-text{margin:0;line-height:1.55;color:var(--il-text)}.mcq-panel__result-text strong{color:#10b981}.mcq-panel__result--incorrect .mcq-panel__result-text strong{color:#f59e0b}.subtopics-list{display:flex;flex-direction:column;gap:12px}.subtopics-list__item{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:var(--il-surface);border:1px solid var(--il-border);border-radius:14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);animation:fadeInUp .3s ease-out;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.subtopics-list__item:hover{background:color-mix(in srgb,var(--il-primary) 5%,var(--il-surface));border-color:color-mix(in srgb,var(--il-primary) 25%,transparent);transform:translate(6px)}.subtopics-list__item-content{display:flex;gap:16px;align-items:flex-start}.subtopics-list__item-icon{display:flex;align-items:center;flex-shrink:0;color:var(--il-primary);opacity:.7}.subtopics-list__item-icon svg{width:20px;height:20px}.subtopics-list__item-text{display:flex;flex-direction:column;gap:4px}.subtopics-list__item-title{margin:0;font-size:1rem;color:var(--il-primary);font-weight:600}.subtopics-list__item-desc{margin:0;font-size:.875rem;color:var(--il-text-muted);line-height:1.45}.subtopics-list__item-arrow{display:flex;align-items:center;color:var(--il-primary);opacity:.4;transition:all .2s}.subtopics-list__item-arrow svg{width:18px;height:18px}.subtopics-list__item:hover .subtopics-list__item-arrow{opacity:1;transform:translate(4px)}.topic-input{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding:60px 24px;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.topic-input__hero{text-align:center;margin-bottom:40px;position:relative}.topic-input__hero-icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;margin-bottom:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--il-primary) 15%,transparent),color-mix(in srgb,var(--il-accent) 10%,transparent));border-radius:28px;color:var(--il-primary);box-shadow:0 10px 30px -10px color-mix(in srgb,var(--il-primary) 20%,transparent);border:1px solid color-mix(in srgb,var(--il-primary) 10%,transparent);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.topic-input__hero-icon svg{width:48px;height:48px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.topic-input__heading{margin:0 0 16px;font-size:2.5rem;background:linear-gradient(135deg,var(--il-primary) 0%,color-mix(in srgb,var(--il-primary) 70%,transparent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.03em;line-height:1.2}.topic-input__subheading{margin:0 auto;font-size:1.1rem;color:var(--il-text-muted);line-height:1.6;max-width:600px}.topic-input__form{width:100%;max-width:680px;display:flex;flex-direction:column;gap:24px;position:relative;z-index:10}.topic-input__field{position:relative;border-radius:20px;background:var(--color-input-bg);overflow:hidden;transition:all .3s ease;box-shadow:0 4px 24px -4px #0000001a;border:1px solid var(--color-border)}.topic-input__field:focus-within{box-shadow:0 8px 40px -8px var(--color-glow);border-color:var(--color-primary);transform:translateY(-2px)}.topic-input__textarea{width:100%;padding:24px 28px 16px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-bottom:1px solid var(--color-border);border-radius:0;color:var(--color-text-primary);font-size:1.1rem;font-family:inherit;resize:none;transition:all .3s;min-height:120px;line-height:1.6}.topic-input__textarea:focus{outline:none;background:rgba(var(--color-primary),.02)}.topic-input__textarea::placeholder{color:var(--color-text-muted);opacity:.6}.topic-input__char-count{font-size:.75rem;font-weight:500;color:var(--color-text-muted);padding:4px 8px;background:#0000000d;border-radius:6px;margin-left:auto}.topic-input__field-footer{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--color-border-light);background:#00000005;border-radius:0 0 16px 16px}.topic-input__file-input{display:none}.topic-input__attach-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.topic-input__attach-btn svg{width:16px;height:16px}.topic-input__attach-btn:hover:not(:disabled){background:color-mix(in srgb,var(--il-primary) 15%,transparent);color:var(--il-text);border-color:color-mix(in srgb,var(--il-primary) 25%,transparent)}.topic-input__attach-btn:disabled{opacity:.5;cursor:not-allowed}.topic-input__attachment{display:flex;align-items:center;gap:12px;padding:12px 16px;background:color-mix(in srgb,var(--il-primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--il-primary) 15%,transparent);border-radius:12px;margin-bottom:16px}.topic-input__attachment-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:color-mix(in srgb,var(--il-primary) 15%,transparent);border-radius:8px;color:var(--il-primary)}.topic-input__attachment-icon svg{width:18px;height:18px}.topic-input__attachment-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.topic-input__attachment-name{font-size:.875rem;font-weight:500;color:var(--il-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-input__attachment-size{font-size:.75rem;color:var(--il-text-muted)}.topic-input__attachment-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--il-text-muted);cursor:pointer;transition:all .2s ease}.topic-input__attachment-remove svg{width:16px;height:16px}.topic-input__attachment-remove:hover{background:color-mix(in srgb,red 10%,transparent);color:#ef4444}.topic-input__submit{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 48px;background:linear-gradient(135deg,var(--il-primary),color-mix(in srgb,var(--il-primary) 80%,var(--il-bg)));border:none;border-radius:16px;color:var(--il-bg);font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px color-mix(in srgb,var(--il-primary) 20%,transparent);width:100%}.topic-input__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px color-mix(in srgb,var(--il-primary) 30%,transparent);filter:brightness(1.1)}.topic-input__submit:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5);transform:none;box-shadow:none}.topic-input__submit-icon{font-size:1.4rem;display:flex;align-items:center}.topic-input__submit-icon svg,.topic-input__submit-spinner{width:24px;height:24px}.topic-input__submit-spinner{border:3px solid rgba(0,0,0,.1);border-left-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.topic-input__auth-hint{text-align:center;margin:0;font-size:.9rem;color:var(--il-text-muted);padding:12px;background:color-mix(in srgb,var(--il-primary) 5%,transparent);border-radius:10px;border:1px dashed color-mix(in srgb,var(--il-primary) 20%,transparent)}.topic-input__examples{width:100%;margin-top:48px;display:flex;flex-direction:column;align-items:center}.topic-input__examples-label{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--il-text-muted)}.topic-input__examples-icon{display:flex;align-items:center;color:var(--bullet-color-5)}.topic-input__examples-icon svg{width:18px;height:18px}.topic-input__examples-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:800px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.03em;line-height:1.2}.topic-input__example{padding:10px 20px;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:100px;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.topic-input__example:hover:not(:disabled){background:rgba(var(--color-primary),.08);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #0000000d}.topic-input__example:disabled{opacity:.5;cursor:not-allowed}.topic-input__features{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:60px;padding-top:40px;border-top:1px solid var(--il-border);width:100%}.topic-input__feature{display:flex;align-items:center;gap:10px;padding:10px 20px;background:color-mix(in srgb,var(--il-primary) 3%,transparent);border-radius:12px;border:1px solid transparent;transition:all .2s}.topic-input__feature:hover{background:color-mix(in srgb,var(--il-primary) 6%,transparent);border-color:color-mix(in srgb,var(--il-primary) 10%,transparent)}.topic-input__feature-icon{display:flex;align-items:center;color:var(--il-primary);opacity:.8}.topic-input__feature-icon svg{width:20px;height:20px}.topic-input__feature-text{font-size:.9rem;font-weight:500;color:var(--il-text-muted)}.interactive-history{display:flex;flex-direction:column;gap:16px;padding:0}.interactive-history__header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.interactive-history__title{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.interactive-history__title-icon{display:flex;align-items:center;color:var(--color-primary)}.interactive-history__title-icon svg{width:16px;height:16px}.interactive-history__clear-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.interactive-history__clear-btn svg{width:14px;height:14px}.interactive-history__clear-btn:hover{background:#ef44441a;color:#ef4444}.interactive-history__empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px;background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-radius:12px;border:1px dashed var(--color-border)}.interactive-history__empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:12px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:50%;color:var(--color-primary)}.interactive-history__empty-icon svg{width:24px;height:24px}.interactive-history__empty-title{margin:0 0 6px;font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.interactive-history__empty-text{margin:0;font-size:.8rem;color:var(--color-text-secondary);line-height:1.5}.interactive-history__list{display:flex;flex-direction:column;gap:8px}.interactive-history__item{display:flex;align-items:center;gap:12px;padding:12px;background:color-mix(in srgb,var(--color-surface) 80%,transparent);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative}.interactive-history__item:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-color:color-mix(in srgb,var(--color-primary) 20%,transparent);transform:translate(2px)}.interactive-history__item--completed{border-color:color-mix(in srgb,#10b981 20%,transparent)}.interactive-history__item--completed .interactive-history__item-icon{color:#10b981}.interactive-history__item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:8px;color:var(--color-primary);flex-shrink:0}.interactive-history__item-icon svg{width:16px;height:16px}.interactive-history__item-content{flex:1;min-width:0}.interactive-history__item-topic{font-size:.875rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.interactive-history__item-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-secondary)}.interactive-history__item-dot{opacity:.5}.interactive-history__item-arrow{display:flex;align-items:center;color:var(--color-text-secondary);opacity:0;transform:translate(-4px);transition:all .2s ease}.interactive-history__item:hover .interactive-history__item-arrow{opacity:1;transform:translate(0)}.interactive-history__item-arrow svg{width:16px;height:16px}.interactive-history__item-delete{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;opacity:0;transition:all .2s ease;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.interactive-history__item:hover .interactive-history__item-delete{opacity:1}.interactive-history__item-delete:hover{background:#ef444426;color:#ef4444}.interactive-history__item-delete svg{width:14px;height:14px}.interactive-history__footer{padding:16px 4px;border-top:1px solid var(--color-border)}.interactive-history__footer-text{margin:0;font-size:.75rem;color:var(--color-text-secondary);line-height:1.5}@media (max-width: 768px){.interactive-learning{flex-direction:column}.interactive-learning__main{width:100%}.topic-input{padding:32px 16px;width:100%}.topic-input__hero{margin-bottom:32px}.topic-input__hero-icon{width:72px;height:72px;margin-bottom:16px}.topic-input__hero-icon svg{width:36px;height:36px}.topic-input__heading{font-size:2rem;margin-bottom:12px}.topic-input__subheading{font-size:1rem;padding:0 12px}.topic-input__form{gap:16px}.topic-input__textarea{padding:18px 20px 12px;font-size:1rem;min-height:100px}.topic-input__field-footer{padding:10px 14px}.topic-input__submit{padding:16px 24px;font-size:1.05rem}}@media (max-height: 700px){.topic-input{padding:24px 20px;gap:12px}.topic-input__hero{margin-bottom:16px}.topic-input__hero-icon{width:56px;height:56px;margin-bottom:12px;border-radius:16px}.topic-input__hero-icon svg{width:28px;height:28px}.topic-input__heading{font-size:1.5rem;margin-bottom:8px}.topic-input__subheading{font-size:.9rem;margin-bottom:12px}.topic-input__form{gap:12px}.topic-input__textarea{min-height:70px;padding:12px 14px;font-size:.95rem}.topic-input__field-footer{padding:8px 12px}.topic-input__submit{padding:12px 20px;font-size:.95rem}}@media (max-height: 550px){.topic-input{padding:16px;gap:8px}.topic-input__hero{margin-bottom:10px}.topic-input__hero-icon{width:40px;height:40px;margin-bottom:8px;border-radius:12px}.topic-input__hero-icon svg{width:20px;height:20px}.topic-input__heading{font-size:1.25rem;margin-bottom:4px}.topic-input__subheading{font-size:.8rem;margin-bottom:8px;line-height:1.4}.topic-input__form{gap:8px}.topic-input__textarea{min-height:50px;padding:10px 12px;font-size:.9rem}.topic-input__field-footer{padding:6px 10px}.topic-input__submit{padding:10px 16px;font-size:.9rem}}@media (max-width: 768px){.topic-input{padding:12px 16px;gap:8px;justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.topic-input__hero{margin-bottom:8px}.topic-input__hero-icon{width:44px;height:44px;margin-bottom:8px;border-radius:12px}.topic-input__hero-icon svg{width:22px;height:22px}.topic-input__heading{font-size:1.3rem;margin-bottom:4px;line-height:1.2}.topic-input__subheading{font-size:.75rem;margin-bottom:6px;line-height:1.4;max-width:280px}.topic-input__form{gap:10px}.topic-input__textarea{min-height:60px;padding:12px 14px;font-size:.95rem}.topic-input__field-footer{padding:6px 10px}.topic-input__submit{padding:10px 18px;font-size:.9rem}.topic-input__examples{margin-top:8px;padding-top:8px}.topic-input__examples-list{gap:6px}.topic-input__example{padding:8px 12px;font-size:.8rem}.topic-input__features{display:none}}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;background:var(--primary-color, #6366f1);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.share-btn:hover:not(:disabled){background:var(--primary-hover, #4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.share-btn:active:not(:disabled){transform:translateY(0)}.share-btn:disabled{opacity:.5;cursor:not-allowed}.share-btn--copied{background:#10b981}.share-btn--copied:hover:not(:disabled){background:#059669}.share-btn--toolbar{padding:6px 12px;font-size:13px;gap:4px}.share-btn--header{padding:10px 18px;font-size:14px;gap:6px}.share-btn--inline{padding:6px 12px;font-size:13px;gap:4px;background:#6366f11a;color:var(--primary-color, #6366f1);border:1px solid rgba(99,102,241,.2)}.share-btn--inline:hover:not(:disabled){background:#6366f126;border-color:#6366f14d;box-shadow:0 2px 8px #6366f133}.share-btn--inline.share-btn--copied{background:#10b9811a;color:#10b981;border-color:#10b98133}.share-btn--inline.share-btn--copied:hover:not(:disabled){background:#10b98126;border-color:#10b9814d}.share-btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:share-spin .6s linear infinite}.share-btn__spinner--small{width:14px;height:14px;border-width:2px}@keyframes share-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.share-btn{padding:6px 12px;font-size:13px}.share-btn--toolbar{padding:4px 8px;font-size:12px}.share-btn span{display:none}.share-btn--header span{display:inline}}.svg-element-selection-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:150;overflow:visible}.svg-element-selection-box{position:absolute;border:2px dashed #00d9ff;background:#00d9ff1a;pointer-events:none;z-index:149;border-radius:4px;box-shadow:0 0 12px #00d9ff4d;animation:selection-box-pulse 2s ease-in-out infinite}@keyframes selection-box-pulse{0%,to{box-shadow:0 0 12px #00d9ff4d}50%{box-shadow:0 0 20px #00d9ff80}}.svg-element-indicator{position:absolute;border:1px dashed #00d9ff;background:#00d9ff0d;pointer-events:none;box-shadow:0 0 8px #00d9ff66;border-radius:2px;transition:all .15s ease;animation:element-indicator-pulse 2s ease-in-out infinite}@keyframes element-indicator-pulse{0%,to{box-shadow:0 0 8px #00d9ff66;border-color:#00d9ff}50%{box-shadow:0 0 12px #00d9ff99;border-color:#0ff}}[data-element-id]:hover{filter:drop-shadow(0 0 2px rgba(0,217,255,.3));cursor:pointer!important}[data-element-id].svg-element-selected{filter:drop-shadow(0 0 6px rgba(0,217,255,.8))}.svg-element-dragging{cursor:default!important;-webkit-user-select:none;user-select:none}.svg-element-dragging *{cursor:default!important}.svg-element-info{position:fixed;padding:4px 10px;background:#000000f2;border:1px solid #00d9ff;border-radius:4px;color:#fff;font-family:Inter,sans-serif;font-size:11px;font-weight:500;pointer-events:none;z-index:160;box-shadow:0 4px 10px #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;transform:translate(-50%,-100%);margin-top:-8px}.svg-element-info:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#00d9ff}.svg-element-counter{position:fixed;bottom:20px;right:20px;padding:8px 14px;background:linear-gradient(135deg,#00d9ff,#09c);border:2px solid rgba(255,255,255,.3);border-radius:18px;color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:600;pointer-events:none;z-index:160;box-shadow:0 4px 12px #00d9ff66;animation:counter-appear .25s ease}@keyframes counter-appear{0%{opacity:0;transform:translateY(15px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}svg [data-element-id]{transition:stroke .15s ease,stroke-width .15s ease}.granular-selection-active{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.svg-element-badge{position:absolute;top:-20px;left:50%;transform:translate(-50%);padding:2px 8px;background:#00d9ffe6;border-radius:10px;color:#000;font-family:Inter,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;pointer-events:none;white-space:nowrap;box-shadow:0 2px 6px #0006}.svg-multi-selection-group{position:absolute;border:2px solid #00d9ff;background:#00d9ff14;pointer-events:none;border-radius:4px;box-shadow:0 0 15px #00d9ff4d;animation:group-glow 1.5s ease-in-out infinite}@keyframes group-glow{0%,to{box-shadow:0 0 15px #00d9ff4d}50%{box-shadow:0 0 25px #00d9ff80}}@media (max-width: 768px){.svg-element-indicator{border-width:1px}.svg-element-info{font-size:12px;padding:6px 12px}.svg-element-counter{font-size:14px;padding:10px 16px}[data-element-id]:hover{filter:drop-shadow(0 0 2px rgba(0,217,255,.4))}}@media (prefers-contrast: high){.svg-element-indicator,.svg-multi-selection-group{border-color:#fff;background:#ffffff26}.svg-element-info{border-color:#fff;background:#000}}@media (prefers-reduced-motion: reduce){.svg-element-indicator,.svg-element-counter,.svg-multi-selection-group,[data-element-id]{animation:none;transition:none}}[data-element-id]:focus-visible{outline:2px solid #00d9ff;outline-offset:2px}.visual-retry-hover-overlay{position:absolute;pointer-events:none;z-index:90;border:2px solid rgba(100,126,234,.5);border-radius:8px;background:#647eea0d;box-shadow:0 0 20px #647eea33;transition:all .2s ease}.visual-retry-hover-overlay:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:1px dashed rgba(100,126,234,.3);border-radius:10px;animation:pulse-border 2s infinite}@keyframes pulse-border{0%,to{opacity:.3}50%{opacity:.6}}.visual-retry-buttons{position:absolute;z-index:100;display:flex;gap:8px;padding:8px;background:#111827f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.retry-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;background:#6366f133;color:#e0e7ff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.retry-btn:hover{background:#6366f166;transform:scale(1.02)}.retry-btn:active{transform:scale(.98)}.retry-btn-simple{background:linear-gradient(135deg,#3b82f64d,#6366f14d)}.retry-btn-simple:hover{background:linear-gradient(135deg,#3b82f680,#6366f180);box-shadow:0 0 16px #3b82f64d}.retry-btn-prompt{background:linear-gradient(135deg,#a855f74d,#8b5cf64d)}.retry-btn-prompt:hover{background:linear-gradient(135deg,#a855f780,#8b5cf680);box-shadow:0 0 16px #a855f74d}.retry-icon{font-size:14px}.retry-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.visual-retry-prompt-container{position:absolute;z-index:101;width:320px;background:#111827fa;border:1px solid rgba(99,102,241,.3);border-radius:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 48px #00000080;overflow:hidden;animation:scale-in .2s ease}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.prompt-header{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#6366f11a;border-bottom:1px solid rgba(255,255,255,.05)}.prompt-icon{font-size:16px}.prompt-title{flex:1;color:#e0e7ff;font-size:13px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.prompt-close{width:24px;height:24px;border:none;border-radius:6px;background:#ffffff0d;color:#9ca3af;font-size:14px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.prompt-close:hover{background:#ef444433;color:#fca5a5}.prompt-textarea{width:100%;padding:14px;border:none;background:transparent;color:#f3f4f6;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;resize:none;outline:none}.prompt-textarea::placeholder{color:#6b7280}.prompt-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 14px;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.prompt-cancel{padding:8px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:#9ca3af;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.prompt-cancel:hover{background:#ffffff0d;color:#e5e7eb}.prompt-submit{padding:8px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.prompt-submit:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.prompt-submit:active{transform:translateY(0)}.visual-retry-loading{position:absolute;z-index:95;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#111827d9;border:2px solid rgba(99,102,241,.3);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#e0e7ff;font-size:14px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.loading-hint{color:#6b7280;font-size:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.visual-retry-error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:10px;padding:14px 20px;background:#ef4444f2;border-radius:12px;box-shadow:0 8px 32px #ef44444d;animation:slide-up .3s ease;transition:opacity .3s ease}@keyframes slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.visual-retry-error-toast .error-icon{font-size:18px}.visual-retry-error-toast .error-message{color:#fff;font-size:14px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@media (prefers-color-scheme: dark){.visual-retry-buttons{background:#111827fa}.visual-retry-prompt-container{background:#111827fc}}@media (hover: none){.retry-btn{padding:12px 18px;font-size:14px}.visual-retry-prompt-container{width:90vw;max-width:400px}}@media (prefers-reduced-motion: reduce){.visual-retry-hover-overlay,.visual-retry-buttons,.visual-retry-prompt-container,.retry-btn,.loading-spinner,.visual-retry-error-toast{animation:none;transition:none}.visual-retry-hover-overlay:before{animation:none}}.brand-logo{display:flex;align-items:center;gap:12px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.brand-logo__icon{position:relative;display:block;overflow:hidden}.brand-logo__icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--fluid-gradient, linear-gradient(135deg, #4facfe 0%, #00f2fe 100%));filter:url(#fluid-filter);animation:fluid-flow 12s infinite alternate ease-in-out;opacity:.8;z-index:-1}.brand-logo__icon:after{content:"";position:absolute;top:-25%;left:-25%;width:150%;height:150%;background:radial-gradient(circle at center,rgba(255,255,255,.1),transparent 70%);filter:blur(8px);animation:shimmer 8s infinite alternate linear;pointer-events:none}@keyframes fluid-flow{0%{transform:translate(-5%,-5%) rotate(0) scale(1)}33%{transform:translate(2%,5%) rotate(2deg) scale(1.05)}66%{transform:translate(-3%,2%) rotate(-1deg) scale(.98)}to{transform:translate(5%,-2%) rotate(1deg) scale(1.02)}}@keyframes shimmer{0%{opacity:.2;transform:translate(-10%)}to{opacity:.5;transform:translate(10%)}}.brand-logo__wordmark{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;font-family:inherit;transition:color .3s ease}.profile-dropdown-container{position:relative;z-index:1000}.profile-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:24px;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-trigger:hover{background:var(--color-input-bg);border-color:var(--color-primary);box-shadow:0 0 15px var(--color-shadow)}.profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:var(--color-background);overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{color:var(--color-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-trigger svg.rotated{transform:rotate(180deg)}.profile-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:var(--color-background);border:2px solid var(--color-border);border-radius:12px;padding:0;box-shadow:0 8px 24px #00000080,0 0 20px var(--color-shadow);animation:dropdownFadeIn .2s ease;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{padding:16px;background:var(--color-input-bg)}.profile-info{display:flex;align-items:center;gap:12px}.profile-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:var(--color-background);overflow:hidden;flex-shrink:0}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-details{flex:1;min-width:0}.profile-name-large{font-size:15px;font-weight:700;color:var(--color-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{font-size:11px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.premium-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#ffd70033,#ffd7001a);border:1px solid #FFD700;border-radius:12px;font-size:10px;font-weight:700;color:gold;letter-spacing:.5px}.profile-dropdown-divider{height:1px;background:var(--color-border-light);margin:0}.profile-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;text-align:left}.profile-dropdown-item:hover{background:var(--color-input-bg)}.profile-dropdown-item.logout{color:#f44}.profile-dropdown-item.logout:hover{background:#ff444414}.profile-dropdown-item--upgrade{color:var(--color-accent, #3b82f6)}.profile-dropdown-item--upgrade:hover{background:color-mix(in srgb,var(--color-accent, #3b82f6) 10%,transparent)}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.share-modal{background:var(--color-background);border:2px solid var(--color-border);border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:0 12px 32px #0009,0 0 30px var(--color-shadow);animation:scaleIn .2s ease;text-align:center}.share-modal-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;color:var(--color-primary)}.share-modal-header h3{margin:0;font-size:20px;font-weight:700}.share-modal-message{font-size:16px;font-weight:700;color:#10b981;margin-bottom:8px}.share-modal-subtitle{font-size:13px;color:var(--color-text-secondary);margin-bottom:20px;line-height:1.5}.share-modal-close{width:100%;padding:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:8px;color:var(--color-background);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.share-modal-close:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--color-glow)}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{position:relative;background:var(--color-background);border:2px solid var(--color-border);border-radius:16px;padding:32px;max-width:420px;width:90%;box-shadow:0 12px 32px #000000b3,0 0 40px var(--color-shadow);animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.auth-modal-close{position:absolute;top:16px;right:16px;background:var(--color-input-bg);border:1px solid var(--color-border-light);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);cursor:pointer;transition:all .2s ease}.auth-modal-close:hover{background:var(--color-input-bg);transform:rotate(90deg)}.auth-modal-header{text-align:center;margin-bottom:28px}.auth-modal-header h2{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--color-primary);text-shadow:0 0 20px var(--color-glow)}.auth-modal-header p{margin:0;font-size:14px;color:var(--color-text-secondary)}.auth-error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;padding:12px;margin-bottom:16px;color:#ff6b6b;font-size:13px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-input-group{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-input-bg);border:1px solid var(--color-border-light);border-radius:10px;transition:all .2s ease}.auth-input-group:focus-within{border-color:var(--color-primary);background:var(--color-input-bg);box-shadow:0 0 15px var(--color-shadow)}.auth-input-group svg{color:var(--color-text-secondary);flex-shrink:0}.auth-input-group input{flex:1;background:transparent;border:none;outline:none;color:var(--color-primary);font-size:14px}.auth-input-group input::placeholder{color:var(--color-text-muted)}.auth-input-group input:disabled{opacity:.5;cursor:not-allowed}.auth-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:10px;color:var(--color-background);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px var(--color-shadow);letter-spacing:.5px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px var(--color-glow)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-divider{position:relative;text-align:center;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:var(--color-border-light)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{background:var(--color-background);padding:0 12px;font-size:12px;color:var(--color-text-muted);font-weight:600}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-google-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff4d;transform:translateY(-1px)}.auth-google-btn:disabled{opacity:.5;cursor:not-allowed}.auth-toggle{text-align:center;margin-top:16px;font-size:13px;color:var(--color-text-secondary)}.auth-toggle button{background:none;border:none;color:var(--color-primary);font-weight:700;cursor:pointer;text-decoration:underline;font-size:13px;transition:color .2s ease}.auth-toggle button:hover:not(:disabled){color:#10b981}.auth-toggle button:disabled{opacity:.5;cursor:not-allowed}.profile-dropdown-theme-section{position:relative}.profile-dropdown-item--theme{justify-content:space-between}.profile-dropdown-item--theme span{flex:1}.profile-dropdown-item--theme svg:last-child{transition:transform .2s ease}.profile-dropdown-item--theme svg.rotated{transform:rotate(180deg)}.profile-theme-submenu{background:var(--color-input-bg);border-top:1px solid var(--color-border-light);padding:8px 0;max-height:300px;overflow-y:auto}.profile-theme-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 24px;background:transparent;border:none;color:var(--color-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;position:relative}.profile-theme-item:hover:not(:disabled){background:#ffffff0d}.profile-theme-item.active{background:rgba(var(--color-primary-rgb, 16, 185, 129),.1)}.profile-theme-item .theme-icon{font-size:16px;flex-shrink:0}.profile-theme-item .theme-info{flex:1;min-width:0}.profile-theme-item .theme-name{display:flex;align-items:center;gap:4px;font-weight:600;color:var(--color-primary)}.profile-theme-item .premium-icon{color:gold}.profile-theme-item .check-icon{color:var(--color-primary);flex-shrink:0}.profile-theme-item.locked{opacity:.5;cursor:not-allowed}.profile-theme-item .theme-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:gold;pointer-events:none}.profile-theme-submenu::-webkit-scrollbar{width:6px}.profile-theme-submenu::-webkit-scrollbar-track{background:transparent}.profile-theme-submenu::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.profile-theme-submenu::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.seeds-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.seeds-modal{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00ff4133;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.seeds-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--color-border)}.seeds-modal-title{display:flex;align-items:center;gap:12px}.seeds-modal-title h2{margin:0;font-size:24px;font-weight:700;color:var(--color-text-primary)}.seeds-modal-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.seeds-modal-close:hover{background:var(--color-border);color:var(--color-text-primary)}.seeds-balance-card{padding:32px 24px;text-align:center;background:linear-gradient(135deg,var(--color-primary)15 0%,var(--color-secondary)15 100%);border-bottom:1px solid var(--color-border)}.seeds-balance-label{font-size:14px;color:var(--color-text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.seeds-balance-value{font-size:56px;font-weight:800;color:var(--color-primary);margin:8px 0;text-shadow:0 0 20px var(--color-primary)40}.seeds-balance-subtitle{font-size:14px;color:var(--color-text-muted)}.seeds-activity-section{padding:24px;border-bottom:1px solid var(--color-border)}.seeds-section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text-primary);margin-bottom:20px}.seeds-no-activity{text-align:center;padding:40px 20px;color:var(--color-text-muted);font-size:14px}.seeds-activity-graph{display:flex;gap:12px;align-items:flex-end;height:200px;padding:20px 0}.seeds-activity-bar-container{flex:1;display:flex;flex-direction:column;gap:8px;height:100%}.seeds-activity-bar-wrapper{flex:1;display:flex;align-items:flex-end;justify-content:center}.seeds-activity-bar{width:100%;min-height:4px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:4px 4px 0 0;transition:all .3s ease;box-shadow:0 0 10px var(--color-primary) 40}.seeds-activity-bar:hover{box-shadow:0 0 20px var(--color-primary) 60}.seeds-activity-label{display:flex;flex-direction:column;gap:4px;font-size:11px;text-align:center}.seeds-activity-date{color:var(--color-text-muted);font-weight:600}.seeds-activity-stats{display:flex;flex-direction:column;gap:2px}.seeds-activity-calls{color:var(--color-primary);font-weight:600}.seeds-activity-seeds{color:var(--color-text-muted);font-size:10px}.seeds-premium-section{padding:24px}.seeds-premium-description{color:var(--color-text-muted);font-size:14px;margin-bottom:24px;line-height:1.5}.seeds-coupon-inputs{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.seeds-coupon-box{width:45px;height:55px;background:var(--color-input-bg);border:2px solid var(--color-border);border-radius:8px;text-align:center;font-size:24px;font-weight:700;color:var(--color-text-primary);transition:all .2s;text-transform:none}.seeds-coupon-box:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary) 40}.seeds-coupon-box.success{border-color:#16a34a;background:#16a34a15}.seeds-coupon-box.error{border-color:#dc2626;background:#dc262615;animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.seeds-coupon-box:disabled{opacity:.6;cursor:not-allowed}.seeds-coupon-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:8px;font-size:14px;font-weight:600;margin-bottom:16px}.seeds-coupon-message.success{background:#16a34a15;color:#16a34a;border:1px solid #16a34a40}.seeds-coupon-message.error{background:#dc262615;color:#dc2626;border:1px solid #dc262640}.seeds-coupon-submit{width:100%;padding:14px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border:none;border-radius:8px;color:var(--color-background);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px var(--color-primary) 30}.seeds-coupon-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--color-primary) 40}.seeds-coupon-submit:active:not(:disabled){transform:translateY(0)}.seeds-coupon-submit:disabled{opacity:.6;cursor:not-allowed}.seeds-coupon-hint{text-align:center;font-size:12px;color:var(--color-text-muted);margin-top:12px;font-style:italic}.seeds-premium-active{padding:24px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,var(--color-primary)20 0%,var(--color-secondary)20 100%);border-radius:12px;margin:24px;color:var(--color-primary);font-weight:700;font-size:18px}@media (max-width: 768px){.seeds-modal-overlay{align-items:flex-end;padding:0}.seeds-modal{max-width:100%;max-height:85vh;border-radius:16px 16px 0 0;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.seeds-balance-value{font-size:48px}.seeds-activity-graph{height:150px;gap:8px}.seeds-activity-label{font-size:10px}.seeds-activity-seeds{font-size:9px}.seeds-coupon-box{width:38px;height:48px;font-size:20px}.seeds-coupon-inputs{gap:6px}}.feedback-panel-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;padding:20px;pointer-events:none;animation:slideUpFade .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.feedback-panel{position:relative;background:var(--color-background);border:2px solid var(--color-border);border-radius:clamp(10px,2vw,16px);padding:clamp(12px,3vw,28px) clamp(16px,3.5vw,28px);max-width:clamp(320px,65vw,520px);width:100%;box-shadow:0 12px 32px #000c,0 0 40px var(--color-shadow),inset 0 1px 0 var(--color-border-light);pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feedback-close-btn{position:absolute;top:clamp(8px,1.5vw,12px);right:clamp(8px,1.5vw,12px);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:clamp(4px,.75vw,6px);width:clamp(20px,3.5vw,28px);height:clamp(20px,3.5vw,28px);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;padding:0}.feedback-close-btn:hover{background:var(--color-button-hover);color:var(--color-primary);transform:rotate(90deg)}.feedback-header{margin-bottom:clamp(12px,2.5vw,20px);text-align:center}.feedback-title{font-size:clamp(14px,2.25vw,18px);font-weight:700;color:var(--color-primary);margin-bottom:clamp(4px,.75vw,6px);font-family:SF Pro Display,-apple-system,sans-serif;text-shadow:0 0 15px var(--color-glow)}.feedback-subtitle{font-size:clamp(11px,1.6vw,13px);color:var(--color-text-secondary);line-height:1.5;font-family:SF Pro Display,-apple-system,sans-serif}.feedback-actions{display:flex;gap:clamp(8px,1.5vw,12px);justify-content:center}.feedback-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.25vw,10px);padding:clamp(10px,1.75vw,14px) clamp(14px,2.5vw,20px);border:1.5px solid;border-radius:clamp(8px,1.25vw,10px);font-family:SF Pro Display,-apple-system,sans-serif;font-size:clamp(12px,1.75vw,14px);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.3px;max-width:clamp(140px,22vw,180px)}.feedback-like{background:var(--color-input-bg);border-color:var(--color-border);color:var(--color-primary)}.feedback-like:hover:not(:disabled){background:var(--color-button-hover);border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.feedback-like:active:not(:disabled){transform:translateY(0) scale(.98)}.feedback-dislike{background:#ff44440d;border-color:#ff44444d;color:#ff6b6b}.feedback-dislike:hover:not(:disabled){background:#ff44441a;border-color:#ff6b6b;box-shadow:0 4px 12px #ff444426;transform:translateY(-2px)}.feedback-dislike:active:not(:disabled){transform:translateY(0) scale(.98)}.feedback-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-textarea{width:100%;padding:clamp(10px,1.75vw,14px) clamp(12px,2vw,16px);background:var(--color-input-bg);border:1.5px solid var(--color-border);border-radius:clamp(8px,1.25vw,10px);color:var(--color-text-primary);font-family:SF Pro Display,-apple-system,sans-serif;font-size:clamp(11px,1.6vw,13px);line-height:1.6;resize:vertical;min-height:clamp(80px,12.5vw,100px);margin-bottom:clamp(12px,2vw,16px);transition:all .2s ease}.feedback-textarea::placeholder{color:var(--color-text-muted)}.feedback-textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-button-hover);box-shadow:0 0 15px var(--color-shadow)}.feedback-textarea:disabled{opacity:.5;cursor:not-allowed}.feedback-actions-inline{display:flex;gap:clamp(8px,1.25vw,10px);justify-content:flex-end}.feedback-submit-btn{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1vw,8px);padding:clamp(10px,1.5vw,12px) clamp(16px,2.5vw,20px);background:var(--color-button-bg);border:none;border-radius:clamp(6px,1vw,8px);color:var(--color-background);font-family:SF Pro Display,-apple-system,sans-serif;font-size:clamp(11px,1.6vw,13px);font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.5px;box-shadow:0 4px 12px var(--color-glow)}.feedback-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px var(--color-glow)}.feedback-submit-btn:active:not(:disabled){transform:translateY(0)}.feedback-submit-btn:disabled{opacity:.6;cursor:not-allowed}.feedback-skip-btn{padding:clamp(10px,1.5vw,12px) clamp(16px,2.5vw,20px);background:var(--color-input-bg);border:1.5px solid var(--color-border);border-radius:clamp(6px,1vw,8px);color:var(--color-text-secondary);font-family:SF Pro Display,-apple-system,sans-serif;font-size:clamp(11px,1.6vw,13px);font-weight:600;cursor:pointer;transition:all .2s ease}.feedback-skip-btn:hover:not(:disabled){background:var(--color-button-hover);color:var(--color-primary);border-color:var(--color-border)}.feedback-skip-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-success{text-align:center;padding:clamp(12px,2.5vw,20px) 0;animation:successPop .5s cubic-bezier(.16,1,.3,1)}@keyframes successPop{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.feedback-success-icon{font-size:clamp(32px,6vw,48px);margin-bottom:clamp(8px,1.5vw,12px);animation:iconBounce .6s ease}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feedback-success-title{font-size:clamp(16px,2.5vw,20px);font-weight:700;color:var(--color-primary);margin-bottom:clamp(6px,1vw,8px);font-family:SF Pro Display,-apple-system,sans-serif;text-shadow:0 0 20px var(--color-glow)}.feedback-success-message{font-size:clamp(11px,1.6vw,13px);color:var(--color-text-secondary);line-height:1.6;font-family:SF Pro Display,-apple-system,sans-serif;max-width:clamp(280px,50vw,400px);margin:0 auto}@media (max-width: 600px){.feedback-panel{padding:20px;margin:0 12px}.feedback-actions{flex-direction:column}.feedback-btn{max-width:none}}@media (max-width: 480px),(max-height: 600px){.feedback-panel-overlay{padding:12px}.feedback-panel{padding:16px 20px;border-radius:12px;max-width:100%}.feedback-close-btn{top:8px;right:8px;width:24px;height:24px}.feedback-header{margin-bottom:12px}.feedback-title{font-size:15px;margin-bottom:4px}.feedback-subtitle{font-size:11px;line-height:1.4}.feedback-actions{gap:8px}.feedback-btn{padding:10px 14px;font-size:12px;gap:6px;border-radius:8px}.feedback-btn svg{width:16px;height:16px}.feedback-textarea{padding:10px 12px;font-size:12px;min-height:80px;margin-bottom:12px}.feedback-actions-inline{gap:8px}.feedback-submit-btn,.feedback-skip-btn{padding:10px 16px;font-size:12px}.feedback-success{padding:12px 0}.feedback-success-icon{font-size:36px;margin-bottom:8px}.feedback-success-title{font-size:16px;margin-bottom:6px}.feedback-success-message{font-size:11px;line-height:1.5}}@media (max-width: 360px),(max-height: 500px){.feedback-panel-overlay{padding:8px}.feedback-panel{padding:12px 16px;border-radius:10px}.feedback-title{font-size:14px}.feedback-subtitle{font-size:10px}.feedback-btn{padding:8px 12px;font-size:11px}.feedback-btn span{display:none}.feedback-btn svg{width:20px;height:20px}}.saved-lectures-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:20000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}.saved-lectures-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 40px 80px -20px #00000080,inset 0 0 0 1px #ffffff0d;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.saved-lectures-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.saved-lectures-header-content{display:flex;align-items:center;gap:12px;color:var(--color-primary)}.saved-lectures-header h2{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.saved-lectures-close{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.saved-lectures-close:hover{background:var(--color-button-hover)}.saved-lectures-content{flex:1;overflow-y:auto;padding:16px}.saved-lectures-loading,.saved-lectures-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#00ff4199;text-align:center}.saved-lectures-empty p{font-size:16px;font-weight:600;margin:16px 0 8px}.saved-lectures-empty span{font-size:13px;opacity:.7}.saved-lectures-list{display:flex;flex-direction:column;gap:12px}.saved-lecture-item{background:#ffffff08;border:1px solid transparent;border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.saved-lecture-item:hover{background:#ffffff14;border-color:var(--color-border-light);transform:scale(1.01);box-shadow:0 4px 20px #0003}.saved-lecture-main{display:flex;gap:12px;flex:1}.saved-lecture-icon{width:40px;height:40px;border-radius:8px;background:var(--color-input-bg);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.saved-lecture-info{flex:1;min-width:0}.saved-lecture-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px;letter-spacing:-.01em}.saved-lecture-query{font-size:13px;color:var(--color-text-secondary);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-lecture-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px}.saved-lecture-badge{padding:3px 8px;background:var(--color-input-bg);border-radius:4px;color:var(--color-primary);font-weight:600}.saved-lecture-design{color:var(--color-text-secondary);font-weight:500}.saved-lecture-time{display:flex;align-items:center;gap:4px;color:var(--color-text-muted)}.saved-lecture-delete{background:none;border:none;color:#ff414199;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.saved-lecture-delete:hover:not(:disabled){background:#ff41411a;color:#ff4141}.saved-lecture-delete:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.saved-lectures-overlay{align-items:flex-end;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;animation:fadeIn .25s ease-out}.saved-lectures-panel{width:100%;max-width:100%;max-height:70vh;border-radius:20px 20px 0 0;border-bottom:none;animation:slideUpFromBottom .35s cubic-bezier(.4,0,.2,1);transform-origin:bottom;box-shadow:0 -8px 32px #0006}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.saved-lectures-header{padding:20px 20px 16px;position:sticky;top:0;z-index:10;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.saved-lectures-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--color-text-muted);opacity:.3;border-radius:2px}.saved-lectures-header h2{font-size:18px}.saved-lectures-content{padding:12px 16px 24px;max-height:calc(70vh - 80px)}.saved-lecture-item{padding:12px;border-radius:12px;gap:12px}.saved-lecture-main{flex:1;min-width:0;overflow:hidden}.saved-lecture-icon{width:36px;height:36px;flex-shrink:0}.saved-lecture-info{flex:1;min-width:0;overflow:hidden}.saved-lecture-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.saved-lecture-query{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.saved-lecture-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:10px}.saved-lecture-badge{padding:2px 6px;font-size:9px;white-space:nowrap}.saved-lecture-design,.saved-lecture-time{font-size:10px;white-space:nowrap}.saved-lecture-delete{flex-shrink:0;padding:8px;width:36px;height:36px}.saved-lectures-empty,.saved-lectures-loading{padding:40px 20px}.saved-lectures-empty p{font-size:15px}.saved-lectures-empty span{font-size:12px}}.saved-slides-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:20000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.saved-slides-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.saved-slides-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.saved-slides-header-content{display:flex;align-items:center;gap:12px;color:var(--color-text-primary);font-weight:600;font-size:18px}.saved-slides-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.saved-slides-close:hover{background:var(--color-input-bg);color:var(--color-text-primary)}.saved-slides-content{flex:1;overflow-y:auto;padding:20px}.saved-slides-loading,.saved-slides-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-muted);text-align:center;gap:12px}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border-light);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.saved-slides-list{display:flex;flex-direction:column;gap:12px}.saved-slides-item{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease}.saved-slides-item:hover{background:var(--color-border-light);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.saved-slides-main{display:flex;gap:16px;align-items:center}.saved-slides-icon{width:40px;height:40px;border-radius:10px;background:var(--color-background);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}.saved-slides-info{min-width:0}.saved-slides-title{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-slides-meta{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--color-text-muted)}.saved-slides-delete{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;opacity:0}.saved-slides-item:hover .saved-slides-delete{opacity:1}.saved-slides-delete:hover{background:#ef44441a;color:var(--color-error)}.delete-spinner{width:16px;height:16px;border:2px solid rgba(239,68,68,.2);border-top-color:var(--color-error);border-radius:50%;animation:spin .8s linear infinite}.saved-slides-embedded{width:100%}.saved-slides-embedded .saved-slides-panel{width:100%;max-width:none;max-height:70vh;border-radius:16px;border:1px solid var(--color-border);box-shadow:none;background:transparent}.saved-slides-embedded .saved-slides-header,.saved-slides-embedded .saved-slides-content{padding:16px}@media (max-width: 768px){.saved-slides-overlay{align-items:flex-end;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006}.saved-slides-panel{width:100%;max-width:100%;max-height:70vh;min-height:50vh;border-radius:20px 20px 0 0;border-bottom:none;animation:slideUpFromBottom .35s cubic-bezier(.4,0,.2,1);transform-origin:bottom;box-shadow:0 -8px 32px #0006;overflow:hidden}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.saved-slides-header{padding:20px 20px 16px;position:sticky;top:0;z-index:10;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--color-border)}.saved-slides-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--color-text-muted);opacity:.3;border-radius:2px}.saved-slides-header h2{font-size:18px}.saved-slides-content{padding:12px 16px 24px;max-height:calc(70vh - 80px);overflow-y:auto;box-sizing:border-box}.saved-slides-item{padding:12px;border-radius:12px;gap:12px;min-width:0}.saved-slides-main{flex:1;min-width:0;overflow:hidden}.saved-slides-icon{width:36px;height:36px;flex-shrink:0}.saved-slides-info{flex:1;min-width:0;overflow:hidden}.saved-slides-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.saved-slides-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:10px}.saved-slides-delete{flex-shrink:0;padding:8px;width:36px;height:36px;opacity:1}.saved-slides-empty,.saved-slides-loading{padding:40px 20px}.saved-slides-empty p{font-size:15px}.saved-slides-empty span{font-size:12px}}.saved-chat-sessions-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:20000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:chatSessionsFadeIn .4s cubic-bezier(.16,1,.3,1)}@keyframes chatSessionsFadeIn{0%{opacity:0}to{opacity:1}}.saved-chat-sessions-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 40px 80px -20px #00000080,inset 0 0 0 1px #ffffff0d;animation:chatSessionsSlideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes chatSessionsSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.saved-chat-sessions-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.saved-chat-sessions-header-content{display:flex;align-items:center;gap:12px;color:var(--color-primary)}.saved-chat-sessions-header h2{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.saved-chat-sessions-close{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.saved-chat-sessions-close:hover{background:var(--color-button-hover)}.saved-chat-sessions-content{flex:1;overflow-y:auto;padding:16px}.saved-chat-sessions-loading,.saved-chat-sessions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#00ff4199;text-align:center}.saved-chat-sessions-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:chatSessionsSpin 1s linear infinite;margin-bottom:16px}@keyframes chatSessionsSpin{to{transform:rotate(360deg)}}.saved-chat-sessions-empty p{font-size:16px;font-weight:600;margin:16px 0 8px}.saved-chat-sessions-empty span{font-size:13px;opacity:.7}.saved-chat-sessions-list{display:flex;flex-direction:column;gap:12px}.saved-chat-session-item{background:#ffffff08;border:1px solid transparent;border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.saved-chat-session-item:hover{background:#ffffff14;border-color:var(--color-border-light);transform:scale(1.01);box-shadow:0 4px 20px #0003}.saved-chat-session-main{display:flex;gap:12px;flex:1}.saved-chat-session-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.saved-chat-session-info{flex:1;min-width:0}.saved-chat-session-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-chat-session-stats{display:flex;gap:6px;font-size:13px;color:var(--color-text-secondary);margin-bottom:8px}.saved-chat-session-messages{font-weight:500}.saved-chat-session-content-count{color:var(--color-primary)}.saved-chat-session-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.saved-chat-session-badge{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.saved-chat-session-badge:hover{transform:scale(1.1)}.saved-chat-session-badge--lecture{background:#667eea33;color:#667eea}.saved-chat-session-badge--slides{background:#f59e0b33;color:#f59e0b}.saved-chat-session-badge--guided{background:#10b98133;color:#10b981}.saved-chat-session-badge--visual{background:#8b5cf633;color:#8b5cf6}.saved-chat-session-time{display:flex;align-items:center;gap:4px;color:var(--color-text-muted);font-size:11px;margin-left:auto}.saved-chat-session-delete{background:none;border:none;color:#ff414199;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.saved-chat-session-delete:hover:not(:disabled){background:#ff41411a;color:#ff4141}.saved-chat-session-delete:disabled{opacity:.5;cursor:not-allowed}.saved-chat-session-delete .delete-spinner{width:16px;height:16px;border:2px solid rgba(255,65,65,.2);border-top-color:#ff4141;border-radius:50%;animation:chatSessionsSpin .8s linear infinite}@media (max-width: 768px){.saved-chat-sessions-overlay{align-items:flex-end;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006}.saved-chat-sessions-panel{width:100%;max-width:100%;max-height:70vh;min-height:50vh;border-radius:20px 20px 0 0;border-bottom:none;animation:chatSessionsSlideUpFromBottom .35s cubic-bezier(.4,0,.2,1);transform-origin:bottom;box-shadow:0 -8px 32px #0006;overflow:hidden}@keyframes chatSessionsSlideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.saved-chat-sessions-header{padding:20px 20px 16px;position:sticky;top:0;z-index:10;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--color-border)}.saved-chat-sessions-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--color-text-muted);opacity:.3;border-radius:2px}.saved-chat-sessions-header h2{font-size:18px}.saved-chat-sessions-content{padding:12px 16px 24px;max-height:calc(70vh - 80px);overflow-y:auto;box-sizing:border-box}.saved-chat-session-item{padding:12px;border-radius:12px;gap:12px;min-width:0}.saved-chat-session-main{flex:1;min-width:0;overflow:hidden}.saved-chat-session-icon{width:36px;height:36px;flex-shrink:0}.saved-chat-session-info{flex:1;min-width:0;overflow:hidden}.saved-chat-session-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.saved-chat-session-stats{font-size:12px;margin-bottom:6px}.saved-chat-session-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:10px}.saved-chat-session-badge{width:24px;height:24px}.saved-chat-session-time{font-size:10px;margin-left:0;white-space:nowrap}.saved-chat-session-delete{flex-shrink:0;padding:8px;width:36px;height:36px}.saved-chat-sessions-empty,.saved-chat-sessions-loading{padding:40px 20px}.saved-chat-sessions-empty p{font-size:15px}.saved-chat-sessions-empty span{font-size:12px}}.saved-guided-learning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:20000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}.saved-guided-learning-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:24px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 40px 80px -20px #00000080,inset 0 0 0 1px #ffffff0d;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.saved-guided-learning-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border);flex-shrink:0}.saved-guided-learning-header-content{display:flex;align-items:center;gap:12px;color:var(--color-primary)}.saved-guided-learning-header h2{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.saved-guided-learning-close{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;flex-shrink:0}.saved-guided-learning-close:hover{background:var(--color-button-hover)}.saved-guided-learning-content{flex:1;overflow-y:auto;padding:16px;min-height:0}.saved-guided-learning-loading,.saved-guided-learning-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#00ff4199;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.saved-guided-learning-empty p{font-size:16px;font-weight:600;margin:16px 0 8px}.saved-guided-learning-empty span{font-size:13px;opacity:.7}.saved-guided-learning-list{display:flex;flex-direction:column;gap:12px}.saved-guided-learning-item{background:#ffffff08;border:1px solid transparent;border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);gap:12px}.saved-guided-learning-item:hover{background:#ffffff14;border-color:var(--color-border-light);transform:scale(1.01);box-shadow:0 4px 20px #0003}.saved-guided-learning-main{display:flex;gap:12px;flex:1;min-width:0;overflow:hidden}.saved-guided-learning-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.saved-guided-learning-info{flex:1;min-width:0;overflow:hidden}.saved-guided-learning-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-guided-learning-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px}.saved-guided-learning-progress{padding:3px 8px;background:var(--color-input-bg);border-radius:4px;color:var(--color-primary);font-weight:600;white-space:nowrap}.saved-guided-learning-progress.completed{background:#10b98133;color:#10b981}.saved-guided-learning-time{display:flex;align-items:center;gap:4px;color:var(--color-text-muted);white-space:nowrap}.saved-guided-learning-delete{background:none;border:none;color:#ff414199;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;flex-shrink:0}.saved-guided-learning-delete:hover:not(:disabled){background:#ff41411a;color:#ff4141}.saved-guided-learning-delete:disabled{opacity:.5;cursor:not-allowed}.delete-spinner{width:16px;height:16px;border:2px solid rgba(255,65,65,.2);border-top-color:#ff4141;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.saved-guided-learning-overlay{align-items:flex-end;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006}.saved-guided-learning-panel{width:100%;max-width:100%;max-height:70vh;min-height:50vh;border-radius:20px 20px 0 0;border-bottom:none;animation:slideUpFromBottom .35s cubic-bezier(.4,0,.2,1);transform-origin:bottom;box-shadow:0 -8px 32px #0006;overflow:hidden}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.saved-guided-learning-header{padding:20px 20px 16px;position:sticky;top:0;z-index:10;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--color-border)}.saved-guided-learning-header:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--color-text-muted);opacity:.3;border-radius:2px}.saved-guided-learning-header h2{font-size:18px}.saved-guided-learning-content{padding:12px 16px 24px;max-height:calc(70vh - 80px);overflow-y:auto;box-sizing:border-box}.saved-guided-learning-item{padding:12px;border-radius:12px;gap:12px;min-width:0}.saved-guided-learning-main{flex:1;min-width:0;overflow:hidden}.saved-guided-learning-icon{width:36px;height:36px;flex-shrink:0}.saved-guided-learning-info{flex:1;min-width:0;overflow:hidden}.saved-guided-learning-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.saved-guided-learning-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:10px}.saved-guided-learning-progress{padding:2px 6px;font-size:9px;white-space:nowrap}.saved-guided-learning-time{font-size:10px;white-space:nowrap}.saved-guided-learning-delete{flex-shrink:0;padding:8px;width:36px;height:36px}.saved-guided-learning-empty,.saved-guided-learning-loading{padding:40px 20px}.saved-guided-learning-empty p{font-size:15px}.saved-guided-learning-empty span{font-size:12px}}.agent-activity-feed{border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--color-background) 85%,var(--color-input-bg) 15%);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.agent-feed__header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);background:color-mix(in srgb,var(--color-background) 70%,var(--color-input-bg) 30%)}.agent-feed__pulse{width:8px;height:8px;border-radius:50%;animation:agentPulse 2s ease-in-out infinite;box-shadow:0 0 8px currentColor}@keyframes agentPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 4px currentColor}50%{opacity:.6;transform:scale(1.3);box-shadow:0 0 12px currentColor}}.agent-feed__title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-secondary);flex:1}.agent-feed__badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;letter-spacing:.3px;text-transform:uppercase}.agent-feed__list{padding:8px 0;max-height:180px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.agent-feed__list::-webkit-scrollbar{width:4px}.agent-feed__list::-webkit-scrollbar-track{background:transparent}.agent-feed__list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.agent-feed__entry{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;color:var(--color-text-muted);animation:feedEntrySlideIn .4s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(8px);transition:opacity .3s ease,color .3s ease}@keyframes feedEntrySlideIn{to{opacity:1;transform:translateY(0)}}.agent-feed__entry--latest{color:var(--color-text-primary);font-weight:500}.agent-feed__entry--success{color:#10b981}.agent-feed__entry--success.agent-feed__entry--latest{color:#34d399}.agent-feed__entry--milestone{color:var(--accent, #667eea);font-weight:600}.agent-feed__entry--milestone.agent-feed__entry--latest{color:var(--accent, #667eea)}.agent-feed__entry-thread{flex-shrink:0;width:16px;height:18px;position:relative;display:inline-flex;align-items:center;justify-content:center}.agent-feed__entry-thread:before{content:"";position:absolute;top:-6px;bottom:-6px;width:2px;border-radius:2px;background:color-mix(in srgb,var(--accent, #667eea) 30%,transparent);opacity:.5}.agent-feed__entry-thread:after{content:"";width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--accent, #667eea) 70%,#ffffff 30%);box-shadow:0 0 6px color-mix(in srgb,var(--accent, #667eea) 60%,transparent);opacity:.7}.agent-feed__entry-thread--active:after{opacity:1;animation:threadPulse 1.6s ease-in-out infinite}@keyframes threadPulse{0%,to{transform:scale(.9);opacity:.7}50%{transform:scale(1.2);opacity:1}}.agent-feed__entry-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.agent-feed__entry-dots{display:flex;gap:3px;align-items:center;margin-left:4px}.agent-feed__dot{width:3px;height:3px;border-radius:50%;background:var(--color-text-muted);animation:dotBounce 1.4s ease-in-out infinite}.agent-feed__dot:nth-child(2){animation-delay:.2s}.agent-feed__dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.agent-activity-feed--compact{border-radius:8px}.agent-activity-feed--compact .agent-feed__header{padding:8px 10px}.agent-activity-feed--compact .agent-feed__list{max-height:120px;padding:6px 0}.agent-activity-feed--compact .agent-feed__entry{padding:4px 10px;font-size:11px;gap:6px}.agent-activity-feed--compact .agent-feed__entry-thread{width:14px;height:16px}@media (max-width: 480px){.agent-feed__list{max-height:140px}.agent-feed__entry{font-size:11px;padding:5px 10px}.agent-feed__title{font-size:10px}}.slide-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000000;isolation:isolate;animation:slideViewerFadeIn .3s ease-out}@keyframes slideViewerFadeIn{0%{opacity:0}to{opacity:1}}.slide-viewer-modal{width:95%;max-width:1400px;height:90vh;background:var(--color-background);border:2px solid var(--color-border);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 20px 60px var(--color-shadow),0 0 40px var(--color-glow);overflow:hidden}.slide-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:linear-gradient(135deg,#00ffc814,#00c8ff14);border-bottom:2px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slide-viewer-title{font-size:18px;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:12px;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 10px var(--color-glow)}.slide-viewer-counter{font-size:12px;color:var(--color-text-secondary);font-weight:400;background:var(--color-input-bg);border:1px solid var(--color-border);padding:4px 12px;border-radius:12px;font-family:Courier New,monospace}.slide-viewer-controls{display:flex;gap:8px}.slide-viewer-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;background:var(--color-background)}.slide-viewer-slide{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;animation:slideViewerSlideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;padding:20px;border-radius:12px;box-shadow:0 10px 40px #0006,0 0 30px #00ffc826}@keyframes slideViewerSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.slide-viewer-slide svg{width:100%;height:auto;max-height:calc(90vh - 220px);border-radius:8px;background:#fff}.slide-viewer-footer{padding:24px 32px;background:linear-gradient(135deg,#00c8ff0d,#00ffc80d);border-top:2px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.slide-viewer-nav{display:flex;align-items:center;gap:20px;flex:1}.slide-viewer-dots{display:flex;gap:10px;align-items:center;background:#0000004d;padding:8px 16px;border-radius:20px;border:1px solid var(--color-border)}.slide-viewer-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;border:1px solid var(--color-border);cursor:pointer;transition:all .3s ease;padding:0}.slide-viewer-dot:hover{background:#ffffff80;box-shadow:0 0 8px var(--color-glow);transform:scale(1.3)}.slide-viewer-dot.active{width:28px;border-radius:5px;background:var(--color-primary);box-shadow:0 0 12px var(--color-glow),0 0 20px #00ffc84d;border-color:var(--color-primary)}.slide-viewer-btn{background:var(--color-input-bg);border:1px solid var(--color-border);color:var(--color-text-primary);padding:10px 20px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.5px}.slide-viewer-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:var(--color-primary);box-shadow:0 0 12px var(--color-glow);transform:translateY(-1px)}.slide-viewer-btn:active:not(:disabled){transform:translateY(0)}.slide-viewer-btn:disabled{opacity:.4;cursor:not-allowed}.slide-viewer-btn--nav{padding:10px 24px;font-weight:600}.slide-viewer-btn--download{background:color-mix(in srgb,var(--color-primary) 25%,transparent);border-color:var(--color-primary);color:var(--color-primary);padding:12px 28px;font-size:14px;font-weight:700;box-shadow:0 4px 12px var(--color-shadow),0 0 16px var(--color-glow)}.slide-viewer-btn--download:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 35%,transparent);box-shadow:0 6px 16px var(--color-shadow),0 0 24px var(--color-glow)}.slide-viewer-btn--close,.slide-viewer-btn--minimize{width:32px;height:32px;padding:0;font-size:18px;border-radius:6px;display:flex;align-items:center;justify-content:center}.slide-viewer-btn--close{background:#f443;border-color:var(--color-error);color:var(--color-error)}.slide-viewer-btn--close:hover{background:var(--color-error);color:var(--color-background)}.slide-viewer-btn--minimize{background:#fa03;border-color:var(--color-warning);color:var(--color-warning)}.slide-viewer-btn--minimize:hover{background:var(--color-warning);color:var(--color-background)}.slide-viewer-minimized{position:fixed;bottom:20px;right:20px;z-index:9999}.slide-viewer-restore{background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary);border:2px solid var(--color-border);padding:12px 20px;border-radius:30px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px var(--color-shadow),0 0 20px var(--color-glow);transition:all .2s ease;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.slide-viewer-restore:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--color-shadow),0 0 30px var(--color-glow);background:color-mix(in srgb,var(--color-primary) 30%,transparent);border-color:var(--color-primary)}@media (max-width: 768px){.slide-viewer-modal{width:100%;height:100vh;border-radius:0}.slide-viewer-footer{flex-direction:column;gap:16px}.slide-viewer-nav{width:100%;justify-content:space-between}.slide-viewer-btn--download{width:100%;justify-content:center}.slide-viewer-btn--back{display:flex!important;padding:10px 16px;background:color-mix(in srgb,var(--color-primary) 15%,transparent);border:1px solid var(--color-primary);color:var(--color-primary);font-weight:600;border-radius:10px}.slide-viewer-btn--back:hover{background:color-mix(in srgb,var(--color-primary) 25%,transparent)}.slide-viewer-title{display:none}.slide-viewer-header{justify-content:space-between}}@media (max-width: 768px) and (orientation: landscape){.slide-viewer-modal{padding:calc(env(safe-area-inset-top,0px) + 6px) 12px calc(env(safe-area-inset-bottom,0px) + 10px)}.slide-viewer-content{padding:8px 12px}.slide-viewer-slide{max-height:calc(100vh - 170px);width:100%}.slide-viewer-footer{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}}.slide-viewer-btn--back{display:none}.slide-viewer-back-text{margin-left:6px}.export-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .3s ease}.export-menu{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(148,163,184,.3);border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.export-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(148,163,184,.2);background:#0f172acc}.export-menu-header h3{margin:0;font-size:18px;font-weight:600;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.export-menu-header .close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#94a3b81a;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#cbd5e1;cursor:pointer;transition:all .3s ease}.export-menu-header .close-btn:hover{background:#ef444433;border-color:#ef444480;color:#fca5a5}.export-menu-content{padding:24px;overflow-y:auto;flex:1}.export-description{margin:0 0 20px;color:#cbd5e1;font-size:14px;line-height:1.5}.export-options{display:flex;flex-direction:column;gap:12px}.export-option{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid rgba(59,130,246,.3);border-radius:12px;color:#cbd5e1;cursor:pointer;transition:all .3s ease;text-align:left}.export-option:hover:not(:disabled){background:linear-gradient(135deg,#3b82f633,#6366f133);border-color:#3b82f699;transform:translate(4px)}.export-option:disabled{opacity:.5;cursor:not-allowed}.option-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#3b82f626;border-radius:10px;color:#60a5fa;flex-shrink:0}.pdf-option{--color: #ef4444}.pdf-option:hover .option-icon{background:#ef444426;color:#f87171}.pdf-option .option-icon{color:#f87171}.png-option{--color: #8b5cf6}.png-option:hover .option-icon{background:#8b5cf626;color:#c4b5fd}.png-option .option-icon{color:#c4b5fd}.zip-option{--color: #f59e0b}.zip-option:hover .option-icon{background:#f59e0b26;color:#fbbf24}.zip-option .option-icon{color:#fbbf24}.ppt-option{--color: #10b981}.ppt-option:hover .option-icon{background:#10b98126;color:#6ee7b7}.ppt-option .option-icon{color:#6ee7b7}.option-content{flex:1}.option-content h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#f1f5f9}.option-content p{margin:0;font-size:13px;color:#94a3b8}.arrow{display:flex;align-items:center;justify-content:center;font-size:18px;color:#60a5fa;opacity:0;transition:all .3s ease}.export-option:hover:not(:disabled) .arrow{opacity:1;transform:translate(4px)}.export-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.progress-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#3b82f626,#6366f126);border-radius:50%;color:#60a5fa;margin-bottom:16px}.progress-icon.spinning{animation:spin 2s linear infinite}.export-progress h4{margin:16px 0 8px;font-size:16px;font-weight:600;color:#f1f5f9}.progress-bar{width:100%;max-width:300px;height:6px;background:#94a3b833;border-radius:3px;overflow:hidden;margin:16px 0 12px}.progress-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:3px;transition:width .3s ease}.progress-text{margin:0;color:#94a3b8;font-size:13px}.export-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.success-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#22c55e26,#10b98126);border-radius:50%;color:#22c55e;font-size:40px;font-weight:700;margin-bottom:16px;animation:bounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.export-success h4{margin:16px 0 8px;font-size:16px;font-weight:600;color:#f1f5f9}.export-success p{margin:0;color:#94a3b8;font-size:14px}.export-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.error-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#ef444426,#dc262626);border-radius:50%;color:#ef4444;font-size:40px;font-weight:700;margin-bottom:16px}.export-error h4{margin:16px 0 8px;font-size:16px;font-weight:600;color:#f1f5f9}.export-error p{margin:0 0 16px;color:#94a3b8;font-size:14px}.retry-btn{padding:10px 20px;background:linear-gradient(135deg,#ef444433,#dc262633);border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#fca5a5;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:linear-gradient(135deg,#ef44444d,#dc26264d);border-color:#ef444499}.export-menu-footer{padding:12px 24px;background:#0f172a80;border-top:1px solid rgba(148,163,184,.15)}.footer-note{margin:0;font-size:12px;color:#64748b;font-style:italic}@media (max-width: 768px){.export-menu{width:95%;max-height:90vh}.export-menu-header,.export-menu-content{padding:16px 20px}.export-option{padding:12px;gap:12px}.option-icon{width:48px;height:48px}.option-content h4{font-size:14px}.option-content p{font-size:12px}}.slide-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background:transparent}.edit-toolbar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(145deg,#0f172af2,#1e293bf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d,0 0 60px #8b5cf61a,inset 0 1px #ffffff1a;z-index:1100;animation:toolbarSlideDown .3s cubic-bezier(.34,1.56,.64,1)}@keyframes toolbarSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toolbar-section{display:flex;align-items:center;gap:4px}.toolbar-divider{width:1px;height:28px;background:linear-gradient(180deg,transparent,rgba(139,92,246,.4),transparent);margin:0 4px}.tool-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(139,92,246,.2);background:#8b5cf61a;color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative}.tool-btn.tool-btn--wide{width:auto;padding:0 12px;gap:8px}.tool-btn-label{font-size:12px;font-weight:700;letter-spacing:.2px;color:inherit;-webkit-user-select:none;user-select:none}.tool-btn:hover:not(:disabled){background:#8b5cf640;border-color:#8b5cf680;transform:scale(1.05);box-shadow:0 0 15px #8b5cf64d}.tool-btn.active{background:linear-gradient(145deg,#8b5cf6,#6366f1);border-color:#8b5cf6;color:#fff;box-shadow:0 0 20px #8b5cf680}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn.delete-btn:hover{background:#ef444433;border-color:#ef444480;color:#f87171}.tool-btn.close-btn{background:#ef44441a;border-color:#ef44444d;color:#f87171}.tool-btn.close-btn:hover{background:linear-gradient(145deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;box-shadow:0 0 20px #ef444480}.tool-btn.save-btn{background:linear-gradient(145deg,#8b5cf61f,#6366f11f);border-color:#8b5cf666;color:#a78bfa}.tool-btn.save-btn.dirty{background:linear-gradient(145deg,#8b5cf659,#6366f159);border-color:#8b5cf6cc;color:#c4b5fd;box-shadow:0 0 20px #8b5cf680;animation:savePulse 1.5s ease-in-out infinite}@keyframes savePulse{0%,to{box-shadow:0 0 15px #8b5cf666}50%{box-shadow:0 0 25px #8b5cf6b3}}.tool-btn.save-btn:hover:not(:disabled){background:linear-gradient(145deg,#8b5cf6,#6366f1);color:#fff;border-color:#8b5cf6;box-shadow:0 0 25px #8b5cf699}.tool-btn.color-btn{border:2px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.tool-btn.color-btn svg{position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));color:#fff}.font-size-display{color:#e2e8f0;font-size:12px;font-weight:600;min-width:45px;text-align:center;padding:0 4px}.color-section{position:relative}.color-picker-popup{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);background:linear-gradient(145deg,#0f172afa,#1e293bfa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0006;padding:12px;z-index:1200;animation:popupFadeIn .2s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.color-picker-header{display:flex;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(139,92,246,.2)}.color-picker-header button{flex:1;padding:6px 12px;border-radius:8px;border:1px solid rgba(139,92,246,.3);background:transparent;color:#94a3b8;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.color-picker-header button.active{background:#8b5cf633;color:#a78bfa;border-color:#8b5cf6}.color-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.color-swatch{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .15s}.color-swatch:hover{transform:scale(1.15);border-color:#ffffff80;box-shadow:0 0 10px #ffffff4d}.tool-hint{position:absolute;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(145deg,#8b5cf6e6,#60a5fae6);color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:500;box-shadow:0 4px 20px #8b5cf666;z-index:1050;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{box-shadow:0 4px 20px #8b5cf666}50%{box-shadow:0 4px 30px #8b5cf699}}.edit-canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}.edit-svg-host{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.edit-svg-host svg{width:100%;height:100%;display:block}.selection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.selection-rect{fill:#8b5cf60f;stroke:#8b5cf6;stroke-width:3;vector-effect:non-scaling-stroke}.selection-handle{fill:#fff;stroke:#8b5cf6;stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:all;touch-action:none}.selection-handle:hover{fill:#8b5cf626}.svg-text-editor{position:absolute;z-index:1200;border:2px solid #8b5cf6;border-radius:8px;outline:none;resize:none;padding:10px 12px;background:#fffffff7;color:#0f172a;box-shadow:0 10px 30px #00000040,0 0 20px #8b5cf640}.editable-element{position:absolute;pointer-events:all;box-sizing:border-box;transition:box-shadow .15s}.editable-element:hover:not(.selected){box-shadow:0 0 0 2px #8b5cf680}.editable-element.selected{box-shadow:0 0 0 2px #8b5cf6;z-index:100}.text-content{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden;word-wrap:break-word;white-space:pre-wrap;line-height:1.3;-webkit-user-select:none;user-select:none}.text-editor{width:100%;height:100%;background:#fffffff2;border:2px solid #8b5cf6;border-radius:4px;padding:4px 8px;resize:none;outline:none;box-shadow:0 0 20px #8b5cf64d;line-height:1.3}.shape-rectangle{width:100%;height:100%;border-radius:4px}.shape-circle{width:100%;height:100%;border-radius:50%}.shape-triangle{width:0;height:0;border-left:50% solid transparent;border-right:50% solid transparent;border-bottom-width:100%;border-bottom-style:solid;position:absolute;top:0;left:0;right:0;bottom:0;border-left-width:calc(50% + -0px);border-right-width:calc(50% + -0px)}.image-content{width:100%;height:100%;object-fit:contain;border-radius:4px}.resize-handles{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;pointer-events:none}.resize-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #8b5cf6;border-radius:50%;pointer-events:all;transition:all .15s;box-shadow:0 2px 8px #0003}.resize-handle:hover{background:#8b5cf6;transform:scale(1.2);box-shadow:0 0 10px #8b5cf680}.resize-handle.nw{top:0;left:0;cursor:nw-resize}.resize-handle.n{top:0;left:50%;transform:translate(-50%);cursor:n-resize}.resize-handle.ne{top:0;right:0;cursor:ne-resize}.resize-handle.e{top:50%;right:0;transform:translateY(-50%);cursor:e-resize}.resize-handle.se{bottom:0;right:0;cursor:se-resize}.resize-handle.s{bottom:0;left:50%;transform:translate(-50%);cursor:s-resize}.resize-handle.sw{bottom:0;left:0;cursor:sw-resize}.resize-handle.w{top:50%;left:0;transform:translateY(-50%);cursor:w-resize}.resize-handle.n:hover,.resize-handle.s:hover{transform:translate(-50%) scale(1.2)}.resize-handle.e:hover,.resize-handle.w:hover{transform:translateY(-50%) scale(1.2)}.edit-badge{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:8px;background:linear-gradient(145deg,#8b5cf6e6,#60a5fae6);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 15px #8b5cf666;z-index:1050}.exit-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1400}.exit-confirm-modal{width:340px;background:linear-gradient(145deg,#0f172af5,#1e293bf5);border:1px solid rgba(139,92,246,.35);border-radius:16px;padding:20px;box-shadow:0 16px 50px #00000059,0 0 30px #8b5cf633}.exit-confirm-title{font-size:16px;font-weight:700;color:#e2e8f0;margin-bottom:8px}.exit-confirm-body{font-size:13px;color:#cbd5e1;margin-bottom:16px}.exit-confirm-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.exit-btn{padding:8px 14px;border-radius:10px;border:1px solid rgba(148,163,184,.4);background:#94a3b81a;color:#e2e8f0;cursor:pointer;transition:all .2s ease}.exit-btn:hover{background:#94a3b833}.exit-btn.primary{background:linear-gradient(145deg,#8b5cf6,#6366f1);border-color:#8b5cf6;color:#fff;box-shadow:0 0 15px #8b5cf680}.exit-btn.primary:hover{transform:translateY(-1px)}.exit-btn.ghost{background:transparent;border-color:#94a3b840;color:#94a3b8}.badge-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@media (max-width: 768px){.edit-toolbar{top:auto;bottom:80px;padding:8px 12px;gap:4px;max-width:95vw;overflow-x:auto}.tool-btn{width:36px;height:36px;border-radius:8px}.toolbar-divider{height:24px;margin:0 2px}.font-size-display{min-width:40px;font-size:11px}.color-picker-popup{bottom:calc(100% + 12px);top:auto}.tool-hint{top:auto;bottom:150px;font-size:12px;padding:8px 16px}.edit-badge{bottom:16px;left:16px;font-size:11px;padding:6px 12px}}@media (max-width: 768px) and (orientation: landscape){.slide-edit-overlay{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.edit-toolbar{bottom:12px;top:auto;width:min(100vw - 20px,980px);max-width:calc(100vw - 20px);padding:10px 12px;border-radius:14px;gap:6px 8px;flex-wrap:wrap;justify-content:center;overflow-x:auto}.toolbar-section{flex-wrap:nowrap}.tool-btn{width:42px;height:42px;border-radius:12px}.tool-btn.tool-btn--wide{height:42px}.tool-hint{bottom:120px}.color-picker-popup{bottom:calc(100% + 10px);top:auto}}@media (prefers-color-scheme: dark){.text-editor{background:#1e293bf2;color:#f1f5f9}}.slide-nav-section{display:flex;align-items:center;gap:4px}.slide-indicator{color:#e2e8f0;font-size:12px;font-weight:600;min-width:50px;text-align:center;padding:0 8px;white-space:nowrap}.tool-btn.nav-btn{width:36px;height:36px}.tool-btn.nav-btn:disabled{opacity:.3}.presentation-viewer{display:flex;flex-direction:column;height:100%;width:100%;background:var(--color-background);color:var(--color-text-primary);overflow:hidden}.presentation-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#00ff410d;border-bottom:1px solid var(--color-border);flex-shrink:0}.presentation-title{font-size:18px;font-weight:600;color:var(--color-primary);margin:0;text-shadow:0 0 10px rgba(0,255,65,.3)}.presentation-meta{font-size:14px;color:var(--color-text-muted)}.presentation-actions{display:flex;align-items:center;gap:10px}.presentation-actions-top{display:flex;justify-content:flex-end;padding:12px 16px 4px}.like-btn{display:inline-flex;align-items:center;gap:8px;background:#00ff411a;border:1px solid var(--color-primary);color:var(--color-primary);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.like-btn:hover:not(:disabled){background:var(--color-primary);color:#000;box-shadow:0 0 12px var(--color-primary)}.like-btn.liked{background:var(--color-primary);color:#000}.like-btn--edit{background:linear-gradient(135deg,#8b5cf626,#60a5fa26);border-color:#8b5cf6;color:#a78bfa}.like-btn--edit:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#60a5fa);color:#fff;box-shadow:0 0 15px #8b5cf680}.like-btn--export{background:linear-gradient(135deg,#f59e0b26,#f9731626);border-color:#f59e0b;color:#fbbf24}.like-btn--export:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 0 15px #f59e0b80}.presentation-actions-top{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px 4px}.presentation-main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.slide-display{position:relative;width:100%;max-width:1200px;aspect-ratio:16 / 9;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00ff4133;overflow:auto}.slide-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center;-webkit-user-select:none;user-select:none}.slide-content.zoomed{cursor:zoom-out!important}.slide-content:not(.zoomed){cursor:zoom-in}.slide-content svg{width:100%;height:100%;object-fit:contain}.slide-controls{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:12px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:24px;border:1px solid rgba(0,255,65,.3)}.slide-btn{background:#00ff411a;border:1px solid var(--color-primary);color:var(--color-primary);font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.slide-btn:hover:not(:disabled){background:var(--color-primary);color:#000;box-shadow:0 0 15px var(--color-primary);transform:scale(1.1)}.slide-btn:disabled{opacity:.3;cursor:not-allowed}.slide-btn.liked{background:var(--color-primary);color:#000}.slide-btn--edit{background:linear-gradient(135deg,#8b5cf633,#60a5fa33);border-color:#8b5cf6;color:#a78bfa}.slide-btn--edit:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#60a5fa);color:#fff;border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf699}.slide-btn--export{background:linear-gradient(135deg,#f59e0b33,#f9731633);border-color:#f59e0b;color:#fbbf24;position:relative;width:52px;gap:2px}.slide-btn--export:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border-color:#f59e0b;box-shadow:0 0 20px #f59e0b99}.export-chevron{margin-left:2px}.slide-btn--maximize{font-size:20px}.presentation-footer{padding:16px 24px;border-top:1px solid var(--color-border);background:#00ff410d;flex-shrink:0;display:flex;justify-content:center}.slide-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:600px}.slide-dot{width:10px;height:10px;border-radius:50%;background:#00ff4133;border:1px solid var(--color-primary);cursor:pointer;transition:all .2s ease;padding:0}.slide-dot:hover{background:#00ff4166;transform:scale(1.2)}.slide-dot.active{width:28px;border-radius:14px;background:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.presentation-viewer--mobile .presentation-main--scroll{flex-direction:column;padding:16px;overflow-y:auto;overflow-x:hidden;gap:16px}.mobile-slide-card{background:linear-gradient(145deg,#0f172ae6,#1e293be6);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(0,255,65,.2);cursor:pointer;transition:all .3s ease}.mobile-slide-card:active{transform:scale(.98);border-color:var(--color-primary)}.mobile-slide-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#00ff410d;border-bottom:1px solid rgba(0,255,65,.1)}.mobile-slide-number{font-size:14px;font-weight:600;color:var(--color-primary)}.mobile-slide-expand-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted)}.mobile-slide-expand-hint svg{color:var(--color-primary);opacity:.7}.mobile-slide-preview{width:100%;aspect-ratio:16 / 9;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.mobile-slide-preview svg{width:100%;height:100%;object-fit:contain}.mobile-slide-loading{width:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00ff4108;padding:30px}.mobile-slide-loading .spinner{width:32px;height:32px;border:3px solid rgba(0,255,65,.1);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.mobile-slide-loading p{font-size:13px;color:var(--color-text-muted);margin:0}.mobile-presentation-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000000;background:#000;display:flex;flex-direction:column;overflow:hidden;-webkit-tap-highlight-color:transparent}.mobile-fullscreen-close{position:absolute;top:16px;left:16px;width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-fullscreen-close:active{background:#fff3;transform:scale(.95)}.mobile-fullscreen-counter{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:8px 20px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(0,255,65,.3);color:var(--color-primary);font-size:14px;font-weight:600;z-index:10}.mobile-fullscreen-slide-area{flex:1;display:flex;align-items:center;justify-content:center;padding:80px 16px 100px;overflow:hidden}.mobile-fullscreen-slide{width:100%;max-height:100%;aspect-ratio:16 / 9;background:#fff;border-radius:8px;box-shadow:0 8px 40px #00ff4133;display:flex;align-items:center;justify-content:center;overflow:hidden;transform-origin:center center;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.mobile-fullscreen-slide.zoomed{transform:scale(1.5);cursor:zoom-out}.mobile-fullscreen-slide:not(.zoomed){cursor:zoom-in}.mobile-fullscreen-slide svg{width:100%;height:100%;object-fit:contain}.mobile-fullscreen-controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 20px;border-radius:32px;border:1px solid rgba(0,255,65,.3);box-shadow:0 8px 32px #00000080;z-index:10}.mobile-ctrl-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--color-primary);background:#00ff411a;color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:22px;font-weight:300}.mobile-ctrl-btn:active:not(:disabled){background:var(--color-primary);color:#000;transform:scale(.95)}.mobile-ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.mobile-ctrl-btn--action{width:48px;height:48px;background:linear-gradient(145deg,#8b5cf633,#60a5fa33);border-color:#8b5cf6;color:#a78bfa}.mobile-ctrl-btn--action:active:not(:disabled){background:linear-gradient(145deg,#8b5cf6,#60a5fa);color:#fff}.mobile-ctrl-btn--action.liked{background:linear-gradient(145deg,#ef444433,#dc262633);border-color:#ef4444;color:#f87171}.mobile-ctrl-btn--save{background:linear-gradient(145deg,#22c55e33,#10b98133);border-color:#22c55e;color:#4ade80}.mobile-ctrl-btn--save:active:not(:disabled){background:linear-gradient(145deg,#22c55e,#10b981);color:#fff}.mobile-ctrl-btn--cancel{background:linear-gradient(145deg,#ef444433,#dc262633);border-color:#ef4444;color:#f87171}.mobile-ctrl-btn--cancel:active:not(:disabled){background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff}@media (orientation: landscape) and (max-width: 1024px){.mobile-fullscreen-slide-area{padding:60px 80px 80px}.mobile-fullscreen-controls{bottom:16px}.mobile-fullscreen-counter{top:12px}.mobile-fullscreen-close{top:10px;left:10px;width:40px;height:40px}}.presentation-viewer--maximized{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000000;isolation:isolate;background:#000000fe!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.maximized-close{position:absolute;top:20px;right:20px;background:#00ff4133;border:3px solid var(--color-primary);color:var(--color-primary);font-size:40px;font-weight:300;width:60px;height:60px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1;z-index:2000001;box-shadow:0 4px 20px #00ff4166;-webkit-tap-highlight-color:transparent}.maximized-close:hover,.maximized-close:active{background:var(--color-primary);color:#000;box-shadow:0 0 30px var(--color-primary);transform:rotate(90deg) scale(1.15)}.maximized-header{position:absolute;top:16px;left:50%;transform:translate(-50%);text-align:center;z-index:2000001}.maximized-title{font-size:20px;font-weight:600;color:var(--color-primary);text-shadow:0 0 15px rgba(0,255,65,.5);margin-bottom:4px}.maximized-meta{font-size:14px;color:var(--color-text-muted)}.maximized-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:100px 80px;cursor:default;overflow:auto}.maximized-slide{width:100%;height:100%;background:#fff;border-radius:8px;box-shadow:0 8px 40px #00ff414d;display:flex;align-items:center;justify-content:center;overflow:visible;transform-origin:center center;-webkit-user-select:none;user-select:none}.maximized-slide.zoomed{cursor:zoom-out!important}.maximized-slide:not(.zoomed){cursor:zoom-in}.maximized-slide svg{width:100%;height:100%;object-fit:contain}.maximized-controls{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:20px;z-index:2000001;cursor:default}.maximized-btn{background:#00ff411a;border:2px solid var(--color-primary);color:var(--color-primary);font-size:16px;font-weight:600;padding:12px 32px;border-radius:24px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.maximized-btn:hover:not(:disabled){background:var(--color-primary);color:#000;box-shadow:0 0 20px var(--color-primary);transform:scale(1.05)}.maximized-btn:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 768px){.presentation-header{padding:12px 16px}.presentation-title{font-size:16px}.presentation-meta{font-size:12px}.maximized-content{padding:80px 20px}.maximized-controls{bottom:20px;flex-direction:column;gap:12px}.maximized-btn{padding:10px 24px;font-size:14px}.maximized-title{font-size:16px}.maximized-close{width:56px;height:56px;font-size:38px;top:16px;right:16px}.presentation-viewer--maximized{background:#000000fa!important}}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.slide-content{animation:slideIn .3s ease-out}.slide-display.editing-mode{border:2px solid rgba(139,92,246,.5);box-shadow:0 0 30px #8b5cf64d}.slide-content.editable{cursor:crosshair!important}.floating-toolbar{position:absolute;top:20px;right:20px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:12px;animation:toolbarSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes toolbarSlideIn{0%{opacity:0;transform:translate(30px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.toolbar-ring{display:flex;flex-direction:column;gap:8px;background:linear-gradient(145deg,#0f172af2,#1e293bf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 12px;border-radius:32px;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0006,0 0 60px #8b5cf626,inset 0 1px #ffffff1a}.toolbar-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(139,92,246,.3);background:linear-gradient(145deg,#8b5cf61a,#60a5fa1a);color:#a78bfa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative}.toolbar-btn:hover{background:linear-gradient(145deg,#8b5cf64d,#60a5fa4d);border-color:#8b5cf699;transform:scale(1.1);box-shadow:0 0 20px #8b5cf666}.toolbar-btn.active{background:linear-gradient(145deg,#8b5cf6,#60a5fa);border-color:#8b5cf6;color:#fff;box-shadow:0 0 25px #8b5cf699,inset 0 1px #fff3;transform:scale(1.05)}.toolbar-btn--close{background:linear-gradient(145deg,#ef44441a,#dc26261a);border-color:#ef44444d;color:#f87171}.toolbar-btn--close:hover{background:linear-gradient(145deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;box-shadow:0 0 20px #ef444480}.toolbar-divider{width:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.4),transparent);margin:4px auto}.toolbar-tooltip{background:linear-gradient(145deg,#0f172afa,#1e293bfa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e2e8f0;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:500;border:1px solid rgba(139,92,246,.3);box-shadow:0 4px 20px #0000004d;white-space:nowrap;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.edit-mode-badge{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;background:linear-gradient(145deg,#8b5cf6e6,#60a5fae6);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px;box-shadow:0 4px 15px #8b5cf666,inset 0 1px #fff3;animation:badgePulse 2s ease-in-out infinite;z-index:100}@keyframes badgePulse{0%,to{box-shadow:0 4px 15px #8b5cf666}50%{box-shadow:0 4px 25px #8b5cf699}}.floating-toolbar--mobile{position:fixed;top:auto;bottom:80px;right:auto;left:50%;transform:translate(-50%)}.floating-toolbar--mobile .toolbar-ring{flex-direction:row;padding:12px 16px;border-radius:28px}.floating-toolbar--mobile .toolbar-btn{width:40px;height:40px}.floating-toolbar--mobile .toolbar-divider{width:1px;height:24px;margin:0 4px}.mobile-slide-container.editing-mode{border:2px solid rgba(139,92,246,.4);border-radius:12px}.mobile-slide-content-wrapper{position:relative;width:100%}.like-btn--edit.active{background:linear-gradient(135deg,#8b5cf6,#60a5fa);color:#fff;border-color:#8b5cf6}.exit-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.exit-confirm-modal{background:linear-gradient(145deg,#0f172afa,#1e293bfa);border:1px solid rgba(139,92,246,.4);border-radius:20px;padding:28px 32px;max-width:380px;width:90%;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf626;animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.exit-confirm-title{font-size:18px;font-weight:700;color:#f1f5f9;margin-bottom:12px}.exit-confirm-body{font-size:14px;color:#94a3b8;line-height:1.5;margin-bottom:24px}.exit-confirm-actions{display:flex;flex-direction:column;gap:10px}.exit-btn{padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-align:center}.exit-btn.primary{background:linear-gradient(145deg,#8b5cf6,#6366f1);color:#fff;border-color:#8b5cf6;box-shadow:0 4px 15px #8b5cf666}.exit-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf680}.exit-btn:not(.primary):not(.ghost){background:#ef444426;color:#f87171;border-color:#ef444466}.exit-btn:not(.primary):not(.ghost):hover{background:#ef444440;border-color:#ef444499}.exit-btn.ghost{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.exit-btn.ghost:hover{background:#94a3b81a;color:#e2e8f0}.slide-loading-placeholder .spinner{animation:spin 1s linear infinite}.notes-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000000;isolation:isolate;padding:24px;animation:fadeIn .2s ease-out}.notes-viewer-modal{background:var(--color-background);border:2px solid var(--color-border);border-radius:12px;box-shadow:0 20px 60px var(--color-shadow),0 0 40px var(--color-glow);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.notes-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid var(--color-border);background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-text-primary)}.notes-viewer-title{font-size:18px;font-weight:700;display:flex;flex-direction:column;gap:4px;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.notes-viewer-subtitle{font-size:12px;font-weight:400;color:var(--color-text-secondary);text-transform:none;letter-spacing:.5px}.notes-viewer-controls{display:flex;gap:8px}.notes-viewer-btn{background:var(--color-input-bg);border:1px solid var(--color-border);color:var(--color-text-primary);padding:8px 14px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:600;font-family:Courier New,monospace}.notes-viewer-btn:hover{background:color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:var(--color-primary);box-shadow:0 0 12px var(--color-glow);transform:translateY(-1px)}.notes-viewer-btn:active{transform:translateY(0)}.notes-viewer-btn--close{background:#f443;border-color:var(--color-error);color:var(--color-error)}.notes-viewer-btn--close:hover{background:var(--color-error);color:var(--color-background)}.notes-viewer-search{padding:16px 24px;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-primary) 5%,transparent);position:relative}.notes-viewer-search-input{width:100%;padding:10px 40px 10px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;transition:all .2s ease;background:var(--color-input-bg);color:var(--color-text-primary);font-family:Courier New,monospace}.notes-viewer-search-input::placeholder{color:var(--color-text-muted)}.notes-viewer-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-shadow);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.notes-viewer-search-clear{position:absolute;right:32px;top:50%;transform:translateY(-50%);background:var(--color-border);border:none;color:var(--color-text-muted);width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notes-viewer-search-clear:hover{background:var(--color-primary);color:var(--color-background);box-shadow:0 0 8px var(--color-glow)}.notes-viewer-content{flex:1;overflow-y:auto;padding:20px 24px;background:var(--color-background)}.notes-viewer-category{margin-bottom:16px;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:color-mix(in srgb,var(--color-primary) 3%,transparent);transition:all .2s ease}.notes-viewer-category:hover{border-color:var(--color-primary);box-shadow:0 0 12px var(--color-shadow)}.notes-viewer-category-header{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;background:color-mix(in srgb,var(--color-primary) 8%,transparent);border:none;cursor:pointer;transition:all .2s ease;text-align:left;font-family:Courier New,monospace}.notes-viewer-category-header:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.notes-viewer-category-icon{color:var(--color-primary);font-size:12px;width:16px;display:inline-block}.notes-viewer-category-title{flex:1;font-size:14px;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:1px}.notes-viewer-category-count{font-size:11px;font-weight:500;color:var(--color-text-secondary);background:var(--color-input-bg);border:1px solid var(--color-border);padding:4px 10px;border-radius:12px}.notes-viewer-items{padding:4px}.notes-viewer-item{padding:16px;border-bottom:1px solid var(--color-border-light);background:var(--color-background);transition:all .2s ease}.notes-viewer-item:last-child{border-bottom:none}.notes-viewer-item:hover{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.notes-viewer-item-title{font-size:14px;font-weight:600;color:var(--color-primary);margin-bottom:8px;font-family:Courier New,monospace}.notes-viewer-item-formula{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);padding:10px 14px;border-radius:6px;margin:8px 0;font-family:Courier New,monospace;font-size:13px;overflow-x:auto;border-left:3px solid var(--color-primary);box-shadow:0 0 8px var(--color-shadow)}.notes-viewer-item-formula code{color:var(--color-primary)}.notes-viewer-item-description{font-size:13px;color:var(--color-text-secondary);line-height:1.6;margin:8px 0;font-family:Courier New,monospace}.notes-viewer-item-detail{font-size:12px;color:var(--color-text-secondary);margin-top:8px;padding:8px 12px;background:var(--color-input-bg);border-radius:6px;border-left:3px solid var(--color-info);font-family:Courier New,monospace}.notes-viewer-item-detail--warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);border-left-color:var(--color-warning);color:var(--color-warning)}.notes-viewer-item-detail strong{font-weight:600;color:var(--color-text-primary)}.notes-viewer-empty{text-align:center;padding:60px 24px;color:var(--color-text-muted)}.notes-viewer-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.notes-viewer-empty-text{font-size:14px;font-weight:500;font-family:Courier New,monospace}.notes-viewer-footer{padding:14px 24px;border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-primary) 5%,transparent);text-align:center}.notes-viewer-footer-text{font-size:12px;color:var(--color-text-secondary);font-family:Courier New,monospace}.notes-viewer-footer-text kbd{background:var(--color-input-bg);color:var(--color-primary);padding:3px 7px;border-radius:4px;font-family:Courier New,monospace;font-size:11px;border:1px solid var(--color-border)}.notes-viewer-minimized{position:fixed;bottom:24px;right:24px;z-index:9999}.notes-viewer-restore{background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary);border:2px solid var(--color-border);padding:14px 24px;border-radius:30px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px var(--color-shadow),0 0 20px var(--color-glow);transition:all .2s ease;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:1px}.notes-viewer-restore:hover{transform:translateY(-2px);box-shadow:0 14px 40px var(--color-shadow),0 0 30px var(--color-glow);background:color-mix(in srgb,var(--color-primary) 30%,transparent);border-color:var(--color-primary)}.notes-viewer-restore:active{transform:translateY(0)}@media print{.notes-viewer-overlay{background:var(--color-background);position:relative}.notes-viewer-modal{max-width:none;max-height:none;box-shadow:none;border:none}.notes-viewer-header,.notes-viewer-search,.notes-viewer-footer{display:none}.notes-viewer-content{overflow:visible}.notes-viewer-category-header{background:var(--color-input-bg)}.notes-viewer-item{page-break-inside:avoid}}.stacked-prompts{width:100%;max-width:620px;margin:0 auto;padding:4px 0;display:flex;justify-content:center;align-items:flex-end}.stacked-prompts__container{position:relative;width:100%;max-width:620px;height:85px;display:flex;align-items:flex-end;justify-content:center;transition:all .3s ease}.stacked-card{--card-bg: var(--color-input-bg, rgba(255, 255, 255, .05));--card-border: var(--color-border, rgba(59, 130, 246, .5));--card-accent: #3b82f6;--stack-offset: 0;position:absolute;bottom:0;left:50%;width:100%;max-width:600px;height:56px;background:var(--card-bg);border:2px solid var(--card-border);border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px 20px;transform:translate(-50%) translateY(calc(var(--stack-offset) * -8px));opacity:1;transition:all .45s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px var(--color-shadow, rgba(0, 0, 0, .08)),0 1px 2px #0000000a}.theme-dracula .stacked-card{--card-bg: #252632;border-width:2px}.theme-dracula .stacked-card--front:hover{box-shadow:0 16px 32px #000000a6,0 0 32px #bd93f973}.stacked-card--front{cursor:pointer}.stacked-card--front:hover{transform:translate(-50%) translateY(-3px) scale(1.01);box-shadow:0 12px 24px var(--color-shadow, rgba(0, 0, 0, .12)),0 4px 8px #0000000f}.stacked-prompts__container.is-animating .stacked-card--front{animation:cardToBack .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes cardToBack{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}50%{transform:translate(-50%) translateY(-25px) scale(.96);opacity:.6}to{transform:translate(-50%) translateY(-45px) scale(.92);opacity:0}}.stacked-card__content{display:flex;align-items:center;gap:16px;width:100%}.stacked-card__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;flex-shrink:0;box-shadow:0 2px 6px #0000001a}.stacked-card__input-line{flex:0 0 auto;width:60px;height:6px;border-radius:3px}.stacked-card__text{flex:1;font-size:13px;font-weight:600;color:var(--color-text-primary);text-align:left;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media (max-height: 600px){.stacked-prompts{padding:5px 0}.stacked-prompts__container{height:75px}.stacked-card{height:44px;padding:6px 16px;transform:translate(-50%) translateY(calc(var(--stack-offset) * -6px));border-radius:10px}.stacked-card__icon{width:22px;height:22px;border-radius:6px}.stacked-card__icon svg{width:12px;height:12px}.stacked-card__text{font-size:11px;-webkit-line-clamp:1;line-clamp:1}.stacked-card__input-line{width:40px;height:4px}}@media (max-width: 900px){.stacked-prompts,.stacked-prompts__container{max-width:560px}}@media (max-width: 850px) and (max-height: 500px){.stacked-prompts,.stacked-prompts__container{max-width:520px}}@media (max-width: 768px){.stacked-prompts{width:calc(100% - 40px)}.stacked-prompts__container,.stacked-card{max-width:100%}}@media (max-height: 500px){.stacked-prompts{padding:4px 0!important}.stacked-prompts__container{height:65px!important}.stacked-card{height:38px!important;padding:4px 12px!important;transform:translate(-50%) translateY(calc(var(--stack-offset) * -5px))!important}.stacked-card__icon{width:18px!important;height:18px!important;border-radius:4px!important}.stacked-card__icon svg{width:10px!important;height:10px!important}.stacked-card__text{font-size:10px!important}.stacked-card__input-line{width:30px!important;height:3px!important}}@media (max-height: 450px){.stacked-prompts{padding:0!important;margin-top:-5px!important}.stacked-prompts__container{height:55px!important}.stacked-card{height:32px!important;padding:2px 10px!important}.stacked-card__text{font-size:9px!important}}.sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;height:100vh!important;min-width:var(--sidebar-base-width, 64px);width:var(--sidebar-base-width, 64px);background:var(--glass-bg, rgba(20, 20, 20, .4))!important;backdrop-filter:blur(48px) saturate(200%);-webkit-backdrop-filter:blur(48px) saturate(200%);border-right:1px solid var(--glass-border, rgba(255, 255, 255, .12));display:flex;flex-direction:row;z-index:100000!important;transition:width .25s cubic-bezier(.4,0,.2,1);overflow:visible}.sidebar--expanded{width:min(260px,30vw);overflow:hidden}.sidebar--chat-mode{flex-direction:row}.sidebar__content{width:var(--sidebar-base-width, 64px);min-width:var(--sidebar-base-width, 64px);flex-shrink:0;height:100%;display:flex;flex-direction:column;padding:12px 0;gap:4px;background:transparent;border-right:1px solid var(--glass-border, rgba(255, 255, 255, .05));overflow-y:auto;overflow-x:hidden}.sidebar--expanded .sidebar__content{width:100%;min-width:100%;padding:12px 8px}.sidebar__header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0 12px}.sidebar--expanded .sidebar__header{flex-direction:row;justify-content:space-between;padding:8px 8px 12px}.sidebar__logo{cursor:pointer;padding:0;border-radius:12px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--sidebar-base-width, 64px);overflow:visible}.sidebar__logo:hover{background:var(--color-input-bg, rgba(255, 255, 255, .05))}.sidebar--expanded .sidebar__logo{width:auto;min-width:56px}.sidebar__expand-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(var(--sidebar-base-width, 64px) - 24px);height:calc(var(--sidebar-base-width, 64px) - 24px);border-radius:10px;background:transparent;border:1px solid transparent;color:var(--color-text-secondary, #8b8b8b);cursor:pointer;transition:all .2s}.sidebar--expanded .sidebar__expand-btn{width:auto;padding:8px 12px}.sidebar__expand-btn:hover{background:var(--color-input-bg, rgba(255, 255, 255, .05));color:var(--color-text-primary);border-color:var(--glass-border)}.sidebar__new-session{display:flex;align-items:center;justify-content:center;gap:10px;width:calc(var(--sidebar-base-width, 64px) - 16px);height:calc(var(--sidebar-base-width, 64px) - 16px);margin:0 auto 4px;border-radius:12px;background:var(--color-background, #1a1a1a);border:1.5px dashed var(--color-border, rgba(255, 255, 255, .15));color:var(--color-text-secondary, #8b8b8b);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar--expanded .sidebar__new-session{width:calc(100% - 16px);justify-content:flex-start;padding:0 14px;margin:0 8px 4px}.sidebar__new-session:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-input-bg);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-shadow)}.sidebar__new-session--active{background:var(--color-accent)!important;border:none!important;color:#fff!important;box-shadow:0 4px 16px var(--color-shadow)}.sidebar__new-session--active:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px var(--color-shadow)}.sidebar__new-session:disabled{opacity:.4;cursor:not-allowed}.sidebar__divider{height:1px;background:var(--glass-border);margin:8px 12px}.sidebar--expanded .sidebar__divider{margin:8px 16px}.sidebar__nav{display:flex;flex-direction:column;gap:2px;padding:0 6px}.sidebar--expanded .sidebar__nav{padding:0}.sidebar__section{border-radius:10px;overflow:hidden}.sidebar__section.is-expanded{background:var(--color-input-bg)}.sidebar__section-header{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:calc(var(--sidebar-base-width, 64px) - 24px);padding:10px;border-radius:10px;background:transparent;border:none;color:var(--color-text-secondary, #8b8b8b);cursor:pointer;transition:all .2s;text-align:left}.sidebar--expanded .sidebar__section-header{justify-content:flex-start;padding:10px 14px}.sidebar__section-header:hover:not(:disabled){background:var(--color-input-bg, rgba(255, 255, 255, .05));color:var(--color-text-primary)}.sidebar__section-header.is-active{background:var(--color-accent)!important;color:#fff!important;box-shadow:0 4px 12px var(--color-shadow);transform:scale(1.02)}.sidebar__section-header:disabled{opacity:.4;cursor:not-allowed}.sidebar__chevron{margin-left:auto;transition:transform .2s}.sidebar__chevron.is-rotated{transform:rotate(90deg)}.sidebar__section-content{display:flex;flex-direction:column;padding:4px 0 8px;max-height:240px;overflow-y:auto}.sidebar__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px 8px 28px;background:transparent;border:none;color:var(--color-text-secondary, #8b8b8b);cursor:pointer;transition:all .15s;text-align:left;font-size:12px}.sidebar__item:hover{background:var(--color-input-bg, rgba(255, 255, 255, .05));color:var(--color-text-primary)}.sidebar__item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.sidebar__item-date{font-size:10px;color:var(--color-text-muted, #666);flex-shrink:0}.sidebar__loading{display:flex;align-items:center;gap:8px;padding:12px 28px;color:var(--color-text-muted, #666);font-size:12px}.sidebar__loading .animate-spin{animation:spin 1s linear infinite}.sidebar__empty{padding:12px 28px;color:var(--color-text-muted, #555);font-size:12px;font-style:italic}.sidebar__spacer{flex:1}.sidebar__label{font-size:13px;font-weight:500;white-space:nowrap;opacity:0;width:0;overflow:hidden;transition:all .2s}.sidebar--expanded .sidebar__label{opacity:1;width:auto}.sidebar__profile-container{position:relative;padding:8px 6px;border-top:1px solid var(--glass-border)}.sidebar--expanded .sidebar__profile-container{padding:8px}.sidebar__profile-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:10px;background:transparent;border:none;color:var(--color-text-primary, #ffffff);cursor:pointer;transition:all .2s}.sidebar--expanded .sidebar__profile-btn{padding:8px 10px}.sidebar__profile-btn:hover{background:var(--color-input-bg, rgba(255, 255, 255, .05))}.sidebar__avatar{width:calc(var(--sidebar-base-width, 64px) - 28px);height:calc(var(--sidebar-base-width, 64px) - 28px);border-radius:10px;object-fit:cover}.sidebar__avatar-placeholder{width:calc(var(--sidebar-base-width, 64px) - 28px);height:calc(var(--sidebar-base-width, 64px) - 28px);border-radius:10px;background:var(--color-input-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.sidebar__profile-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__profile-popup{position:absolute;bottom:calc(100% + 8px);left:8px;width:280px;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px var(--color-shadow);overflow:hidden;z-index:100001;animation:popupSlideUp .2s ease-out}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar__popup-header{display:flex;align-items:center;gap:12px;padding:16px}.sidebar__popup-avatar{width:48px;height:48px;border-radius:12px;overflow:hidden;background:var(--color-input-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.sidebar__popup-avatar img{width:100%;height:100%;object-fit:cover}.sidebar__popup-info{flex:1;overflow:hidden}.sidebar__popup-name{font-size:14px;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__popup-email{font-size:12px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.sidebar__premium-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;margin-top:6px;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));border-radius:12px;font-size:10px;font-weight:600;color:#fff}.sidebar__popup-divider{height:1px;background:var(--glass-border);margin:0}.sidebar__seeds-section{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:all .2s}.sidebar__seeds-section:hover{background:var(--color-button-hover, rgba(255, 255, 255, .06))}.sidebar__seeds-icon{width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--color-success) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent);display:flex;align-items:center;justify-content:center;color:var(--color-success)}.sidebar__seeds-section span{font-size:13px;font-weight:500}.sidebar__seeds-balance{margin-left:auto;font-size:16px;font-weight:700;color:var(--color-accent, #3b82f6)}.sidebar__popup-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;transition:all .15s;text-align:left;font-size:13px}.sidebar__popup-item:hover{background:var(--color-input-bg)}.sidebar__popup-item--logout{color:var(--color-error)}.sidebar__popup-item--logout:hover{background:color-mix(in srgb,var(--color-error) 10%,transparent)}.sidebar__popup-item .rotated{transform:rotate(180deg)}.sidebar__theme-submenu{background:var(--color-input-bg);padding:8px;max-height:200px;overflow-y:auto}.sidebar__theme-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:8px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all .15s;text-align:left;font-size:12px}.sidebar__theme-item:hover{background:var(--color-input-bg);color:var(--color-text-primary)}.sidebar__theme-item.is-active{background:var(--color-accent);color:#fff}.sidebar__theme-item.is-locked{opacity:.5}.sidebar__theme-icon{font-size:14px}.sidebar__theme-name{flex:1;display:flex;align-items:center;gap:4px}.sidebar__chat-panel{flex:1;height:100%;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);overflow:hidden;display:flex;flex-direction:column;position:relative}.sidebar__resize-handle{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:100;transition:background .2s}.sidebar__resize-handle:hover{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}body.resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}@media (min-width: 769px) and (max-width: 1024px){.sidebar{--sidebar-base-width: 52px;min-width:52px;width:52px}.sidebar--expanded{width:min(220px,28vw)}.sidebar__content{width:52px;min-width:52px;padding:10px 0}.sidebar--expanded .sidebar__content{width:100%;min-width:100%;padding:10px 6px}.sidebar__new-session{width:40px;height:40px}.sidebar--expanded .sidebar__new-session{width:calc(100% - 12px);margin:0 6px 4px}.sidebar__section-header{min-height:32px;padding:8px}.sidebar--expanded .sidebar__section-header{padding:8px 12px}.sidebar__item{padding:6px 10px 6px 24px;font-size:11px}}@media (min-width: 769px) and (max-width: 900px){.sidebar{--sidebar-base-width: 48px;min-width:48px;width:48px}.sidebar--expanded{width:min(200px,25vw)}.sidebar__content{width:48px;min-width:48px;padding:8px 0}.sidebar--expanded .sidebar__content{width:100%;min-width:100%;padding:8px 4px}.sidebar__logo{min-height:48px;padding:4px 0}.sidebar__new-session{width:40px;height:40px;border-radius:10px}.sidebar--expanded .sidebar__new-session{width:calc(100% - 8px);margin:0 4px 4px}.sidebar__section-header{min-height:36px;padding:6px;gap:0}.sidebar--expanded .sidebar__section-header{padding:6px 10px;gap:8px}.sidebar__item{padding:5px 8px 5px 16px;font-size:10px}.sidebar__expand-btn{width:28px;height:28px}}@media (max-height: 700px) and (min-width: 769px){.sidebar{--sidebar-base-width: 52px;min-width:52px;width:52px}.sidebar--expanded{width:min(220px,26vw)}.sidebar__content{width:52px;min-width:52px;padding:8px 0}.sidebar--expanded .sidebar__content{width:100%;min-width:100%;padding:8px 5px}.sidebar__section-content{max-height:180px}}@media (max-height: 600px) and (min-width: 769px){.sidebar{--sidebar-base-width: 48px;min-width:48px;width:48px}.sidebar--expanded{width:min(200px,24vw)}.sidebar__content{width:48px;min-width:48px;padding:6px 0}.sidebar--expanded .sidebar__content{width:100%;min-width:100%;padding:6px 4px}.sidebar__section-content{max-height:150px}.sidebar__item{padding:4px 8px 4px 18px;font-size:10px}}@media (max-width: 1024px) and (max-height: 700px) and (min-width: 769px){.sidebar{--sidebar-base-width: 44px;min-width:44px;width:44px}.sidebar--expanded{width:min(180px,22vw)}.sidebar__content{width:44px;min-width:44px}.sidebar--expanded .sidebar__content{width:100%;min-width:100%}}@media (max-width: 768px){.sidebar{display:none!important}}.sidebar__bottom-section{display:flex;flex-direction:column;gap:4px;padding:8px 6px;border-top:1px solid var(--glass-border)}.sidebar--expanded .sidebar__bottom-section{padding:8px}.sidebar__docs-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:calc(var(--sidebar-base-width, 64px) - 24px);padding:10px;border-radius:10px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.sidebar--expanded .sidebar__docs-btn{justify-content:flex-start;padding:10px 14px}.sidebar__docs-btn:hover:not(:disabled){background:var(--color-input-bg);color:var(--color-text-primary)}.sidebar__profile-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200000;background:#0000004d}.sidebar__profile-popup{width:min(300px,90vw);background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 60px var(--color-shadow);overflow:hidden;z-index:200001;animation:popupSlideUp .25s cubic-bezier(.2,0,0,1)}.sidebar__popup-item--upgrade{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)!important;border-left:2px solid var(--color-accent)}.sidebar__popup-item--upgrade:hover{background:color-mix(in srgb,var(--color-accent) 18%,transparent)!important}.upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:300000;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:10px;animation:fadeIn .3s ease-out;overflow-y:auto}.upgrade-modal{position:relative;width:100%;max-width:min(900px,calc(100vw - 20px));max-height:calc(100vh - 20px);background:var(--color-background);border:1px solid var(--glass-border);border-radius:24px;padding:40px;box-shadow:0 40px 100px var(--color-shadow);animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);overflow-y:auto;margin:auto}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.upgrade-modal__close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:10px;background:var(--color-input-bg);border:1px solid var(--glass-border);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.upgrade-modal__close:hover{background:var(--color-input-bg);filter:brightness(1.2);color:var(--color-text-primary)}.upgrade-modal__header{text-align:center;margin-bottom:40px}.upgrade-modal__icon{width:64px;height:64px;margin:0 auto 16px;background:var(--color-accent);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.upgrade-modal__title{font-size:clamp(20px,4vw,28px);font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.upgrade-modal__subtitle{font-size:clamp(13px,2vw,15px);color:var(--color-text-secondary);margin:0}.upgrade-modal__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1024px){.upgrade-modal{max-width:min(800px,calc(100vw - 20px));padding:32px}.upgrade-modal__cards{gap:16px}}@media (max-width: 900px){.upgrade-modal{max-width:min(700px,calc(100vw - 16px));padding:28px}.upgrade-modal__header{margin-bottom:32px}.upgrade-modal__icon{width:56px;height:56px}}@media (max-width: 800px){.upgrade-modal-overlay{padding:16px 6px 6px;align-items:flex-start}.upgrade-modal{max-width:min(440px,calc(100vw - 12px));padding:18px;border-radius:16px;max-height:calc(100vh - 24px)}.upgrade-modal__cards{grid-template-columns:1fr;gap:16px}.upgrade-modal__header{margin-bottom:24px}.upgrade-modal__icon{width:48px;height:48px;margin-bottom:12px}.upgrade-modal__close{top:12px;right:12px;width:36px;height:36px}}@media (max-width: 600px){.upgrade-modal-overlay{padding:10px 4px 4px}.upgrade-modal{max-width:min(380px,calc(100vw - 8px));padding:14px;border-radius:12px;max-height:calc(100vh - 16px)}.upgrade-modal__header{margin-bottom:20px}.upgrade-modal__icon{width:40px;height:40px;margin-bottom:10px}.upgrade-modal__close{top:8px;right:8px;width:32px;height:32px}.upgrade-card{padding:20px 16px}.upgrade-card__amount{font-size:32px}.upgrade-card__name{font-size:16px}.upgrade-card__features{margin:16px 0}.upgrade-card__features li{font-size:12px;padding:6px 0}.upgrade-card__btn{padding:12px 16px;font-size:13px}}@media (max-width: 480px){.upgrade-modal-overlay{padding:8px 2px 2px}.upgrade-modal{max-width:min(340px,calc(100vw - 6px));padding:12px;border-radius:12px;max-height:calc(100vh - 12px)}.upgrade-modal__cards .upgrade-card--free{display:none}.upgrade-modal__header{margin-bottom:16px}.upgrade-modal__title{font-size:clamp(18px,4.5vw,22px)}.upgrade-modal__subtitle{font-size:12px}.upgrade-card{padding:16px 14px}.upgrade-card__amount{font-size:28px}.upgrade-card__features{margin:12px 0}.upgrade-card__features li{padding:4px 0;font-size:11px}}@media (max-height: 500px){.upgrade-modal-overlay{align-items:flex-start;padding-top:10px}.upgrade-modal{max-height:calc(100vh - 20px);padding:16px}.upgrade-modal__header{margin-bottom:16px}.upgrade-modal__icon{width:40px;height:40px;margin-bottom:8px}}.upgrade-card{position:relative;background:var(--color-input-bg);border:1px solid var(--glass-border);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;transition:all .3s}.upgrade-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 20px 40px var(--color-shadow)}.upgrade-card--monthly{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.upgrade-card__badge{position:absolute;top:-10px;left:20px;padding:4px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--color-input-bg);border:1px solid var(--glass-border);border-radius:20px;color:var(--color-text-secondary)}.upgrade-card__badge--popular{background:var(--color-accent);border:none;color:#fff}.upgrade-card__badge--save{background:var(--color-success);border:none;color:#fff}.upgrade-card__name{font-size:18px;font-weight:600;color:var(--color-text-primary, #fff);margin:8px 0 16px}.upgrade-card__price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.upgrade-card__amount{font-size:42px;font-weight:800;color:var(--color-text-primary, #fff);line-height:1}.upgrade-card__period{font-size:14px;color:var(--color-text-secondary, #8b8b8b)}.upgrade-card__savings{font-size:12px;color:#22c55e;margin-bottom:16px}.upgrade-card__features{list-style:none;padding:0;margin:20px 0;flex:1}.upgrade-card__features li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-text-secondary, #8b8b8b);padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.upgrade-card__features li:last-child{border-bottom:none}.upgrade-card__features li svg{color:#22c55e;flex-shrink:0}.upgrade-card__btn{width:100%;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.upgrade-card__btn--current{background:var(--color-input-bg, rgba(255, 255, 255, .05));color:var(--color-text-muted, #666);cursor:default}.upgrade-card__btn--primary{background:var(--color-accent, #3b82f6);color:var(--color-text-primary, #ffffff);box-shadow:0 4px 20px color-mix(in srgb,var(--color-accent, #3b82f6) 30%,transparent)}.upgrade-card__btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px color-mix(in srgb,var(--color-accent, #3b82f6) 40%,transparent)}.upgrade-card__btn--secondary{background:#16a34a;color:var(--color-text-primary, #ffffff);box-shadow:0 4px 20px #16a34a4d}.upgrade-card__btn--secondary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #16a34a66}.mobile-top-bar{display:none}@media (max-width: 768px){.mobile-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;height:60px;position:fixed;top:0;left:0;right:0;z-index:200;pointer-events:none}.mobile-top-bar>*{pointer-events:auto}.mobile-top-bar--simplified{justify-content:space-between}.mobile-top-bar__spacer{flex:1}.mobile-top-bar__menu-placeholder{width:44px;height:44px;flex-shrink:0}.mobile-top-bar__hamburger-btn{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.2,.8,.2,1);flex-shrink:0;background:var(--color-input-bg)!important;border:1px solid var(--color-border)!important;color:var(--color-text-primary)!important;padding:0;overflow:hidden}.mobile-top-bar__hamburger-btn:active{transform:scale(.92)}.mobile-icon-transition{position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.mobile-icon-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.2,.8,.2,1)}.hamburger-layer{flex-direction:column;justify-content:space-between;height:14px!important;top:3px!important}.hamburger-line{display:block;width:100%;height:2px;background:currentColor;border-radius:2px;transition:all .4s cubic-bezier(.2,.8,.2,1);transform-origin:center}.plus-layer,.show-hamburger .plus-layer{opacity:0;transform:rotate(-90deg) scale(.5)}.show-hamburger .hamburger-layer{opacity:1;transform:rotate(0) scale(1)}.show-plus .hamburger-layer{opacity:0;transform:rotate(90deg) scale(.5)}.show-plus .plus-layer{opacity:1;transform:rotate(0) scale(1)}.mobile-top-bar__hamburger-btn.is-open:not(.is-plus-mode) .hamburger-line--top{transform:translateY(6px) rotate(45deg)}.mobile-top-bar__hamburger-btn.is-open:not(.is-plus-mode) .hamburger-line--middle{opacity:0;transform:scaleX(0)}.mobile-top-bar__hamburger-btn.is-open:not(.is-plus-mode) .hamburger-line--bottom{transform:translateY(-6px) rotate(-45deg)}.mobile-top-bar__hamburger-btn.is-plus-mode{background:color-mix(in srgb,var(--color-primary) 12%,transparent)!important;border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent)!important;color:var(--color-primary)!important;box-shadow:none}.mobile-top-bar__profile-btn{width:44px;height:44px;border-radius:14px;overflow:hidden;padding:0;border:1px solid var(--color-border)!important;background:var(--color-input-bg)!important;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mobile-top-bar__profile-btn img{width:100%;height:100%;object-fit:cover}.mobile-top-bar__drawer{position:fixed;top:72px;left:16px;z-index:190;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transform-origin:top left;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-top-bar__drawer.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.mobile-top-bar__drawer-content{background:var(--color-background);border:1px solid var(--color-border);border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:200px;box-shadow:0 10px 40px #00000026,0 2px 10px #0000001a}.mobile-top-bar__drawer-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;color:var(--color-text-primary);transition:all .2s ease;text-align:left;position:relative}.mobile-top-bar__drawer-btn:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.mobile-top-bar__drawer-btn:active{background:color-mix(in srgb,var(--color-primary) 15%,transparent);transform:scale(.98)}.mobile-top-bar__drawer-btn svg{color:var(--color-primary);flex-shrink:0}.coming-soon-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary, var(--color-primary)) 100%);color:var(--color-background);border-radius:20px;flex-shrink:0;margin-left:auto}.mobile-top-bar__drawer-btn--coming-soon{color:var(--color-text-muted)}.mobile-top-bar__drawer-btn--coming-soon svg{color:var(--color-text-muted)}.mobile-top-bar__drawer-divider{height:1px;background:var(--color-border);margin:4px 8px}.mobile-top-bar__drawer-chevron{margin-left:auto;color:var(--color-text-muted)!important;opacity:.6}}@media (max-height: 500px){.mobile-top-bar{height:45px!important;padding:0 10px!important}}@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.22"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.chatbot-panel{display:flex;flex-direction:column;height:100%;background:var(--color-background);overflow:hidden;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.6;letter-spacing:-.01em}.chatbot-panel__ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.chatbot-ambient-ring{position:absolute;border-radius:50%;opacity:.03;animation:ambientPulse 8s ease-in-out infinite}.chatbot-ambient-ring--primary{top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,var(--color-primary) 0%,transparent 70%);animation-delay:0s}.chatbot-ambient-ring--secondary{bottom:-30%;right:-15%;width:70%;height:70%;background:radial-gradient(circle,#f093fb 0%,transparent 70%);animation-delay:2.6s}.chatbot-ambient-ring--tertiary{top:40%;left:50%;width:50%;height:50%;background:radial-gradient(circle,#667eea 0%,transparent 70%);animation-delay:5.2s}@keyframes ambientPulse{0%,to{transform:scale(1) translate(0);opacity:.03}50%{transform:scale(1.2) translate(-5%,5%);opacity:.06}}.chatbot-ambient-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(var(--color-primary-rgb),.02) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-primary-rgb),.02) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.chatbot-panel__surface{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.chatbot-panel__header{padding:14px 18px;border-bottom:1px solid rgba(var(--color-primary-rgb),.15);display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0000004d;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px 3px #0003}.chatbot-panel__title{display:flex;align-items:center;gap:8px;color:var(--color-text);font-size:15px;font-weight:600;letter-spacing:-.01em}.chatbot-panel__title svg{width:18px;height:18px}.chatbot-panel__title svg{color:var(--color-primary);filter:drop-shadow(0 0 8px rgba(var(--color-primary-rgb),.3));animation:sparkle 3s ease-in-out infinite}@keyframes sparkle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.05)}75%{transform:rotate(5deg) scale(1.05)}}.chatbot-panel__session{font-size:10px;color:var(--color-text-secondary);font-family:SF Mono,Fira Code,Courier New,monospace;background:rgba(var(--color-primary-rgb),.08);padding:4px 8px;border-radius:6px;border:1px solid rgba(var(--color-primary-rgb),.15);font-weight:500;letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1)}.chatbot-panel__session:hover{background:rgba(var(--color-primary-rgb),.12);border-color:rgba(var(--color-primary-rgb),.25);transform:translateY(-1px)}.chatbot-panel__messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.chatbot-message{display:flex;gap:10px;animation:messageSlideIn .5s cubic-bezier(.16,1,.3,1);max-width:100%}.chatbot-message--user{flex-direction:row-reverse;margin-left:auto;justify-content:flex-start}.chatbot-message--assistant{flex-direction:row;margin-right:auto;justify-content:flex-start}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(24px) scale(.92);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.chatbot-message__avatar{flex-shrink:0}.avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0}.avatar--user-photo{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid rgba(var(--color-primary-rgb),.3);box-shadow:0 4px 12px #667eea4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.avatar--user-photo:hover{border-color:rgba(var(--color-primary-rgb),.6);box-shadow:0 6px 20px #667eea80;transform:scale(1.05)}.avatar svg{width:16px;height:16px}.avatar:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:inherit;opacity:0;filter:blur(8px);transition:opacity .3s ease}.chatbot-message:hover .avatar:before{opacity:.4}.avatar--user{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-text-primary, #ffffff);box-shadow:0 4px 12px #667eea4d}.avatar--assistant{background:transparent;color:var(--color-text-primary, #ffffff);animation:leafGlow 3s ease-in-out infinite;box-shadow:none;padding:0;overflow:visible}@keyframes leafGlow{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}50%{transform:scale(1.1) rotate(-5deg);filter:brightness(1.2)}}@keyframes leafPulse{0%,to{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(1.15) rotate(-8deg);opacity:.8}50%{transform:scale(.95) rotate(5deg);opacity:1}75%{transform:scale(1.1) rotate(-3deg);opacity:.9}}.typing-leaf-pulse{animation:leafPulse 1.5s ease-in-out infinite;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.spin{animation:spin 1s linear infinite}.chatbot-message__wrapper{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.chatbot-message__content{padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.5;color:var(--color-text);word-wrap:break-word;overflow-wrap:break-word;background:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:85%}.chatbot-message--user .chatbot-message__content{background:linear-gradient(135deg,var(--color-primary) 0%,rgba(var(--color-primary-rgb),.85) 100%);color:var(--color-text-primary, #ffffff);border-radius:16px 16px 4px;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.2),0 1px 2px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:auto}.chatbot-message--user:hover .chatbot-message__content{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.25),0 2px 4px #0000001f}.chatbot-message--assistant .chatbot-message__content{background:#00000040;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:4px 16px 16px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px 6px #00000026,0 1px 2px #0000001a}.chatbot-message--assistant:hover .chatbot-message__content{border-color:rgba(var(--color-primary-rgb),.3);box-shadow:0 2px 10px #0003,0 1px 3px #00000026}.chatbot-message__actions{display:flex;align-items:center;gap:8px;padding:0 4px;opacity:0;transition:opacity .2s ease}.chatbot-message:hover .chatbot-message__actions{opacity:1}.message-time{font-size:11px;color:var(--color-text-secondary)}.action-button{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--color-text-secondary);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-button:hover,.action-button--active{background:var(--color-surface);color:var(--color-primary)}.icon-success{color:#10b981}.typing-status{font-size:13px;color:var(--color-text-secondary);opacity:.9;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:.9}}.code-block{background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:8px;overflow-x:auto;margin:8px 0;font-family:Fira Code,Courier New,monospace;font-size:14px;line-height:1.5}.code-block code{color:inherit;background:transparent;padding:0}.inline-code{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);padding:2px 6px;border-radius:4px;font-family:Fira Code,Courier New,monospace;font-size:.9em}.typing-indicator{display:flex;align-items:center;justify-content:center;gap:5px;padding:14px 18px;background:#00000040;border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:20px;width:fit-content;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 2px 12px #00000026,0 1px 3px #0000001a}.chatbot-error{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#dc2626;font-size:14px;margin:0 16px;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.error-close{margin-left:auto;background:transparent;border:none;cursor:pointer;color:#dc2626;padding:4px;display:flex;align-items:center;border-radius:4px;transition:background .2s ease}.error-close:hover{background:#ef444433}.message-attachments{display:flex;flex-direction:column;gap:8px;margin-top:12px}.attachment-item{display:flex;align-items:center;gap:12px;padding:12px;background:#00000005;border:1px solid var(--color-border);border-radius:8px;transition:all .2s ease}.attachment-item:hover{background:#0000000a}.attachment-preview{width:64px;height:64px;object-fit:cover;border-radius:6px}.attachment-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:6px;color:var(--color-text-secondary)}.attachment-info{flex:1;min-width:0}.attachment-name{font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.chatbot-panel__input-wrapper{position:sticky;bottom:0;z-index:10;border-top:1px solid rgba(var(--color-primary-rgb),.15);background:#0000004d;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 -4px 16px #0003}.chatbot-quick-prompts{display:flex;gap:6px;padding:12px 16px;overflow-x:auto;scrollbar-width:none;background:#0003;border-bottom:1px solid rgba(var(--color-primary-rgb),.1)}.chatbot-quick-prompts::-webkit-scrollbar{display:none}.quick-prompt{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:rgba(var(--color-primary-rgb),.08);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:16px;color:var(--color-text);font-size:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0}.quick-prompt:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.3);transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}.quick-prompt:active:not(:disabled){transform:translateY(0) scale(.98)}.quick-prompt:disabled{opacity:.4;cursor:not-allowed}.quick-prompt__icon{font-size:14px;line-height:1;filter:drop-shadow(0 0 3px rgba(var(--color-primary-rgb),.3))}.quick-prompt__label{letter-spacing:-.01em}.chatbot-mobile-drawer .chatbot-panel{background:transparent!important}.chatbot-mobile-drawer .chatbot-panel__surface{background:transparent}.chatbot-mobile-drawer .chatbot-panel__header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.05);padding:16px 20px}.chatbot-mobile-drawer .chatbot-panel__title{font-size:16px;font-weight:700}.chatbot-mobile-drawer .chatbot-panel__session{background:rgba(var(--color-primary-rgb),.1);border:none;font-size:11px;padding:4px 10px;border-radius:20px}.chatbot-mobile-drawer .chatbot-message__content{border-radius:20px;padding:12px 18px;font-size:15px;box-shadow:0 2px 5px #0000000d}.chatbot-mobile-drawer .chatbot-message--user .chatbot-message__content{background:var(--color-primary);color:var(--color-text-primary, #ffffff);border-radius:20px 20px 4px;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.chatbot-mobile-drawer .chatbot-message--assistant .chatbot-message__content{background:#ffffff14;border:1px solid rgba(255,255,255,.05);border-radius:4px 20px 20px;-webkit-backdrop-filter:none;backdrop-filter:none}.chatbot-mobile-drawer .chatbot-panel__input-wrapper{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--color-background) 0%,rgba(var(--color-input-bg-rgb),.95) 40%,transparent 100%);border-top:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0 0 16px;box-shadow:none;z-index:20}.chatbot-mobile-drawer .chatbot-composer{margin:0 12px;background:#1e1e1ecc;border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:6px 6px 6px 16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #0000004d;align-items:center}.chatbot-mobile-drawer .chatbot-composer:focus-within{border-color:rgba(var(--color-primary-rgb),.4);box-shadow:0 8px 30px rgba(var(--color-primary-rgb),.15);background:#282828e6}.chatbot-mobile-drawer .chatbot-composer:before{display:none}.chatbot-mobile-drawer .chatbot-textarea{font-size:16px;padding:10px 0;max-height:120px}.chatbot-mobile-drawer .attachment-button{background:transparent;border:none;color:var(--color-text-secondary);width:32px;height:32px;border-radius:50%}.chatbot-mobile-drawer .attachment-button:hover{background:#ffffff1a;color:var(--color-primary)}.chatbot-mobile-drawer .chatbot-send-button{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:var(--color-text-primary, #ffffff);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.chatbot-mobile-drawer .chatbot-send-button:disabled{background:#ffffff1a;color:#ffffff4d;box-shadow:none}.chatbot-mobile-drawer .chatbot-send-button:not(:disabled):active{transform:scale(.9)}.chatbot-mobile-drawer .chatbot-quick-prompts{background:transparent;border-bottom:none;padding:8px 16px 12px;mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);margin-bottom:0}.chatbot-mobile-drawer .quick-prompt{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:8px 16px;font-size:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text);box-shadow:0 2px 8px #0000001a}.chatbot-mobile-drawer .quick-prompt__icon{font-size:16px}.chatbot-mobile-drawer .chatbot-panel__helper{display:none}.chatbot-mobile-drawer .chatbot-panel__messages{padding-bottom:140px}.chatbot-mobile-drawer .typing-indicator{background:#1e1e1e99;border:none;box-shadow:0 4px 12px #0003}.attachment-preview-item{position:relative;flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border)}.attachment-preview-item img{width:100%;height:100%;object-fit:cover}.attachment-preview-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.attachment-remove{position:absolute;top:4px;right:4px;background:#0009;color:var(--color-text-primary, #ffffff);border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.attachment-remove:hover{background:#ef4444e6;transform:scale(1.1)}.attachment-preview-name{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:var(--color-text-primary, #ffffff);font-size:10px;padding:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatbot-composer{padding:12px 16px;display:flex;align-items:flex-end;gap:8px;position:relative}.chatbot-composer:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;background:rgba(var(--color-primary-rgb),.03);border-radius:16px;pointer-events:none;opacity:0;transition:opacity .3s ease}.chatbot-composer:focus-within:before{opacity:1}.attachment-button{width:36px;height:36px;border-radius:10px;background:rgba(var(--color-primary-rgb),.08);color:var(--color-text-secondary);border:1px solid rgba(var(--color-primary-rgb),.12);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;overflow:hidden}.attachment-button svg{width:18px;height:18px}.attachment-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(var(--color-primary-rgb),.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.attachment-button:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.25);color:var(--color-primary);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2)}.attachment-button:hover:not(:disabled):before{opacity:1}.attachment-button:active:not(:disabled){transform:translateY(0) scale(.95)}.attachment-button:disabled{opacity:.3;cursor:not-allowed}.chatbot-textarea{flex:1;resize:none;padding:10px 14px;border:none;border-radius:10px;background:#0006;color:var(--color-text);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;max-height:200px;overflow-y:auto;min-height:80px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(var(--color-primary-rgb),.2)}.chatbot-textarea:focus{outline:none;background:#00000080;border-color:rgba(var(--color-primary-rgb),.4);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15),0 2px 8px #0000004d}.chatbot-textarea:disabled{opacity:.4;cursor:not-allowed}.chatbot-textarea::placeholder{color:var(--color-text-secondary);opacity:.6}.chatbot-send-button{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary) 0%,rgba(var(--color-primary-rgb),.85) 100%);color:var(--color-text-primary, #ffffff);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 2px 6px rgba(var(--color-primary-rgb),.25),0 1px 2px #0000001a}.chatbot-send-button svg{width:18px;height:18px}.chatbot-send-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.chatbot-send-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);transform:translateY(-2px) scale(1.03);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.35),0 2px 4px #0000001f}.chatbot-send-button:hover:not(:disabled):before{opacity:1}.chatbot-send-button:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.35),0 2px 4px #0000001f}.chatbot-send-button:disabled{opacity:.25;cursor:not-allowed;transform:none}@keyframes sendPulse{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.chatbot-send-button.sending{animation:sendPulse .4s cubic-bezier(.4,0,.2,1)}.chatbot-auth-required{padding:16px;display:flex;align-items:center;justify-content:center}.chatbot-auth-button{width:100%;padding:14px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--color-primary) 0%,rgba(var(--color-primary-rgb),.85) 100%);color:var(--color-text-primary, #ffffff);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 16px rgba(var(--color-primary-rgb),.4),0 2px 4px #0000001a;position:relative;overflow:hidden}.chatbot-auth-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.chatbot-auth-button:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.5),0 3px 6px #00000026}.chatbot-auth-button:hover:before{opacity:1}.chatbot-auth-button:active{transform:translateY(0);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4),0 2px 4px #0000001a}.chatbot-auth-button svg{width:20px;height:20px;flex-shrink:0}.chatbot-auth-button span{font-weight:600;letter-spacing:.01em}.chatbot-panel__helper{display:none}.helper-copy{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.helper-copy strong{background:linear-gradient(135deg,var(--color-primary),rgba(var(--color-primary-rgb),.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.helper-icon{flex-shrink:0}.chatbot-panel__messages::-webkit-scrollbar{width:6px}.chatbot-panel__messages::-webkit-scrollbar-track{background:transparent}.chatbot-panel__messages::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.chatbot-panel__messages::-webkit-scrollbar-thumb:hover{background:#0000004d}.chatbot-textarea::-webkit-scrollbar{width:4px}.chatbot-textarea::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}@media (max-width: 768px){.chatbot-panel__messages{padding:16px 12px;gap:20px}.chatbot-message{gap:10px}.avatar{width:28px;height:28px}.chatbot-panel__input{padding:12px}.chatbot-panel__helper{padding:10px 12px;font-size:11px}}@media (prefers-color-scheme: dark){.code-block{background:#0d1117}.attachment-item{background:#ffffff08}.attachment-item:hover{background:#ffffff0d}}@media (max-width: 768px){.chatbot-mobile-drawer{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0006!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;z-index:220!important;display:flex!important;align-items:flex-end!important;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.chatbot-mobile-drawer.is-active{opacity:1;pointer-events:all}.chatbot-mobile-drawer .chatbot-panel{position:relative!important;width:100%!important;height:65vh!important;max-height:65vh!important;border-top-left-radius:20px!important;border-top-right-radius:20px!important;border-bottom:none!important;box-shadow:0 -8px 32px #0006!important;background:color-mix(in srgb,var(--color-background) 95%,transparent)!important;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.chatbot-mobile-drawer.is-active .chatbot-panel{transform:translateY(0)}.chatbot-mobile-drawer .chatbot-panel__surface{height:100%!important;display:flex!important;flex-direction:column!important;background:transparent!important;position:relative}.chatbot-mobile-drawer .chatbot-panel__surface:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--color-text-muted);opacity:.3;border-radius:2px;z-index:100}.chatbot-panel__header{display:none!important}.chatbot-panel__messages{flex:1;min-height:0;overflow-y:auto;padding:24px 12px 16px;-webkit-overflow-scrolling:touch}.chatbot-panel__input-wrapper{padding:12px 16px calc(20px + env(safe-area-inset-bottom,0px))!important;background:transparent!important;border-top:none!important;position:sticky!important;bottom:0!important;z-index:10!important}.chatbot-quick-prompts{padding:12px 0!important;gap:8px!important}.quick-prompt{padding:8px 14px!important;border-radius:20px!important;white-space:nowrap!important}.chatbot-auth-required{padding:0!important}.chatbot-auth-button{width:100%!important;padding:16px 24px!important;border-radius:24px!important;font-size:16px!important}.chatbot-composer{padding:0!important;gap:0!important;position:relative!important}.chatbot-composer:before{display:none!important}.chatbot-textarea{border-radius:24px!important;padding:12px 52px!important;min-height:48px!important;max-height:120px!important;background:#0000004d!important;border:1.5px solid rgba(var(--color-primary-rgb),.3)!important;font-size:14px!important;position:relative!important;z-index:1!important}.chatbot-textarea:focus{border-color:rgba(var(--color-primary-rgb),.6)!important;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)!important}.chatbot-send-button{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;border-radius:50%!important;padding:0!important;z-index:2!important}.attachment-button{position:absolute!important;left:8px!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;border-radius:50%!important;padding:0!important;z-index:2!important}.attachment-previews{padding:12px 0 8px!important}.attachment-preview-item{width:70px!important;height:70px!important}.chatbot-message__content{max-width:88%!important;padding:10px 14px!important;font-size:14px!important}.avatar,.avatar--user-photo{width:32px!important;height:32px!important}.chatbot-panel__messages{padding:16px 14px 20px!important}.chatbot-panel__helper{display:none!important}}.svg-attachment-indicator{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;margin:0 16px 10px;background:rgba(var(--color-primary-rgb),.06);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .15s ease;max-height:36px}.svg-attachment-indicator:hover{background:rgba(var(--color-primary-rgb),.09);border-color:rgba(var(--color-primary-rgb),.3)}.svg-attachment-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.svg-attachment-content svg{flex-shrink:0;width:16px;height:16px;color:var(--color-primary);opacity:.85}.svg-attachment-info{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.svg-attachment-title{font-size:12px;font-weight:500;color:var(--color-primary);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svg-attachment-meta{font-size:11px;color:var(--color-text-secondary);opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svg-attachment-remove{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;padding:0;opacity:.6}.svg-attachment-remove:hover{background:#ffffff14;color:var(--color-primary);opacity:1}.svg-attachment-remove:active{transform:scale(.92)}@media (max-width: 768px){.svg-attachment-indicator{margin:0 12px 10px;padding:8px 12px}.svg-attachment-title{font-size:12px}.svg-attachment-meta{font-size:10px}.svg-attachment-remove{width:26px;height:26px}}.chatbot-input-area.animate-entry{animation:inputHeroToBar .6s cubic-bezier(.16,1,.3,1) forwards;transform-origin:center bottom}@keyframes inputHeroToBar{0%{transform:translateY(-40vh) scale(1.1);opacity:0;max-width:600px}20%{opacity:1}to{transform:translateY(0) scale(1);opacity:1;max-width:100%}}.chat-inline-progress{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:12px;padding:16px;margin:12px 0;color:var(--color-text-primary);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-inline-progress--complete{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.chat-inline-progress--error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d}.progress-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.progress-title{font-weight:600;font-size:14px}.phase-icon{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.phase-icon--loading{animation:spin 1s linear infinite}.phase-icon--success{animation:checkmark .5s ease-out}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.progress-message{font-size:13px;opacity:.95;margin-bottom:12px}.progress-step-info{opacity:.8;font-size:12px}.progress-bar-container{margin-bottom:12px}.progress-bar-track{height:8px;background:#fff3;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:#fff;transition:width .3s ease;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px}.progress-bar-text{font-size:10px;font-weight:600;color:#000000b3}.progress-actions{display:flex;align-items:center;gap:8px}.agentic-actions-log{margin:12px 0;padding:10px;background:#0003;border-radius:6px;border-left:3px solid var(--color-primary);font-family:Monaco,Courier New,monospace;font-size:12px}.agentic-action{display:flex;align-items:center;gap:8px;padding:4px 0;color:#ffffffd9}.agentic-action-text{flex:1}.agentic-action-spinner{animation:spin 1s linear infinite;color:var(--color-primary)}.progress-button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.progress-button--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-text-primary)}.progress-button--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4)}.progress-button--secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.progress-button--secondary:hover{background:#ffffff26}.progress-notification-status{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.8}.mode-generation-card{width:100%;max-width:420px;border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--color-background) 80%,var(--color-input-bg) 20%);border:1px solid var(--color-border);box-shadow:0 4px 24px var(--color-shadow);margin-top:12px;transition:all .4s cubic-bezier(.16,1,.3,1)}.mode-generation-card:hover{border-color:color-mix(in srgb,var(--color-border) 60%,var(--color-primary) 40%);box-shadow:0 8px 32px var(--color-shadow)}.mode-generation-card--starting,.mode-generation-card--generating{border-color:color-mix(in srgb,var(--color-border) 50%,var(--color-primary) 30%)}.mode-card__header{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#fff;position:relative}.mode-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mode-card__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.mode-card__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.mode-card__topic{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-card__elapsed{font-size:11px;font-weight:600;padding:3px 8px;border-radius:8px;background:#ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.3px;font-variant-numeric:tabular-nums}.mode-card__content{padding:16px;display:flex;flex-direction:column;gap:12px;color:var(--color-text-primary)}.mode-card__progress-section{display:flex;flex-direction:column;gap:8px}.mode-card__progress{display:flex;align-items:center;gap:10px}.mode-card__progress-track{flex:1;height:7px;background:color-mix(in srgb,var(--color-input-bg) 80%,transparent);border-radius:4px;overflow:visible;position:relative}.mode-card__progress-fill{height:100%;border-radius:4px;transition:width .15s linear;position:relative;will-change:width}.mode-card__progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 1.8s ease-in-out infinite;border-radius:4px}.mode-card__progress-glow{position:absolute;top:-3px;width:6px;height:13px;border-radius:3px;filter:blur(4px);opacity:.7;transition:left .15s linear;pointer-events:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.mode-card__progress-text{font-size:13px;font-weight:700;color:var(--color-text-primary);min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.mode-card__phase-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary);padding-left:2px;animation:fadeInPhase .5s ease}@keyframes fadeInPhase{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mode-card__status{display:flex;align-items:center;gap:10px}.mode-card__spinner{color:var(--accent-color, #667eea);animation:spin 1s linear infinite}.mode-card__message{font-size:13px;color:var(--color-text-secondary);flex:1}.mode-card__notify-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:12px;color:var(--color-text-secondary);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s ease}.mode-card__notify-btn:hover{background:color-mix(in srgb,var(--color-input-bg) 80%,var(--color-primary) 20%);border-color:var(--color-primary);color:var(--color-text-primary)}.mode-card__notify-status{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:12px;color:var(--color-text-muted)}.mode-card__complete{display:flex;flex-direction:column;gap:12px}.mode-card__play-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0000004d}.mode-card__play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.mode-card__play-btn:active{transform:translateY(0)}.mode-card__error{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:var(--color-error, #ef4444);background:color-mix(in srgb,var(--color-error, #ef4444) 15%,transparent);border-radius:8px;font-size:13px}.mode-card__working-steps{background:color-mix(in srgb,var(--color-background) 92%,var(--color-input-bg) 8%);border-radius:8px;padding:12px}.mode-card__steps-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.mode-card__spinner-small{animation:spin 1s linear infinite}.mode-card__steps-list{display:flex;flex-direction:column;gap:6px}.mode-card__step{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0;transition:all .3s ease}.mode-card__step-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.mode-card__step-spinner{animation:spin 1s linear infinite}.mode-card__step-label{flex:1;color:var(--color-text-muted);transition:color .3s ease}.mode-card__step--done .mode-card__step-label{color:var(--color-text-secondary)}.mode-card__step--active .mode-card__step-label{color:var(--color-text-primary);font-weight:500}.mode-card__step--pending .mode-card__step-label{color:var(--color-text-muted)}.mode-card__step-detail{font-size:10px;color:#fff6;font-style:italic}.mode-card__backend-message{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary);padding:6px 8px;background:#ffffff08;border-radius:4px;border-left:2px solid rgba(255,255,255,.15)}.mode-card__backend-message svg{flex-shrink:0;opacity:.6}.mode-card__detail-status{font-size:10px;color:var(--color-text-tertiary, rgba(255, 255, 255, .5));padding:4px 8px;background:#ffffff05;border-radius:4px;text-align:center;font-family:monospace;letter-spacing:.3px}.mode-card__working-steps--complete{padding:8px 12px;margin-bottom:12px}.mode-card__working-steps--complete .mode-card__step{padding:2px 0;gap:6px}.mode-card__working-steps--complete .mode-card__step-label{font-size:11px;color:#fff9}.mode-generation-card--complete{border-color:#10b9814d}.mode-generation-card--error{border-color:#ef44444d}.mode-generation-card--lecture .mode-card__spinner,.mode-generation-card--lecture .mode-card__spinner-small{color:#667eea}.mode-generation-card--slides .mode-card__spinner,.mode-generation-card--slides .mode-card__spinner-small{color:#f59e0b}.mode-generation-card--guided .mode-card__spinner,.mode-generation-card--guided .mode-card__spinner-small{color:#10b981}.mode-generation-card--instant-visual .mode-card__spinner,.mode-generation-card--instant-visual .mode-card__spinner-small{color:#8b5cf6}.mode-card__early-play{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.mode-card__play-btn--early{animation:earlyPlayPulse 2s ease-in-out infinite}.mode-card__early-note{font-size:11px;color:var(--color-text-secondary);text-align:center;font-style:italic}@keyframes earlyPlayPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #0000004d}50%{transform:scale(1.02);box-shadow:0 6px 25px #0006}}@media (max-width: 480px){.mode-generation-card{max-width:100%;border-radius:12px}.mode-card__header{padding:12px 14px;gap:10px}.mode-card__content{padding:14px;gap:10px}.mode-card__play-btn{width:100%}.mode-card__working-steps{padding:10px}.mode-card__step{font-size:11px}.mode-card__progress-text{font-size:12px;min-width:34px}.mode-card__elapsed{font-size:10px;padding:2px 6px}}.back-to-chat-btn{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--neo-text-primary, #f9fafb);background:linear-gradient(135deg,#0f172a,#020617);border-radius:999px;border:1px solid rgba(148,163,184,.35);cursor:pointer;transition:all .2s ease;padding:6px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #0f172aad}.back-to-chat-btn:hover{transform:translateY(-1px);box-shadow:0 16px 48px #0f172ae6}.back-to-chat-btn:active{transform:translateY(0)}.back-to-chat-btn--floating{position:relative;top:0;right:0;left:0;z-index:1;animation:slideInFromRight .25s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.back-to-chat-btn--inline{padding:8px 14px}.back-to-chat-btn__text{white-space:nowrap}.back-to-chat-btn__icon{opacity:.8}@media (max-width: 768px){.back-to-chat-btn--floating{top:64px;right:12px;bottom:auto;left:auto;padding:8px 12px;font-size:12px}.back-to-chat-btn__text,.back-to-chat-btn__icon{display:none}}.chat-mode{display:flex;flex-direction:column;height:100%;width:100%;background:var(--color-background, #0a0a0f);position:relative;overflow:hidden;z-index:1}.chat-mode__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--color-surface, rgba(255, 255, 255, .03));border-bottom:1px solid var(--color-border, rgba(255, 255, 255, .08));flex-shrink:0}.chat-header__new-session{width:36px;height:36px;border-radius:12px;background:var(--color-input-bg, rgba(255, 255, 255, .06));border:1px solid var(--color-border, rgba(255, 255, 255, .1));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--color-text-secondary, rgba(255, 255, 255, .6))}.chat-header__new-session:hover{transform:scale(1.05);background:var(--color-accent-muted, rgba(99, 102, 241, .1));color:var(--color-accent, #818cf8);border-color:var(--color-accent, #818cf8)}.chat-header__new-session:active{transform:scale(.95)}.chat-header__save{width:36px;height:36px;border-radius:12px;background:var(--color-input-bg, rgba(255, 255, 255, .06));border:1px solid var(--color-border, rgba(255, 255, 255, .1));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--color-text-secondary, rgba(255, 255, 255, .6))}.chat-header__save:hover:not(:disabled){transform:scale(1.05);background:var(--color-accent-muted, rgba(99, 102, 241, .1));color:var(--color-accent, #818cf8);border-color:var(--color-accent, #818cf8)}.chat-header__save:active:not(:disabled){transform:scale(.95)}.chat-header__save:disabled{opacity:.4;cursor:not-allowed}.chat-header__save--saved{color:#10b981!important;border-color:#10b981!important;background:#10b98126!important;opacity:1!important}.chat-header__save--saved:disabled{opacity:1!important;cursor:default}.chat-header__save--saving{animation:saveButtonPulse 1.2s ease-in-out infinite}.chat-header__save--success{color:#10b981!important;border-color:#10b981!important;background:#10b9811a!important;animation:saveSuccessPop .4s ease-out}.chat-header__save-spinner{animation:spin 1s linear infinite}.chat-mode__messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 0;scroll-behavior:smooth}.chat-mode__messages-inner{max-width:800px;margin:0 auto;padding:0 20px}.chat-message{display:flex;gap:12px;margin-bottom:20px;animation:messageSlideIn .3s ease-out forwards;opacity:0}.chat-message--streaming .chat-message__content{position:relative}.chat-message__avatar{flex-shrink:0;width:32px;height:32px}.chat-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-avatar--user{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:var(--color-text-primary, #ffffff)}.chat-avatar--assistant{background:linear-gradient(135deg,#059669,#10b981);padding:6px}.chat-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.chat-message__body{flex:1;min-width:0}.chat-message__header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chat-message__role{font-size:13px;font-weight:600;color:var(--color-text-primary, #f0f0f5)}.chat-message__time{font-size:11px;color:var(--color-text-muted, #666)}.chat-message__content{font-size:14px;line-height:1.65;color:var(--color-text-primary, #e0e0e5);word-wrap:break-word;overflow-wrap:anywhere;word-break:break-word}.chat-message__content>*:first-child{margin-top:0}.chat-message__content>*:last-child{margin-bottom:0}.chat-cursor{display:inline-block;animation:cursorBlink .8s infinite;color:var(--color-accent, #10b981);margin-left:2px}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.chat-message__actions{display:flex;gap:4px;margin-top:8px;opacity:.6;transition:opacity .2s ease}.chat-message:hover .chat-message__actions{opacity:1}.chat-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-secondary, #8b8b8b);border-radius:6px;cursor:pointer;transition:all .15s ease}.chat-action:hover{background:var(--color-button-hover, rgba(255, 255, 255, .08));color:var(--color-text-primary, #e0e0e5)}.chat-action--active{color:var(--color-accent, #10b981)}.chat-heading{margin:16px 0 8px;font-weight:700;color:var(--color-text-primary, #f0f0f5);position:relative}.chat-heading-animate{animation:headingHighlight 1.5s ease-out}@keyframes headingHighlight{0%{background:linear-gradient(90deg,rgba(16,185,129,.3),transparent);background-size:0% 100%}50%{background:linear-gradient(90deg,rgba(16,185,129,.3),transparent);background-size:100% 100%}to{background:transparent}}h1.chat-heading{font-size:20px}h2.chat-heading{font-size:17px}h3.chat-heading{font-size:15px}.chat-paragraph{margin:8px 0}.chat-bullet{display:flex;align-items:flex-start;gap:8px;margin:6px 0;padding-left:4px}.chat-bullet-dot{color:var(--color-accent, #10b981);font-weight:700;flex-shrink:0}.chat-numbered{display:flex;align-items:flex-start;gap:8px;margin:6px 0;padding-left:4px}.chat-number{color:var(--color-accent, #10b981);font-weight:600;flex-shrink:0;min-width:20px}.chat-spacer{height:8px}.chat-bold{font-weight:600;color:var(--color-text-primary, #f0f0f5)}.chat-italic{font-style:italic;color:var(--color-text-muted, #aaa)}.chat-inline-code{background:#ffffff14;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;color:#e879f9}.chat-code-block{margin:12px 0;border-radius:8px;overflow:hidden;background:#1a1a2e;border:1px solid rgba(255,255,255,.08)}.chat-code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.chat-code-lang{font-size:11px;font-weight:500;color:var(--color-text-muted, #888);text-transform:uppercase;letter-spacing:.5px}.chat-code-copy{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--color-text-muted, #666);border-radius:4px;cursor:pointer;transition:all .15s ease}.chat-code-copy:hover{background:#ffffff1a;color:var(--color-text, #e0e0e5)}.chat-code-block pre{margin:0;padding:12px 16px;overflow-x:auto}.chat-code-block code{font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.5;color:var(--color-text-primary, #a5d6ff)}.chat-math-display{display:block;text-align:center;margin:16px 0;padding:16px;background:#10b9810d;border-radius:8px;border:1px solid rgba(16,185,129,.1);overflow-x:auto}.chat-math-inline{display:inline;padding:0 2px}.chat-math-display .katex,.chat-math-inline .katex{color:var(--color-text-primary, #e0e0e5)}.chat-mode__input-area{flex-shrink:0;padding:16px 20px 20px;background:linear-gradient(to top,var(--color-background, #0a0a0f) 80%,transparent)}.chat-mode__input-container{max-width:800px;margin:0 auto;display:flex;align-items:flex-end;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px 8px 8px 16px;transition:border-color .2s ease,box-shadow .2s ease}.chat-mode__input-container:focus-within{border-color:var(--color-accent, #10b981);box-shadow:0 0 0 3px #10b9811a}.chat-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;line-height:1.5;color:var(--color-text-primary, #e0e0e5);resize:none;min-height:24px;max-height:150px;padding:4px 0}.chat-input::placeholder{color:var(--color-text-muted, #666)}.chat-send-button,.chat-stop-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.chat-send-button{background:linear-gradient(135deg,#10b981,#059669);color:var(--color-text-primary, #ffffff)}.chat-send-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:scale(1.05)}.chat-send-button:disabled{opacity:.4;cursor:not-allowed}.chat-stop-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--color-text-primary, #ffffff)}.chat-stop-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.05)}.chat-spinner{animation:spin 1s linear infinite}.chat-auth-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:var(--color-text-primary, #ffffff);border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.chat-auth-button:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.chat-mode__footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:11px;color:var(--color-text-muted, #555)}.chat-mode__footer svg{color:var(--color-accent, #10b981)}@media (max-width: 768px){.chat-mode{padding-bottom:env(safe-area-inset-bottom,0)}.chat-mode__messages-inner{padding:0 12px}.chat-message{gap:10px}.chat-message__avatar,.chat-avatar,.chat-avatar-img{width:28px;height:28px}.chat-message__content{font-size:14px}.chat-mode__input-area{padding:12px 12px 16px;position:sticky;bottom:0;background:var(--color-background, #0a0a0f)}.chat-mode__input-container{padding:6px 6px 6px 12px;border-radius:12px}.chat-input{font-size:16px}.chat-send-button,.chat-stop-button{width:32px;height:32px;border-radius:8px}.chat-code-block pre{padding:10px 12px}.chat-code-block code{font-size:12px}.chat-heading{font-size:16px}h1.chat-heading{font-size:18px}h2.chat-heading{font-size:16px}h3.chat-heading{font-size:14px}}.chat-mode__messages::-webkit-scrollbar{width:6px}.chat-mode__messages::-webkit-scrollbar-track{background:transparent}.chat-mode__messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.chat-mode__messages::-webkit-scrollbar-thumb:hover{background:#fff3}.chat-message--user{animation:messageSlideInRight .3s ease-out forwards}@keyframes messageSlideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.chat-bold{position:relative}.chat-bold:after{content:"";position:absolute;top:-2px;right:-4px;bottom:-2px;left:-4px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.15),transparent);border-radius:4px;opacity:0;animation:highlightShimmer 2s ease-out;pointer-events:none}@keyframes highlightShimmer{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}.chat-typing-indicator{display:flex;align-items:flex-start;gap:12px;padding:16px 0;animation:messageSlideIn .3s ease-out forwards}.chat-typing__avatar{flex-shrink:0;width:32px;height:32px}.chat-typing__content{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#ffffff0a;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.chat-typing__dots{display:flex;align-items:center;gap:4px}.chat-typing__text{font-size:12px;color:var(--color-text-muted, #888);font-style:italic}.chat-typing__dot{width:8px;height:8px;background:var(--color-accent, #10b981);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.chat-typing__dot:nth-child(1){animation-delay:0s}.chat-typing__dot:nth-child(2){animation-delay:.2s}.chat-typing__dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.chat-mode--animate-entry{animation:chatModeEntry .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes chatModeEntry{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.chat-mode--animate-entry .chat-mode__input-area{animation:inputSlideToBottom .7s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.2s}@keyframes inputSlideToBottom{0%{opacity:0;transform:translateY(-100px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-mode--animate-entry .chat-mode__messages{animation:messagesReveal .5s ease-out forwards;animation-delay:.3s;opacity:0}@keyframes messagesReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chat-action--retry{color:var(--color-text-muted, #666)}.chat-action--retry:hover{color:var(--color-accent, #10b981);background:#10b9811a}.chat-action--retry.chat-action--loading{pointer-events:none}.chat-action--retry.chat-action--loading svg{animation:spin 1s linear infinite}.mchat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--color-primary) 10%,transparent),var(--color-background));transform:translateY(100%);opacity:0;will-change:transform,opacity}@keyframes smoothSlideUp{0%{transform:translateY(100%);opacity:0}50%{opacity:1}to{transform:translateY(0);opacity:1}}.mchat-overlay.is-visible{animation:smoothSlideUp .6s cubic-bezier(.4,0,.2,1) forwards}.mchat-overlay.is-visible .mchat-input-area{animation:inputSlideFromBottom .7s cubic-bezier(.4,0,.2,1) .2s both}@keyframes inputSlideFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.mchat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:headerFadeIn .4s ease-out .2s both;border-bottom:1px solid rgba(255,255,255,.06)}.mchat-header__title{flex:1;display:flex;align-items:center;justify-content:center;min-width:0;text-align:center}.mchat-header__title-text{font-size:13px;font-weight:500;color:var(--color-text-primary, #f0f0f5);opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mchat-header__new-session{width:36px;height:36px;border-radius:12px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-primary, #3b82f6) 8%,transparent);color:var(--color-primary, #3b82f6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.mchat-header__new-session:hover{background:color-mix(in srgb,var(--color-primary, #3b82f6) 12%,transparent);transform:scale(1.05)}.mchat-header__new-session:active{transform:scale(.95)}.mchat-header__profile{width:36px;height:36px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;flex-shrink:0}.mchat-header__profile:hover{transform:scale(1.05)}.mchat-header__profile:active{transform:scale(.95)}.mchat-header__profile-img{width:100%;height:100%;object-fit:cover}.mchat-header__save{width:36px;height:36px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;color:var(--color-text-secondary)}.mchat-header__save:hover:not(:disabled){transform:scale(1.05);color:var(--color-accent)}.mchat-header__save:active:not(:disabled){transform:scale(.95)}.mchat-header__save:disabled{opacity:.4;cursor:not-allowed}.mchat-header__save--saved{color:#10b981!important;opacity:1!important}.mchat-header__save--saved:disabled{opacity:1!important;cursor:default}.mchat-header__save--saving{animation:saveButtonPulse 1.2s ease-in-out infinite}.mchat-header__save--success{color:#10b981;animation:saveSuccessPop .4s ease-out}.mchat-header__save-spinner{animation:spin 1s linear infinite}@keyframes saveButtonPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes saveSuccessPop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.mchat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;animation:messagesAreaFadeIn .35s ease-out .15s both}@keyframes messagesAreaFadeIn{0%{opacity:0}to{opacity:1}}.mchat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;color:#ffffff4d;text-align:center;padding:40px}.mchat-empty__icon{color:color-mix(in srgb,var(--color-primary, #3b82f6) 50%,transparent);animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:.4}50%{transform:scale(1.08) rotate(5deg);opacity:.9}}.mchat-empty p{font-size:13px;margin:0;color:#ffffff59}.mchat-message{display:flex;gap:8px;margin-bottom:14px;animation:messageSlideIn .3s cubic-bezier(.22,1,.36,1) forwards;opacity:0}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mchat-message--user{flex-direction:row-reverse}.mchat-avatar{flex-shrink:0;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mchat-message--user .mchat-avatar{background:var(--color-primary, #3b82f6);color:#fff}.mchat-message--assistant .mchat-avatar{background:color-mix(in srgb,var(--color-primary, #3b82f6) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-primary, #3b82f6) 20%,transparent)}.mchat-avatar img{width:100%;height:100%;object-fit:cover}.mchat-content{max-width:85%;min-width:50px}.mchat-message--user .mchat-content{text-align:right}.mchat-text{padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;color:#f0f0f5;word-wrap:break-word}.mchat-message--user .mchat-text{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#f0f0f5;border-radius:14px 14px 4px}.mchat-message--assistant .mchat-text{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px 14px 14px 4px}.mchat-cursor{display:inline-block;color:var(--color-primary, #3b82f6);animation:cursorPulse .8s ease-in-out infinite;margin-left:2px;font-weight:300;text-shadow:0 0 8px color-mix(in srgb,var(--color-primary, #3b82f6) 50%,transparent)}@keyframes cursorPulse{0%,to{opacity:1}50%{opacity:.3}}.mchat-actions{display:flex;gap:4px;margin-top:8px;opacity:1;transition:opacity .2s ease}.mchat-action{width:22px;height:22px;border:none;background:transparent;color:#ffffff59;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1)}.mchat-action:hover{color:#fff9;background:#ffffff0d}.mchat-action:active{transform:scale(.88)}.mchat-action.is-active{color:var(--color-primary, #3b82f6);background:color-mix(in srgb,var(--color-primary, #3b82f6) 12%,transparent)}.mchat-action--retry{color:#ffffff59}.mchat-action--retry:hover{color:var(--color-primary, #3b82f6);background:color-mix(in srgb,var(--color-primary, #3b82f6) 10%,transparent)}.mchat-action--retry.mchat-action--loading{pointer-events:none;opacity:.5}.mchat-action--retry.mchat-action--loading svg{animation:spin 1s linear infinite}.mchat-bold{font-weight:600;color:#f5f5f7}.mchat-italic{font-style:italic;color:#d0d0d5}.mchat-heading{margin:10px 0 5px;font-weight:600;color:#f5f5f7}h1.mchat-heading{font-size:16px}h2.mchat-heading{font-size:15px}h3.mchat-heading{font-size:14px}.mchat-bullet{display:flex;gap:6px;margin:3px 0}.mchat-bullet-dot{color:var(--color-primary, #3b82f6);font-weight:700}.mchat-inline-code{background:color-mix(in srgb,var(--color-primary, #3b82f6) 10%,transparent);color:var(--color-primary, #3b82f6);padding:1px 5px;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:11.5px}.mchat-code-block{margin:6px 0;border-radius:10px;overflow:hidden;background:#00000080;border:1px solid rgba(255,255,255,.04)}.mchat-code-header{padding:5px 10px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.04);font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#ffffff59}.mchat-code-block pre{margin:0;padding:10px;overflow-x:auto}.mchat-code-block code{font-family:SF Mono,Fira Code,monospace;font-size:11.5px;color:#e8e8ed;line-height:1.45}.mchat-math-block{margin:10px 0;padding:10px;background:color-mix(in srgb,var(--color-primary, #3b82f6) 5%,transparent);border-radius:8px;border-left:2px solid var(--color-primary, #3b82f6);overflow-x:auto}.mchat-math-inline{color:var(--color-primary, #3b82f6)}.mchat-input-area{padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,color-mix(in srgb,var(--color-background) 96%,transparent),color-mix(in srgb,var(--color-background) 99%,transparent));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--color-border);animation:inputAreaSlideUp .4s cubic-bezier(.22,1,.36,1) .2s both}@keyframes inputAreaSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mchat-input-container{display:flex;align-items:flex-end;gap:6px;padding:4px 4px 4px 10px;background:var(--color-input-bg, rgba(255, 255, 255, .04));border:1px solid var(--color-border, rgba(255, 255, 255, .06));border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026}.mchat-input-container:focus-within{border-color:var(--color-primary, rgba(59, 130, 246, .5));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary, #3b82f6) 15%,transparent),0 4px 12px #0003;background:var(--color-input-bg, rgba(255, 255, 255, .05))}.mchat-attach-btn{flex-shrink:0;width:32px;height:32px;border:none;background:color-mix(in srgb,var(--color-primary, #3b82f6) 12%,transparent);color:var(--color-primary, #3b82f6);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid color-mix(in srgb,var(--color-primary, #3b82f6) 20%,transparent)}.mchat-attach-btn:hover{background:color-mix(in srgb,var(--color-primary, #3b82f6) 20%,transparent);transform:scale(1.02)}.mchat-attach-btn:active{transform:scale(.94);background:color-mix(in srgb,var(--color-primary, #3b82f6) 25%,transparent)}.mchat-attach-btn:disabled{opacity:.35;cursor:not-allowed}.mchat-input{flex:1;min-height:32px;max-height:100px;padding:6px 2px;background:transparent;border:none;outline:none;color:#f0f0f5;font-size:14px;line-height:1.45;resize:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}.mchat-input::placeholder{color:#ffffff4d;font-weight:400}.mchat-send-btn{flex-shrink:0;width:32px;height:32px;border:none;background:#ffffff0a;color:#ffffff40;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.mchat-send-btn.is-active{background:var(--color-primary, #3b82f6);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--color-primary, #3b82f6) 35%,transparent),0 0 20px color-mix(in srgb,var(--color-primary, #3b82f6) 15%,transparent);transform:scale(1)}.mchat-send-btn.is-active:hover{transform:scale(1.05);box-shadow:0 6px 20px color-mix(in srgb,var(--color-primary, #3b82f6) 45%,transparent),0 0 25px color-mix(in srgb,var(--color-primary, #3b82f6) 20%,transparent)}.mchat-send-btn.is-active:active{transform:scale(.92)}.mchat-send-btn:disabled{cursor:not-allowed}.mchat-stop-btn{flex-shrink:0;width:32px;height:32px;border:none;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;animation:stopGlow 1.5s ease-in-out infinite;box-shadow:0 4px 12px #f43f5e4d}@keyframes stopGlow{0%,to{box-shadow:0 4px 12px #f43f5e4d}50%{box-shadow:0 4px 20px #f43f5e80,0 0 30px #f43f5e33}}.mchat-stop-btn:active{transform:scale(.92);animation:none}.mchat-spinner{animation:spin 1s linear infinite}.mchat-attach-menu{display:flex;gap:6px;margin-top:6px;padding:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);border-radius:14px;animation:menuSlideUp .2s cubic-bezier(.22,1,.36,1)}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mchat-attach-menu button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05);border-radius:10px;color:#ffffff80;font-size:11px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.mchat-attach-menu button:hover{background:color-mix(in srgb,var(--color-primary, #3b82f6) 10%,transparent);border-color:color-mix(in srgb,var(--color-primary, #3b82f6) 15%,transparent);color:var(--color-primary, #3b82f6)}.mchat-attach-menu button:active{transform:scale(.96);background:color-mix(in srgb,var(--color-primary, #3b82f6) 15%,transparent)}.mchat-footer{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:6px;font-size:9px;color:#ffffff40;letter-spacing:.3px}.mchat-messages::-webkit-scrollbar{width:3px}.mchat-messages::-webkit-scrollbar-track{background:transparent}.mchat-messages::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-primary, #3b82f6) 15%,transparent);border-radius:2px}.mchat-messages::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-primary, #3b82f6) 30%,transparent)}.mchat-typing-indicator{display:flex;align-items:flex-start;gap:8px;margin-bottom:14px;animation:messageSlideIn .3s cubic-bezier(.22,1,.36,1) forwards}.mchat-typing__avatar{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--color-primary, #3b82f6) 15%,transparent);border:1px solid color-mix(in srgb,var(--color-primary, #3b82f6) 20%,transparent);display:flex;align-items:center;justify-content:center}.mchat-typing__content{display:flex;flex-direction:column;gap:6px;padding:10px 13px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px 14px 14px 4px}.mchat-typing__dots{display:flex;align-items:center;gap:4px}.mchat-typing__dot{width:6px;height:6px;background:var(--color-primary, #3b82f6);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.mchat-typing__dot:nth-child(1){animation-delay:0s}.mchat-typing__dot:nth-child(2){animation-delay:.2s}.mchat-typing__dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.mchat-typing__text{font-size:10px;color:#fff6;font-style:italic}.feature-tour-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:999990;animation:tourOverlayFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes tourOverlayFadeIn{0%{opacity:0}to{opacity:1}}.feature-tour-spotlight{position:fixed;z-index:999995;border-radius:12px;background:transparent;box-shadow:0 0 0 9999px #000000d9,0 0 0 4px var(--color-primary),0 0 30px 5px rgba(var(--color-primary-rgb, 79, 209, 197),.5);transition:all .4s cubic-bezier(.4,0,.2,1);animation:spotlightGlow 2s ease-in-out infinite;pointer-events:none}.feature-tour-button-clone{display:none}@keyframes spotlightGlow{0%,to{box-shadow:0 0 0 9999px #000000d9,0 0 0 4px var(--color-primary),0 0 30px 5px rgba(var(--color-primary-rgb, 79, 209, 197),.5)}50%{box-shadow:0 0 0 9999px #000000d9,0 0 0 6px var(--color-secondary),0 0 40px 10px rgba(var(--color-secondary-rgb, 79, 209, 197),.6)}}.feature-tour-popup{position:fixed;z-index:999999;width:320px;max-width:calc(100vw - 100px);background:linear-gradient(165deg,var(--color-background) 0%,color-mix(in srgb,var(--color-background) 95%,var(--color-primary) 5%) 100%);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 24px 80px #00000080,0 0 1px #ffffff1a inset,0 0 40px rgba(var(--color-primary-rgb, 79, 209, 197),.15);padding:18px;animation:tourPopupSlideIn .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.feature-tour-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-primary));background-size:200% 100%;animation:tourGradientFlow 3s linear infinite}@keyframes tourGradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes tourPopupSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-tour-arrow{position:absolute;width:14px;height:14px;background:var(--color-background);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border)}.feature-tour-arrow--left{left:-8px;top:24px;transform:rotate(-45deg)}.feature-tour-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.feature-tour-step{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px}.feature-tour-step-dots{display:flex;gap:6px}.feature-tour-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:all .3s ease}.feature-tour-dot.active{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.feature-tour-dot.completed{background:var(--color-secondary)}.feature-tour-close{width:26px;height:26px;border-radius:6px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.feature-tour-close:hover{background:var(--color-button-hover);color:var(--color-text-primary);border-color:var(--color-primary)}.feature-tour-title-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.feature-tour-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:var(--color-background);flex-shrink:0}.feature-tour-title{font-size:16px;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3}.feature-tour-description{font-size:12px;color:var(--color-text-secondary);line-height:1.6;margin-bottom:14px}.feature-tour-description strong{color:var(--color-primary);font-weight:600}.feature-tour-video-container{width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--color-border);background:#000;margin-bottom:14px;position:relative}.feature-tour-video{width:100%;height:auto;display:block;max-height:160px;object-fit:cover}.feature-tour-video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-muted);font-size:11px}.feature-tour-learn-more{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--color-primary);text-decoration:none;cursor:pointer;margin-bottom:14px;transition:all .2s ease;background:none;border:none;padding:0}.feature-tour-learn-more:hover{color:var(--color-secondary);text-decoration:underline}.feature-tour-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.feature-tour-skip{font-size:12px;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:6px 0;transition:color .2s ease}.feature-tour-skip:hover{color:var(--color-text-primary)}.feature-tour-next{flex:1;max-width:140px;padding:10px 20px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-background);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;box-shadow:0 4px 16px rgba(var(--color-primary-rgb, 79, 209, 197),.3)}.feature-tour-next:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(var(--color-primary-rgb, 79, 209, 197),.4)}.feature-tour-next:active{transform:translateY(0)}@media (max-width: 768px){.feature-tour-popup{width:calc(100vw - 32px);max-width:340px;left:50%!important;transform:translate(-50%)!important;top:80px!important;bottom:auto!important;z-index:9999999}.feature-tour-arrow{display:none}.feature-tour-spotlight{border-radius:8px}.feature-tour-video{max-height:140px}.feature-tour-title{font-size:15px}.feature-tour-description{font-size:11px}.feature-tour-popup{padding:14px}.feature-tour-header{margin-bottom:10px}.feature-tour-title-row{margin-bottom:8px}.feature-tour-icon{width:32px;height:32px;border-radius:8px}.feature-tour-video-container,.feature-tour-learn-more{margin-bottom:10px}}.centric-top-bar{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--color-input-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);border-radius:20px;padding:6px 12px;width:fit-content;max-width:95vw;margin:16px auto 0;box-shadow:0 10px 40px -10px var(--color-shadow),inset 0 1px 0 var(--color-border-light);z-index:1000;pointer-events:auto;transition:all .3s cubic-bezier(.2,.8,.2,1);height:56px}.centric-top-bar:hover{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 20px 60px -12px var(--color-shadow),inset 0 1px 0 var(--color-border-light);transform:translateY(-1px)}.centric-top-bar__left{display:flex;align-items:center;justify-content:center;padding-right:16px;border-right:1px solid var(--color-border-light);height:100%}.centric-top-bar__center{flex:1;text-align:center;white-space:nowrap;display:flex;align-items:center;justify-content:center}.centric-top-bar__text{font-family:SF Pro Display,Inter,-apple-system,sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-secondary);text-shadow:none;position:relative;transition:color .3s ease}.centric-top-bar__text:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:24px;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.6}.centric-top-bar__right{display:flex;align-items:center;padding-left:16px;border-left:1px solid var(--color-border-light);height:100%}.centric-top-bar__text:hover{color:var(--color-text-primary);text-shadow:0 0 15px var(--color-glow)}@media (min-width: 950px) and (max-width: 1050px) and (min-height: 450px) and (max-height: 550px){.documentation-page .centric-top-bar,.documentation-topbar-wrapper .centric-top-bar{display:none!important}.centric-top-bar{height:40px!important;padding:4px 10px!important;margin:8px auto 0!important;border-radius:12px!important;gap:16px!important}.centric-top-bar__left{padding-right:10px!important}.centric-top-bar__right{padding-left:10px!important}.centric-top-bar__text{font-size:10px!important;letter-spacing:.08em!important}.centric-top-bar__center{display:none!important}.centric-top-bar__left .brand-logo{transform:scale(.85)}}@media (min-width: 800px) and (max-width: 950px) and (min-height: 450px) and (max-height: 550px){.centric-top-bar,.documentation-topbar-wrapper{display:none!important}}.documentation-topbar-wrapper{display:block;flex-shrink:0}.documentation-page{min-height:100vh;height:100vh;max-height:100vh;background:var(--color-background);display:flex;flex-direction:column;overflow:hidden;position:relative}.documentation-layout{display:flex;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;height:100%;align-items:stretch}.documentation-sidebar{width:280px;flex-shrink:0;height:100%;overflow-y:auto;padding:40px 24px 24px;border-right:1px solid var(--color-border);background:var(--color-background);transition:width .3s ease,padding .3s ease,opacity .3s ease;position:relative}.documentation-sidebar.collapsed{width:0!important;padding:0!important;border-right:none!important;overflow:hidden!important;opacity:0}.documentation-sidebar-header{display:flex;align-items:center;gap:8px;margin-bottom:24px}.documentation-sidebar-close-btn{display:none;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:var(--color-input-bg);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.documentation-sidebar-close-btn:hover{background:var(--color-button-hover);color:var(--color-text-primary)}.documentation-back-btn{flex:1}.documentation-back-btn-text{white-space:nowrap}.documentation-sidebar-toggle{position:fixed;top:16px;left:16px;z-index:500;display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:var(--color-input-bg);border-radius:8px;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.documentation-sidebar-toggle:hover{background:var(--color-button-hover);transform:scale(1.05)}.documentation-sidebar-toggle.is-collapsed{display:flex!important}@media (max-width: 768px){.documentation-sidebar-toggle.is-collapsed{display:flex!important}}.documentation-back-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-background);border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;justify-content:center}.documentation-back-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(var(--color-primary-rgb, 79, 209, 197),.3)}.documentation-toc-title{font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;padding-left:12px}.documentation-toc-list{list-style:none;padding:0;margin:0}.documentation-toc-item{margin-bottom:4px}.documentation-toc-link{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--color-text-secondary);text-decoration:none;font-size:13px;font-weight:500;border-radius:8px;transition:all .2s ease;background:none;border:none;width:100%;text-align:left;cursor:pointer}.documentation-toc-link:hover{background:var(--color-button-hover);color:var(--color-text-primary)}.documentation-toc-link.active{background:linear-gradient(135deg,var(--color-primary)15 0%,var(--color-secondary)15 100%);color:var(--color-primary);font-weight:600}.documentation-toc-icon{width:28px;height:28px;border-radius:6px;background:var(--color-input-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.documentation-toc-link.active .documentation-toc-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-background)}.documentation-toc-subitems{padding-left:38px;margin-top:4px}.documentation-toc-sublink{display:block;padding:6px 12px;color:var(--color-text-muted);text-decoration:none;font-size:12px;border-radius:6px;transition:all .2s ease;background:none;border:none;width:100%;text-align:left;cursor:pointer}.documentation-toc-sublink:hover{color:var(--color-text-primary);background:var(--color-button-hover)}.documentation-content{flex:1 1 auto;min-width:0;min-height:0;max-width:900px;padding:40px 48px;overflow-y:auto;height:100%;display:flex;flex-direction:column;align-self:stretch;transition:padding .3s ease}.documentation-sidebar.collapsed~.documentation-content{max-width:100%!important;padding-left:60px!important}.documentation-layout{position:relative}.documentation-layout:has(.documentation-sidebar.collapsed) .documentation-content{max-width:100%!important;padding-left:60px!important}.documentation-section{margin-bottom:64px;scroll-margin-top:100px}.documentation-section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.documentation-section-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:var(--color-background)}.documentation-section-title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0}.documentation-video-container{width:100%;max-width:700px;border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 55%),linear-gradient(135deg,#111827cc,#05070ff2);margin-bottom:24px;position:relative;box-shadow:0 24px 60px #00000059;padding:10px}.documentation-video-container:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:14px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.documentation-video-inner{position:relative;border-radius:12px;overflow:hidden;background:#0b0f1a}.documentation-video{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover;filter:saturate(1.05);opacity:.85;transition:opacity .4s ease}.documentation-video-inner.is-loaded .documentation-video{opacity:1}.documentation-video-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080c14b3;color:#ffffffbf;font-size:13px;letter-spacing:.02em;text-transform:uppercase}.documentation-video-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#ffffff0d 20%,#ffffff2e,#ffffff0d 60%);animation:documentationShimmer 1.6s infinite}@keyframes documentationShimmer{0%{transform:translate(-60%)}to{transform:translate(60%)}}.documentation-text{font-size:15px;color:var(--color-text-secondary);line-height:1.7;margin-bottom:24px}.documentation-text strong{color:var(--color-primary);font-weight:600}.documentation-features-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:32px 0 16px}.documentation-features-list{list-style:none;padding:0;margin:0 0 24px}.documentation-feature-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--color-input-bg);border-radius:10px;margin-bottom:10px;border:1px solid var(--color-border)}.documentation-feature-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--color-primary)20,var(--color-secondary)20);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.documentation-feature-content h4{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.documentation-feature-content p{font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.5}.documentation-toolbar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:24px 0}.documentation-toolbar-item{padding:16px;background:var(--color-input-bg);border-radius:12px;border:1px solid var(--color-border);transition:all .2s ease}.documentation-toolbar-item:hover{border-color:var(--color-primary);box-shadow:0 4px 16px rgba(var(--color-primary-rgb, 79, 209, 197),.1)}.documentation-toolbar-item-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:var(--color-background);margin-bottom:12px}.documentation-toolbar-item h4{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 6px}.documentation-toolbar-item p{font-size:12px;color:var(--color-text-muted);margin:0;line-height:1.4}.documentation-feedback-section{background:linear-gradient(135deg,var(--color-primary)10 0%,var(--color-secondary)10 100%);border-radius:16px;padding:32px;border:1px solid var(--color-border);text-align:center;margin-top:48px}.documentation-feedback-title{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.documentation-feedback-desc{font-size:14px;color:var(--color-text-secondary);margin:0 0 20px}.documentation-feedback-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-background);border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.documentation-feedback-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(var(--color-primary-rgb, 79, 209, 197),.3)}.documentation-chat-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:24px 0}.documentation-chat-benefit{padding:20px;background:var(--color-input-bg);border-radius:12px;border:1px solid var(--color-border)}.documentation-chat-benefit h4{font-size:15px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.documentation-chat-benefit p{font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.5}@media (max-width: 768px){.documentation-layout{flex-direction:column}.documentation-sidebar{width:100%;height:auto;position:relative;top:0;border-right:none;border-bottom:1px solid var(--color-border);padding:16px}.documentation-content{padding:24px}.documentation-toc-list{display:flex;flex-wrap:wrap;gap:8px}.documentation-toc-item{margin-bottom:0}.documentation-toc-link{padding:8px 12px}.documentation-toc-subitems{display:none}}@media (max-width: 768px){.documentation-topbar-wrapper{display:none!important}.documentation-page{max-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.documentation-mobile-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:52px;padding:0 12px;background:var(--color-background);border-bottom:1px solid var(--color-border);z-index:450;box-shadow:0 2px 12px #0000001a}.documentation-mobile-back-btn{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 12px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:20px;color:var(--color-background);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 79, 209, 197),.3)}.documentation-mobile-back-btn:active{transform:scale(.96)}.documentation-mobile-back-btn span{letter-spacing:.5px}.documentation-mobile-menu-btn{display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;border-radius:12px;background:var(--color-input-bg);border:1.5px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.documentation-mobile-menu-btn:active{transform:scale(.95);background:var(--color-button-hover)}.documentation-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:400;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.documentation-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;padding:48px 16px 24px;z-index:420;background:var(--color-background);border-right:1px solid var(--color-border);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:4px 0 24px #0003}.documentation-sidebar.is-open{transform:translate(0)}@media (min-width: 769px){.documentation-mobile-menu-btn,.documentation-sidebar-backdrop{display:none!important}}.documentation-back-btn{min-height:44px;padding:12px 16px;width:100%;margin-bottom:20px}.documentation-toc-list{display:flex;flex-direction:column;gap:4px}.documentation-toc-item{margin-bottom:0}.documentation-toc-link{min-height:48px;padding:12px 14px;font-size:14px;border-radius:10px}.documentation-toc-subitems{display:block;padding-left:24px;margin-top:6px}.documentation-content{padding:68px 12px 16px}.documentation-section{margin-bottom:40px;scroll-margin-top:80px}.documentation-section-header{flex-direction:column;align-items:flex-start;gap:12px}.documentation-section-title{font-size:20px}.documentation-video-container{max-width:100%;width:100%;border-radius:12px;overflow:hidden}.documentation-video{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.documentation-text{font-size:14px;line-height:1.6}.documentation-toolbar-grid{grid-template-columns:1fr;gap:12px}.documentation-toolbar-item{padding:14px;min-height:44px}.documentation-chat-benefits{grid-template-columns:1fr;gap:12px}.documentation-feature-item{padding:12px 14px;min-height:52px}.documentation-feedback-section{padding:24px 16px;margin-top:32px;border-radius:16px}.documentation-feedback-btn{min-height:48px;width:100%;max-width:280px;border-radius:12px}}@media (min-width: 769px){.documentation-mobile-header,.documentation-mobile-menu-btn,.documentation-mobile-back-btn,.documentation-sidebar-backdrop{display:none}}@media (min-width: 1024px) and (max-width: 1200px){.documentation-sidebar{width:240px!important;padding:32px 20px 20px!important}.documentation-content{padding:32px 40px!important}.documentation-sidebar-close-btn{display:flex!important}}@media (min-width: 950px) and (max-width: 1024px){.documentation-topbar-wrapper{display:none!important}.documentation-page{max-height:100vh!important;overflow:hidden!important}.documentation-sidebar{width:200px!important;padding:16px 12px 12px!important}.documentation-sidebar-header{margin-bottom:16px!important}.documentation-back-btn{padding:6px 10px!important;font-size:11px!important;min-height:32px!important}.documentation-back-btn-text{display:inline!important}.documentation-sidebar-close-btn{display:flex!important}.documentation-content{padding:20px 32px!important}}@media (min-width: 900px) and (max-width: 950px){.documentation-topbar-wrapper{display:none!important}.documentation-page{max-height:100vh!important;overflow:hidden!important}.documentation-sidebar:not(.collapsed){width:160px!important;padding:12px 8px 8px!important}.documentation-sidebar-header{margin-bottom:12px!important}.documentation-back-btn{padding:4px 8px!important;font-size:10px!important;min-height:28px!important}.documentation-back-btn-text{display:inline!important}.documentation-sidebar-close-btn{display:flex!important;width:24px!important;height:24px!important}.documentation-content{padding:16px 24px!important}.documentation-sidebar.collapsed~.documentation-content,.documentation-layout:has(.documentation-sidebar.collapsed) .documentation-content{padding-left:60px!important;max-width:100%!important}.documentation-sidebar-toggle.is-collapsed{display:flex!important}}@media (min-width: 800px) and (max-width: 900px){.documentation-topbar-wrapper{display:none!important}.documentation-page{max-height:100vh!important;overflow:hidden!important}.documentation-sidebar:not(.collapsed){width:140px!important;padding:10px 6px 6px!important}.documentation-back-btn-text{font-size:9px!important}.documentation-content{padding:12px 20px!important}.documentation-sidebar.collapsed~.documentation-content,.documentation-layout:has(.documentation-sidebar.collapsed) .documentation-content{padding-left:60px!important;max-width:100%!important}.documentation-sidebar-toggle.is-collapsed{display:flex!important}}.documentation-content{min-height:0!important;height:100%!important;flex:1 1 auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:column!important}.documentation-section{min-height:auto!important;overflow:visible!important}.documentation-text{word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important}.documentation-video-container,.documentation-toolbar-grid,.documentation-features-list{max-width:100%!important;overflow:visible!important}.documentation-feedback-section{margin-bottom:24px!important;padding-bottom:24px!important}@media (min-height: 450px) and (max-height: 550px){.documentation-topbar-wrapper{display:none!important}.documentation-sidebar{padding-top:12px!important}.documentation-sidebar-header{margin-bottom:12px!important}.documentation-back-btn{padding:4px 8px!important;min-height:28px!important}.documentation-content{padding-top:16px!important;padding-bottom:16px!important}.documentation-section{margin-bottom:32px!important}.documentation-section-header{margin-bottom:16px!important;padding-bottom:12px!important}}@media (min-width: 900px) and (max-width: 950px) and (min-height: 500px) and (max-height: 550px){.documentation-topbar-wrapper{display:none!important}.documentation-page{max-height:100vh!important;overflow:hidden!important}.documentation-sidebar{width:160px!important;padding:10px 8px 8px!important}.documentation-back-btn{padding:4px 8px!important;margin-bottom:8px!important;font-size:10px!important;min-height:28px!important}.documentation-toc-title{font-size:8px!important;margin-bottom:6px!important;padding-left:6px!important}.documentation-toc-link{padding:4px 6px!important;font-size:10px!important;gap:4px!important;min-height:32px!important}.documentation-toc-icon{width:18px!important;height:18px!important}.documentation-content{padding:12px 16px!important;max-width:100%!important}.documentation-section-header{margin-bottom:12px!important;padding-bottom:8px!important;gap:8px!important}.documentation-section-icon{width:32px!important;height:32px!important}.documentation-section-title{font-size:18px!important}.documentation-text{font-size:12px!important;line-height:1.5!important;margin-bottom:12px!important}.documentation-section{margin-bottom:24px!important;scroll-margin-top:10px!important}.documentation-features-title{font-size:13px!important;margin:16px 0 8px!important}.documentation-feature-item{padding:8px 10px!important;margin-bottom:6px!important;gap:6px!important}.documentation-feature-icon{width:20px!important;height:20px!important}.documentation-feature-content h4{font-size:11px!important}.documentation-feature-content p{font-size:10px!important}.documentation-toolbar-grid{gap:8px!important;margin:12px 0!important}.documentation-toolbar-item{padding:10px!important}.documentation-toolbar-item-icon{width:24px!important;height:24px!important;margin-bottom:6px!important}.documentation-toolbar-item h4{font-size:11px!important}.documentation-toolbar-item p{font-size:10px!important}.documentation-video-container{margin-bottom:12px!important}.documentation-feedback-section{padding:16px!important;margin-top:20px!important}.documentation-feedback-title{font-size:14px!important}.documentation-feedback-desc{font-size:11px!important;margin-bottom:12px!important}.documentation-feedback-btn{padding:6px 16px!important;font-size:11px!important}.documentation-chat-benefits{gap:8px!important;margin:12px 0!important}.documentation-chat-benefit{padding:12px!important}.documentation-chat-benefit h4{font-size:12px!important}.documentation-chat-benefit p{font-size:10px!important}.documentation-toc-title{font-size:9px!important;margin-bottom:8px!important;padding-left:8px!important}.documentation-toc-link{padding:6px 8px!important;font-size:11px!important;gap:6px!important}.documentation-toc-icon{width:20px!important;height:20px!important}.documentation-content{padding:16px 24px!important;max-width:100%!important}.documentation-section{margin-bottom:32px!important;scroll-margin-top:20px!important}.documentation-section-header{margin-bottom:16px!important;padding-bottom:12px!important;gap:12px!important}.documentation-section-icon{width:36px!important;height:36px!important}.documentation-section-title{font-size:20px!important}.documentation-text{font-size:13px!important;line-height:1.6!important;margin-bottom:16px!important}.documentation-features-title{font-size:15px!important;margin:20px 0 12px!important}.documentation-feature-item{padding:10px 12px!important;margin-bottom:8px!important;gap:8px!important}.documentation-feature-icon{width:24px!important;height:24px!important}.documentation-feature-content h4{font-size:12px!important}.documentation-feature-content p{font-size:11px!important}.documentation-toolbar-grid{gap:10px!important;margin:16px 0!important}.documentation-toolbar-item{padding:12px!important}.documentation-toolbar-item-icon{width:28px!important;height:28px!important;margin-bottom:8px!important}.documentation-toolbar-item h4{font-size:12px!important}.documentation-toolbar-item p{font-size:11px!important}.documentation-video-container{margin-bottom:16px!important}.documentation-feedback-section{padding:20px!important;margin-top:24px!important}.documentation-feedback-title{font-size:16px!important}.documentation-feedback-desc{font-size:12px!important;margin-bottom:16px!important}.documentation-feedback-btn{padding:8px 20px!important;font-size:12px!important}.documentation-chat-benefits{gap:10px!important;margin:16px 0!important}.documentation-chat-benefit{padding:14px!important}.documentation-chat-benefit h4{font-size:13px!important}.documentation-chat-benefit p{font-size:11px!important}}@media (min-width: 800px) and (max-width: 950px) and (min-height: 450px) and (max-height: 550px){.documentation-topbar-wrapper{display:none!important}.documentation-sidebar{width:160px!important;padding:12px 8px 8px!important}.documentation-back-btn{padding:4px 8px!important;margin-bottom:8px!important;font-size:10px!important;min-height:28px!important}.documentation-toc-title{font-size:8px!important;margin-bottom:6px!important}.documentation-toc-link{padding:4px 6px!important;font-size:10px!important;gap:4px!important}.documentation-toc-icon{width:18px!important;height:18px!important}.documentation-content{padding:12px 16px!important}.documentation-section{margin-bottom:24px!important}.documentation-section-title{font-size:18px!important}.documentation-text{font-size:12px!important;line-height:1.5!important}}.book-page{--book-bg: var(--color-background, #0f0f12);--book-surface: var(--color-surface, #1a1a20);--book-text: var(--color-text-primary, #f0ede8);--book-text-muted: var(--color-text-muted, #8a8680);--color-orange: #f4a261;--color-teal: #2a9d8f;--color-coral: #e76f51;--color-purple: #8338ec;--color-cyan: #00b4d8;--color-gold: #e9c46a;--color-mint: #06d6a0;--color-salmon: #ff6b6b;--note-info: #3b82f6;--note-warning: #f59e0b;--note-tip: #10b981;--note-remember: #8b5cf6;--highlight-bg: color-mix(in srgb, var(--color-accent, #f9dc5c) 25%, transparent);--highlight-text: var(--color-text-primary, #111111)}.book-page{flex:1;background:var(--book-bg);border-radius:16px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:0}.book-page__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 28px;font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.75;color:var(--book-text);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.book-page__content:after{content:"";display:block;clear:both}.book-page__content::-webkit-scrollbar{width:6px}.book-page__content::-webkit-scrollbar-track{background:transparent}.book-page__content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.book-page__content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.book-highlight{background:var(--highlight-bg);color:var(--highlight-text);padding:1px 4px;border-radius:3px;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}.book-page__block{position:relative;padding:0;margin-bottom:4px;animation:blockSlideIn .5s cubic-bezier(.16,1,.3,1)}.book-page__block:last-child{margin-bottom:0}.book-page__block--confirmed{opacity:.85;transition:opacity .3s ease}@keyframes blockSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.book-block__badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:3px 8px;background:transparent;font-family:Inter,-apple-system,sans-serif}.book-block__badge-icon{width:14px;height:14px;flex-shrink:0}.book-block__badge-icon svg{width:100%;height:100%}.book-block__badge-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--block-color, var(--color-teal));opacity:.8}.book-block--heading{font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:700;color:var(--block-color, var(--color-orange));letter-spacing:-.01em;padding:18px 0 10px;margin-top:8px;position:relative}.book-block__heading-icon{display:none}.book-block__underline{position:absolute;bottom:4px;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--block-color, var(--color-orange)) 0%,color-mix(in srgb,var(--block-color, var(--color-orange)) 30%,transparent) 50%,transparent 100%)}.book-block--definition{background:transparent;border:none;border-left:3px solid var(--block-color, var(--color-teal));border-radius:0;padding:10px 0 10px 16px;margin:8px 0}.book-block__definition-term{font-family:Georgia,serif;font-size:1.05rem;font-weight:700;color:var(--block-color, var(--color-teal));margin-bottom:4px;display:inline}.book-block__definition-term:after{content:" — ";color:var(--book-text-muted);font-weight:400}.book-block__definition-text{color:var(--book-text);font-style:normal;line-height:1.75;display:inline}.book-block--formula{background:transparent;border:none;padding:16px 0;margin:14px 0;text-align:center}.book-block__formula-box{padding:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--block-color, var(--color-gold)) 10%,var(--book-surface)),color-mix(in srgb,var(--block-color, var(--color-gold)) 5%,var(--book-surface)));border:1px solid color-mix(in srgb,var(--block-color, var(--color-gold)) 20%,transparent);border-radius:8px;display:inline-block;max-width:100%;overflow-x:auto}.book-block__formula-box .katex{font-size:1.3em;color:var(--book-text)}.book-block__formula-box .katex-display{margin:0;overflow-x:auto;overflow-y:hidden;padding:4px 0}.book-block__formula-caption{font-family:Inter,sans-serif;font-size:.8rem;color:var(--book-text-muted);margin-top:10px;font-style:italic}.book-block--paragraph{color:var(--book-text);padding:4px 0;border:none;background:transparent;line-height:1.8;text-indent:1.5em}.book-block--paragraph:first-of-type{text-indent:0}.book-block--point{display:flex;align-items:flex-start;gap:12px;padding:6px 0;background:transparent;border-radius:0;margin:0;transition:all .2s ease}.book-block--point:hover{transform:translate(4px);background:linear-gradient(90deg,color-mix(in srgb,var(--block-color, var(--color-coral)) 18%,transparent),transparent 70%)}.book-block__point-marker{color:var(--block-color, var(--color-coral));font-size:.75rem;margin-top:.4em;flex-shrink:0}.book-block__point-text{color:var(--book-text);font-weight:500;line-height:1.65}.book-block--equation{background:linear-gradient(135deg,color-mix(in srgb,var(--block-color, var(--color-cyan)) 12%,var(--book-surface)),color-mix(in srgb,var(--block-color, var(--color-cyan)) 5%,var(--book-surface)));border:1px solid color-mix(in srgb,var(--block-color, var(--color-cyan)) 25%,transparent);border-radius:14px;padding:18px 22px;margin:10px 0}.book-block__equation-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.book-block__equation-step{display:flex;align-items:center;gap:12px;font-family:Georgia,serif}.book-block__equation-num{font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;color:var(--block-color, var(--color-cyan));min-width:24px}.book-block__equation-result{display:flex;align-items:center;gap:12px;padding:12px 16px;background:color-mix(in srgb,var(--block-color, var(--color-cyan)) 20%,transparent);border-radius:8px;margin-top:8px}.book-block__equation-arrow{color:var(--block-color, var(--color-cyan));font-size:1.2rem;font-weight:700}.book-block__equation-final{font-weight:700;color:var(--block-color, var(--color-cyan));font-size:1.1rem}.book-block--example{background:transparent;border:none;border-left:3px solid var(--block-color, var(--color-purple));padding:10px 0 10px 16px;margin:10px 0}.book-block__example-title{font-family:Georgia,serif;font-size:.95rem;font-weight:700;color:var(--block-color, var(--color-purple));margin-bottom:6px}.book-block__example-title:before{content:"→ ";color:var(--block-color, var(--color-purple))}.book-block__example-content{color:var(--book-text);line-height:1.75}.book-block--fyi{float:right;width:45%;margin:0 0 16px 20px;padding:14px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-mint) 10%,var(--book-surface)),color-mix(in srgb,var(--color-mint) 4%,var(--book-surface)));border:1px solid color-mix(in srgb,var(--color-mint) 25%,transparent);border-radius:8px;font-size:.9rem;position:relative}.theme-light-mode .book-block--fyi{background:color-mix(in srgb,var(--color-mint) 15%,var(--book-bg))!important;border-color:color-mix(in srgb,var(--color-mint) 35%,transparent)}.theme-light-mode .book-block--fyi:before{background:var(--book-bg)}.book-block--fyi:before{content:"ℹ️";position:absolute;top:-8px;left:14px;font-size:1rem;background:var(--book-bg);padding:0 6px}.book-block--fyi .book-block__badge{display:none}.book-block__fyi-content{color:var(--book-text);line-height:1.6;font-style:italic}.book-block--fyi+.book-page__block{clear:none}.book-block--tidbit{float:right;width:42%;margin:0 0 16px 20px;padding:14px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-gold) 12%,var(--book-surface)),color-mix(in srgb,var(--color-gold) 6%,var(--book-surface)));border:1px solid color-mix(in srgb,var(--color-gold) 25%,transparent);border-radius:8px;font-size:.88rem}.theme-light-mode .book-block--tidbit{background:color-mix(in srgb,var(--color-gold) 18%,var(--book-bg))!important;border-color:color-mix(in srgb,var(--color-gold) 40%,transparent)}.book-block__tidbit-emoji{font-size:1.3rem;margin-right:8px;float:left;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.book-block__tidbit-content{color:var(--book-text);line-height:1.6}.book-block__tidbit-content .book-block__badge{margin-bottom:6px}.book-block__tidbit-content .book-block__badge-label{color:var(--color-gold);font-size:.6rem}.book-block--note{display:flex;gap:12px;padding:12px 16px;margin:10px 0;border-radius:6px}.book-block__note-icon{font-size:1.1rem;flex-shrink:0}.book-block__note-content{flex:1}.book-block__note-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.note--info{background:transparent;border-left:3px solid var(--note-info);padding:8px 0 8px 14px}.note--info .book-block__note-label{color:var(--note-info)}.note--warning{background:color-mix(in srgb,var(--note-warning) 8%,transparent);border-left:3px solid var(--note-warning);padding:10px 14px}.note--warning .book-block__note-label{color:var(--note-warning)}.note--tip{background:transparent;border-left:3px solid var(--note-tip);padding:8px 0 8px 14px}.note--tip .book-block__note-label{color:var(--note-tip)}.note--remember{background:color-mix(in srgb,var(--note-remember) 8%,transparent);border:1px dashed color-mix(in srgb,var(--note-remember) 30%,transparent);border-left:3px solid var(--note-remember);padding:10px 14px}.note--remember .book-block__note-label{color:var(--note-remember)}.theme-light-mode .note--warning{background:color-mix(in srgb,var(--note-warning) 15%,transparent)!important}.theme-light-mode .note--remember{background:color-mix(in srgb,var(--note-remember) 15%,transparent)!important}.book-block--realworld{background:transparent;border:none;border-left:3px solid var(--color-teal);padding:10px 0 10px 16px;margin:12px 0}.book-block--realworld .book-block__badge{margin-bottom:6px}.book-block__realworld-scenario{font-family:Georgia,serif;font-size:.95rem;font-style:italic;color:var(--book-text);margin-bottom:8px}.book-block__realworld-scenario strong{color:var(--color-teal);font-style:normal}.book-block__realworld-scenario:before{content:'"';color:var(--color-teal);font-size:1.2em;font-weight:700}.book-block__realworld-scenario:after{content:'"';color:var(--color-teal);font-size:1.2em;font-weight:700}.book-block__realworld-explanation{color:var(--book-text);line-height:1.75;font-size:.95rem}.book-block--callout{display:block;background:transparent;border-left:4px solid var(--block-color, var(--color-salmon));padding:10px 0 10px 16px;margin:12px 0}.book-block__callout-icon{display:inline-block;color:var(--block-color, var(--color-salmon));font-size:1rem;margin-right:8px}.book-block__callout-content{color:var(--book-text);font-size:1rem;font-weight:500;line-height:1.7}.book-block__callout-highlight{display:block;margin-top:8px;font-family:Georgia,serif;font-size:.9rem;font-weight:600;color:var(--block-color, var(--color-salmon));font-style:italic}.animated-text{display:inline}.animated-text__word{animation:wordReveal .15s ease-out}@keyframes wordReveal{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}.animated-text__cursor{display:inline-block;color:var(--color-gold);animation:cursorBlink .6s step-end infinite;margin-left:2px;font-weight:100}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.animated-text__word--speaking{position:relative;color:var(--color-text-primary, #111111)!important;text-shadow:0 0 8px color-mix(in srgb,var(--color-accent, #3b82f6) 55%,transparent);transition:all .15s ease}.animated-text__word--speaking:before{content:"";position:absolute;left:-2px;right:-2px;top:-1px;bottom:-1px;background:color-mix(in srgb,var(--color-accent, #3b82f6) 35%,transparent);border-radius:4px;z-index:-1;animation:ttsHighlightPulse .6s ease-in-out infinite}@keyframes ttsHighlightPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.book-highlight.animated-text__word--speaking{background:color-mix(in srgb,var(--color-accent, #3b82f6) 40%,transparent)!important;color:var(--color-text-primary, #111111)!important}.theme-light-mode .book-block__underline{background:var(--block-color, var(--color-orange))}.theme-light-mode .book-block--point:hover{background:color-mix(in srgb,var(--block-color, var(--color-coral)) 12%,transparent)}.theme-light-mode .book-block__formula-box{background:color-mix(in srgb,var(--block-color, var(--color-lavender)) 12%,var(--book-bg))!important;border-color:color-mix(in srgb,var(--block-color, var(--color-lavender)) 30%,transparent)}.theme-light-mode .book-block--equation{background:color-mix(in srgb,var(--block-color, var(--color-cyan)) 15%,var(--book-bg))!important;border-color:color-mix(in srgb,var(--block-color, var(--color-cyan)) 35%,transparent)}.theme-light-mode .book-illustration{background:color-mix(in srgb,var(--color-purple) 18%,var(--book-bg))!important;border-color:color-mix(in srgb,var(--color-purple) 40%,transparent)}.theme-light-mode .book-illustration__header{background:color-mix(in srgb,var(--color-purple) 12%,transparent)!important;border-bottom-color:color-mix(in srgb,var(--color-purple) 25%,transparent)}.theme-light-mode .book-clarification{background:color-mix(in srgb,var(--color-teal) 12%,var(--book-bg))!important;border-left-color:var(--color-teal)}.theme-light-mode .book-actions__btn--got-it{background:var(--color-teal)!important;color:#fff;box-shadow:none}.book-highlight.animated-text__word--speaking:before{display:none}.book-actions{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:14px;opacity:0;animation:actionsAppear .4s ease-out .3s forwards}@keyframes actionsAppear{to{opacity:1}}.book-actions__btn{font-family:Inter,sans-serif;font-size:clamp(.7rem,1.5vw,.8rem);font-weight:600;padding:clamp(6px,1vw,8px) clamp(12px,2vw,18px);border-radius:20px;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);opacity:.85;display:inline-flex;align-items:center;gap:clamp(4px,.8vw,6px);white-space:nowrap}.book-actions__btn svg{width:clamp(11px,1.5vw,14px);height:clamp(11px,1.5vw,14px);flex-shrink:0}.book-actions__btn:hover{opacity:1;transform:translateY(-2px)}.book-actions__btn--got-it{background:linear-gradient(135deg,var(--color-teal),color-mix(in srgb,var(--color-teal) 80%,var(--color-mint)));color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--color-teal) 30%,transparent)}@keyframes gotItPulseOnce{0%{box-shadow:0 4px 12px color-mix(in srgb,var(--color-teal) 30%,transparent),0 0 color-mix(in srgb,var(--color-teal) 0%,transparent);outline-color:color-mix(in srgb,var(--color-teal) 55%,transparent)}20%{box-shadow:0 4px 12px color-mix(in srgb,var(--color-teal) 30%,transparent),0 0 0 4px color-mix(in srgb,var(--color-teal) 25%,transparent),0 0 18px 2px color-mix(in srgb,var(--color-teal) 35%,transparent);outline-color:color-mix(in srgb,var(--color-teal) 75%,transparent)}45%{box-shadow:0 4px 12px color-mix(in srgb,var(--color-teal) 30%,transparent),0 0 color-mix(in srgb,var(--color-teal) 0%,transparent);outline-color:color-mix(in srgb,var(--color-teal) 55%,transparent)}70%{box-shadow:0 4px 12px color-mix(in srgb,var(--color-teal) 30%,transparent),0 0 0 6px color-mix(in srgb,var(--color-teal) 20%,transparent),0 0 26px 4px color-mix(in srgb,var(--color-teal) 35%,transparent);outline-color:color-mix(in srgb,var(--color-teal) 80%,transparent)}to{box-shadow:0 4px 12px color-mix(in srgb,var(--color-teal) 30%,transparent),0 0 color-mix(in srgb,var(--color-teal) 0%,transparent);outline-color:color-mix(in srgb,var(--color-teal) 55%,transparent)}}.book-actions__btn--got-it.book-actions__btn--pulse-once{outline:2px solid color-mix(in srgb,var(--color-teal) 55%,transparent);outline-offset:2px;opacity:1;will-change:box-shadow,outline-color;animation:gotItPulseOnce 1.9s ease-in-out 1;animation-fill-mode:both}.book-actions__btn--got-it:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--color-teal) 40%,transparent)}.book-actions__btn--didnt-get{background:color-mix(in srgb,var(--color-coral) 15%,transparent);color:var(--color-coral);border:1px solid color-mix(in srgb,var(--color-coral) 30%,transparent)}.book-actions__btn--didnt-get:hover{background:color-mix(in srgb,var(--color-coral) 25%,transparent)}.book-actions--expanded{flex-wrap:wrap}.book-actions__input{flex:1;min-width:200px;font-family:Inter,sans-serif;font-size:.85rem;padding:10px 14px;border-radius:10px;border:1px solid var(--color-border, rgba(255, 255, 255, .1));background:color-mix(in srgb,var(--book-bg) 80%,transparent);color:var(--book-text);outline:none;transition:all .2s}.book-actions__input:focus{border-color:var(--color-coral);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-coral) 20%,transparent)}.book-actions__input::placeholder{color:var(--book-text-muted)}.book-actions__submit{font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;padding:10px 20px;border-radius:10px;border:none;background:var(--color-coral);color:#fff;cursor:pointer;transition:all .2s;min-width:80px;display:flex;align-items:center;justify-content:center;gap:6px}.book-actions__submit svg{width:14px;height:14px}.book-actions__submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.book-actions__submit:disabled{opacity:.7;cursor:wait}.book-actions__loading{display:flex;align-items:center;gap:4px}.book-actions__dot{width:5px;height:5px;background:var(--color-text-primary, #111111);border-radius:50%;animation:dotBounce 1.2s ease-in-out infinite}.theme-light-mode .book-clarification,.theme-light-mode .book-page__clarify-loading,.theme-light-mode .book-page__illustration-loading{background:var(--book-surface);border-color:var(--color-border)}.theme-light-mode .book-page__clarify-loading,.theme-light-mode .book-page__illustration-loading{animation:none}.theme-light-mode .book-page__clarify-spinner{border-color:color-mix(in srgb,var(--color-teal) 20%,transparent);border-top-color:var(--color-teal)}.book-actions__dot:nth-child(2){animation-delay:.15s}.book-actions__dot:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.book-actions__cancel{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--book-text-muted);cursor:pointer;transition:all .2s}.book-actions__cancel svg{width:16px;height:16px}.book-actions__cancel:hover{color:var(--color-coral);background:color-mix(in srgb,var(--color-coral) 10%,transparent)}.book-actions--after-clarify{justify-content:flex-start}.book-clarification{margin-top:16px;padding:18px 22px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-teal) 15%,var(--book-surface)),color-mix(in srgb,var(--color-teal) 6%,var(--book-surface)));border-left:4px solid var(--color-teal);border-radius:0 12px 12px 0;animation:clarifySlideIn .5s cubic-bezier(.16,1,.3,1)}@keyframes clarifySlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.book-clarification__header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.book-clarification__icon{width:20px;height:20px;color:var(--color-teal);flex-shrink:0}.book-clarification__icon svg{width:100%;height:100%}.book-clarification__label{font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;color:var(--color-teal)}.book-clarification__lines{display:flex;flex-direction:column;gap:10px}.book-clarification__line{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:var(--book-text);line-height:1.6}.book-clarification__bullet{width:16px;height:16px;color:var(--color-teal);flex-shrink:0;margin-top:4px}.book-clarification__bullet svg{width:100%;height:100%}.book-clarification--streaming .book-clarification__lines{display:none}.book-clarification__streaming{font-size:.95rem;color:var(--book-text);line-height:1.6;font-family:Inter,sans-serif;display:flex;align-items:flex-end;flex-wrap:wrap;gap:4px}.book-clarification__streaming-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.book-clarification__cursor{width:6px;height:16px;background:var(--color-teal);border-radius:2px;display:inline-block;animation:clarifyBlink 1s step-end infinite}@keyframes clarifyBlink{0%,to{opacity:.2}50%{opacity:1}}.book-page__clarify-loading{display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px 20px;background:linear-gradient(135deg,#2a9d8f1f,#2a9d8f0a);border:1px solid rgba(42,157,143,.2);border-radius:12px;font-family:Inter,sans-serif;font-size:.88rem;color:var(--book-text);animation:loadingPulse 2s ease-in-out infinite}.theme-light-mode .book-page__clarify-loading{background:color-mix(in srgb,var(--color-teal) 15%,var(--book-bg))!important;border-color:color-mix(in srgb,var(--color-teal) 35%,transparent)}.theme-light-mode .book-page__illustration-loading{background:color-mix(in srgb,var(--color-purple) 15%,var(--book-bg))!important;border-color:color-mix(in srgb,var(--color-purple) 35%,transparent)}@keyframes loadingPulse{0%,to{opacity:1;border-color:#2a9d8f33}50%{opacity:.85;border-color:#2a9d8f66}}.book-page__clarify-spinner{width:20px;height:20px;border:2.5px solid rgba(42,157,143,.2);border-top-color:var(--color-teal);border-radius:50%;animation:spin .8s linear infinite}.book-page__illustration-loading{background:linear-gradient(135deg,#8338ec1f,#8338ec0a);border:1px solid rgba(131,56,236,.2);animation:loadingPulseIllustration 2s ease-in-out infinite}.book-page__illustration-loading .book-page__clarify-spinner{border:2.5px solid rgba(131,56,236,.2);border-top-color:var(--color-purple)}@keyframes loadingPulseIllustration{0%,to{opacity:1;border-color:#8338ec33}50%{opacity:.85;border-color:#8338ec66}}.book-actions__btn--visualize{background:color-mix(in srgb,var(--color-purple) 15%,transparent);color:var(--color-purple);border:1px solid color-mix(in srgb,var(--color-purple) 30%,transparent)}.book-actions__btn--visualize:hover{background:color-mix(in srgb,var(--color-purple) 25%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--color-purple) 20%,transparent)}.book-actions__btn--visualize:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.book-actions__btn--visualize .book-actions__btn-spinner{width:12px;height:12px;border:2px solid color-mix(in srgb,var(--color-purple) 20%,transparent);border-top-color:var(--color-purple);border-radius:50%;animation:spin .8s linear infinite}.book-illustration{margin-top:16px;padding:0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-purple) 12%,var(--book-surface)),color-mix(in srgb,var(--color-purple) 4%,var(--book-surface)));border:1px solid color-mix(in srgb,var(--color-purple) 25%,transparent);border-radius:14px;animation:illustrationSlideIn .5s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes illustrationSlideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.book-illustration__header{display:flex;align-items:center;gap:10px;padding:14px 18px;background:color-mix(in srgb,var(--color-purple) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-purple) 15%,transparent)}.book-illustration__icon{width:18px;height:18px;color:var(--color-purple);flex-shrink:0}.book-illustration__icon svg{width:100%;height:100%}.book-illustration__label{font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;color:var(--color-purple);text-transform:uppercase;letter-spacing:.06em}.book-illustration__content{padding:16px;display:flex;justify-content:center;align-items:center;min-height:200px}.book-illustration__content svg{max-width:100%;height:auto;border-radius:8px}.book-page__reveal-prompt{display:flex;justify-content:center;align-items:center;gap:10px;padding:24px;cursor:pointer;opacity:0;animation:promptFadeIn .6s ease-out .4s forwards}@keyframes promptFadeIn{to{opacity:1}}.book-page__reveal-icon{width:18px;height:18px;color:var(--color-gold)}.book-page__reveal-icon svg{width:100%;height:100%}.book-page__reveal-text{font-family:Inter,sans-serif;font-size:.9rem;color:var(--book-text-muted);padding:12px 24px;border:1px dashed rgba(255,255,255,.15);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.book-page__reveal-prompt:hover .book-page__reveal-text{border-color:var(--color-gold);color:var(--color-gold);background:color-mix(in srgb,var(--color-gold) 8%,transparent);transform:scale(1.02)}.latex-error{font-family:JetBrains Mono,monospace;font-size:.85rem;color:#ef4444;background:#ef444426;padding:4px 8px;border-radius:4px}@media (max-width: 768px){.book-page{overflow:visible;min-height:auto;height:auto}.book-page__content{padding:18px 16px;font-size:.95rem;flex:none;height:auto;overflow:visible}.book-block--fyi,.book-block--tidbit{float:none!important;width:100%!important;margin:16px 0!important}.book-block--definition,.book-block--formula,.book-block--equation,.book-block--example,.book-block--fyi,.book-block--tidbit,.book-block--note,.book-block--realworld,.book-block--callout{padding:14px 16px}.book-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:clamp(4px,1.5vw,8px)}.book-actions__btn{text-align:center;padding:clamp(6px,1.5vw,10px) clamp(10px,2.5vw,14px);font-size:clamp(.65rem,2vw,.8rem);flex:0 0 auto;border-radius:16px}.book-actions__btn svg{width:clamp(10px,2.5vw,14px);height:clamp(10px,2.5vw,14px)}}@media (max-width: 400px){.book-actions__btn{padding:5px 8px;font-size:.65rem;gap:4px}.book-actions__btn svg{width:10px;height:10px}}@media (min-width: 769px) and (max-width: 1024px){.book-actions__btn{padding:7px 14px;font-size:.75rem}}.step-reveal-diagram{--il-diagram-bg: var(--color-surface, var(--color-background, #ffffff));position:relative;width:100%;display:flex;flex-direction:column;gap:12px}.step-reveal-diagram__svg{width:100%;display:flex;justify-content:center;align-items:center}.step-reveal-diagram__svg svg{max-width:100%;height:auto;border-radius:12px;background:var(--il-diagram-bg)}.step-reveal-diagram__svg svg rect:first-of-type{fill:var(--il-diagram-bg)!important}.step-reveal-diagram__svg svg text{fill:var(--color-text-primary, #111111)!important}.step-reveal-diagram__svg svg [fill="#FFFFFF"],.step-reveal-diagram__svg svg [fill="#ffffff"],.step-reveal-diagram__svg svg [fill="#E8E8E8"],.step-reveal-diagram__svg svg [fill="#e8e8e8"]{fill:var(--color-text-primary, #111111)!important}.step-reveal-diagram__svg svg [fill="#999999"],.step-reveal-diagram__svg svg [fill="#999"],.step-reveal-diagram__svg svg [fill="#9a9a9a"],.step-reveal-diagram__svg svg [fill="#999999FF"],.step-reveal-diagram__svg svg [fill="#999999ff"]{fill:var(--color-text-muted, #666666)!important}.step-reveal-diagram__svg svg [stroke="#FFFFFF"],.step-reveal-diagram__svg svg [stroke="#ffffff"],.step-reveal-diagram__svg svg [stroke="#E8E8E8"],.step-reveal-diagram__svg svg [stroke="#e8e8e8"]{stroke:var(--color-text-primary, #111111)!important}.step-reveal-diagram__svg svg [stroke="#999999"],.step-reveal-diagram__svg svg [stroke="#999"],.step-reveal-diagram__svg svg [stroke="#9a9a9a"]{stroke:var(--color-text-muted, #666666)!important}.step-reveal-diagram__controls{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 12px;background:color-mix(in srgb,var(--color-primary, #3b82f6) 6%,transparent);border-radius:12px;border:1px solid var(--color-border, rgba(255, 255, 255, .06))}.step-reveal-diagram__progress{display:flex;flex-direction:column;align-items:center;gap:6px}.step-reveal-diagram__step-indicator{font-size:11px;color:var(--color-text-muted, rgba(255, 255, 255, .5));font-weight:500;letter-spacing:.3px;text-transform:uppercase}.step-reveal-diagram__dots{display:flex;gap:6px;align-items:center}.step-reveal-diagram__dot{width:8px;height:8px;border-radius:50%;border:none;background:color-mix(in srgb,var(--color-primary, #3b82f6) 18%,transparent);cursor:pointer;transition:all .3s ease;padding:0}.step-reveal-diagram__dot:hover{background:color-mix(in srgb,var(--color-primary, #3b82f6) 30%,transparent);transform:scale(1.2)}.step-reveal-diagram__dot.active{background:color-mix(in srgb,var(--color-accent, #4ECDC4) 60%,transparent)}.step-reveal-diagram__dot.current{background:var(--color-accent, #4ECDC4);box-shadow:0 0 8px color-mix(in srgb,var(--color-accent, #4ECDC4) 50%,transparent);transform:scale(1.2)}.step-reveal-diagram__buttons{display:flex;gap:8px;align-items:center}.step-reveal-diagram__btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.step-reveal-diagram__btn--primary{background:color-mix(in srgb,var(--color-accent, #4ECDC4) 70%,var(--color-background, #ffffff));color:var(--color-text-primary, #0a1628);min-width:90px}.step-reveal-diagram__btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--color-accent, #4ECDC4) 30%,transparent)}.step-reveal-diagram__btn--primary:active{transform:translateY(0)}.step-reveal-diagram__btn--secondary{background:color-mix(in srgb,var(--color-primary, #3b82f6) 8%,transparent);color:var(--color-text-secondary, rgba(255, 255, 255, .7));padding:8px 10px}.step-reveal-diagram__btn--secondary:hover{background:color-mix(in srgb,var(--color-primary, #3b82f6) 12%,transparent);color:var(--color-text-primary, rgba(255, 255, 255, .9))}.step-reveal-diagram__btn--auto{background:color-mix(in srgb,var(--color-primary, #3b82f6) 8%,transparent);color:var(--color-text-secondary, rgba(255, 255, 255, .6));padding:8px 10px}.step-reveal-diagram__btn--auto:hover{background:color-mix(in srgb,var(--color-primary, #3b82f6) 12%,transparent);color:var(--color-text-primary, rgba(255, 255, 255, .9))}.step-reveal-diagram__btn--auto.playing{background:color-mix(in srgb,var(--color-accent, #4ECDC4) 20%,transparent);color:var(--color-accent, #4ECDC4)}.step-reveal-diagram__btn--auto.playing:hover{background:color-mix(in srgb,var(--color-accent, #4ECDC4) 30%,transparent)}@media (max-width: 480px){.step-reveal-diagram__controls{padding:6px 10px}.step-reveal-diagram__btn--primary{min-width:80px;padding:7px 12px;font-size:11px}.step-reveal-diagram__dot{width:6px;height:6px}}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cp{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;background:var(--color-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden;box-sizing:border-box}.cp--dark{background:var(--color-background)}.cp-view{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;box-sizing:border-box}.cp-head{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--color-background);border-bottom:1px solid var(--color-border);flex-shrink:0}.cp--dark .cp-head{background:var(--color-background);border-color:var(--color-border)}.cp-head__info{display:flex;align-items:center;gap:10px;flex:1}.cp-head__info--col{flex-direction:column;align-items:flex-start;gap:2px}.cp-head__icon{display:flex;color:var(--color-accent)}.cp-head__title{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.cp--dark .cp-head__title{color:var(--color-text-primary)}.cp-head__sub{font-size:12px;color:#6b7280}.cp--dark .cp-head__sub{color:#8b949e}.cp-head__count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#f3f4f6;border-radius:10px;font-size:11px;font-weight:600;color:#6b7280}.cp--dark .cp-head__count{background:#30363d;color:#8b949e}.cp-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .15s ease}.cp-back:hover{background:#f3f4f6;color:#111827}.cp--dark .cp-back:hover{background:#21262d;color:#f0f6fc}.cp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .15s ease}.cp-btn--primary{background:var(--color-accent);color:#fff}.cp-btn--primary:hover{background:var(--color-accent);opacity:.9}.cp-btn--submit{width:100%;justify-content:center;padding:12px 20px;background:var(--color-accent);color:#fff;font-size:14px;font-weight:600;margin-top:8px}.cp-btn--submit:hover:not(:disabled){background:var(--color-accent);opacity:.9}.cp-btn--submit:disabled{opacity:.5;cursor:not-allowed}.cp-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:16px 20px;box-sizing:border-box}.cp-body::-webkit-scrollbar{width:6px}.cp-body::-webkit-scrollbar-track{background:transparent}.cp-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.cp--dark .cp-body::-webkit-scrollbar-thumb{background:#30363d}.cp-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:#6b7280;font-size:13px}.cp-loader__spin{width:24px;height:24px;border:2px solid #e5e7eb;border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;text-align:center}.cp-empty__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#f3f4f6;border-radius:14px;color:#9ca3af}.cp--dark .cp-empty__icon{background:#21262d;color:#6e7681}.cp-empty__text{margin:0;font-size:14px;color:#6b7280}.cp-courses{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cp-course{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;position:relative;transition:all .15s ease;animation:fadeSlideUp .3s ease forwards;opacity:0}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cp--dark .cp-course{background:var(--color-input-bg);border-color:var(--color-border-light)}.cp-course:hover{border-color:var(--color-accent);box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent) 8%,transparent)}.cp-course__main{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cp-course__title{font-size:14px;font-weight:500;color:#111827;line-height:1.4}.cp--dark .cp-course__title{color:#f0f6fc}.cp-course__meta{font-size:12px;color:#6b7280;white-space:nowrap}.cp--dark .cp-course__meta{color:#8b949e}.cp-course__bar{height:3px;background:#e5e7eb;border-radius:2px;overflow:hidden}.cp--dark .cp-course__bar{background:#30363d}.cp-course__fill{height:100%;background:var(--color-accent);border-radius:2px;transition:width .3s ease}.cp-course__delete{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;opacity:0;transition:all .15s ease}.cp-course:hover .cp-course__delete{opacity:1}.cp-course__delete:hover{background:#fef2f2;color:#ef4444}.cp--dark .cp-course__delete:hover{background:#ef44441a}.cp-form{display:flex;flex-direction:column;gap:16px}.cp-field{display:flex;flex-direction:column;gap:6px}.cp-field--row{flex-direction:row;align-items:center;justify-content:space-between}.cp-field label{font-size:13px;font-weight:500;color:#374151}.cp--dark .cp-field label{color:#c9d1d9}.cp-field label .req{color:#ef4444}.cp-field label .opt{color:#9ca3af;font-weight:400}.cp-field input[type=text],.cp-field input[type=number],.cp-field textarea{width:100%;padding:10px 12px;font-size:14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;transition:all .15s ease;font-family:inherit}.cp--dark .cp-field input,.cp--dark .cp-field textarea{background:var(--color-input-bg);border-color:var(--color-border-light);color:var(--color-text-primary)}.cp-field input:focus,.cp-field textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 10%,transparent)}.cp-field textarea{resize:vertical;min-height:80px}.cp-field input::placeholder,.cp-field textarea::placeholder{color:#9ca3af}.cp-files{display:flex;flex-direction:column;gap:6px}.cp-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;color:#374151}.cp--dark .cp-file{background:#161b22;border-color:#30363d;color:#c9d1d9}.cp-file span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-file button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;color:#9ca3af;font-size:16px;cursor:pointer}.cp-file button:hover{color:#ef4444}.cp-file-add{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:transparent;border:1px dashed #d1d5db;border-radius:8px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .15s ease}.cp--dark .cp-file-add{border-color:#30363d;color:#8b949e}.cp-file-add:hover{border-color:var(--color-accent);color:var(--color-accent)}.cp-file-add input{display:none}.cp-advanced-btn{display:flex;align-items:center;gap:8px;padding:10px 0;background:transparent;border:none;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.cp-advanced-btn:hover{color:#374151}.cp--dark .cp-advanced-btn:hover{color:#c9d1d9}.cp-advanced-btn svg:last-child{margin-left:auto;transition:transform .2s ease}.cp-advanced-btn.open svg:last-child{transform:rotate(180deg)}.cp-advanced{display:flex;flex-direction:column;gap:16px;padding:16px;background:#f9fafb;border-radius:10px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cp--dark .cp-advanced{background:#161b22}.cp-toggles{display:flex;gap:8px}.cp-toggles button{flex:1;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.cp--dark .cp-toggles button{background:#0d1117;border-color:#30363d;color:#8b949e}.cp-toggles button.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.cp-num{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.cp--dark .cp-num{border-color:#30363d}.cp-num button{width:32px;height:32px;background:#f9fafb;border:none;font-size:16px;color:#6b7280;cursor:pointer;transition:all .15s ease}.cp--dark .cp-num button{background:#161b22;color:#8b949e}.cp-num button:hover{background:#f3f4f6;color:#111827}.cp--dark .cp-num button:hover{background:#21262d;color:#f0f6fc}.cp-num input{width:48px;height:32px;padding:0;text-align:center;border:none;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;font-size:13px;font-weight:500;background:#fff;color:#111827}.cp--dark .cp-num input{background:#0d1117;border-color:#30363d;color:#f0f6fc}.cp-num input:focus{outline:none}.cp-styles{display:flex;flex-wrap:wrap;gap:6px}.cp-styles button{padding:6px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.cp--dark .cp-styles button{background:#0d1117;border-color:#30363d;color:#8b949e}.cp-styles button:hover{border-color:#6366f1;color:#6366f1}.cp-styles button.active{background:#6366f1;border-color:#6366f1;color:#fff}.cp-error{padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:13px;color:#dc2626}.cp--dark .cp-error{background:#ef44441a;border-color:#ef444433}.cp-gen{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px solid rgba(99,102,241,.2);border-radius:12px}.cp-gen__orb{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#6366f1}.cp-gen__ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.cp-gen__info{flex:1;display:flex;flex-direction:column;gap:6px}.cp-gen__title{font-size:13px;font-weight:500;color:#374151}.cp--dark .cp-gen__title{color:#c9d1d9}.cp-gen__bar{height:4px;background:#6366f133;border-radius:2px;overflow:hidden}.cp-gen__fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;transition:width .2s ease}.cp-gen__pct{font-size:11px;font-weight:600;color:#6366f1}.cp-progress{height:3px;background:#e5e7eb;flex-shrink:0}.cp--dark .cp-progress{background:#30363d}.cp-progress__fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .3s ease}.cp-active-gen{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:12px;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid rgba(99,102,241,.2);border-radius:10px;animation:fadeIn .3s ease}.cp-active-gen__spinner{width:20px;height:20px;border:2px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .7s linear infinite}.cp-active-gen__info{flex:1;display:flex;flex-direction:column;gap:4px}.cp-active-gen__mode{font-size:12px;font-weight:600;color:#6366f1;text-transform:uppercase;letter-spacing:.03em}.cp-active-gen__msg{font-size:12px;color:#6b7280}.cp--dark .cp-active-gen__msg{color:#8b949e}.cp-active-gen__bar{height:3px;background:#6366f126;border-radius:2px;overflow:hidden;margin-top:4px}.cp-active-gen__fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;transition:width .15s ease}.cp-lectures{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.cp-lec{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;transition:all .15s ease;animation:fadeSlideUp .25s ease forwards;opacity:0}.cp-lec:hover:not(.locked):not(.active){background:#f3f4f6}.cp--dark .cp-lec:hover:not(.locked):not(.active){background:#161b22}.cp-lec.done{opacity:.6}.cp-lec.locked{opacity:.4}.cp-lec.active{background:#6366f114}.cp-lec__num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:11px;font-weight:600;color:#9ca3af;background:#f3f4f6;border-radius:6px;flex-shrink:0}.cp--dark .cp-lec__num{background:#21262d;color:#6e7681}.cp-lec.done .cp-lec__num{background:#10b981;color:#fff}.cp-lec__title{flex:1;font-size:13px;font-weight:500;color:#374151;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp--dark .cp-lec__title{color:#c9d1d9}.cp-lec.done .cp-lec__title{color:#6b7280}.cp-lec__actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.cp-lec:hover .cp-lec__actions{opacity:1}.cp-lec__actions--revision{opacity:.6}.cp-lec:hover .cp-lec__actions--revision{opacity:1}.cp-lec__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease;position:relative}.cp--dark .cp-lec__btn{background:#0d1117;border-color:#30363d;color:#8b949e}.cp-lec__btn:hover{transform:scale(1.08)}.cp-lec__btn--int:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff;box-shadow:0 0 12px #8b5cf666}.cp-lec__btn--lec:hover{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 0 12px #6366f166}.cp-lec__btn--revisit{background:transparent;border-color:#10b981;color:#10b981}.cp-lec__btn--revisit:hover{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 0 12px #10b98166}.cp--dark .cp-lec__btn--revisit{border-color:#059669;color:#10b981}@media (hover: none){.cp-lec__actions{opacity:1}}.cp-toast{position:absolute;bottom:16px;left:16px;right:16px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:13px;color:#dc2626;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cp--dark .cp-toast{background:#ef44441a;border-color:#ef444433}.cp-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;padding:40px;text-align:center}.cp-auth__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f3f4f6;border-radius:12px;color:#9ca3af}.cp--dark .cp-auth__icon{background:#21262d;color:#6e7681}.cp-auth h3{margin:0;font-size:16px;font-weight:600;color:#111827}.cp--dark .cp-auth h3{color:#f0f6fc}.cp-auth p{margin:0;font-size:13px;color:#6b7280;max-width:220px}.cp--dark .cp-auth p{color:#8b949e}@media (max-width: 1200px){.cp-head,.cp-body{padding:12px 16px}.cp-head__title{font-size:15px}}@media (max-width: 900px){.cp-head,.cp-body{padding:10px 12px}.cp-head__title{font-size:14px}.cp-btn{padding:6px 12px;font-size:12px}.cp-course{padding:12px}.cp-course__title{font-size:13px}}@media (max-width: 768px){.cp-head,.cp-body{padding:8px 10px}.cp-head__title{font-size:13px}.cp-empty{padding:30px 16px}.cp-btn{padding:6px 10px;font-size:11px}.cp-btn--primary{padding:6px 10px}.cp-btn--submit{padding:10px 16px;font-size:12px}.cp-back{width:28px;height:28px}}@media (max-width: 850px) and (max-height: 500px){.cp-head{padding:6px 8px;gap:8px}.cp-body{padding:6px 8px}.cp-head__title{font-size:12px}.cp-head__count{min-width:18px;height:18px;padding:0 5px;font-size:10px}.cp-btn{padding:5px 8px;font-size:10px;gap:4px}.cp-btn svg{width:14px;height:14px}.cp-btn--primary{padding:5px 8px}.cp-btn--submit{padding:8px 12px;font-size:11px}.cp-back{width:26px;height:26px}.cp-back svg{width:16px;height:16px}.cp-course{padding:10px 12px;gap:6px}.cp-course__title{font-size:12px}.cp-course__meta{font-size:10px}.cp-empty{padding:20px 12px;gap:12px}.cp-empty__icon{width:40px;height:40px}.cp-empty__text{font-size:12px}.cp-field label{font-size:11px}.cp-field input[type=text],.cp-field input[type=number],.cp-field textarea{padding:6px 8px;font-size:11px}}@media (max-width: 500px){.cp-head,.cp-body{padding:6px 8px}.cp-head__title{font-size:11px}.cp-btn{padding:4px 6px;font-size:9px}.cp-btn--submit{padding:7px 10px;font-size:10px}.cp-back{width:24px;height:24px}}@media (max-height: 700px){.cp{font-size:13px}.cp-head{padding:10px 16px}.cp-head__title{font-size:14px}.cp-body{padding:12px 16px 40px}.cp-form{gap:12px}.cp-field label{font-size:12px}.cp-field input[type=text],.cp-field input[type=number],.cp-field textarea{padding:8px 10px;font-size:13px}.cp-field textarea{min-height:60px}.cp-btn--submit{padding:10px 16px;font-size:13px}.cp-file-add{padding:8px;font-size:12px}.cp-advanced-btn{padding:8px 0;font-size:12px}.cp-advanced{padding:12px;gap:12px}.cp-empty{padding:24px 16px;gap:12px}.cp-empty__icon{width:44px;height:44px;border-radius:12px}.cp-course{padding:10px 12px}.cp-course__title{font-size:13px}.cp-auth{padding:24px;gap:10px}.cp-auth__icon{width:40px;height:40px;border-radius:10px}.cp-auth h3{font-size:14px}.cp-auth p{font-size:12px}}@media (max-height: 550px){.cp-head{padding:8px 12px}.cp-head__title{font-size:13px}.cp-body{padding:8px 12px 80px}.cp-form{gap:8px}.cp-field label{font-size:11px}.cp-field input[type=text],.cp-field input[type=number],.cp-field textarea{padding:6px 8px;font-size:12px}.cp-field textarea{min-height:50px}.cp-btn--submit{padding:8px 12px;font-size:12px;margin-top:4px}.cp-file-add{padding:6px;font-size:11px}.cp-empty{padding:16px 12px;gap:10px}.cp-empty__icon{width:36px;height:36px;border-radius:10px}.cp-course{padding:8px 10px;gap:6px}.cp-course__title{font-size:12px}.cp-auth{padding:16px;gap:8px}.cp-auth__icon{width:32px;height:32px}.cp-auth h3{font-size:13px}.cp-auth p{font-size:11px}}.admin-dashboard{min-height:100vh;background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.admin-header{position:sticky;top:0;z-index:100;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.admin-header-content{max-width:1400px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.admin-header-left{display:flex;align-items:center;gap:12px}.admin-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff}.admin-title{font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0}.admin-live-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#141414cc;border:1px solid rgba(255,255,255,.08);font-size:11px;color:#a1a1a1}.admin-live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-header-right{display:flex;align-items:center;gap:16px}.admin-refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:#141414;border:1px solid rgba(255,255,255,.08);color:#a1a1a1;font-size:13px;cursor:pointer;transition:all .2s}.admin-refresh-btn:hover{color:#fff;border-color:#3b82f680}.admin-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.admin-refresh-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-refresh-text{display:none}@media (min-width: 640px){.admin-refresh-text{display:inline}}.admin-last-updated{font-size:12px;color:#666;display:none}@media (min-width: 768px){.admin-last-updated{display:block}}.admin-tabs{max-width:1400px;margin:16px auto 0;padding:0 24px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px 8px 0 0;background:transparent;color:#666;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.admin-tab:hover{color:#a1a1a1}.admin-tab.active{background:#141414;color:#fff;border:1px solid rgba(255,255,255,.08);border-bottom:none}.admin-main{max-width:1400px;margin:0 auto;padding:24px}.admin-section{display:flex;flex-direction:column;gap:24px}.admin-error{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;margin-bottom:24px}.admin-quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 768px){.admin-quick-stats{grid-template-columns:repeat(4,1fr)}}.admin-quick-stats-5{grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.admin-quick-stats-5{grid-template-columns:repeat(5,1fr)}}.admin-mini-stat{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#1f1f1f80;border:1px solid rgba(255,255,255,.04)}.admin-mini-stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#141414;color:#a1a1a1}.admin-mini-stat-content{display:flex;flex-direction:column}.admin-mini-stat-value{font-size:20px;font-weight:600;color:#fff}.admin-mini-stat-label{font-size:11px;color:#666}.admin-feature-section{margin-top:8px}.admin-section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#a1a1a1;margin:0 0 16px}.admin-feature-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}@media (min-width: 640px){.admin-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.admin-feature-grid{grid-template-columns:repeat(4,1fr)}}.admin-feature-card{position:relative;padding:20px;border-radius:16px;background:#141414;border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:all .2s}.admin-feature-card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.admin-feature-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.admin-feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px}.admin-feature-percent{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.admin-feature-value{font-size:28px;font-weight:700;color:#fff;margin-bottom:4px}.admin-feature-label{font-size:13px;color:#666}.admin-feature-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff0d}.admin-feature-progress-bar{height:100%;transition:width .5s ease-out}.admin-card{padding:20px;border-radius:16px;background:#141414;border:1px solid rgba(255,255,255,.08)}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-link-btn{background:none;border:none;color:#3b82f6;font-size:12px;cursor:pointer;padding:0}.admin-link-btn:hover{text-decoration:underline}.admin-chart{display:flex;align-items:flex-end;gap:6px;height:180px;padding-top:20px}.admin-chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.admin-chart-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;border-radius:6px;background:#0a0a0a;border:1px solid rgba(255,255,255,.08);font-size:11px;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.admin-chart-bar-wrapper:hover .admin-chart-tooltip{opacity:1}.admin-chart-bar{width:100%;border-radius:4px 4px 0 0;background:#3b82f64d;position:relative;transition:all .3s}.admin-chart-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#3b82f6;border-radius:4px 4px 0 0}.admin-chart-bar-wrapper:hover .admin-chart-bar{background:#3b82f680}.admin-chart-label{margin-top:8px;font-size:9px;color:#666}.admin-top-users{display:flex;flex-direction:column;gap:8px}.admin-top-user-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;transition:background .2s}.admin-top-user-row:hover{background:#1f1f1f80}.admin-user-rank{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#1f1f1fcc;font-size:12px;font-weight:500;color:#666}.admin-user-info{flex:1;min-width:0}.admin-user-id{display:block;font-family:SF Mono,Monaco,monospace;font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-time{font-size:11px;color:#666}.admin-user-features{display:flex;gap:6px}.admin-feature-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.admin-user-total{font-size:14px;font-weight:600;color:#fff;min-width:32px;text-align:right}.admin-table-card{padding:0;overflow:hidden}.admin-table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:center;padding:14px 16px;font-weight:500;color:#666;background:#1f1f1f80;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.admin-table th:first-child{text-align:left}.admin-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.admin-table th.sortable:hover{color:#fff}.admin-table th svg{margin-left:4px;vertical-align:middle;color:#3b82f6}.admin-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.04);text-align:center}.admin-table td:first-child{text-align:left}.admin-table tr.clickable{cursor:pointer;transition:background .2s}.admin-table tr.clickable:hover{background:#1f1f1f4d}.admin-user-cell{display:flex;align-items:center;gap:8px}.admin-expand-icon{display:flex;align-items:center;color:#666;transition:transform .2s}.admin-expand-icon.expanded{transform:rotate(180deg)}.admin-user-id-cell{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;color:#fff;font-weight:500}.admin-user-guest{color:#888;font-style:italic}.admin-user-email{font-size:10px;color:#666}.admin-total-cell{font-weight:600;color:#fff}.admin-time-cell{color:#666;font-size:12px}.admin-empty-cell{text-align:center!important;color:#666;padding:48px 16px!important}.admin-expanded-row{background:#0a0a0a}.admin-expanded-row td{padding:16px!important}.admin-user-detail{display:flex;flex-direction:column;gap:12px}.admin-user-detail-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:#141414}.admin-detail-bar-segment{height:100%;transition:width .3s}.admin-user-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.admin-detail-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.admin-detail-stat span:first-child{font-size:16px;font-weight:600}.admin-detail-stat span:last-child{font-size:10px;color:#666;text-transform:capitalize}.admin-user-detail-meta{display:flex;gap:24px;font-size:11px;color:#666}.admin-user-detail-meta span{display:flex;align-items:center;gap:6px}.admin-distribution{display:flex;flex-direction:column;gap:20px}.admin-distribution-row{display:flex;flex-direction:column;gap:8px}.admin-distribution-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff}.admin-distribution-values{display:flex;gap:12px}.admin-distribution-count{font-size:14px;font-weight:600;color:#fff}.admin-distribution-percent{font-size:12px;color:#666}.admin-distribution-bar-bg{height:10px;border-radius:5px;background:#1f1f1fcc;overflow:hidden}.admin-distribution-bar{height:100%;border-radius:5px;transition:width .7s ease-out}.admin-insights-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}@media (min-width: 768px){.admin-insights-grid{grid-template-columns:repeat(3,1fr)}}.admin-insight-card{display:flex;flex-direction:column;gap:4px;padding:20px;border-radius:12px;background:#1f1f1f80;border:1px solid rgba(255,255,255,.04)}.admin-insight-value{font-size:28px;font-weight:700;color:#fff}.admin-insight-label{font-size:12px;color:#666}.admin-feedback-summary{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.admin-feedback-stat{display:flex;align-items:center;gap:12px}.admin-feedback-stat.positive .admin-feedback-icon{background:#10b9811a;color:#34d399}.admin-feedback-stat.negative .admin-feedback-icon{background:#ef44441a;color:#f87171}.admin-feedback-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px}.admin-feedback-value{display:block;font-size:24px;font-weight:700;color:#fff}.admin-feedback-label{font-size:12px;color:#666}.admin-feedback-divider{width:1px;height:48px;background:#ffffff14}.admin-feedback-total{margin-left:auto;text-align:right}.admin-feedback-total-value{display:block;font-size:32px;font-weight:700;color:#fff}.admin-feedback-total-label{font-size:12px;color:#666}.admin-feedback-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.admin-feedback-item{display:flex;gap:12px;padding:16px;border-radius:12px;background:#1f1f1f4d;border:1px solid rgba(255,255,255,.04)}.admin-feedback-item.like{border-left:3px solid #10b981}.admin-feedback-item.dislike{border-left:3px solid #ef4444}.admin-feedback-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.admin-feedback-item.like .admin-feedback-item-icon{background:#10b9811a;color:#34d399}.admin-feedback-item.dislike .admin-feedback-item-icon{background:#ef44441a;color:#f87171}.admin-feedback-item-content{flex:1;min-width:0}.admin-feedback-item-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.admin-feedback-type{font-size:12px;font-weight:600}.admin-feedback-type.like{color:#34d399}.admin-feedback-type.dislike{color:#f87171}.admin-feedback-time{font-size:11px;color:#666}.admin-feedback-topic{font-size:12px;color:#a1a1a1;margin-bottom:4px}.admin-feedback-comment{font-size:13px;color:#fff;font-style:italic;margin-bottom:4px}.admin-feedback-user{font-size:10px;font-family:SF Mono,Monaco,monospace;color:#666}.admin-empty{display:flex;align-items:center;justify-content:center;padding:48px;color:#666;font-size:14px}.admin-dashboard ::-webkit-scrollbar{width:6px;height:6px}.admin-dashboard ::-webkit-scrollbar-track{background:transparent}.admin-dashboard ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.admin-dashboard ::-webkit-scrollbar-thumb:hover{background:#fff3}.coming-soon-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.coming-soon-modal{position:relative;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:24px;padding:40px 48px;max-width:420px;width:90%;text-align:center;box-shadow:0 25px 80px -20px #0006;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.coming-soon-modal__close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.coming-soon-modal__close:hover{background:var(--color-border);color:var(--color-text-primary)}.coming-soon-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,var(--color-primary),#8b5cf6);border-radius:20px;color:#fff;margin-bottom:24px;box-shadow:0 8px 32px -8px var(--color-primary)}.coming-soon-modal__title{margin:0 0 8px;font-size:1.75rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.coming-soon-modal__feature{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:var(--color-primary)}.coming-soon-modal__description{margin:0 0 32px;font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.coming-soon-modal__wishlist{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,var(--color-primary),#6366f1);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px -4px var(--color-primary)}.coming-soon-modal__wishlist:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px -4px var(--color-primary)}.coming-soon-modal__wishlist.is-wishlisted{background:var(--color-success);box-shadow:0 4px 16px -4px var(--color-success);cursor:default}.coming-soon-modal__wishlist:disabled{opacity:1}.coming-soon-modal__toast{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);background:var(--color-text-primary);color:var(--color-background);padding:12px 20px;border-radius:10px;font-size:.875rem;font-weight:500;white-space:nowrap;animation:toastIn .3s ease-out;box-shadow:0 8px 24px #0003}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes borderBeam{0%{--angle: 0deg}to{--angle: 360deg}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.unified-input__beam-wrapper{position:relative;width:100%;max-width:620px;margin:0 auto;border-radius:18px;padding:2px;background:conic-gradient(from var(--angle) at 50% 50%,transparent 0%,transparent 20%,color-mix(in srgb,var(--color-primary) 80%,transparent) 35%,color-mix(in srgb,var(--color-primary) 100%,white) 50%,color-mix(in srgb,var(--color-primary) 80%,transparent) 65%,transparent 80%,transparent 100%);animation:borderBeam 4s linear infinite;box-shadow:0 0 20px color-mix(in srgb,var(--color-primary) 15%,transparent),inset 0 1px color-mix(in srgb,white 8%,transparent)}.unified-input__beam-wrapper:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:19px;padding:1px;background:conic-gradient(from calc(var(--angle) + 180deg) at 50% 50%,transparent 0%,transparent 30%,color-mix(in srgb,var(--color-primary) 40%,transparent) 45%,color-mix(in srgb,var(--color-primary) 60%,transparent) 50%,color-mix(in srgb,var(--color-primary) 40%,transparent) 55%,transparent 70%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none}.unified-input__beam-wrapper:after{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--color-primary) 20%,transparent) 0%,transparent 70%);filter:blur(20px);z-index:-1;opacity:.8;pointer-events:none}.unified-input__beam-wrapper:focus-within{animation-duration:2s;box-shadow:0 0 40px color-mix(in srgb,var(--color-primary) 25%,transparent),0 0 80px color-mix(in srgb,var(--color-primary) 10%,transparent),inset 0 1px color-mix(in srgb,white 12%,transparent)}.unified-input__beam-wrapper:focus-within:after{opacity:1;filter:blur(30px)}@keyframes beamPulse{0%,to{opacity:1}50%{opacity:.85}}.unified-input__beam-wrapper:not(:focus-within){animation:borderBeam 6s linear infinite,beamPulse 3s ease-in-out infinite}@keyframes borderCirculate{0%{border-image-source:linear-gradient(90deg,var(--color-primary) 0%,transparent 20%,transparent 80%,var(--color-primary) 100%)}25%{border-image-source:linear-gradient(90deg,transparent 0%,var(--color-primary) 20%,transparent 40%,transparent 100%)}50%{border-image-source:linear-gradient(90deg,transparent 0%,transparent 40%,var(--color-primary) 60%,transparent 100%)}75%{border-image-source:linear-gradient(90deg,transparent 0%,transparent 60%,var(--color-primary) 80%,transparent 100%)}to{border-image-source:linear-gradient(90deg,var(--color-primary) 0%,transparent 20%,transparent 80%,var(--color-primary) 100%)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.unified-input-stack{display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto;gap:8px}.unified-input{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:620px;margin:0 auto;padding:0;gap:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;z-index:10}.unified-input__header{width:100%;margin-bottom:8px;animation:fadeInDown .6s ease-out;display:flex;align-items:center;justify-content:center;gap:0}.unified-input__logo-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:flex-end;margin-right:-8px}.unified-input__logo .brand-logo__icon{background-size:220% 220%;animation:leafFluidFlow 18s linear infinite}.unified-input__header-text{text-align:left}.unified-input__title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 6px;letter-spacing:-.5px}.unified-input__subtitle{font-size:16px;font-weight:400;color:var(--color-text-secondary);margin:0;letter-spacing:-.2px;opacity:.7}@keyframes leafFluidFlow{0%{background-position:0% 50%;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-primary) 22%,transparent))}25%{background-position:50% 0%;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--color-primary) 16%,transparent))}50%{background-position:100% 50%;filter:drop-shadow(0 0 11px color-mix(in srgb,var(--color-primary) 24%,transparent))}75%{background-position:50% 100%;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--color-primary) 18%,transparent))}to{background-position:0% 50%;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-primary) 22%,transparent))}}.unified-input__container{position:relative;width:100%;background:var(--color-background);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease;z-index:1}.unified-input__beam-wrapper .unified-input__container{background:linear-gradient(135deg,var(--color-background) 0%,color-mix(in srgb,var(--color-background) 98%,var(--color-primary)) 100%)}.unified-input__container:focus-within{transform:translateY(-1px)}.unified-input__field-wrapper{width:100%}.unified-input__textarea{width:100%;min-height:48px;padding:4px 2px;background:transparent;border:none;color:var(--color-text-primary);font-family:inherit;font-size:15px;line-height:1.5;resize:none;outline:none}.unified-input__textarea::placeholder{color:var(--color-text-muted);opacity:.4}.unified-input__actions{display:flex;align-items:center;padding-top:6px;gap:6px}.unified-input__mode-wrapper{position:relative}.unified-input__mode-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:color-mix(in srgb,var(--color-primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 15%,transparent);border-radius:8px;color:var(--color-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.unified-input__mode-btn-icon{display:flex;align-items:center;justify-content:center;opacity:.9}.unified-input__mode-btn-icon svg{width:16px;height:16px}.unified-input__mode-btn-label{text-transform:capitalize;letter-spacing:0}.unified-input__mode-btn:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:color-mix(in srgb,var(--color-primary) 25%,transparent);transform:translateY(-1px)}.unified-input__mode-btn svg{transition:transform .2s ease;opacity:.6}.unified-input__mode-btn svg.rotated{transform:rotate(180deg)}.unified-input__mode-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:min(260px,90vw);background:linear-gradient(135deg,var(--color-background) 0%,color-mix(in srgb,var(--color-background) 97%,var(--color-primary)) 100%);border:1px solid color-mix(in srgb,var(--color-border) 80%,var(--color-primary));border-radius:10px;padding:4px;z-index:2000;box-shadow:0 12px 40px -10px #0000004d,0 0 0 1px color-mix(in srgb,var(--color-primary) 6%,transparent),inset 0 1px color-mix(in srgb,white 3%,transparent);display:flex;flex-direction:column;gap:2px;animation:dropdownFadeIn .2s cubic-bezier(.2,0,0,1);transform-origin:top left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.unified-input__mode-option{display:flex;flex-direction:row;align-items:center;gap:8px;padding:6px 10px;background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:all .15s ease;font-family:inherit;position:relative}.unified-input__mode-option:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.unified-input__mode-option.is-active{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.unified-input__mode-option-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-radius:7px;color:var(--color-primary);flex-shrink:0;transition:all .15s ease}.unified-input__mode-option-icon svg{width:16px;height:16px}.unified-input__mode-option:hover .unified-input__mode-option-icon{background:color-mix(in srgb,var(--color-primary) 15%,transparent);transform:scale(1.05)}.unified-input__mode-option.is-active .unified-input__mode-option-icon{background:var(--color-primary);color:#fff}.unified-input__mode-option-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.unified-input__mode-option-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.unified-input__mode-option-label{font-size:12px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.unified-input__mode-option.is-active .unified-input__mode-option-label{color:var(--color-primary)}.unified-input__mode-option-time{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:500;padding:1px 5px;border-radius:5px;white-space:nowrap}.unified-input__mode-option-time.time-instant{background:color-mix(in srgb,#10b981 15%,transparent);color:#10b981}.unified-input__mode-option-time.time-fast{background:color-mix(in srgb,#3b82f6 15%,transparent);color:#3b82f6}.unified-input__mode-option-time.time-medium{background:color-mix(in srgb,#f59e0b 15%,transparent);color:#f59e0b}.unified-input__mode-option-time.time-slow{background:color-mix(in srgb,#8b5cf6 15%,transparent);color:#8b5cf6}.unified-input__mode-option-time svg{width:9px;height:9px;opacity:.8}.unified-input__mode-option-desc{font-size:10px;color:var(--color-text-secondary);line-height:1.3;opacity:.7}.unified-input__mode-option-check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--color-primary);border-radius:50%;color:#fff;flex-shrink:0;animation:checkPop .2s cubic-bezier(.2,0,0,1)}@keyframes checkPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.unified-input__attach-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.unified-input__attach-btn:hover{background:color-mix(in srgb,var(--color-primary) 4%,transparent);color:var(--color-text-primary)}.unified-input__file-input{display:none}.unified-input__send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 20%,transparent);margin-left:auto}.unified-input__send-btn:hover:not(:disabled){transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 25%,transparent)}.unified-input__send-btn:active:not(:disabled){transform:translateY(0) scale(.95)}.unified-input__send-btn:disabled{background:var(--color-background-hover);color:var(--color-text-disabled);box-shadow:none;cursor:not-allowed;opacity:.5}.unified-input__attachment-preview{margin-top:8px;width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;background:color-mix(in srgb,var(--color-primary) 3%,transparent);border:1px solid var(--color-border);border-radius:10px;font-size:13px}.unified-input__attachment-icon{color:var(--color-primary);display:flex;align-items:center}.unified-input__attachment-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.unified-input__attachment-name{font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-input__attachment-size{font-size:11px;color:var(--color-text-secondary);opacity:.7}.unified-input__attachment-remove{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer}.unified-input__attachment-remove:hover{background:#0000001a;color:var(--color-error, #ef4444)}.unified-input__configs{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;margin-top:4px;padding-top:4px;flex-wrap:nowrap}.unified-input__config-row{display:flex;align-items:center;gap:8px;flex-shrink:0}.unified-input__config-label{font-size:10px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;min-width:auto;opacity:.8;white-space:nowrap}.unified-input__config-chips{display:flex;gap:4px;flex-wrap:nowrap}.unified-input__config-chip{padding:4px 10px;background:transparent;border:1px solid var(--color-border);border-radius:16px;color:var(--color-text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.unified-input__config-chip:hover:not(:disabled){border-color:var(--color-text-primary);color:var(--color-text-primary);background:color-mix(in srgb,var(--color-primary) 3%,transparent)}.unified-input__config-chip.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.unified-input__config-chip:disabled{opacity:.4;cursor:not-allowed}.unified-input--transitioning{animation:unifiedInputToChat .6s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes unifiedInputToChat{0%{opacity:1;transform:translateY(0) scale(1)}30%{opacity:.8;transform:translateY(10px) scale(.98)}70%{opacity:.3;transform:translateY(60vh) scale(.9)}to{opacity:0;transform:translateY(100vh) scale(.85)}}.unified-input--transitioning .unified-input__container{animation:inputContainerToBottom .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes inputContainerToBottom{0%{max-width:620px;margin:0 auto;border-radius:16px;padding:12px 14px}50%{max-width:calc(100% - 32px);margin:0 16px;border-radius:20px;padding:10px 12px}to{max-width:calc(100% - 28px);margin:0 14px;border-radius:24px;padding:4px 4px 4px 10px}}.unified-input--transitioning .unified-input__header{animation:headerFadeOut .4s ease-out forwards}@keyframes headerFadeOut{to{opacity:0;transform:translateY(-20px)}}@media (max-width: 768px){.unified-input{padding:20px 16px}.unified-input__header{flex-direction:row;align-items:center;justify-content:center;gap:10px}.unified-input__logo-wrapper{width:96px;height:96px;justify-content:flex-end;margin-right:-6px}.unified-input__title{font-size:24px}.unified-input__subtitle{font-size:14px}.unified-input__container{padding:8px 10px;border-radius:12px}.unified-input__textarea{font-size:14px;min-height:40px}.unified-input__mode-dropdown{min-width:240px;max-width:90vw;left:0;z-index:2000;padding:3px;box-shadow:0 10px 36px -10px #00000080,0 0 0 1px color-mix(in srgb,var(--color-primary) 8%,transparent)}.unified-input__mode-option{padding:5px 8px;gap:7px}.unified-input__mode-option-icon{width:26px;height:26px}.unified-input__mode-option-icon svg{width:14px;height:14px}.unified-input__mode-option-label{font-size:11px}.unified-input__mode-option-desc{font-size:9px}.unified-input__mode-option-time{font-size:8px;padding:1px 4px}}@media (max-width: 900px){.unified-input{max-width:560px;padding:0}.unified-input__logo-wrapper{width:100px;height:100px}.unified-input__title{font-size:26px}.unified-input__subtitle{font-size:15px}.unified-input__container{padding:10px 12px}.unified-input__textarea{font-size:14px;min-height:44px}.unified-input__mode-btn,.unified-input__attach-btn{padding:5px 10px;font-size:11px}.unified-input__send-btn{width:30px;height:30px}}@media (max-width: 850px) and (max-height: 500px){.unified-input{max-width:520px;padding:16px 12px;gap:12px}.unified-input__header{margin-bottom:4px}.unified-input__logo-wrapper{width:70px;height:70px;margin-right:-4px}.unified-input__title{font-size:20px}.unified-input__subtitle{font-size:12px}.unified-input__container{padding:8px 10px;border-radius:10px;gap:6px}.unified-input__textarea{font-size:13px;min-height:36px;padding:3px 1px}.unified-input__actions{padding-top:4px;gap:5px}.unified-input__mode-btn{padding:4px 8px;font-size:10px;gap:6px}.unified-input__mode-btn-icon svg{width:14px;height:14px}.unified-input__attach-btn{padding:4px 8px;font-size:10px;gap:5px}.unified-input__attach-btn svg{width:14px;height:14px}.unified-input__send-btn{width:28px;height:28px}.unified-input__send-btn svg{width:16px;height:16px}.unified-input__configs{margin-top:6px;padding-top:6px;gap:12px;justify-content:center;flex-wrap:nowrap}.unified-input__config-label{font-size:9px;min-width:auto}.unified-input__config-chips{gap:3px}.unified-input__config-chip{padding:3px 8px;font-size:10px}}@media (max-width: 500px){.unified-input{max-width:100%;padding:12px 10px}.unified-input__logo-wrapper{width:60px;height:60px}.unified-input__title{font-size:18px}.unified-input__subtitle{font-size:11px}.unified-input__textarea{font-size:12px;min-height:32px}.unified-input__mode-btn,.unified-input__attach-btn{padding:4px 6px;font-size:9px}.unified-input__send-btn{width:26px;height:26px}.unified-input__configs{margin-top:3px;padding-top:3px;gap:8px;justify-content:center;flex-wrap:nowrap}.unified-input__config-label{font-size:8px;min-width:auto;white-space:nowrap}.unified-input__config-chips{gap:2px}.unified-input__config-chip{padding:2px 6px;font-size:9px;border-radius:10px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.unified-input--transitioning-out{animation:homepageExit .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes homepageExit{to{opacity:0;transform:scale(.95) translateY(20px)}}.unified-input__header--transitioning{animation:headerFadeUp .3s ease-out forwards}@keyframes headerFadeUp{to{opacity:0;transform:translateY(-20px)}}.unified-input__container--transitioning{animation:inputDropToBottom .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes inputDropToBottom{0%{position:relative}to{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:800px;opacity:0}}@media (max-height: 600px){.unified-input-stack{gap:6px!important}.unified-input{padding:12px 16px!important}.unified-input__textarea{min-height:40px!important;padding-top:15px!important;font-size:14px!important}.unified-input__bottom{padding-top:6px!important;margin-top:6px!important}.unified-input__options{padding-top:6px!important;margin-top:6px!important;gap:8px!important}.unified-input__option-btn{font-size:10px!important;padding:3px 8px!important}.unified-input__send-btn{width:32px!important;height:32px!important}}@media (max-height: 500px){.unified-input__header{display:none!important}.unified-input-stack{gap:4px!important}.unified-input{gap:10px!important}.unified-input__textarea{min-height:36px!important;font-size:13px!important}}@media (max-height: 500px){.unified-input-stack{gap:2px!important}.unified-input{padding:6px 12px!important;gap:6px!important}.unified-input__container{padding:6px 10px!important}.unified-input__textarea{min-height:80px!important;max-height:80px!important;padding-top:10px!important}.unified-input__configs{padding:0!important;margin:0!important;gap:4px!important}.unified-input__config-row{margin:0!important}.unified-input__config-chip{padding:1px 6px!important;font-size:9px!important}.unified-input__config-label{font-size:9px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes breatheGlow{0%,to{opacity:0;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}@keyframes nudgeRight{0%,60%,to{transform:translate(0)}30%{transform:translate(3px)}}@keyframes ctaPulse{0%,to{box-shadow:0 0 0 0 var(--card-glow)}50%{box-shadow:0 0 8px 2px var(--card-glow)}}.demo-examples{position:relative;width:100%;max-width:650px;margin:0 auto;padding:0 12px;display:flex;flex-direction:column;align-items:center;gap:4px;animation:fadeIn .5s ease-out;max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.demo-examples::-webkit-scrollbar{width:4px}.demo-examples::-webkit-scrollbar-track{background:transparent}.demo-examples::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.demo-examples__close{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;opacity:.5;transition:all .2s ease}.demo-examples__close:hover{opacity:1;background:color-mix(in srgb,var(--color-text-muted) 10%,transparent)}.demo-examples__intro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.demo-examples__badges{margin-bottom:4px}.demo-examples__version{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#d4a574;background:linear-gradient(135deg,#d4a5741f,#b98e5f14);padding:5px 12px;border-radius:99px;border:1px solid rgba(212,165,116,.2)}.demo-examples__welcome{font-size:22px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.03em;margin:0;line-height:1.25}.demo-examples__cta{font-size:14px;color:var(--color-text-secondary);margin:0;opacity:.9;font-weight:500;line-height:1.4}.demo-examples__intro:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);border-radius:2px;margin-top:6px;opacity:.5}.demo-examples__cards{display:flex;flex-direction:row;gap:14px;width:100%;justify-content:center}.demo-card{--card-bg: var(--color-input-bg, rgba(255, 255, 255, .04));--card-border: var(--color-border, rgba(255, 255, 255, .08));--card-accent: var(--color-primary);--card-glow: transparent;position:relative;text-align:left;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:18px 16px 14px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:all .35s cubic-bezier(.16,1,.3,1);overflow:hidden;animation:cardSlideIn .4s cubic-bezier(.16,1,.3,1) backwards;box-sizing:border-box}.demo-card__glow-ring{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:16px;border:1.5px solid var(--card-accent);opacity:0;pointer-events:none;animation:breatheGlow 3s ease-in-out infinite;animation-delay:inherit}.demo-card:nth-child(1) .demo-card__glow-ring{animation-delay:0s}.demo-card:nth-child(2) .demo-card__glow-ring{animation-delay:1s}.demo-card:nth-child(3) .demo-card__glow-ring{animation-delay:2s}.demo-card--lecture{--card-bg: var(--color-background);--card-border: color-mix(in srgb, var(--color-primary) 40%, transparent);--card-accent: color-mix(in srgb, var(--color-primary) 70%, transparent);--card-glow: color-mix(in srgb, var(--color-primary) 20%, transparent)}.demo-card--slides{--card-bg: var(--color-background);--card-border: color-mix(in srgb, var(--color-secondary) 40%, transparent);--card-accent: color-mix(in srgb, var(--color-secondary) 70%, transparent);--card-glow: color-mix(in srgb, var(--color-secondary) 20%, transparent)}.demo-card--guided{--card-bg: var(--color-background);--card-border: color-mix(in srgb, var(--color-success, #10b981) 40%, transparent);--card-accent: color-mix(in srgb, var(--color-success, #10b981) 70%, transparent);--card-glow: color-mix(in srgb, var(--color-success, #10b981) 20%, transparent)}.demo-card:hover:not(:disabled){transform:translateY(-6px) scale(1.02);border-color:var(--card-accent);box-shadow:0 16px 40px -8px var(--card-glow),0 0 0 1px var(--card-accent)}.demo-card:hover:not(:disabled) .demo-card__glow-ring{animation:none;opacity:0}.demo-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--card-accent) 50%,transparent 100%);background-size:200% 100%;opacity:0;transition:opacity .3s ease}.demo-card:hover:before{opacity:1;animation:shimmer 1.5s ease-in-out infinite}.demo-card:active:not(:disabled){transform:translateY(-2px) scale(.99);transition-duration:.1s}.demo-card.is-disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6);pointer-events:none}.demo-card.is-disabled .demo-card__glow-ring{animation:none;opacity:0}.demo-card__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.demo-card__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--color-input-bg, rgba(255, 255, 255, .05));border:1px solid var(--card-border);color:var(--card-accent);transition:all .3s ease}.demo-card:hover .demo-card__icon{background:var(--card-accent);border-color:var(--card-accent);color:#fff;transform:scale(1.08)}.demo-card__label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--card-accent);background:transparent;border:1px solid var(--card-border);padding:4px 8px;border-radius:6px;opacity:.9}.demo-card__content{display:flex;flex-direction:column;gap:4px;flex:1}.demo-card__title{font-size:13.5px;font-weight:650;color:var(--color-text-primary);margin:0;line-height:1.3;letter-spacing:-.01em}.demo-card__prompt{font-size:11px;color:var(--color-text-secondary);line-height:1.5;margin:0;opacity:.7;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-card__cta{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 25%,transparent);padding:5px 10px;border-radius:8px;margin-top:auto;width:fit-content;transition:all .3s cubic-bezier(.16,1,.3,1);animation:ctaPulse 3s ease-in-out infinite}.demo-card:nth-child(1) .demo-card__cta{animation-delay:.5s}.demo-card:nth-child(2) .demo-card__cta{animation-delay:1.5s}.demo-card:nth-child(3) .demo-card__cta{animation-delay:2.5s}.demo-card__cta-arrow{transition:transform .3s ease;animation:nudgeRight 2s ease-in-out infinite}.demo-card:hover .demo-card__cta{background:var(--card-accent);color:#fff;border-color:var(--card-accent);animation:none;box-shadow:0 2px 10px var(--card-glow)}.demo-card:hover .demo-card__cta-arrow{animation:none;transform:translate(2px)}@media (max-width: 768px){.demo-examples{padding:24px 12px;gap:20px}.demo-examples__welcome{font-size:18px}.demo-examples__cta{font-size:13px}.demo-examples__cards{gap:10px;padding:0 4px}.demo-card{padding:14px 12px 12px;gap:8px;border-radius:14px}.demo-card__icon{width:30px;height:30px;border-radius:8px}.demo-card__icon svg{width:15px;height:15px}.demo-card__label{font-size:8px;padding:3px 6px}.demo-card__title{font-size:12px}.demo-card__prompt{font-size:10px}.demo-card__cta{font-size:9px;padding:4px 8px}}@media (max-width: 480px){.demo-examples{padding:20px 8px;gap:16px}.demo-examples__version{font-size:9px;padding:4px 10px}.demo-examples__welcome{font-size:16px}.demo-examples__cta{font-size:12px}.demo-examples__cards{gap:8px;padding:0}.demo-card{padding:12px 10px 10px;gap:6px;border-radius:12px}.demo-card__top{flex-direction:column;align-items:flex-start;gap:6px}.demo-card__icon{width:28px;height:28px}.demo-card__icon svg{width:14px;height:14px}.demo-card__label{font-size:7px;padding:2px 5px}.demo-card__title{font-size:11px}.demo-card__prompt{font-size:9px;line-height:1.4}.demo-card__cta{font-size:8px;padding:3px 7px}}@media (max-width: 360px){.demo-examples__cards{gap:6px}.demo-card{padding:10px 8px 8px}.demo-card__title{font-size:10px}.demo-card__prompt{font-size:8px}}@media (max-height: 600px){.demo-examples{padding:10px 12px!important;gap:12px!important;max-height:200px!important}.demo-examples__intro{gap:4px!important}.demo-examples__welcome{font-size:16px!important}.demo-examples__cta{display:none!important}.demo-card{padding:10px 12px 8px!important;max-width:180px!important}.demo-card__glow-ring{animation:none!important;opacity:0!important}}@media (max-height: 500px){.demo-examples{padding:6px 10px!important;gap:8px!important}.demo-examples__welcome,.demo-examples__intro{display:none!important}.demo-card{padding:6px 10px!important;max-width:160px!important;height:70px!important}.demo-card__icon{width:24px!important;height:24px!important}.demo-card__title{font-size:10px!important}.demo-card__prompt{font-size:8px!important;-webkit-line-clamp:1!important;line-clamp:1!important}.demo-card__cta{display:none!important}}@media (max-height: 450px){.demo-examples{display:none!important}}