*{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 slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@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}@keyframes spin{to{transform:rotate(360deg)}}.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}}.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}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.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}}.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}}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}}.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}}.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}}.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}}