@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Caveat:wght@400;600;700&display=swap";:root{--bg-paper: #fdfbf7;--bg-paper-rgb: 253, 251, 247;--bg-main: #faf7f2;--bg-main-rgb: 250, 247, 242;--bg-texture: linear-gradient(135deg, #fdfbf7 0%, #faf7f2 100%);--text-primary: #2d2d2d;--text-secondary: #6a6a6a;--text-muted: #9a9a9a;--accent-warm: #c4a35a;--accent-warm-rgb: 196, 163, 90;--accent-warm-light: #d4b870;--accent-warm-dark: #a08040;--border-soft: #ddd8cc;--border-softer: #e5e0d4;--card-bg: #ffffff;--surface-rgb: 255, 255, 255;--card-shadow: 0 2px 20px rgba(0, 0, 0, .04);--card-shadow-hover: 0 4px 30px rgba(0, 0, 0, .08);--overlay-bg: rgba(0, 0, 0, .3);--bg-elevated: #f0ede8;--category-study: #6B8E23;--category-work: #4682B4;--category-building: #CD853F;--category-content: #9370DB;--category-rest: #708090;--category-health: #6B8E23;--category-social: #CD853F;--category-creative: #9370DB;--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-handwritten: "Caveat", cursive;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}:root.dark{--bg-paper: #121214;--bg-paper-rgb: 18, 18, 20;--bg-main: #0a0a0c;--bg-main-rgb: 10, 10, 12;--bg-texture: radial-gradient(circle at 50% -20%, #1e1e22 0%, #0a0a0c 100%);--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #52525b;--accent-warm: #d4b870;--accent-warm-rgb: 212, 184, 112;--accent-warm-light: #e0c880;--accent-warm-dark: #c4a35a;--border-soft: #27272a;--border-softer: #18181b;--card-bg: #18181b;--surface-rgb: 24, 24, 27;--card-shadow: 0 10px 30px rgba(0, 0, 0, .4);--card-shadow-hover: 0 15px 40px rgba(0, 0, 0, .5);--overlay-bg: rgba(0, 0, 0, .8);--bg-elevated: #1e1e22}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-texture);color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}h1{font-size:2.5rem;color:var(--text-primary)}h2{font-size:1.75rem;color:var(--text-primary)}h3{font-size:1.25rem;color:var(--text-secondary)}p{color:var(--text-secondary);font-weight:400}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;transition:var(--transition-normal)}button:focus{outline:none}button:active{transform:scale(.96)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--card-bg);border:1.5px solid var(--border-soft);border-radius:var(--radius-xl);font-size:1rem;font-weight:500;color:var(--text-primary);box-shadow:var(--card-shadow)}.btn-primary:hover{border-color:var(--accent-warm);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary .icon{color:var(--accent-warm);font-size:1.25rem}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:1.5px solid var(--border-soft);border-radius:var(--radius-xl);font-size:.9rem;font-weight:500;color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--text-secondary);color:var(--text-primary)}.card{background:var(--card-bg);border:1px solid var(--border-softer);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:var(--spacing-lg)}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],textarea{font-family:var(--font-body);width:100%;padding:var(--spacing-md);background:var(--bg-paper);border:1.5px solid var(--border-soft);border-radius:var(--radius-md);font-size:1rem;color:var(--text-primary);transition:var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--accent-warm);background:var(--card-bg)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:100px}.checkbox-container{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox{width:22px;height:22px;border:2px solid var(--border-soft);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.checkbox.checked{border-color:var(--accent-warm);background:var(--accent-warm)}.checkbox.checked:after{content:"";width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.btn-icon{width:16px;height:16px;margin-right:var(--spacing-xs)}.overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:var(--transition-normal);padding:var(--spacing-lg)}.overlay.active{opacity:1;visibility:visible}.overlay.maximized{padding:0}.overlay-content{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000026;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;transform:translateY(20px) scale(.95);transition:var(--transition-slow)}.overlay.active .overlay-content{transform:translateY(0) scale(1)}.overlay-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-softer);display:flex;align-items:center;justify-content:space-between}.overlay-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.overlay-close{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-fast)}.overlay-close svg{width:20px;height:20px}.overlay-close:hover{background:var(--bg-paper);color:var(--text-primary);transform:rotate(90deg)}.overlay-body{padding:var(--spacing-lg)}.overlay-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-softer);display:flex;justify-content:flex-end;gap:var(--spacing-md)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease forwards}.animate-slideUp{animation:slideUp var(--transition-slow) ease forwards}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:600px){:root{--spacing-lg: 20px;--spacing-xl: 28px}h1{font-size:2rem}.overlay{padding:0!important;overflow:hidden}.overlay-content{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;border-radius:0!important;margin:0!important;overflow-y:auto;box-shadow:none!important}.overlay-header{position:sticky;top:0;z-index:10;background:var(--card-bg)}}.dark-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--bg-paper);border:1px solid var(--border-soft);color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}.dark-icon-btn:hover{border-color:var(--accent-warm);color:var(--accent-warm);transform:translateY(-2px);box-shadow:0 4px 12px #e8a8381a}.dark-icon-btn svg{width:18px;height:18px}.dark-pill-btn{display:flex;align-items:center;gap:8px;padding:0 16px;height:38px;border-radius:20px;background:var(--bg-paper);border:1px solid var(--border-soft);color:var(--text-secondary);font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.dark-pill-btn:hover{border-color:var(--accent-warm);color:var(--accent-warm);transform:translateY(-2px);box-shadow:0 4px 12px #e8a8381a}.dark-pill-btn .btn-icon{display:flex;align-items:center;justify-content:center}.dark-pill-btn .btn-icon svg{width:18px;height:18px}.dark-pill-btn .mg-chevron{width:14px;height:14px;color:var(--text-muted);margin-left:-2px}.light-pill-btn{display:flex;align-items:center;gap:8px;padding:0 18px;height:38px;border-radius:20px;background:var(--bg-paper);color:var(--text-primary);border:1px solid var(--border-soft);font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.light-pill-btn.send-active{background:var(--accent-warm);color:#fff;box-shadow:0 4px 12px #e8a8384d}.light-pill-btn.stop-btn{background:#e74c3c;color:#fff;padding:0 16px}.light-pill-btn:hover{filter:brightness(1.1);transform:scale(1.02)}.light-pill-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:grayscale(.5)}.light-pill-btn svg{width:16px;height:16px}.dark-textarea{width:100%!important;background:transparent!important;color:var(--text-primary)!important;padding:4px 6px!important;border:none!important;font-size:1.05rem!important;line-height:1.5!important;min-height:28px!important;overflow-y:auto!important;margin:0!important;resize:none!important}.dark-textarea:focus{box-shadow:none!important}.dark-textarea::placeholder{color:var(--text-muted)!important;font-weight:400!important}.modern-popup{position:absolute!important;z-index:9999!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;min-width:220px!important;display:flex!important;flex-direction:column!important;gap:8px!important;bottom:calc(100% + 12px)!important;left:0!important}@keyframes popupFade{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modern-option{padding:8px 22px!important;border-radius:50px!important;margin-bottom:0!important;background:var(--card-bg)!important;border:1px solid var(--border-soft)!important;box-shadow:0 6px 18px #00000026!important;text-align:left!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-width:320px!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;animation:popupFade .3s cubic-bezier(.34,1.1,.64,1) both}.modern-option:nth-child(1){animation-delay:.15s}.modern-option:nth-child(2){animation-delay:.1s}.modern-option:nth-child(3){animation-delay:.05s}.modern-option:nth-child(4){animation-delay:0s}.modern-option:hover{background:var(--bg-paper)!important;transform:translateY(-2px)!important;border-color:var(--text-secondary)!important}.modern-option.active{background:var(--bg-paper)!important;border-color:var(--accent-warm)!important}.modern-option .mg-model-option-text,.modern-option .mg-model-text{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;width:100%!important}.modern-option .mg-model-name{color:var(--text-primary)!important;font-size:.95rem!important;font-weight:600!important;margin-bottom:2px!important}.modern-option .mg-model-desc{color:var(--text-muted)!important;font-size:.8rem!important}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*{-webkit-tap-highlight-color:transparent!important}body{-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;overscroll-behavior-y:none}input,textarea,p,span,h1,h2,h3,h4,h5,h6,.markdown-body,.msg-bubble,.mm-textarea,.mg-input,.chat-box,.prose{-webkit-user-select:text;user-select:text}button,a,svg,img,header,footer,.sidebar,.btn,.icon,.ai-sidebar,.sidebar-item,.nav-btn,.sidebar-toggle-btn{-webkit-user-select:none!important;user-select:none!important}.app{min-height:100vh;display:flex;flex-direction:column;padding-top:70px}.app.ai-mode{padding-top:0;height:100vh;height:100dvh;width:100vw;width:100dvw;overflow:hidden;position:fixed;inset:0}:root:has(.ai-mode),body:has(.ai-mode){overflow:hidden!important;height:100vh;height:100dvh}.main-content{flex:1;max-width:600px;width:100%;margin:0 auto;padding:0 var(--spacing-lg) var(--spacing-2xl)}.tagline{text-align:center;margin-bottom:var(--spacing-xl)}.tagline p{font-family:var(--font-display);font-size:1.1rem;color:var(--text-muted);font-style:italic}.action-section{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.quick-actions{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.quick-action-btn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:var(--bg-paper);border:1.5px solid var(--border-soft);border-radius:999px;color:var(--text-secondary);font-size:.88rem;font-weight:500;transition:var(--transition-fast);text-align:center;white-space:nowrap;cursor:pointer}.quick-action-btn:hover{border-color:var(--accent-warm);color:var(--accent-warm);transform:translateY(-1px);box-shadow:0 3px 10px #c4a35a1a}.quick-action-btn svg{width:15px;height:15px;flex-shrink:0}.recents-section{animation:fadeIn var(--transition-slow) ease forwards}.recents-container{min-height:200px}.recents-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.recents-title{font-family:var(--font-display);font-size:1.25rem;color:var(--text-secondary)}.view-toggle{display:flex;gap:4px;background:var(--bg-paper);padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-softer)}.view-toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);background:transparent;border:none}.view-toggle-btn:hover{color:var(--text-primary);background:var(--bg-main)}.view-toggle-btn.active{color:var(--accent-warm);background:var(--card-bg);box-shadow:0 1px 2px #0000000d}.view-toggle-btn svg{width:18px;height:18px}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.loading-state p{font-size:.95rem;color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite}.app-footer{padding:var(--spacing-xl);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-tagline{font-size:.85rem;color:var(--text-muted)}.footer-links{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.footer-links button{font-size:.8rem;color:var(--text-muted);transition:var(--transition-fast)}.footer-links button:hover{color:var(--text-primary)}.footer-divider{color:var(--text-muted);opacity:.5;font-size:.75rem}.trial-banner{text-align:center;padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-lg);background:#c9a87c1a;border:1px solid rgba(201,168,124,.2);border-radius:var(--radius-lg)}.trial-banner p{font-size:.9rem;color:var(--text-secondary)}.trial-banner button{color:var(--accent-warm);font-weight:500;text-decoration:underline}.trial-banner button:hover{color:var(--accent-warm-dark)}.trial-banner.trial-active{background:linear-gradient(135deg,#6b8e231a,#6b8e230d);border-color:#6b8e2333}.trial-banner.trial-active p{color:var(--category-study)}.locked-history{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px dashed var(--border-soft);text-align:center}.locked-history button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:.9rem;color:var(--accent-warm);border-radius:var(--radius-lg);transition:var(--transition-fast)}.locked-history button:hover{background:#c9a87c1a}.locked-history svg{width:16px;height:16px}@media(max-width:768px){.main-content{padding:0 var(--spacing-md) var(--spacing-xl)}.tagline{margin-bottom:var(--spacing-lg)}.action-section{margin-bottom:var(--spacing-xl)}.quick-actions{gap:6px;flex-wrap:wrap}.quick-action-btn{font-size:.8rem;padding:8px 14px}}.quick-action-new{position:relative}.quick-action-new:after{content:"NEW";position:absolute;top:-6px;right:-6px;background:var(--accent-warm);color:var(--bg-main);font-size:.55rem;font-weight:700;padding:1px 5px;border-radius:6px;letter-spacing:.5px;line-height:1.3}.landing-page{max-width:960px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}@media(max-width:768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.pricing-cards{grid-template-columns:1fr;max-width:400px}.hero-title{font-size:2rem}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:center}.btn-hero-primary,.btn-hero-secondary{width:100%;max-width:300px}}.ai-app-shell{display:flex;width:100%;height:100vh;height:100dvh;padding:0;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);margin:0;background:var(--bg-main);overflow:hidden;position:relative}.ai-main-content{flex:1;min-width:0;width:100%;height:100%;background:transparent;overflow:hidden;display:flex;flex-direction:column;transition:margin-left .4s cubic-bezier(.16,1,.3,1)}.ai-app-shell.sidebar-open .ai-main-content{margin-left:290px}@media(max-width:768px){.ai-app-shell{padding:0;gap:0}.ai-app-shell.sidebar-open .ai-main-content{transform:translate(100vw);margin-left:0}}@media(max-width:768px){body.flow-chat-open .sidebar-toggle-btn{display:none!important}}@keyframes theme-spin{to{transform:rotate(360deg)}}.theme-loader{animation:theme-spin 1.5s linear infinite;color:var(--accent-warm);width:32px;height:32px}.modern-popup{position:absolute;bottom:calc(100% + 14px);left:4px;right:4px;width:auto;min-width:280px;max-height:380px;background:var(--bg-elevated);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1.5px solid rgba(var(--accent-warm-rgb),.3);border-radius:20px;box-shadow:var(--card-shadow-hover);overflow-y:auto;overflow-x:hidden;z-index:1000;padding:8px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-warm-rgb),.3) transparent;animation:popupFadeIn .25s cubic-bezier(.16,1,.3,1)}.modern-popup::-webkit-scrollbar-thumb{background:rgba(var(--accent-warm-rgb),.3);border-radius:10px}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modern-option{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:12px;background:transparent;border:1px solid transparent;color:var(--text-primary);text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%}.modern-option:hover{background:rgba(var(--accent-warm-rgb),.1)}.modern-option.active{background:rgba(var(--accent-warm-rgb),.15);border:1px solid rgba(var(--accent-warm-rgb),.2)}.modern-option-icon{width:36px;height:36px;border-radius:10px;background:rgba(var(--accent-warm-rgb),.1);display:flex;align-items:center;justify-content:center;color:var(--accent-warm);flex-shrink:0}.modern-option-icon svg{width:18px;height:18px}.modern-option-info{display:flex;flex-direction:column;min-width:0}.modern-option-label{font-size:.9rem;font-weight:700;color:var(--text-primary)}.modern-option-desc{font-size:.72rem;color:var(--text-muted);line-height:1.2;margin-top:1px;opacity:.8}.ai-main-content{height:100%}.header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-paper);z-index:100}.header-logo{display:flex;align-items:center}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.user-menu,.guest-menu{display:flex;align-items:center;gap:var(--spacing-sm)}.user-name{font-size:.85rem;color:var(--text-secondary);font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-badge{font-size:.7rem;padding:2px 8px;border-radius:var(--radius-xl);font-weight:500}.access-badge.full{background:linear-gradient(135deg,#6b8e2326,#6b8e231a);color:var(--category-study)}.access-badge.trial{background:#c9a87c26;color:var(--accent-warm)}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-secondary);transition:var(--transition-fast)}.header-icon-btn:hover{background:var(--bg-main);color:var(--text-primary)}.header-icon-btn svg{width:20px;height:20px}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem}@media(max-width:768px){.header{padding:var(--spacing-md)}.logo-text{font-size:1.25rem}.user-name,.access-badge{display:none}}.entry-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.entry-list-empty{text-align:center;padding:var(--spacing-2xl)}.empty-illustration{width:80px;height:80px;color:var(--text-muted);margin-bottom:var(--spacing-md);opacity:.6}.empty-message{font-family:var(--font-display);font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.empty-hint{font-size:.9rem;color:var(--text-muted)}.entry-item{animation:slideUp .3s ease forwards}.entry-date-label{font-family:var(--font-display);font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-xs)}.entry-card{background:var(--card-bg);border:1px solid var(--border-softer);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:var(--transition-normal)}.entry-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--border-soft);transform:translateY(-2px)}.entry-activities{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-row{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-softer)}.activity-row:last-child{border-bottom:none;padding-bottom:0}.activity-main{display:flex;align-items:center;gap:var(--spacing-md)}.activity-indicator{width:20px;height:20px;border:2px solid var(--accent-warm);border-radius:var(--radius-sm);flex-shrink:0}.activity-label{flex:1;font-size:1rem;color:var(--text-primary);font-weight:400}.activity-time{font-size:.9rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.activity-notes-display{margin:0;padding-left:36px;font-size:.85rem;color:var(--text-muted);font-style:italic}.entry-description{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--border-soft);font-size:.9rem;color:var(--text-secondary);line-height:1.5}.entry-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.entry-total-time{font-size:.85rem;color:var(--text-muted)}.entry-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition-fast)}.action-btn svg{width:16px;height:16px}.action-btn:hover{background:var(--bg-paper)}.edit-btn:hover{color:var(--category-work)}.delete-btn:hover{color:#dc3545}.bookmark-btn{font-size:1.1rem}.bookmark-btn:hover,.bookmark-btn.bookmarked{color:var(--accent-warm)}.entry-card:after{content:"";display:block}@media(max-width:768px){.entry-card{padding:var(--spacing-md)}.activity-label{font-size:.95rem}.action-btn{width:28px;height:28px}.action-btn svg{width:14px;height:14px}}.search-bar-container{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md)!important;padding-left:40px!important;padding-right:46px!important;background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:var(--radius-lg);font-size:.95rem;color:var(--text-primary);transition:var(--transition-fast);-webkit-tap-highlight-color:transparent;text-align:left}.search-input::placeholder{color:var(--text-muted);text-align:center}.search-input:focus{outline:none;border-color:var(--accent-warm)}.search-clear{position:absolute;right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:var(--bg-main);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.search-clear:hover{background:var(--border-soft);color:var(--text-primary)}.search-clear svg{width:14px;height:14px}.search-results-count{font-size:.8rem;color:var(--text-muted);text-align:right;padding-right:var(--spacing-xs)}@media(max-width:768px){.search-bar-container{margin-bottom:var(--spacing-md)}.search-input{padding:var(--spacing-md);padding-left:38px;padding-right:calc(var(--spacing-md) + 36px);font-size:1rem;border-radius:var(--radius-md)}.search-icon{left:10px;width:16px;height:16px}.search-clear{right:var(--spacing-xs);width:28px;height:28px}.search-clear svg{width:16px;height:16px}.search-results-count{font-size:.75rem}}@media(max-width:480px){.search-input::placeholder{font-size:.9rem}}.calendar-view{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-softer);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.month-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.nav-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:transparent;border:1px solid var(--border-soft)}.nav-btn:hover{background:var(--bg-paper);color:var(--text-primary)}.nav-btn svg{width:18px;height:18px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:var(--spacing-sm)}.weekday{text-align:center;font-size:.75rem;font-weight:500;color:var(--text-muted);padding:var(--spacing-xs)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-paper);border:1px solid transparent;position:relative;gap:2px}.calendar-day.empty{background:transparent}.calendar-day:not(.empty):hover{background:var(--bg-main);border-color:var(--border-soft)}.calendar-day.today{border-color:var(--accent-warm);font-weight:600}.calendar-day.selected{background:var(--accent-warm);color:#fff}.calendar-day.selected .day-number{color:#fff}.day-number{font-size:.9rem;color:var(--text-primary)}.entry-indicator{width:6px;height:6px;border-radius:50%;background:var(--accent-warm)}.calendar-day.has-entry{background:color-mix(in srgb,var(--entry-color, var(--accent-warm)) 10%,var(--bg-paper))}@media(max-width:480px){.calendar-view{padding:var(--spacing-md)}.day-number{font-size:.8rem}.entry-indicator{width:4px;height:4px}}.life-pixels{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-softer);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.pixels-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.pixels-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.pixels-title-complex{display:flex;flex-direction:column;gap:var(--spacing-xs)}.year-navigation{display:flex;align-items:center;gap:var(--spacing-sm)}.year-nav-btn{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:transparent;border:1px solid var(--border-softer);cursor:pointer;padding:0}.year-nav-btn:hover:not(:disabled){background:var(--bg-paper);color:var(--text-primary);border-color:var(--border-soft)}.year-nav-btn:disabled{opacity:.3;cursor:not-allowed}.year-nav-btn svg{width:14px;height:14px}.year-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);font-family:var(--font-display)}.pixels-stats{display:flex;gap:var(--spacing-lg)}.stat{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent-warm)}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.pixels-grid-container{overflow-x:auto;padding-bottom:var(--spacing-sm)}.pixels-grid{display:flex;gap:3px;min-width:max-content}.pixels-week{display:flex;flex-direction:column;gap:3px}.pixel{width:12px;height:12px;border-radius:2px;background:var(--bg-paper);border:1px solid var(--border-softer);padding:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pixel:hover{transform:scale(1.3);box-shadow:0 2px 8px #00000026;z-index:10}.pixel.invisible{opacity:0;pointer-events:none;border:none}.pixel.future{background:var(--bg-paper);border-color:var(--border-softer);opacity:.5;cursor:default}.pixel.future:hover{transform:none;box-shadow:none}.pixels-year-label{position:absolute;top:var(--spacing-md);right:var(--spacing-lg);font-size:3rem;font-weight:800;color:var(--border-softer);opacity:.3;pointer-events:none;z-index:0}.life-pixels{position:relative;background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-softer);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.pixels-legend{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-softer)}.legend-label{font-size:.7rem;color:var(--text-muted)}.legend-item{width:12px;height:12px;border-radius:2px}.legend-item.empty{background:var(--bg-paper);border:1px solid var(--border-softer)}@media(max-width:768px){.pixels-header{flex-direction:column;align-items:flex-start}.pixels-stats{width:100%;justify-content:space-around}.pixel{width:10px;height:10px}.pixels-grid,.pixels-week{gap:2px}}@media(max-width:480px){.life-pixels{padding:var(--spacing-md)}.pixel{width:8px;height:8px}.stat-value{font-size:1.25rem}}.add-entry-overlay{max-width:520px;width:100%}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-family:var(--font-display);font-size:1.1rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.form-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--spacing-md)}.categories-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-item{background:var(--bg-paper);border:1px solid var(--border-softer);border-radius:var(--radius-md);padding:var(--spacing-md);transition:var(--transition-fast)}.category-item:hover{border-color:var(--border-soft)}.category-toggle{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer}.category-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.category-icon svg{width:20px;height:20px}.category-name{flex:1;font-size:.95rem;color:var(--text-primary);font-weight:500}.time-inputs{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--border-soft);animation:fadeIn var(--transition-fast) ease}.time-input-group{display:flex;align-items:center;gap:var(--spacing-xs)}.time-input-group input{width:60px;padding:var(--spacing-sm) var(--spacing-sm);text-align:center;font-size:1rem;appearance:textfield;-moz-appearance:textfield}.time-input-group input::-webkit-outer-spin-button,.time-input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.activity-details{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--border-soft);animation:fadeIn var(--transition-fast) ease}.activity-notes{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-soft);border-radius:var(--radius-md);font-size:.85rem;background:var(--bg-base);color:var(--text-primary);transition:var(--transition-fast)}.activity-notes:focus{outline:none;border-color:var(--accent-warm);background:var(--bg-paper)}.activity-notes::placeholder{color:var(--text-muted)}.custom-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px dashed var(--border-soft)}.custom-section-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.custom-section-header .category-name{font-weight:600;color:var(--text-secondary)}.custom-activity-item{background:linear-gradient(135deg,#c9a87c14,#c9a87c05);border-color:#c9a87c4d}.custom-activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.custom-label{font-weight:500;color:var(--accent-warm)}.remove-custom-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition-fast)}.remove-custom-btn:hover{background:#ff64641a;color:#e74c3c}.remove-custom-btn svg{width:14px;height:14px}.add-custom-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);border:2px dashed var(--border-soft);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;transition:var(--transition-fast)}.add-custom-btn:hover{border-color:var(--accent-warm);color:var(--accent-warm);background:#c9a87c0d}.add-custom-btn svg{width:18px;height:18px}.custom-input-container{position:relative}.add-entry-overlay input[type=text],.add-entry-overlay input[type=date],.add-entry-overlay input[type=number],.add-entry-overlay textarea{padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--bg-paper);width:100%;max-width:100%;box-sizing:border-box;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);transition:var(--transition-fast)}.custom-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--accent-warm);border-radius:var(--radius-md);font-size:.95rem;background:var(--bg-paper)}.custom-input:focus{outline:none;box-shadow:0 0 0 3px #c9a87c33}.custom-input-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.add-custom-confirm{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-warm);color:#fff;border-radius:var(--radius-md);font-weight:500;transition:var(--transition-fast)}.add-custom-confirm:hover:not(:disabled){background:var(--accent-warm-dark)}.add-custom-confirm:disabled{opacity:.5;cursor:not-allowed}.add-custom-cancel{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-fast)}.add-custom-cancel:hover{background:var(--bg-base)}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001a;z-index:100;overflow:hidden;animation:fadeIn var(--transition-fast) ease}.suggestion-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;color:var(--text-primary);font-size:.9rem;transition:var(--transition-fast);border-bottom:1px solid var(--border-softer)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#c9a87c1a;color:var(--accent-warm)}@media(max-width:600px){.add-entry-overlay{max-height:100vh;width:100%;max-width:100%}.time-input-group input{width:50px}}@media(min-width:601px){input[type=date]{min-height:48px;cursor:pointer;padding-right:var(--spacing-lg)}.form-group input[type=date]:hover{border-color:var(--accent-warm)}}.form-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.voice-journal-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,var(--accent-warm),var(--accent-warm-dark));color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:.75rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.voice-journal-btn svg{width:14px;height:14px}.voice-journal-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--accent-warm-rgb),.4)}.premium-popup-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.coming-soon-popup{background:var(--card-bg, #fff);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:380px;width:90%;text-align:center;animation:slideUp .3s ease}.coming-soon-popup .coming-soon-icon{width:56px;height:56px;margin:0 auto var(--spacing-md);color:var(--accent-warm)}.coming-soon-popup .coming-soon-icon svg{width:100%;height:100%}.coming-soon-popup h3{font-family:var(--font-display);font-size:1.2rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.coming-soon-popup .premium-simple-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-lg)}.coming-soon-popup .btn-go-premium{padding:10px 28px;background:var(--accent-warm);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s ease}.coming-soon-popup .btn-go-premium:hover{background:var(--accent-warm-dark)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes unifiedPopupSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.unified-popup-backdrop{position:fixed;inset:0;background:#00000080;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}.unified-popup-card{background:var(--bg-paper);border-radius:24px;padding:32px 24px;width:100%;max-width:420px;border:1px solid var(--border-soft);box-shadow:0 24px 48px #0000001a;text-align:center;position:relative;overflow:hidden;animation:unifiedPopupSlideUp .2s ease-out}.unified-popup-glow{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:200px;height:100px;background:var(--primary-color, #6c63ff);filter:blur(80px);opacity:.12;pointer-events:none}.unified-popup-icon{width:56px;height:56px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.unified-popup-icon.coming-soon{background:var(--bg-main);color:var(--accent-warm)}.unified-popup-icon.upgrade{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-color, #6c63ff),var(--pink-color, #e85d9b));border-radius:20px;color:#fff;box-shadow:0 8px 24px #6c63ff4d;transform:rotate(-5deg);margin-bottom:24px}.unified-popup-icon.upgrade svg{transform:rotate(5deg)}.unified-popup-icon.auth{background:var(--bg-main);color:var(--primary-color, #6c63ff)}.unified-popup-title{margin:0 0 12px;font-size:22px;font-weight:700;color:var(--text-primary)}.unified-popup-title.upgrade{font-size:28px;font-weight:900;letter-spacing:-.5px}.unified-popup-title .pro-gradient{color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,var(--primary-color, #6c63ff),var(--pink-color, #e85d9b))}.unified-popup-desc{margin:0 0 32px;font-size:14px;color:var(--text-secondary);line-height:1.5;padding:0 8px}.unified-popup-price{margin-bottom:32px;display:flex;align-items:baseline;justify-content:center;gap:4px}.unified-popup-price .amount{font-size:36px;font-weight:900;color:var(--text-primary);letter-spacing:-1px}.unified-popup-price .period{font-size:16px;color:var(--text-muted);font-weight:600}.unified-popup-actions{display:flex;flex-direction:column;gap:12px}.unified-popup-btn-primary{width:100%;padding:14px;border-radius:9999px;border:none;font-weight:600;cursor:pointer;transition:all .2s;font-size:15px}.unified-popup-btn-primary.coming-soon{background:var(--bg-main);color:var(--text-primary);border:1px solid var(--border-soft)}.unified-popup-btn-primary.upgrade{background:linear-gradient(90deg,var(--primary-color, #6c63ff),var(--pink-color, #e85d9b));color:#fff;font-size:16px;font-weight:700;padding:16px;box-shadow:0 8px 24px #6c63ff4d}.unified-popup-btn-primary.auth{background:var(--primary-color, #6c63ff);color:#fff;box-shadow:0 4px 12px #6c63ff40}.unified-popup-btn-secondary{width:100%;padding:14px;border-radius:9999px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.unified-popup-btn-secondary.auth{background:var(--bg-main);color:var(--text-primary)}.unified-popup-auth-row{display:flex;gap:12px}.unified-popup-auth-row .unified-popup-btn-secondary,.unified-popup-auth-row .unified-popup-btn-primary{flex:1}.reflection-overlay{max-width:480px}.reflection-date{font-family:var(--font-display);font-size:1.25rem;color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-xl)}.reflection-breakdown{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.breakdown-item{animation:slideUp var(--transition-slow) ease forwards;opacity:0}.breakdown-item:nth-child(1){animation-delay:0ms}.breakdown-item:nth-child(2){animation-delay:.1s}.breakdown-item:nth-child(3){animation-delay:.2s}.breakdown-item:nth-child(4){animation-delay:.3s}.breakdown-item:nth-child(5){animation-delay:.4s}.breakdown-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.breakdown-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.breakdown-icon svg{width:18px;height:18px}.breakdown-name{flex:1;font-size:.95rem;color:var(--text-primary)}.breakdown-percentage{font-size:.95rem;font-weight:600;color:var(--text-primary);min-width:40px;text-align:right}.breakdown-time{font-size:.85rem;color:var(--text-secondary);min-width:60px;text-align:right}.breakdown-bar-container{height:8px;background:var(--bg-paper);border-radius:4px;overflow:hidden}.breakdown-bar{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.reflection-total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-paper);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}:root.dark .reflection-total{background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.reflection-total span{font-size:.9rem;color:var(--text-secondary)}.total-value{font-weight:600;color:var(--text-primary)!important}.reflection-insight{text-align:center;padding:var(--spacing-lg);background:linear-gradient(135deg,#faf8f4,#f5f3ef);border-radius:var(--radius-md);border:1px dashed var(--border-soft)}:root.dark .reflection-insight{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.reflection-insight p{font-family:var(--font-display);font-size:1.15rem;color:var(--text-secondary);line-height:1.4}@media(max-width:600px){.reflection-overlay{max-width:100%!important}.breakdown-time{display:none}}.auth-overlay{max-width:420px;border-radius:24px!important;overflow-y:auto}.auth-hero{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,rgba(var(--accent-warm-rgb),.04),rgba(var(--accent-warm-rgb),.01))}.auth-logo{width:56px;height:56px;border-radius:16px;background:rgba(var(--accent-warm-rgb),.1);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);color:var(--accent-warm)}.auth-logo svg{width:28px;height:28px}.auth-logo.drive-logo{background:#4285f41a;color:#4285f4}.auth-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.02em}.auth-subtitle{font-size:.88rem;color:var(--text-muted);margin:0;line-height:1.5}.auth-body{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl)}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border-radius:9999px;border:1px solid var(--border-soft);background:var(--bg-paper);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-google-btn:hover{border-color:var(--accent-warm);box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-google-btn.drive-btn{border-color:#4285f4;color:#4285f4}.auth-google-btn.drive-btn:hover{background:#4285f40a;border-color:#4285f4}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-softer)}.auth-divider span{font-size:.78rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.auth-input{width:100%;padding:12px 16px;border:1px solid var(--border-softer);border-radius:12px;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:.88rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.auth-input:focus{border-color:var(--accent-warm)}.auth-submit-btn{width:100%;padding:12px 20px;border-radius:9999px;border:none;background:var(--text-primary);color:var(--bg-main);font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:4px}.auth-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-error-banner{color:#e74c3c;font-size:.85rem;font-weight:500;text-align:center;margin:0 0 var(--spacing-sm);padding:10px 14px;background:#e74c3c14;border:1px solid rgba(231,76,60,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px}.auth-error-banner:before{content:"⚠️";font-size:1rem}.auth-error{color:#e74c3c;font-size:.82rem;text-align:center;margin:var(--spacing-sm) 0 0;padding:8px 12px;background:#e74c3c0f;border-radius:8px}.auth-toggle{text-align:center;font-size:.82rem;color:var(--text-muted);margin:var(--spacing-md) 0 0}.auth-toggle button{background:none;border:none;color:var(--accent-warm);cursor:pointer;font-weight:600;font-size:inherit;padding:0}.auth-legal{text-align:center;font-size:.72rem;color:var(--text-muted);margin:var(--spacing-lg) 0 0;line-height:1.5;opacity:.7}.drive-benefits{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.drive-benefit{display:flex;align-items:center;gap:var(--spacing-md);padding:12px 16px;background:var(--bg-paper);border:1px solid var(--border-softer);border-radius:14px}.drive-benefit svg{width:20px;height:20px;color:#4285f4;flex-shrink:0}.drive-benefit div{display:flex;flex-direction:column}.drive-benefit strong{font-size:.85rem;color:var(--text-primary)}.drive-benefit span{font-size:.75rem;color:var(--text-muted)}.auth-skip-btn{display:block;width:100%;text-align:center;padding:10px;background:none;border:none;color:var(--text-muted);font-size:.82rem;font-weight:500;cursor:pointer;margin-top:var(--spacing-sm);transition:color .2s ease}.auth-skip-btn:hover{color:var(--text-primary)}.auth-signout-small{display:block;width:100%;text-align:center;padding:12px;background:transparent;border:none;border-top:1px solid var(--border-softer);color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:color .15s ease}.auth-signout-small:hover{color:#e74c3c}@media(max-width:600px){.auth-overlay{max-width:100%!important;border-radius:0!important;max-height:100vh;overflow-y:auto}.auth-hero{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md)}.auth-body{padding:var(--spacing-md)}}.legal-overlay{max-width:600px;max-height:85vh;display:flex;flex-direction:column}.legal-content{padding:var(--spacing-lg);overflow-y:auto;color:var(--text-primary);font-size:.95rem;line-height:1.6}.legal-content h3{font-family:var(--font-display);font-size:1.1rem;color:var(--text-primary);margin:var(--spacing-xl) 0 var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--accent-warm-light)}.legal-content h3:first-of-type{margin-top:0}.legal-content p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.legal-content ul,.legal-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.legal-content li{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.legal-content strong{color:var(--text-primary);font-weight:600}.legal-content a{color:var(--accent-warm);text-decoration:none;font-weight:500;transition:color .2s}.legal-content a:hover{color:var(--accent-warm-dark);text-decoration:underline}.last-updated{font-size:.85rem;color:var(--text-muted);font-style:italic;margin-bottom:var(--spacing-lg)}.philosophy-quote{font-family:var(--font-display);font-size:1.4rem;font-style:italic;color:var(--accent-warm);text-align:center;margin:var(--spacing-lg) 0;padding:var(--spacing-md);border-left:none;background:transparent}.pillars-list{display:grid;gap:var(--spacing-md)}.pillar-item{background:var(--bg-paper);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-softer)}.pillar-item strong{display:block;color:var(--accent-warm);margin-bottom:4px}.pillar-item p{margin:0;font-size:.9rem}.contact-methods{margin:var(--spacing-lg) 0}.contact-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-paper);border-radius:var(--radius-md);border:1px solid var(--border-soft);transition:transform .2s,box-shadow .2s}.contact-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.contact-card svg{width:28px;height:28px;color:var(--accent-warm)}.contact-details{display:flex;flex-direction:column}.contact-details strong{font-size:.9rem;margin-bottom:2px}.contact-details a{font-size:1rem;margin-bottom:2px}.response-time{font-size:.8rem;color:var(--text-muted)}.overlay-footer{padding:var(--spacing-md);border-top:1px solid var(--border-softer);background:var(--card-bg)}.full-width{width:100%}@media(max-width:600px){.legal-overlay{max-width:100%;max-height:100%;height:100%;border-radius:0}}.account-overlay{max-width:400px}.acct-section{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-softer)}.acct-section:last-child{border-bottom:none;padding-bottom:0}.acct-section:first-child{padding-top:0}.acct-profile{display:flex;align-items:center;gap:var(--spacing-md)}.acct-avatar-wrap{position:relative;width:64px;height:64px;cursor:pointer;flex-shrink:0}.acct-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--accent-warm);box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.25)}.acct-avatar-overlay{position:absolute;inset:0;background:#0006;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:var(--text-primary)}.acct-avatar-wrap:hover .acct-avatar-overlay{opacity:1}.acct-avatar-overlay svg{width:20px;height:20px}.acct-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--accent-warm) 0%,var(--accent-warm-dark) 100%);color:var(--bg-main);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.25)}.acct-profile-info{flex:1;min-width:0}.acct-name-row{display:flex;align-items:center;gap:6px}.acct-name{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--text-primary)}.acct-name-edit-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);transition:color .2s;display:flex;align-items:center}.acct-name-edit-btn svg{width:13px;height:13px}.acct-name-edit-btn:hover{color:var(--accent-warm)}.acct-name-edit{display:flex;align-items:center;gap:6px}.acct-name-input{flex:1;padding:6px 12px!important;border:1.5px solid var(--accent-warm)!important;border-radius:10px!important;font-size:.95rem!important;font-weight:600!important;background:var(--bg-paper)!important;color:var(--text-primary)!important;min-height:0!important}.acct-name-input:focus{box-shadow:0 0 0 3px rgba(var(--accent-warm-rgb),.15)!important}.acct-name-save{width:32px;height:32px;border-radius:50%;border:none;background:var(--accent-warm);color:var(--bg-main);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.acct-name-save svg{width:14px;height:14px}.acct-name-save:hover{filter:brightness(1.1);transform:scale(1.05)}.acct-email{font-size:.82rem;color:var(--text-muted);margin-top:2px}.acct-access-badge{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:rgba(var(--accent-warm-rgb),.06);border-radius:var(--radius-md);border:1px solid rgba(var(--accent-warm-rgb),.15)}.acct-access-badge svg{width:28px;height:28px;color:var(--accent-warm);flex-shrink:0}.acct-access-title{font-weight:600;font-size:.92rem;color:var(--accent-warm-dark);margin-bottom:1px}.acct-access-desc{font-size:.78rem;color:var(--text-muted)}.acct-signout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:14px;border:1.5px solid var(--border-soft);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.acct-signout-btn svg{width:16px;height:16px}.acct-signout-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.acct-auth-header{text-align:center}.acct-auth-icon{width:56px;height:56px;border-radius:50%;background:rgba(var(--accent-warm-rgb),.1);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.acct-auth-icon svg{width:28px;height:28px;color:var(--accent-warm)}.acct-auth-header h3{font-family:var(--font-display);font-size:1.15rem;color:var(--text-primary);margin-bottom:4px}.acct-auth-header p{font-size:.82rem;color:var(--text-muted)}.acct-signin-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 16px;border-radius:14px;border:none;background:var(--accent-warm);color:var(--bg-main);font-family:var(--font-body);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s ease}.acct-signin-btn svg{width:18px;height:18px}.acct-signin-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-warm-rgb),.3)}.acct-identity-card{background:var(--bg-paper-soft, rgba(var(--bg-paper-rgb), .3));border:1px solid var(--border-soft);border-radius:16px;padding:16px;margin:8px 0}.acct-identity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.acct-identity-header h4{font-size:.85rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.acct-identity-protected{font-size:.65rem;font-weight:600;color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.1);padding:2px 8px;border-radius:10px}.acct-identity-body{display:flex;align-items:center;gap:16px}.acct-identity-seal{width:80px;height:80px;background:var(--bg-paper);border-radius:12px;padding:10px;border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center}.acct-identity-info{flex:1}.acct-identity-label{font-size:.72rem;color:var(--text-muted);margin-bottom:4px}.acct-id-row{display:flex;align-items:center;gap:8px;background:var(--bg-main);padding:6px 10px;border-radius:8px;border:1px solid var(--border-softer)}.acct-id-value{font-family:JetBrains Mono,Monaco,monospace;font-size:.95rem;font-weight:700;color:var(--accent-warm);letter-spacing:1px}.acct-id-copy{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:2px;transition:color .2s}.acct-id-copy svg{width:14px;height:14px}.acct-id-copy:hover{color:var(--accent-warm)}.acct-id-hint{font-size:.68rem;color:var(--text-secondary);margin-top:8px;line-height:1.3}@media(max-width:600px){.account-overlay{max-width:100%!important}}.insights-overlay{max-width:500px;max-height:85vh;overflow-y:auto}.empty-insights{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-muted)}.empty-insights svg{width:48px;height:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-insights p{font-size:.95rem}.insights-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-softer)}.insights-section:last-of-type{border-bottom:none}.insights-section h3{font-family:var(--font-display);font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md)}.insights-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.summary-stat{text-align:center;padding:var(--spacing-md);background:var(--bg-paper);border-radius:var(--radius-md)}.stat-value{display:block;font-size:1.25rem;font-weight:600;color:var(--text-primary);font-family:var(--font-display)}.stat-label{display:block;font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.category-breakdown{display:flex;flex-direction:column;gap:var(--spacing-sm)}.breakdown-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.breakdown-header{display:flex;align-items:center;gap:var(--spacing-sm)}.category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.category-name{flex:1;font-size:.85rem;color:var(--text-secondary)}.category-hours{font-size:.85rem;font-weight:500;color:var(--text-primary)}.breakdown-bar{height:6px;background:var(--bg-main);border-radius:var(--radius-sm);overflow:hidden}.breakdown-fill{height:100%;border-radius:var(--radius-sm);transition:width .5s ease}.capitalize{text-transform:capitalize}.insights-reflection{text-align:center;padding:var(--spacing-lg);background:linear-gradient(135deg,#c9a87c1a,#c9a87c0d);border-radius:var(--radius-lg)}.insights-reflection p{font-size:.9rem;color:var(--text-secondary);font-style:italic;line-height:1.6}@media(max-width:600px){.insights-overlay{max-width:100%!important;max-height:100%!important;height:100%}.insights-summary{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.stat-value{font-size:1.1rem}.stat-label{font-size:.7rem}}.settings-overlay{max-width:420px;max-height:85vh;overflow-y:auto}.settings-feedback{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.85rem;text-align:center;margin-bottom:var(--spacing-md);animation:fadeIn .2s ease}.settings-feedback.success{background:#6b8e231a;color:var(--category-study);border:1px solid rgba(107,142,35,.2)}.settings-feedback.error{background:#c628281a;color:#c62828;border:1px solid rgba(198,40,40,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-softer)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{font-family:var(--font-display);font-size:.95rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.section-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--spacing-md);line-height:1.5}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.theme-option{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--card-bg);border:2px solid var(--border-soft);border-radius:50px;transition:all .2s ease;cursor:pointer;white-space:nowrap}.theme-option:hover{border-color:var(--accent-warm);transform:translateY(-1px)}.theme-option.active{border-color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.08);box-shadow:0 2px 8px rgba(var(--accent-warm-rgb),.15)}.theme-option svg{width:24px;height:24px;color:var(--text-secondary);transition:color .2s ease}.theme-option:hover svg,.theme-option.active svg{color:var(--accent-warm)}.theme-option span{font-size:.8rem;color:var(--text-secondary);transition:color .2s ease}.theme-option:hover span,.theme-option.active span{color:var(--accent-warm);font-weight:500}.backup-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.backup-buttons button{flex:1;min-width:140px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem;border-radius:50px;white-space:nowrap;background:var(--bg-paper);border:1.5px solid var(--border-soft);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-height:42px}.backup-buttons button.refresh-btn{border:2px solid var(--accent-warm);background:rgba(var(--accent-warm-rgb),.05);color:var(--text-primary);font-weight:600}.backup-buttons button:hover{border-color:var(--accent-warm);color:var(--text-primary);background:rgba(var(--accent-warm-rgb),.04)}.backup-buttons button:disabled{opacity:.6;cursor:not-allowed}.sync-status-area{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-softer);animation:fadeIn .3s ease}.sync-progress-container{background:var(--bg-secondary);border-radius:50px;height:8px;overflow:hidden;position:relative;border:1px solid var(--border-softer)}.sync-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-warm),var(--category-creative));transition:width .3s ease;width:0%}.sync-stats{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-muted);margin-top:6px;font-family:var(--font-display)}.backup-buttons svg{width:16px;height:16px}.no-entries-note{font-size:.85rem;color:var(--text-muted);margin-top:var(--spacing-sm);text-align:center}.danger-zone h3{color:#c62828}:root.dark .danger-zone h3{color:#ef5350}.btn-danger{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:#c628281a;border:1px solid rgba(198,40,40,.2);border-radius:var(--radius-md);color:#c62828;font-weight:500;transition:all .2s ease}:root.dark .btn-danger{background:#ef53501a;border-color:#ef535033;color:#ef5350}.btn-danger:hover{background:#c6282826;transform:translateY(-1px)}:root.dark .btn-danger:hover{background:#ef535026}.btn-danger svg{width:18px;height:18px}.about-info{text-align:center;padding:var(--spacing-md);background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-softer)}.about-info p{margin:var(--spacing-xs) 0}.about-info .version{font-size:.8rem;color:var(--text-muted)}.about-info .philosophy{font-size:.85rem;color:var(--text-secondary);font-style:italic}@media(max-width:600px){.settings-overlay{max-width:100%!important;max-height:100%!important;width:100%;height:100%}.theme-options{gap:var(--spacing-xs)}.theme-option{padding:var(--spacing-sm)}.backup-buttons{flex-direction:column}}.smart-features-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.smart-feature-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.smart-feature-item:hover{border-color:var(--accent-warm);box-shadow:0 2px 12px rgba(var(--accent-warm-rgb),.12);transform:translateY(-1px)}.smart-feature-info{display:flex;align-items:center;gap:var(--spacing-md)}.smart-feature-info svg{width:22px;height:22px;flex-shrink:0;color:var(--accent-warm)}.smart-feature-info div{display:flex;flex-direction:column;gap:2px}.smart-feature-title{font-family:var(--font-display);font-size:.95rem;font-weight:500;color:var(--text-primary)}.smart-feature-desc{font-size:.8rem;color:var(--text-muted)}.coming-soon-tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.1);padding:3px 8px;border-radius:50px;white-space:nowrap}.smart-feature-item,.btn-danger{border-radius:50px}.settings-legal-links{display:flex;flex-direction:column;gap:6px}.settings-legal-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:50px;color:var(--text-secondary);font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease}.settings-legal-btn:hover{border-color:var(--accent-warm);color:var(--text-primary);background:rgba(var(--accent-warm-rgb),.04)}.settings-legal-btn svg{width:16px;height:16px;flex-shrink:0;color:var(--accent-warm)}.settings-legal-btn .legal-chevron{margin-left:auto;width:14px;height:14px;color:var(--text-muted)}.api-keys-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.api-key-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--card-bg);border:1.5px solid var(--border-soft);border-radius:50px;gap:var(--spacing-sm);transition:all .2s ease}.api-key-item.editing{border-radius:var(--radius-md, 12px);flex-direction:column;align-items:stretch;padding:var(--spacing-md);border-color:var(--accent-warm);box-shadow:0 2px 12px rgba(var(--accent-warm-rgb),.08)}.api-key-item:not(.editing):hover{border-color:var(--accent-warm);box-shadow:0 2px 12px rgba(var(--accent-warm-rgb),.08);transform:translateY(-1px)}.api-key-info{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.api-key-label{font-family:var(--font-display);font-size:.88rem;font-weight:500;color:var(--text-primary);white-space:nowrap;letter-spacing:-.01em}.api-key-masked{font-size:.72rem;color:var(--text-muted);font-family:monospace;opacity:.7}.api-key-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.api-key-status.connected{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--accent-warm);padding:3px 10px;background:rgba(var(--accent-warm-rgb),.1);border-radius:50px;white-space:nowrap}.btn-secondary.btn-sm{padding:5px 14px;font-family:var(--font-display);font-size:.76rem;font-weight:500;border-radius:50px;background:var(--bg-paper);border:1.5px solid var(--border-soft);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-secondary.btn-sm:hover{border-color:var(--accent-warm);color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.04);transform:translateY(-1px)}.btn-danger-text{color:var(--text-muted)!important}.btn-danger-text:hover{color:#c62828!important;border-color:#c628284d!important;background:#c628280a!important}:root.dark .btn-danger-text:hover{color:#ef5350!important;border-color:#ef53504d!important;background:#ef53500f!important}.api-key-edit-row{display:flex;flex-direction:column;gap:6px;width:100%}.api-key-edit-actions{display:flex;gap:5px;justify-content:flex-end}.api-key-input{width:100%;padding:8px 14px;border:1.5px solid var(--border-soft);border-radius:10px;background:var(--bg-paper);color:var(--text-primary);font-size:.82rem;font-family:monospace;outline:none;transition:all .2s ease}.api-key-input::placeholder{color:var(--text-muted);font-family:var(--font-body);opacity:.6}.api-key-input:focus{border-color:var(--accent-warm);box-shadow:0 0 0 3px rgba(var(--accent-warm-rgb),.1)}@media(max-width:600px){.api-key-item:not(.editing){border-radius:20px;padding:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap}.api-key-actions{margin-left:auto}}.ai-hub-overlay{height:90vh;max-height:90vh;max-width:90vw;width:90vw;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 80px #00000026;border-radius:var(--radius-lg);transition:all .35s cubic-bezier(.4,0,.2,1)}.ai-hub-overlay.maximized{height:100vh;max-height:100vh;width:100vw;max-width:100vw;border-radius:0}.ai-hub-header{border-bottom:none;padding-bottom:var(--spacing-xs);flex-shrink:0}.ai-hub-body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-sm)}.ai-hub-overlay.feature-active .ai-hub-body{padding:var(--spacing-xs) 0 0 0}.ai-hub-top-bar{padding:0 0 var(--spacing-md) 0;display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}.ai-hub-chat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-md);background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:var(--radius-xl);cursor:pointer;text-align:left;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0000000a,inset 0 1px rgba(var(--accent-warm-rgb),.1);position:relative;overflow:hidden}.ai-hub-chat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(196,163,90,.08) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.ai-hub-chat-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #c4a35a14,inset 0 1px rgba(var(--accent-warm-rgb),.2);border-color:#c4a35a4d}:root.dark .ai-hub-chat-card{background:linear-gradient(180deg,#28282af2,#19191bcc);border-color:#c4a35a40;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0d}:root.dark .ai-hub-chat-card:hover{box-shadow:0 12px 24px #c4a35a26,inset 0 1px #ffffff1a;border-color:#c4a35a66}.ai-hub-chat-card:hover:before{opacity:1}.ai-hub-chat-card:active{transform:translateY(0)}.ai-hub-chat-card>svg:first-child{width:24px;height:24px;color:var(--accent-warm-dark);flex-shrink:0;position:relative;z-index:2}.ai-hub-chat-card-text{display:flex;flex-direction:column;flex:1;position:relative;z-index:2}.chat-card-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.chat-card-desc{font-size:.85rem;color:var(--text-secondary)}.chat-card-arrow{width:20px;height:20px;color:var(--text-muted);transition:transform .3s ease,color .3s ease;position:relative;z-index:1}.ai-hub-chat-card:hover .chat-card-arrow{transform:translate(4px);color:var(--accent-warm)}.ai-hub-stats-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;padding-top:var(--spacing-xs)}.compact-stat{font-size:.75rem;color:var(--text-secondary);padding:4px 10px;background:#c4a35a14;border:1px solid rgba(196,163,90,.1);border-radius:20px;font-weight:500}.ai-feature-tabs{display:flex;gap:8px;padding:var(--spacing-xs) var(--spacing-lg);margin:var(--spacing-sm) calc(var(--spacing-lg) * -1) var(--spacing-md);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.ai-feature-tabs::-webkit-scrollbar{display:none}.ai-feature-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:100px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap;flex-shrink:0;box-shadow:0 2px 6px #00000005;font-family:var(--font-body)}:root.dark .ai-feature-tab{background:#ffffff08;border-color:#c4a35a26}.ai-feature-tab:hover{background:var(--bg-elevated);border-color:#c4a35a4d;transform:translateY(-2px);box-shadow:0 6px 16px #c4a35a0f}:root.dark .ai-feature-tab:hover{background:#ffffff14}.ai-feature-tab.active{background:linear-gradient(135deg,#c4a35a26,#c4a35a0d);border-color:#c4a35a66;box-shadow:0 4px 12px #c4a35a1a;color:var(--accent-warm-dark)}:root.dark .ai-feature-tab.active{background:linear-gradient(135deg,#c4a35a40,#c4a35a1a);box-shadow:0 4px 12px #0000004d}.ai-feature-tab-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--accent-warm);flex-shrink:0}.ai-feature-tab-icon svg{width:16px;height:16px}.ai-feature-tab.active .ai-feature-tab-icon{color:var(--accent-warm-dark)}.ai-feature-tab-label{font-size:.78rem;font-weight:500;color:var(--text-secondary)}.ai-feature-tab.active .ai-feature-tab-label{color:var(--accent-warm-dark);font-weight:600}.ai-hub-panel-area{flex:1;overflow-y:auto;padding:0;min-height:0}.ai-hub-select-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg);color:var(--text-muted);flex:1;min-height:200px}.ai-hub-select-hint .hint-icon{width:48px;height:48px;border-radius:50%;background:#c4a35a14;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm)}.ai-hub-select-hint .hint-icon svg{width:22px;height:22px;color:#c4a35a59}.ai-hub-select-hint h4{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0}.ai-hub-select-hint p{font-size:.82rem;color:var(--text-muted);margin:0}.ai-hub-panel{padding:0 var(--spacing-lg) var(--spacing-lg);animation:panelSlideIn .35s cubic-bezier(.4,0,.2,1)}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ai-panel-back{display:inline-flex;align-items:center;gap:6px;padding:6px var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:.8rem;color:var(--text-muted);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.ai-panel-back:hover{color:var(--text-primary);background:var(--bg-paper)}.ai-panel-back svg{width:16px;height:16px}.ai-panel-header{margin-bottom:var(--spacing-lg)}.ai-panel-header h3{font-family:var(--font-display);font-size:1.1rem;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.ai-panel-header p{font-size:.82rem;color:var(--text-muted);line-height:1.5}.ai-input-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.ai-input{flex:1;padding:8px 16px;min-height:40px;border:1px solid var(--border-soft);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%),var(--bg-paper);color:var(--text-primary);font-size:.88rem;font-family:var(--font-body);outline:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000004;resize:none;line-height:1.5}.ai-input:focus{border-color:var(--accent-warm);background:var(--card-bg);box-shadow:0 0 0 3px #c4a35a26,inset 0 2px 4px #00000003}.ai-input::placeholder{color:var(--text-muted)}.btn-ai{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;min-height:40px;background:linear-gradient(135deg,var(--accent-warm-light) 0%,var(--accent-warm) 100%);color:var(--card-bg);border:none;border-radius:12px;font-size:.85rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;white-space:nowrap;box-shadow:0 2px 8px #c4a35a33}.btn-ai:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c4a35a59;filter:brightness(1.05)}.btn-ai:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ai svg{width:14px;height:14px}.ai-result-card{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-paper);border-radius:var(--radius-lg);border:1px solid var(--border-softer);margin-bottom:var(--spacing-sm);animation:resultFadeIn .3s ease}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-result-card h4{font-family:var(--font-display);font-size:.9rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.ai-result-card p{font-size:.82rem;color:var(--text-secondary);line-height:1.6}.ai-task-steps{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ai-task-step{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-paper);border-radius:var(--radius-xl);border:1px solid var(--border-softer);animation:stepSlideIn .3s ease backwards}.ai-task-step:nth-child(1){animation-delay:.05s}.ai-task-step:nth-child(2){animation-delay:.1s}.ai-task-step:nth-child(3){animation-delay:.15s}.ai-task-step:nth-child(4){animation-delay:.2s}.ai-task-step:nth-child(5){animation-delay:.25s}@keyframes stepSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.ai-task-step .step-number{width:24px;height:24px;border-radius:50%;background:var(--accent-warm);color:var(--card-bg);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}.ai-task-step .step-content{flex:1}.ai-task-step .step-title{font-size:.82rem;color:var(--text-primary);font-weight:500}.ai-task-step .step-time{font-size:.72rem;color:var(--text-muted)}.ai-suggestion{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-paper);border-radius:24px;border:1px solid var(--border-softer);margin-bottom:var(--spacing-sm);animation:resultFadeIn .3s ease backwards}.ai-suggestion:nth-child(2){animation-delay:.08s}.ai-suggestion:nth-child(3){animation-delay:.16s}.ai-suggestion .priority-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.ai-suggestion .priority-dot.high{background:#c0392b}.ai-suggestion .priority-dot.medium{background:var(--accent-warm)}.ai-suggestion .priority-dot.low{background:var(--category-study)}.ai-suggestion .suggestion-area{font-size:.88rem;font-weight:500;color:var(--text-primary);margin-bottom:2px}.ai-suggestion .suggestion-reason{font-size:.78rem;color:var(--text-muted);line-height:1.4}.ai-insight-card{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-paper);border-radius:24px;border-left:3px solid var(--accent-warm);margin-bottom:var(--spacing-sm);animation:resultFadeIn .3s ease backwards}.ai-insight-card:nth-child(2){animation-delay:.08s}.ai-insight-card:nth-child(3){animation-delay:.16s}.ai-insight-card .insight-pattern{font-family:var(--font-display);font-size:.88rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.ai-insight-card .insight-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-sm)}.ai-insight-card .insight-suggestion{font-size:.78rem;color:var(--accent-warm);font-style:italic}.confidence-bar{height:4px;background:var(--border-softer);border-radius:2px;overflow:hidden;margin-top:var(--spacing-sm)}.confidence-fill{height:100%;background:var(--accent-warm);border-radius:2px;transition:width .8s ease}.ai-chat{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:400px;overflow-y:auto;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none}.ai-chat-bubble{max-width:85%;padding:14px 20px;border-radius:24px;font-size:.88rem;line-height:1.6;animation:bubbleIn .25s ease;box-shadow:0 2px 8px #00000008}@keyframes bubbleIn{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ai-chat-bubble.user{align-self:flex-end;background:linear-gradient(135deg,var(--accent-warm-light) 0%,var(--accent-warm) 100%);color:var(--card-bg);border-bottom-right-radius:4px}.ai-chat-bubble.assistant{align-self:flex-start;background:var(--bg-paper);color:var(--text-primary);border:1px solid var(--border-softer);border-bottom-left-radius:4px}.ai-chat-input{display:flex;gap:var(--spacing-sm)}.mood-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-lg);font-size:.78rem;font-weight:500}.mood-badge.positive{background:#6b8e231a;color:var(--category-study)}.mood-badge.neutral{background:#4682b41a;color:var(--category-work)}.mood-badge.stressed{background:#c4a35a26;color:var(--accent-warm-dark)}.mood-badge.burnout{background:#c0392b1a;color:#c0392b}.level-meter{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.level-meter .level-label{font-size:.78rem;color:var(--text-muted);width:55px;flex-shrink:0}.level-meter .level-bar{flex:1;height:6px;background:var(--border-softer);border-radius:3px;overflow:hidden}.level-meter .level-fill{height:100%;border-radius:3px;transition:width .8s ease}.level-meter .level-fill.stress{background:#c0392b}.level-meter .level-fill.focus{background:var(--category-study)}.level-meter .level-value{font-size:.78rem;font-weight:600;color:var(--text-primary);width:22px;text-align:right}.ai-milestone{position:relative;padding-left:var(--spacing-xl);margin-bottom:var(--spacing-lg);animation:resultFadeIn .3s ease backwards}.ai-milestone:nth-child(1){animation-delay:.05s}.ai-milestone:nth-child(2){animation-delay:.1s}.ai-milestone:nth-child(3){animation-delay:.15s}.ai-milestone:before{content:"";position:absolute;left:10px;top:22px;bottom:-16px;width:2px;background:var(--border-softer)}.ai-milestone:last-child:before{display:none}.ai-milestone .milestone-dot{position:absolute;left:4px;top:4px;width:14px;height:14px;border-radius:50%;border:2px solid var(--accent-warm);background:var(--card-bg)}.ai-milestone .milestone-title{font-family:var(--font-display);font-size:.88rem;font-weight:500;color:var(--text-primary);margin-bottom:2px}.ai-milestone .milestone-date{font-size:.72rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.ai-milestone .milestone-actions{list-style:none;padding:0;margin:0}.ai-milestone .milestone-actions li{font-size:.78rem;color:var(--text-secondary);padding:2px 0;padding-left:var(--spacing-md);position:relative}.ai-milestone .milestone-actions li:before{content:"?";position:absolute;left:0;color:var(--accent-warm);font-size:.72rem}.ai-reminder-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-paper);border-radius:24px;border:1px solid var(--border-softer);margin-bottom:var(--spacing-sm);animation:resultFadeIn .3s ease backwards}.ai-reminder-card:nth-child(2){animation-delay:.08s}.ai-reminder-card:nth-child(3){animation-delay:.16s}.ai-reminder-card .reminder-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-reminder-card .reminder-icon.journaling{background:#c4a35a1f;color:var(--accent-warm)}.ai-reminder-card .reminder-icon.break{background:#6b8e231f;color:var(--category-study)}.ai-reminder-card .reminder-icon.focus{background:#4682b41f;color:var(--category-work)}.ai-reminder-card .reminder-icon.reflection{background:#9370db1f;color:var(--category-content)}.ai-reminder-card .reminder-icon svg{width:18px;height:18px}.ai-reminder-card .reminder-message{font-size:.82rem;color:var(--text-primary);margin-bottom:2px}.ai-reminder-card .reminder-time{font-size:.72rem;color:var(--text-muted)}.ai-reminder-card .reminder-reason{font-size:.72rem;color:var(--text-muted);font-style:italic;margin-top:4px}.ai-themes{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--spacing-sm)}.ai-theme-tag{padding:4px 10px;background:#c4a35a14;color:var(--accent-warm);border-radius:var(--radius-lg);font-size:.72rem;font-weight:500}.ai-loading{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.ai-loading .spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--border-softer);border-top-color:var(--accent-warm);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-sm)}.ai-loading p{font-size:.82rem}.ai-error{padding:var(--spacing-md);background:#c0392b0f;border:1px solid rgba(192,57,43,.15);border-radius:var(--radius-md);color:#c0392b;font-size:.82rem;margin-bottom:var(--spacing-md)}.ai-premium-lock{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-lg) var(--spacing-lg);flex:1;animation:fadeInUp .5s ease;position:relative;overflow:hidden}.premium-decor-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;pointer-events:none;z-index:0}.premium-orb-1{width:220px;height:220px;background:radial-gradient(circle,var(--accent-warm) 0%,transparent 70%);top:10%;left:-40px;animation:orbFloat1 8s ease-in-out infinite}.premium-orb-2{width:180px;height:180px;background:radial-gradient(circle,var(--accent-warm-light) 0%,transparent 70%);bottom:15%;right:-30px;animation:orbFloat2 10s ease-in-out infinite}.premium-orb-3{width:140px;height:140px;background:radial-gradient(circle,var(--accent-warm) 0%,transparent 70%);top:50%;left:60%;animation:orbFloat3 12s ease-in-out infinite;opacity:.08}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-15px) scale(1.1)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-15px,10px) scale(1.15)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10px,-20px) scale(.9)}}.premium-lock-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%}.themed-sparkle{width:22px;height:22px;color:var(--accent-warm);display:inline-block;vertical-align:middle;margin-left:4px;animation:sparkleSpin 6s linear infinite}.header-sparkle{width:20px;height:20px}@keyframes sparkleSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(.9)}to{transform:rotate(360deg) scale(1)}}.premium-popup-backdrop{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.premium-popup{background:var(--bg-paper);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:90%;max-width:440px;text-align:center;box-shadow:var(--card-shadow);animation:slideUpFade .3s cubic-bezier(.16,1,.3,1) forwards;position:relative;overflow:hidden}:root.dark .premium-popup-backdrop{background:#000000b3}:root.dark .premium-popup{background:var(--card-bg);border:1px solid var(--border-soft);box-shadow:var(--card-shadow)}.premium-popup-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.premium-popup h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.premium-subtitle-pro{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:24px;padding:0 10px}.premium-price-pro{margin-bottom:24px;display:flex;justify-content:center;align-items:baseline;gap:4px}.price-amount{font-size:2.2rem;font-weight:500;color:var(--text-primary);font-family:var(--font-display)}.price-period{font-size:1rem;color:var(--text-secondary)}.premium-feature-list-pro{list-style:none;padding:0;margin:32px 0 0;display:flex;flex-direction:column;gap:24px;text-align:left}.premium-feature-list-pro li{display:flex;align-items:flex-start;gap:16px}.pro-feature-icon{flex-shrink:0;width:24px;height:24px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;margin-top:2px}.pro-feature-icon svg{width:100%;height:100%}.pro-feature-text{display:flex;flex-direction:column;gap:4px}.pro-feature-text strong{color:var(--text-primary);font-size:1rem;font-weight:500}.pro-feature-text span{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.btn-go-premium{background:#2d3a5d;color:#fff;border:none;border-radius:100px;padding:12px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;width:100%;box-shadow:0 4px 12px #2d3a5d40}.btn-go-premium:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 16px #2d3a5d59}:root.dark .btn-go-premium{background:#465582;color:#fff}.coming-soon-icon{width:72px;height:72px;border-radius:50%;background:var(--bg-paper);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);border:1px solid var(--border-soft);box-shadow:var(--card-shadow);animation:floatIcon 4s ease-in-out infinite}.coming-soon-icon svg{width:32px;height:32px;color:var(--accent-warm)}.btn-upgrade.coming-soon-btn{width:100%;padding:16px;border-radius:12px;background:var(--bg-paper);color:var(--text-primary);border:1px solid var(--border-soft);font-weight:600;font-size:1.05rem;cursor:pointer;box-shadow:none;transition:var(--transition-normal)}.btn-upgrade.coming-soon-btn:hover{background:var(--card-bg);border-color:var(--accent-warm);color:var(--accent-warm);transform:translateY(-2px)}.premium-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);width:100%;max-width:520px;margin-bottom:var(--spacing-xl)}.premium-feature-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;background:var(--bg-paper);border:1px solid var(--border-softer);border-radius:16px;text-align:center;transition:all .2s ease;aspect-ratio:1 / .85}.premium-feature-card:hover{border-color:#c4a35a4d;background:linear-gradient(135deg,rgba(196,163,90,.04) 0%,transparent 100%);transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.premium-feature-icon{width:28px;height:28px;flex-shrink:0;color:var(--accent-warm)}.premium-feature-icon svg{width:100%;height:100%}.premium-feature-name{font-size:.75rem;font-weight:600;color:var(--text-primary);line-height:1.3}.premium-feature-desc{font-size:.65rem;color:var(--text-muted);line-height:1.3}.btn-upgrade{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:14px 36px;background:linear-gradient(135deg,var(--accent-warm-light) 0%,var(--accent-warm) 100%);color:var(--card-bg);border:none;border-radius:50px;font-size:.95rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #c4a35a4d,0 1px 3px #00000014;position:relative;overflow:hidden}.btn-upgrade:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:btnShine 3s ease-in-out infinite}@keyframes btnShine{0%,to{left:-100%}50%{left:100%}}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 28px #c4a35a66,0 2px 6px #0000001a;filter:brightness(1.05)}.btn-upgrade svg{width:18px;height:18px}.premium-lock-price{font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-sm);opacity:.7}.ai-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%),var(--bg-paper);border:1px dashed var(--border-soft);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md);box-shadow:inset 0 2px 12px #00000003}.ai-coming-soon:before{content:"";display:block;width:48px;height:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23c4a35a' stroke-width='1.5'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0110 0v4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-color:#c4a35a14;border-radius:50%;margin-bottom:var(--spacing-md)}.ai-coming-soon p{font-size:.9rem;font-weight:500;color:var(--text-secondary);line-height:1.5;max-width:280px;margin:0}.ai-analysis-summary{padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(196,163,90,.04) 0%,var(--bg-paper) 100%);border:1px solid var(--border-softer);border-radius:24px;margin-bottom:var(--spacing-md)}.ai-analysis-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.ai-analysis-row:not(:last-child){border-bottom:1px solid var(--border-softer)}.ai-analysis-label{font-size:.78rem;color:var(--text-muted)}.ai-analysis-value{font-size:.82rem;font-weight:600;color:var(--text-primary)}.ai-hub-chat-launcher{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,rgba(196,163,90,.08) 0%,var(--bg-paper) 100%);border:1px dashed var(--accent-warm);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-sm);text-align:left}.ai-hub-chat-launcher:hover{background:linear-gradient(135deg,rgba(196,163,90,.14) 0%,var(--bg-paper) 100%);border-style:solid;transform:translateY(-1px)}.ai-hub-chat-launcher svg{width:22px;height:22px;color:var(--accent-warm);flex-shrink:0}.ai-hub-chat-launcher .launcher-text h4{font-family:var(--font-display);font-size:.88rem;color:var(--text-primary);margin-bottom:2px}.ai-hub-chat-launcher .launcher-text p{font-size:.72rem;color:var(--text-muted)}.ai-hub-chat-launcher .launcher-arrow{margin-left:auto;color:var(--accent-warm)}.ai-hub-chat-launcher .launcher-arrow svg{width:16px;height:16px}.ai-hub-overlay select.ai-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.ai-hub-select-hint{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);text-align:center;color:var(--text-muted)}.ai-hub-select-hint .hint-icon{width:56px;height:56px;background:linear-gradient(135deg,rgba(196,163,90,.1) 0%,transparent 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);color:var(--accent-warm);animation:float 3s ease-in-out infinite}.ai-hub-select-hint .hint-icon svg{width:28px;height:28px}.ai-hub-select-hint h4{font-family:var(--font-heading);font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.ai-hub-select-hint p{font-size:.95rem;max-width:320px;line-height:1.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(max-width:600px){.ai-hub-overlay{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;border-radius:0!important;margin:0!important}.ai-hub-info-bar{flex-direction:column;gap:6px;padding:6px var(--spacing-md)}.ai-hub-info-chat-btn{width:100%;justify-content:center}.ai-feature-tabs{padding:var(--spacing-xs) var(--spacing-md);gap:4px}.ai-feature-tab{padding:6px 10px}.ai-feature-tab-label{font-size:.72rem}.ai-feature-tab-icon{width:16px;height:16px}.ai-hub-panel-area{padding:var(--spacing-sm)}.ai-chat{padding:var(--spacing-xs)}.ai-chat-bubble{max-width:92%!important}.ai-hub-overlay.chat-active .ai-hub-panel-area{padding:0}.ai-hub-header-chat-btn span{display:none}.ai-hub-header-chat-btn{padding:6px 8px}.ai-panel-input-row{flex-direction:column}.premium-features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.ai-hub-select-hint{min-height:120px;padding:var(--spacing-md) var(--spacing-md)}.ai-hub-top-bar{padding-bottom:var(--spacing-sm)}.ai-hub-chat-card{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}}.sidebar{position:absolute;top:60px;left:12px;z-index:1000;width:270px;padding:16px;border-radius:30px;height:auto;max-height:calc(100vh - 80px);display:flex;flex-direction:column;gap:8px;pointer-events:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;opacity:0;transform:translate(-20px);transition:opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1)}.sidebar::-webkit-scrollbar{display:none}.sidebar.open{opacity:1;transform:translate(0);pointer-events:auto}.sidebar>div{opacity:0;transform:translate(-15px);transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}.sidebar.open>div{opacity:1;transform:translate(0)}.sidebar.open>div:nth-child(1){transition-delay:.05s}.sidebar.open>div:nth-child(2){transition-delay:.1s}.sidebar.open>div:nth-child(3){transition-delay:.15s}.sidebar.open>div:nth-child(4){transition-delay:.2s}.sidebar.open>div:nth-child(5){transition-delay:.25s}.sidebar.open>div:nth-child(6){transition-delay:.3s}.sidebar.open>div:nth-child(7){transition-delay:.35s}.sidebar.open>div:nth-child(8){transition-delay:.4s}.sb-pill-block{background:var(--bg-paper);border:1.5px solid var(--border-soft);border-radius:50px;padding:0;box-shadow:none;transition:all .2s ease;display:flex;justify-content:center;align-items:center}.sb-pill-block.active{border-color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.05)}.sidebar.open .sb-pill-block,.sidebar.open .sb-expand-panel{pointer-events:auto}.sb-row{display:flex;align-items:center;gap:8px;width:100%}.sb-row .sb-pill-block{margin:0}.sb-pill-search{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;transition:all .3s cubic-bezier(.16,1,.3,1)}.sb-pill-search.expanded{width:100%;border-radius:50px;justify-content:flex-start}.sb-search-expanded-container{display:flex;align-items:center;width:100%;height:100%;padding:0 16px;gap:8px;background:var(--bg-paper);border:2px solid var(--accent-warm);border-radius:50px}.sb-search-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}input[type=text].sb-search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;outline:none;padding:0 4px;height:100%;width:100%}input[type=text].sb-search-input:focus{border:none;background:transparent}input[type=text].sb-search-input::placeholder{color:var(--text-muted)}.sb-search-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;transition:color .2s ease,background .2s ease}.sb-search-close:hover{color:var(--text-primary);background:var(--bg-paper)}.sb-search-close svg{width:16px;height:16px}.sb-search-btn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-primary);cursor:pointer}.sb-search-btn svg{width:18px;height:18px;transition:transform .15s ease}.sb-search-btn:hover svg{transform:scale(1.1)}.sb-pill-new-chat,.sb-pill-history{flex:1}.sb-new-chat{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:transparent;color:var(--text-primary);font-family:var(--font-display);font-size:1.05rem;font-weight:400;cursor:pointer;border:none;text-align:center}.sb-new-chat:hover{transform:translateY(-1px);opacity:.9}.sb-new-chat svg{width:16px;height:16px}.sb-category-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;border-radius:50px;background:var(--bg-paper);border:1.5px solid var(--border-soft);color:var(--text-primary);font-family:var(--font-display);font-size:1.1rem;font-weight:400;cursor:pointer;transition:all .2s ease;text-align:center}.sb-category-btn:hover{background:var(--bg-paper);border-color:var(--accent-warm)}.sb-category-btn.active{background:rgba(var(--accent-warm-rgb),.1);color:var(--accent-warm);border-color:var(--accent-warm)}.sb-expand-panel{background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:20px;margin-top:8px;padding:8px;box-shadow:var(--card-shadow);overflow:hidden;animation:sbFadeSlideDown .2s ease forwards}@keyframes sbFadeSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sb-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:12px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;margin-bottom:2px}.sb-nav-item:hover{background:var(--bg-main);color:var(--text-primary)}.sb-nav-item.active{background:rgba(var(--accent-warm-rgb),.1);color:var(--accent-warm);font-weight:600}.sb-nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.sb-nav-icon svg{width:100%;height:100%}.sb-nav-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-pill-profile,.sb-pill-settings{flex:1;min-width:0}.sb-pill-back{flex-shrink:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%}.sb-action-btn,.sb-action-btnsb-btn-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12px 8px;background:transparent;color:var(--text-primary);border:none;cursor:pointer;font-family:var(--font-display);font-size:.95rem;font-weight:400}.sb-action-btn-back{padding:0;border-radius:50%}.sb-back-inner-circle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--text-primary);color:var(--bg-paper)}.sb-action-btn svg,.sb-action-btnsb-btn-icon svg{width:18px;height:18px;transition:transform .15s ease}.sb-back-inner-circle svg{width:18px;height:18px}.sb-action-btn:hover svg,.sb-action-btnsb-btn-icon:hover svg{transform:scale(1.1)}.sb-avatar{width:20px;height:20px;border-radius:50%;background:rgba(var(--accent-warm-rgb),.12);color:var(--accent-warm);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.65rem;font-weight:700}.sidebar-toggle-btn{position:absolute;top:16px;left:16px;z-index:900;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-soft);background:var(--bg-paper);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.sidebar-toggle-btn:hover{color:var(--text-primary);border-color:var(--border-softer);box-shadow:0 4px 12px #00000014}.sidebar-toggle-btn svg{width:20px;height:20px}.sidebar.open~.sidebar-toggle-btn,.sidebar-toggle-btn.hidden{opacity:0;pointer-events:none}.sidebar-overlay{display:none}.sidebar-overlay.visible{display:block;position:absolute;inset:0;z-index:999;background:transparent}@media(max-width:768px){.sidebar{top:60px;left:12px;width:calc(100% - 24px)}}.get-started-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;margin:0 auto}.get-started-btn .btn-icon{width:18px;height:18px}.briefing-card{background:linear-gradient(135deg,rgba(var(--accent-warm-rgb),.08),rgba(var(--accent-warm-rgb),.03));border:1px solid rgba(var(--accent-warm-rgb),.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);width:100%;max-width:800px;flex-shrink:0;overflow:hidden}.briefing-content{padding:var(--spacing-lg)}.briefing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.briefing-header h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-primary)}.briefing-dismiss{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition-fast)}.briefing-dismiss:hover{background:var(--bg-paper);color:var(--text-primary)}.briefing-dismiss svg{width:14px;height:14px}.briefing-day{font-size:.88rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.briefing-streak{font-size:.88rem;color:var(--accent-warm);font-weight:500;margin-bottom:var(--spacing-xs)}.briefing-nudge{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.briefing-tip{font-size:.85rem;color:var(--text-muted);font-style:italic;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid rgba(var(--accent-warm-rgb),.15)}.gen-widget-container{background:rgba(var(--surface-rgb, 255, 255, 255),.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(var(--accent-warm-rgb, 201, 168, 124),.2);border-radius:24px;padding:24px;margin:20px 0;box-shadow:0 12px 40px #00000014,0 0 0 1px rgba(var(--accent-warm-rgb),.05);transition:all .4s cubic-bezier(.16,1,.3,1);animation:widgetEntrance .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes widgetEntrance{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:root.dark .gen-widget-container{background:#1e1e20cc;border-color:#c4a35a33;box-shadow:0 12px 48px #0000004d}.gen-widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:1.5px solid rgba(var(--border-soft-rgb),.3)}.gen-widget-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(var(--accent-warm-rgb),.1);color:var(--accent-warm);padding:6px 14px;border-radius:100px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 8px rgba(var(--accent-warm-rgb),.05)}.gen-widget-badge svg{width:14px;height:14px}.gen-widget-pin-btn{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border-soft);color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:100px;font-family:var(--font-body);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d}:root.dark .gen-widget-pin-btn{background:#ffffff0d}.gen-widget-pin-btn:hover{background:var(--accent-warm);border-color:var(--accent-warm);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--accent-warm-rgb),.25)}.gen-widget-pin-btn svg{width:14px;height:14px}.gen-habit-tracker h4,.gen-checklist h4,.gen-kanban h4{margin:0 0 20px;font-size:1.25rem;font-family:var(--font-display);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.gen-habit-list,.gen-checklist-items{display:flex;flex-direction:column;gap:12px}.gen-habit-item,.gen-check-row{display:flex;align-items:center;gap:14px;font-size:.98rem;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 16px;border-radius:16px;background:rgba(var(--bg-paper-rgb),.6);border:1px solid rgba(var(--border-soft-rgb),.3);transition:all .2s cubic-bezier(.16,1,.3,1)}.gen-habit-item:hover,.gen-check-row:hover{background:var(--bg-elevated);transform:translate(4px);border-color:var(--accent-warm);box-shadow:0 4px 12px #0000000a}:root.dark .gen-habit-item:hover,:root.dark .gen-check-row:hover{background:#ffffff14}.gen-habit-item input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent-warm);cursor:pointer}.gen-checkbox{width:24px;height:24px;border-radius:8px;border:2px solid var(--border-soft);background:rgba(var(--bg-main-rgb),.5);display:flex;align-items:center;justify-content:center;color:transparent;transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}.gen-checkbox.active{background:var(--accent-warm);border-color:var(--accent-warm);color:#fff;transform:scale(1.05)}.gen-checkbox svg{width:16px;height:16px}.gen-habit-done,.gen-check-row span.done{text-decoration:line-through;color:var(--text-muted);opacity:.7}.gen-kanban-cols{display:flex;gap:20px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--border-soft) transparent}.gen-kanban-col{flex:1;min-width:240px;background:rgba(var(--bg-main-rgb),.4);padding:16px;border-radius:20px;border:1px solid rgba(var(--border-soft-rgb),.2)}.gen-kanban-col h5{margin:0 0 16px;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;font-weight:700;letter-spacing:1px;opacity:.8}.gen-kanban-task{background:var(--bg-paper);padding:14px;border-radius:12px;margin-bottom:12px;font-size:.92rem;box-shadow:0 4px 12px #00000008;border:1.5px solid var(--border-softer);transition:all .2s ease;cursor:pointer}.gen-kanban-task:hover{transform:translateY(-2px);border-color:var(--accent-warm);box-shadow:0 8px 16px #0000000f}.preview-portal{position:fixed;top:60px;right:0;bottom:0;width:50%;background:var(--surface);border-left:1px solid var(--border-soft);display:flex;flex-direction:column;z-index:500;box-shadow:-10px 0 30px #0000000d}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border-softer);background:var(--bg-paper)}.preview-title{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-weight:600;font-size:.9rem}.preview-close-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.preview-close-btn:hover{background:#0000000d;color:var(--text-primary)}.preview-content{flex:1;overflow:hidden;position:relative;background:#fff}.preview-iframe{width:100%;height:100%;border:none}.animate-slideInRight{animation:slideInRight .4s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1024px){.preview-portal{width:100%;left:0;top:0;z-index:2000}}:root{--flow-bg: var(--bg-main);--flow-island: var(--bg-paper);--flow-pill: var(--card-bg);--flow-pill-hover: var(--bg-elevated);--flow-border: var(--border-soft);--flow-border-thin: var(--border-softer);--flow-glass-border: 1px solid var(--border-softer);--flow-accent-border: 1px solid var(--accent-warm);--flow-txt-main: var(--text-primary);--flow-txt-muted: var(--text-secondary);--flow-txt-dim: var(--text-muted);--flow-accent: var(--accent-warm);--flow-online: #10b981;--flow-shadow: var(--card-shadow);--flow-shadow-hover: var(--card-shadow-hover);--flow-radius-lg: var(--radius-lg);--flow-radius-xl: var(--radius-xl);--flow-glass-bg: rgba(var(--bg-paper-rgb), .7);--flow-glass-blur: blur(20px);--flow-grad-warm: linear-gradient(135deg, var(--accent-warm) 0%, #f59e0b 100%);--flow-grad-surface: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 100%)}.no-scrollbar::-webkit-scrollbar{display:none}.flow-sidebar-scroll::-webkit-scrollbar,.flow-thread-scroll::-webkit-scrollbar{width:5px}.flow-sidebar-scroll::-webkit-scrollbar-track,.flow-thread-scroll::-webkit-scrollbar-track{background:transparent}.flow-sidebar-scroll::-webkit-scrollbar-thumb,.flow-thread-scroll::-webkit-scrollbar-thumb{background:var(--flow-border);border-radius:10px}.flow-sidebar-scroll::-webkit-scrollbar-thumb:hover,.flow-thread-scroll::-webkit-scrollbar-thumb:hover{background:var(--flow-accent)}.dark .flow-page{--flow-bg: var(--bg-main);--flow-island: var(--bg-paper);--flow-pill: var(--card-bg);--flow-pill-hover: var(--bg-elevated);--flow-txt-main: var(--text-primary);--flow-txt-muted: var(--text-secondary);--flow-txt-dim: var(--text-muted);--flow-border-thin: var(--border-softer);--flow-border: var(--border-soft);--flow-glass-border: 1px solid var(--border-soft);--flow-accent-border: 1px solid var(--accent-warm);--flow-shadow: var(--card-shadow);--flow-glass-bg: rgba(var(--bg-paper-rgb), .7)}.flow-page{background:var(--flow-bg);min-height:100vh;width:100%;padding:.5rem;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;font-family:var(--font-body);overflow:hidden;box-sizing:border-box;color:var(--flow-txt-main);background-image:var(--bg-texture)}.island-column-left,.island-column-right{display:flex;flex-direction:column;gap:.5rem;height:calc(100vh - 1rem)}.island-column-left{width:320px;flex-shrink:0}.island-top-left{background-color:var(--flow-glass-bg);backdrop-filter:var(--flow-glass-blur);-webkit-backdrop-filter:var(--flow-glass-blur);border:var(--flow-glass-border);border-radius:var(--flow-radius-lg);padding:0 .75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;height:64px;flex-shrink:0;box-shadow:var(--flow-shadow);box-sizing:border-box}.flow-circle-btn.hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--flow-pill);border:1px solid var(--flow-border);cursor:pointer;color:var(--flow-txt-main);transition:all .2s;flex-shrink:0}.flow-circle-btn{width:2.75rem;height:2.75rem;flex-shrink:0;background-color:transparent;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);color:var(--flow-txt-muted)}.flow-circle-btn:hover{background-color:var(--flow-pill);color:var(--flow-txt-main);transform:translateY(-1px)}.island-top-right .flow-circle-btn{background-color:var(--flow-pill);border:1px solid var(--flow-border);color:var(--flow-txt-main);box-shadow:0 4px 12px #00000014;flex-shrink:0;transition:all .3s cubic-bezier(.23,1,.32,1)}.island-top-right .flow-circle-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #0000001f;border-color:var(--flow-accent)}.dark .island-top-right .flow-circle-btn{background-color:var(--flow-pill);color:var(--flow-txt-main);border-color:var(--flow-border)}.mobile-only{display:none!important}@media(max-width:1024px){.mobile-only{display:flex!important}.desktop-only,.mobile-hidden{display:none!important}.island-column-left,.island-column-right{width:100%!important}.island-column-left,.island-mid-left{height:100%!important}}.flow-bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;background:var(--flow-glass-bg);backdrop-filter:var(--flow-glass-blur);-webkit-backdrop-filter:var(--flow-glass-blur);border:1px solid rgba(var(--accent-warm-rgb),.3);border-radius:9999px;margin-bottom:.85rem;box-shadow:0 8px 32px #00000026,0 0 0 1px #ffffff0d;animation:slideDownIn .3s cubic-bezier(.16,1,.3,1);gap:.75rem}.flow-bulk-left,.flow-bulk-right{display:flex;align-items:center;gap:.75rem}.bulk-count-pill{font-size:.75rem;font-weight:700;color:var(--flow-accent);background:rgba(var(--accent-warm-rgb),.1);padding:.2rem .75rem;border-radius:9999px;white-space:nowrap}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.flow-bulk-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(var(--accent-warm-rgb),.2);background:rgba(var(--accent-warm-rgb),.05);color:var(--flow-txt-muted);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.flow-bulk-btn:hover{background:rgba(var(--accent-warm-rgb),.15);border-color:rgba(var(--accent-warm-rgb),.4);color:var(--flow-txt-main);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.2)}.flow-bulk-btn.exit{background:#ffffff0d;border-color:#ffffff1a}.flow-bulk-btn.exit:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.flow-bulk-btn.action{background:rgba(var(--accent-warm-rgb),.1);color:var(--flow-accent);border:1px solid rgba(var(--accent-warm-rgb),.3)}.flow-bulk-btn.action.danger{color:#ef4444}.flow-bulk-btn.action.danger:hover{background:#ef444426;border-color:#ef444466}.flow-contact-item-pill.selection-mode{padding-left:.5rem}.flow-selection-check{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid rgba(var(--accent-warm-rgb),.3);background:rgba(var(--bg-paper-rgb),.5);margin-right:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 0 10px #0000001a}.flow-contact-item-pill.selected .flow-selection-check{background:var(--flow-accent);border-color:var(--flow-accent);color:#1a1a1a;transform:scale(1.1);box-shadow:0 0 15px rgba(var(--accent-warm-rgb),.4)}.flow-contact-item-pill.selected{background:var(--flow-pill-hover);border-color:var(--flow-accent);box-shadow:0 0 0 1px var(--flow-accent)}.flow-top-btn{height:2.5rem;padding:0 1rem;background-color:var(--flow-pill);display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);color:var(--flow-txt-muted);font-weight:600;font-size:.875rem}.flow-top-btn:hover{background-color:var(--flow-pill);color:var(--flow-txt-main)}.island-mid-left{background-color:var(--flow-glass-bg);backdrop-filter:var(--flow-glass-blur);-webkit-backdrop-filter:var(--flow-glass-blur);border:var(--flow-glass-border);border-radius:var(--flow-radius-lg);padding:.75rem;display:flex;flex-direction:column;flex:1;box-shadow:var(--flow-shadow);overflow:hidden;box-sizing:border-box}.flow-navigator-top{display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem}.flow-tabs-segmented{display:flex;background-color:var(--flow-pill);border-radius:9999px;padding:.25rem;flex:1;height:2.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;max-width:100%;border:1px solid var(--flow-border-thin);box-sizing:border-box}.flow-tabs-segmented.search-active{flex:0;width:0;opacity:0;padding:0;margin:0;pointer-events:none}.flow-tab-pill{flex:1;height:100%;border-radius:9999px;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;background:transparent;cursor:pointer;transition:all .2s;color:var(--flow-txt-muted);font-weight:400;font-size:.8rem;white-space:nowrap}.flow-tab-pill.active{background-color:var(--flow-island);box-shadow:0 2px 4px #0000000d;color:var(--flow-txt-main);font-weight:500}.flow-search-circle{height:2.75rem;width:2.75rem;background-color:var(--flow-pill);border-radius:9999px;display:flex;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;justify-content:center;cursor:pointer;flex-shrink:0;border:1px solid var(--flow-border-thin);color:var(--flow-txt-main);box-sizing:border-box}.flow-search-circle svg{flex-shrink:0;opacity:.6;transition:all .3s ease}.flow-search-circle.active{flex:1;width:100%;padding:0 1rem;justify-content:flex-start;cursor:default}.flow-search-circle:hover:not(.active){background-color:var(--flow-pill-hover)}.flow-search-circle:hover svg{opacity:1;transform:scale(1.1)}.flow-search-circle.active svg{opacity:1}.flow-search-input{background:transparent!important;border:none!important;border-radius:0;padding:.25rem .5rem;outline:none!important;width:0;display:none;font-size:.875rem;color:var(--flow-txt-main);margin-left:0;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;white-space:nowrap;box-sizing:border-box;box-shadow:none!important}.flow-search-circle.active .flow-search-input{display:block;width:100%;margin-left:.5rem;opacity:1;pointer-events:auto;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;appearance:none!important}.flow-sidebar-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding-bottom:.5rem}.flow-sidebar-scroll::-webkit-scrollbar{display:none}.flow-sidebar-scroll.flow-empty-island-right{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;flex:1;color:var(--flow-txt-muted);text-align:center;padding:2rem}.empty-content-v2{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:400px}.flow-sidebar-divider{display:none}.empty-content-v2 svg{width:80px;height:80px;opacity:.2}.empty-content-v2 h2{font-size:1.5rem;font-weight:600;color:var(--flow-txt-main);margin:0}.flow-modal-action-btn{width:100%;padding:1rem;background:var(--flow-accent);color:#fff;border:none;border-radius:9999px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #c4a35a33;margin-top:1rem}.flow-modal-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #c4a35a4d;filter:brightness(1.1)}.flow-modal-action-btn:disabled{opacity:.6;cursor:not-allowed}.flow-contact-item-pill{min-height:3.25rem;width:100%;border-radius:1rem;flex-shrink:0;display:flex;align-items:center;padding:0 .75rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);background-color:var(--flow-glass-bg);border:1px solid transparent;margin-bottom:.5rem;position:relative;overflow:hidden}.flow-contact-item-pill.pending-invite{background:rgba(var(--accent-warm-rgb),.05)!important;border:1px solid rgba(var(--accent-warm-rgb),.2)!important;margin-bottom:.75rem;box-shadow:0 4px 15px #0000001a;padding:.75rem 1rem!important;height:auto!important}.flow-contact-item-pill.pending-invite:hover{background:rgba(var(--accent-warm-rgb),.08)!important;border-color:var(--accent-warm)!important;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.dark .flow-contact-item-pill{background-color:#ffffff08}.flow-contact-item-pill.active{background-color:var(--flow-pill-hover);border:1px solid var(--flow-accent);box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.12)}.flow-contact-item-pill:hover:not(.active){background-color:var(--flow-pill-hover);transform:translate(4px);border-color:rgba(var(--accent-warm-rgb),.3)}.flow-contact-name{font-size:.75rem;font-weight:700;line-height:1.2;color:var(--flow-txt-main);letter-spacing:-.01em}.flow-contact-time{font-size:.55rem;font-weight:500;color:var(--flow-txt-muted);opacity:.6}.flow-contact-last-msg{font-size:.65rem;color:var(--flow-txt-muted);opacity:.7;line-height:1.4}.flow-contact-delete-btn{width:1.75rem;height:1.75rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:var(--flow-island);color:var(--flow-txt-muted);border:1px solid var(--flow-border-thin);cursor:pointer;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);margin-left:auto;flex-shrink:0;box-shadow:0 2px 4px #0000000d}.flow-contact-item-pill:hover .flow-contact-delete-btn{opacity:1}.flow-contact-delete-btn:hover{background-color:#fee2e2!important;color:#ef4444!important;border-color:#fecaca!important;transform:scale(1.05)}.flow-avatar-mini{width:2rem;height:2rem;border-radius:50%;margin-right:.6rem;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--flow-border-thin);color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dark .flow-avatar-mini{background:var(--flow-grad-warm);border-color:#ffffff1a}.flow-avatar-mini img{width:100%;height:100%;object-fit:cover}.flow-avatar-mini svg{width:100%;height:100%}.flow-contact-line{height:.5rem;width:6rem;background-color:#ffffff80;border-radius:9999px}.island-bottom-left{background-color:var(--flow-glass-bg);backdrop-filter:var(--flow-glass-blur);-webkit-backdrop-filter:var(--flow-glass-blur);border:var(--flow-glass-border);border-radius:9999px;padding:.5rem;display:flex;align-items:center;gap:.75rem;height:4.5rem;flex-shrink:0;box-shadow:0 4px 16px #0000000a;box-sizing:border-box;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.island-bottom-left:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--accent-warm-rgb),.08);border-color:rgba(var(--accent-warm-rgb),.3)}.flow-profile-avatar{width:3.5rem;height:3.5rem;background-color:var(--flow-pill);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border:2px solid var(--flow-island);box-shadow:0 2px 8px #0000000d;transition:transform .3s ease}.island-bottom-left:hover .flow-profile-avatar{transform:scale(1.05)}.flow-profile-avatar img{width:100%;height:100%;object-fit:cover}.flow-profile-pill{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 .5rem}.flow-profile-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--flow-txt-main);letter-spacing:-.01em}.flow-profile-status{font-size:.7rem;color:var(--flow-txt-muted);opacity:.8;font-family:var(--font-body);letter-spacing:.04em}.flow-profile-line{height:.75rem;width:5rem;background-color:#fff9;border-radius:9999px}.island-column-right{flex:1;min-width:0}.island-top-right{background-color:var(--flow-glass-bg);backdrop-filter:var(--flow-glass-blur);-webkit-backdrop-filter:var(--flow-glass-blur);border:var(--flow-glass-border);border-radius:var(--flow-radius-lg);padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--flow-shadow);height:80px;box-sizing:border-box;position:relative;z-index:100;flex-shrink:0}.flow-header-user{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.flow-header-avatar{width:2.75rem;height:2.75rem;background-color:var(--flow-pill);border-radius:9999px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1.5px solid var(--flow-island);flex-shrink:0}.flow-header-avatar img{width:100%;height:100%;object-fit:cover}.flow-header-meta{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;flex:1}.flow-header-name-row{display:flex;align-items:center;gap:.5rem;min-width:0}.flow-header-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center}.flow-header-badge.verified{color:var(--flow-accent);width:14px;height:14px;filter:drop-shadow(0 0 4px rgba(212,184,112,.2))}.flow-header-badge.secure{color:var(--flow-txt-main);width:12px;height:12px;opacity:.8;padding:2px;background:var(--flow-pill);border-radius:4px;border:1px solid var(--flow-border-thin)}.flow-header-status{display:flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:700;color:var(--flow-txt-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.flow-status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--flow-txt-dim);flex-shrink:0}.flow-header-status.online{color:var(--flow-online)}.flow-header-status.online .flow-status-dot{background-color:var(--flow-online);box-shadow:0 0 8px var(--flow-online)}.header-meta-line-1{height:.75rem;width:8rem;background-color:var(--flow-pill);border-radius:9999px}.header-meta-line-2{height:.5rem;width:4rem;background-color:var(--flow-pill);border-radius:9999px;opacity:.6}.flow-header-actions{display:flex;gap:.75rem}.flow-header-btn{width:2.75rem;height:2.75rem;background-color:transparent;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--flow-txt-muted)}.flow-header-btn:hover{background-color:var(--flow-pill);color:var(--flow-txt-main);transform:translateY(-1px)}.island-mid-right{background-color:var(--flow-glass-bg);backdrop-filter:var(--flow-glass-blur);-webkit-backdrop-filter:var(--flow-glass-blur);border:var(--flow-glass-border);border-radius:var(--flow-radius-lg);padding:1.25rem;display:flex;flex-direction:column;flex:1;box-shadow:var(--flow-shadow);position:relative;overflow:hidden;box-sizing:border-box;min-width:0}.flow-header-search-wrap{display:flex;align-items:center;background-color:var(--flow-pill);border:1px solid var(--flow-accent);border-radius:9999px;padding:0 4px 0 12px;height:34px;width:auto;max-width:280px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px rgba(var(--accent-warm-rgb),.1);overflow:hidden}.flow-header-search-inner{display:flex;align-items:center;width:100%}.flow-header-search-input{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;font-size:.85rem;flex:1;color:var(--flow-txt-main);min-width:140px;padding:0;height:100%}.flow-header-search-close{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;color:var(--flow-txt-muted)}.flow-header-search-close:hover{background:var(--flow-border-thin);color:var(--flow-txt-main)}.flow-contact-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:200px;background-color:var(--flow-island);backdrop-filter:var(--flow-glass-blur);-webkit-backdrop-filter:var(--flow-glass-blur);border:1px solid var(--flow-border-thin);border-radius:1rem;padding:.5rem;box-shadow:var(--flow-shadow);z-index:1000;display:flex;flex-direction:column;gap:2px}.flow-dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.625rem;transition:all .2s;text-align:left;border:none;background:transparent;cursor:pointer;color:var(--flow-txt-muted);font-size:.875rem;font-weight:500}.flow-dropdown-item:hover{background-color:var(--flow-pill);color:var(--flow-txt-main)}.flow-dropdown-item.danger{color:#ef4444}.flow-dropdown-item.danger:hover{background-color:#ef44441a}.flow-dropdown-item.blocked{color:var(--flow-online)}.flow-dropdown-item.split{justify-content:space-between}.flow-dropdown-label-wrap{display:flex;align-items:center;gap:.75rem}.flow-status-badge{font-size:.625rem;font-weight:800;padding:.125rem .375rem;border-radius:9999px;text-transform:uppercase}.flow-status-badge.on{background-color:rgba(var(--accent-warm-rgb),.15);color:var(--flow-accent)}.flow-status-badge.off{background-color:var(--flow-border-thin);opacity:.4;color:var(--flow-txt-muted)}.flow-dropdown-divider{height:1px;background-color:var(--flow-border-thin);margin:.25rem .5rem}.flow-workspace-main{flex:1;display:flex;flex-direction:column;position:relative;height:100%}.flow-messages-scroll{flex:1;display:flex;flex-direction:column;padding:1rem 1rem 1.5rem;overflow-y:auto;overflow-x:hidden}.flow-edit-input{width:100%;min-width:250px;background:#fff9;border:1px solid rgba(139,92,246,.3);color:#4c1d95;padding:.5rem .75rem;border-radius:var(--flow-radius-lg);font-size:.9rem;outline:none;box-shadow:0 2px 10px #8b5cf60d;transition:all .2s ease;margin-bottom:.5rem}.flow-edit-input:focus{background:#ffffffe6;border-color:#8b5cf699;box-shadow:0 0 0 2px #8b5cf633}.flow-edit-btn{padding:.4rem .8rem;font-size:.8rem;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .2s ease;border:none}.flow-edit-btn.cancel{background:transparent;color:#4c1d9599}.flow-edit-btn.cancel:hover{background:#8b5cf61a;color:#4c1d95}.flow-edit-btn.save{background:#8b5cf6e6;color:#fff;box-shadow:0 2px 8px #8b5cf64d}.flow-edit-btn.save:hover{transform:translateY(-1px);background:#8b5cf6;box-shadow:0 4px 12px #8b5cf666}.flow-msg-wrapper{display:flex;flex-direction:column;width:100%;margin-bottom:.25rem;position:relative}.flow-msg-wrapper.received{align-items:flex-start}.flow-msg-wrapper.sent{align-items:flex-end}.flow-msg-actions-menu{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .5rem;background-color:var(--flow-pill);border:1px solid var(--flow-border);border-radius:9999px;box-shadow:0 4px 12px #0000001a;margin-top:.25rem;margin-bottom:.5rem;z-index:10;width:max-content;max-width:100%}.flow-msg-actions-menu.received{align-self:flex-start;margin-left:.25rem}.flow-msg-actions-menu.sent{align-self:flex-end;margin-right:.25rem}.flow-action-btn{display:flex;align-items:center;justify-content:center;padding:.35rem;background:transparent;border:none;border-radius:50%;color:var(--flow-txt-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);opacity:.8}.flow-action-btn:hover{background-color:var(--flow-pill-hover);color:var(--flow-accent);opacity:1;transform:scale(1.1)}.flow-action-btn.danger:hover{background-color:#ef44441a;color:#ef4444}.flow-msg-bubble{width:fit-content;max-width:95%;padding:.45rem .85rem;border-radius:1.25rem;margin-bottom:.4rem;line-height:1.4;box-shadow:0 2px 10px #0000000a;font-size:.92rem;background-color:var(--flow-pill);color:var(--flow-txt-main);border:1px solid var(--flow-border-thin);overflow-wrap:anywhere;word-break:break-word;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;position:relative}.flow-msg-bubble:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--flow-grad-surface);opacity:.5;pointer-events:none}.flow-msg-bubble:active{transform:scale(.98)}.flow-msg-bubble.received{align-self:flex-start;border-radius:1.25rem 1.25rem 1.25rem .4rem;animation:slideInLeft .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInLeft{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.flow-msg-bubble.sent{align-self:flex-end;border-radius:1.25rem 1.25rem .4rem;box-shadow:0 4px 14px #e9d5ff66;background:linear-gradient(135deg,#e9d5ff,#f3e8ff);color:#4c1d95;border:1px solid rgba(233,213,255,.8);animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.flow-msg-bubble.sent .flow-msg-text{color:#4c1d95}.dark .flow-msg-bubble.received{background-color:var(--flow-pill);border:1px solid var(--flow-border-thin);color:var(--flow-txt-main)}.dark .flow-msg-bubble.sent{background:linear-gradient(135deg,#e9d5ff1a,#e9d5ff0d);border:1px solid rgba(233,213,255,.2);color:var(--flow-txt-main)}@keyframes slideInRight{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.flow-input-container{display:flex;justify-content:center;padding:1rem 0 .5rem;flex-shrink:0;width:100%;position:relative;z-index:10}.flow-input-container:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--flow-island) 60%,transparent);pointer-events:none;z-index:-1}.flow-attach-btn{background:transparent;border:none;outline:none;color:var(--flow-txt-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s}.flow-attach-btn:hover{color:var(--flow-accent)}.flow-input-pill-full{width:100%;height:3.75rem;background-color:var(--flow-island);border-radius:40px;display:flex;align-items:center;padding:0 1rem 0 1.5rem;box-shadow:0 4px 20px #0000000d,0 1px 3px #00000008;border:1px solid var(--flow-border-thin);transition:all .3s cubic-bezier(.16,1,.3,1)}.flow-input-pill-full:focus-within{box-shadow:0 8px 30px #00000014,0 0 0 1px var(--flow-accent);border-color:var(--flow-accent);transform:translateY(-2px)}.flow-pill-input{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;flex:1;font-size:.85rem;color:var(--flow-txt-main);min-width:0;width:100%;padding:.5rem 0}.flow-pill-input::placeholder{color:var(--flow-txt-muted);opacity:.6;font-weight:400}.flow-send-circle{width:2.5rem;height:2.5rem;background-color:var(--flow-accent);border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #9370db33;margin-left:.75rem;border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);color:#fff}.flow-send-circle:hover{transform:scale(1.05)}.flow-thread-popup{width:320px;height:100%;background:rgba(var(--bg-paper-rgb, 20, 20, 22),.85);border-radius:var(--flow-radius-xl);display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem;border:1px solid var(--flow-border-thin);box-shadow:-10px 0 30px #0000001a;position:absolute;right:0;top:0;z-index:50;transform:translate(0);transition:transform .4s cubic-bezier(.16,1,.3,1)}.flow-thread-popup.closed{transform:translate(110%)}.flow-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:5000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.flow-modal-overlay{position:fixed;inset:0;background-color:#000000d9;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:center;justify-content:center;z-index:5000;padding:1rem}.premium-card{background:var(--bg-paper, #141416)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid rgba(var(--accent-warm-rgb),.2)!important;box-shadow:0 30px 60px -12px #000c,0 0 20px rgba(var(--accent-warm-rgb),.05)!important;border-radius:2rem!important}.premium-input-container{position:relative;width:100%;margin-bottom:1.25rem}.premium-input{background:var(--flow-island)!important;border:1px solid var(--flow-accent)!important;border-radius:9999px!important;padding:.875rem 1.25rem .875rem 3.25rem!important;font-size:.9rem!important;color:var(--flow-txt-main)!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:inset 0 2px 4px #0000000d!important;width:100%!important;box-sizing:border-box!important;display:block!important;line-height:normal!important;outline:none!important;text-align:center}.premium-input:focus{background:#fff!important;box-shadow:0 0 0 4px rgba(var(--accent-warm-rgb),.1)!important}.premium-btn{background:var(--accent-warm)!important;color:#000!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:1rem!important;border-radius:1rem!important;box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.2)!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;border:none!important;width:100%!important;box-sizing:border-box!important}.premium-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 15px 30px -5px rgba(var(--accent-warm-rgb),.4)!important;filter:brightness(1.1)!important}.premium-btn:active:not(:disabled){transform:translateY(0)!important}.premium-btn:disabled{background:#ffffff0d!important;color:#fff3!important;box-shadow:none!important}.premium-icon-wrap{position:absolute;left:1.125rem;top:50%;transform:translateY(-50%);display:flex!important;align-items:center;justify-content:center;pointer-events:none;opacity:.8!important;z-index:10;color:var(--flow-accent)}.group:focus-within .premium-icon-wrap{opacity:1;color:var(--accent-warm)}.premium-glass{background:rgba(var(--bg-paper-rgb),.3)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid rgba(var(--accent-warm-rgb),.15)!important}.flow-modal-pill{background:rgba(var(--bg-paper-rgb, 20, 20, 22),.85);border:1px solid var(--border-softer);border-radius:var(--flow-radius-xl);width:100%;max-width:440px;padding:2rem;box-shadow:0 20px 50px #0003;animation:modalPopPremium .5s cubic-bezier(.16,1,.3,1);position:relative}@keyframes modalPopPremium{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.flow-modal-header{margin-bottom:2rem;text-align:center}.flow-modal-header h3{font-size:1.5rem;font-weight:700;margin:0;color:var(--flow-txt-main);letter-spacing:-.02em}.flow-modal-close{position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;border-radius:50%;background:var(--flow-pill);border:1px solid var(--flow-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--flow-txt-muted);transition:all .2s}.flow-modal-close:hover{background:var(--flow-pill-hover);color:var(--flow-txt-main)}.flow-modal-body{display:flex;flex-direction:column;gap:1.5rem}.flow-modal-hint{font-size:.875rem;line-height:1.5;color:var(--flow-txt-muted);text-align:center}.flow-modal-input{width:100%;padding:1rem 1.5rem;background-color:var(--flow-pill);border:1px solid var(--flow-border);border-radius:9999px;outline:none;font-size:1rem;color:var(--flow-txt-main);transition:border-color .2s}.flow-modal-input:focus{border-color:var(--flow-accent)}.flow-identity-master-pill{display:flex;align-items:center;background:var(--flow-glass-bg);-webkit-backdrop-filter:var(--flow-glass-blur);backdrop-filter:var(--flow-glass-blur);padding:.5rem;border-radius:9999px;border:1px solid var(--flow-border-thin);margin-top:1rem;animation:slideDownIn .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #0000001a;width:100%;box-sizing:border-box}.flow-seal-mini{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:var(--flow-island);border:1px solid var(--flow-border-thin)}.flow-master-pill-identity{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 .75rem}.flow-master-pill-id-number{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--flow-txt-main);letter-spacing:-.01em;padding:0 .5rem}.flow-master-pill-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--flow-txt-main);letter-spacing:-.01em;line-height:1.1}.flow-master-pill-id-sub{font-size:.7rem;font-weight:500;color:var(--flow-txt-muted);opacity:.7;letter-spacing:.05em;margin-top:1px}.compact-action-pill{width:44px;height:44px;border-radius:50%;background:var(--flow-accent);color:#000;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.3);flex-shrink:0}.compact-action-pill:hover:not(:disabled){transform:scale(1.05);background:#f59e0b}.compact-action-pill:disabled{opacity:.5;cursor:not-allowed}.compact-action-pill.loading{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(.95);opacity:.8}to{transform:scale(1);opacity:1}}.flow-viewer-overlay{position:fixed;inset:0;background-color:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:6000;animation:fadeIn .3s ease}.flow-viewer-content{position:relative;background:#0f0f12f2;border-radius:16px;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;overflow:hidden}.flow-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.viewer-filename{font-size:.95rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}.viewer-actions{display:flex;gap:8px;align-items:center}.viewer-btn{background:none;border:none;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;width:36px;height:36px;border-radius:10px;text-decoration:none}.viewer-btn:hover{color:#fff;background:#ffffff1a}.viewer-btn svg{width:20px;height:20px}.flow-viewer-body{padding:16px;display:flex;align-items:center;justify-content:center;flex:1;overflow:auto}.flow-forward-modal{background:rgba(var(--bg-paper-rgb, 20, 20, 22),.85);border:1px solid var(--border-softer);border-radius:1.5rem;width:100%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #0003;animation:modalPopPremium .5s cubic-bezier(.16,1,.3,1)}.flow-forward-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--flow-border-thin);display:flex;align-items:center;justify-content:space-between}.flow-forward-header h3{margin:0;font-size:1.125rem;font-weight:700}.flow-forward-list{flex:1;overflow-y:auto;padding:.75rem}.flow-forward-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:1rem;cursor:pointer;transition:background-color .2s;gap:1rem;margin-bottom:.25rem}.flow-forward-item:hover{background-color:var(--flow-pill)}.flow-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;flex-shrink:0}.avatar-bg-0{background:#f87171}.avatar-bg-1{background:#60a5fa}.avatar-bg-2{background:#34d399}.avatar-bg-3{background:#fbbf24}.avatar-bg-4{background:#a78bfa}.flow-contact-info{flex:1;min-width:0}.flow-contact-name{font-weight:600;font-size:.95rem;color:var(--flow-txt-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-member-selection{border:1px solid var(--flow-border-thin);border-radius:1.5rem;overflow:hidden;background-color:var(--flow-island);flex:1;margin-top:.5rem;box-shadow:inset 0 2px 10px #00000005}.flow-member-selection-header{padding:1rem 1.25rem;border-bottom:1px solid var(--flow-border-thin);display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--flow-pill)}.flow-member-selection-header h4{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--flow-txt-muted)}.flow-input-with-icon.mini{background:transparent;border-radius:9999px;padding:.25rem .5rem;display:flex;align-items:center;gap:.5rem;border:none}.flow-search-icon{width:14px;height:14px;color:var(--flow-txt-muted);flex-shrink:0}.flow-member-search{background:transparent;border:none;outline:none;font-size:.75rem;color:var(--flow-txt-main);width:100%;flex:1}.flow-selection-list{max-height:200px;overflow-y:auto;padding:.5rem}.flow-selection-item-pill{display:flex;align-items:center;gap:.8rem;background-color:var(--flow-pill);border:1px solid var(--flow-border-thin);border-radius:9999px;padding:.35rem .5rem;margin-bottom:.4rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%;box-sizing:border-box}.flow-selection-item-pill:hover{background-color:var(--flow-pill-hover);border-color:rgba(var(--accent-warm-rgb),.2)}.flow-selection-item-pill.selected{background:var(--flow-pill);border-color:var(--flow-accent)}.selection-indicator{width:22px;height:22px;display:flex;align-items:center;justify-content:center;opacity:.3;transition:all .3s cubic-bezier(.16,1,.3,1);color:var(--flow-txt-muted);background:var(--flow-border-thin);border-radius:50%;flex-shrink:0}.flow-selection-item-pill.selected .selection-indicator{background:var(--flow-accent);color:#fff;opacity:1!important;transform:scale(1.1)}.flow-mini-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.7rem;flex-shrink:0}.flow-selection-info{flex:1;min-width:0;display:flex;flex-direction:column}.flow-selection-name{font-size:.875rem;font-weight:600;color:var(--flow-txt-main)}.flow-selection-email{font-size:.65rem;color:var(--flow-txt-muted)}.flow-checkbox{width:18px;height:18px;border:2px solid var(--flow-border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.flow-selection-item.selected .flow-checkbox{background-color:var(--flow-accent);border-color:var(--flow-accent);color:#fff}.flow-reply-bar{border-top:1px solid var(--flow-border-thin);border-bottom:1px solid var(--flow-border-thin);background:var(--flow-glass-bg);backdrop-filter:var(--flow-glass-blur);-webkit-backdrop-filter:var(--flow-glass-blur);transition:all .3s ease}.flow-msg-bubble blockquote{margin:0 0 .5rem;padding:.5rem .75rem;background:rgba(var(--accent-warm-rgb),.05);border-left:3px solid var(--flow-accent);border-radius:4px;font-size:.8rem;opacity:.9;cursor:pointer}.dark .flow-msg-bubble blockquote{background:#ffffff08}.reply-quote-sender{font-weight:700;color:var(--flow-accent);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.reply-quote-text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-style:italic;opacity:.8}@keyframes msg-pulse{0%{background-color:rgba(var(--accent-warm-rgb),.3)}to{background-color:transparent}}.highlight-msg{animation:msg-pulse 2s cubic-bezier(.16,1,.3,1);border-color:var(--flow-accent)!important}.highlight-search{background-color:var(--flow-accent);color:#000;border-radius:2px;padding:0 2px;font-weight:600;box-shadow:0 0 10px rgba(var(--accent-warm-rgb),.4)}.link-preview-container{display:flex;flex-direction:column;background:var(--flow-island);border:1px solid var(--flow-border-thin);border-radius:12px;margin:.5rem 0;overflow:hidden;transition:all .2s ease;text-decoration:none!important;color:inherit!important;max-width:340px}.link-preview-container:hover{border-color:var(--flow-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.link-preview-image-wrap{width:100%;height:160px;overflow:hidden;background:var(--flow-pill)}.link-preview-image{width:100%;height:100%;object-fit:cover}.link-preview-content{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.link-preview-domain{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--flow-accent)}.link-preview-title{font-weight:600;font-size:.85rem;line-height:1.3;color:var(--flow-txt-main);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-desc{font-size:.75rem;color:var(--flow-txt-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.link-preview-loading{height:60px;width:100%;background:linear-gradient(90deg,transparent 0%,var(--flow-pill) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px;margin:.5rem 0}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.flow-pin-container{display:flex;justify-content:center;gap:.75rem;margin:1.5rem 0}.flow-pin-digit{width:3.5rem;height:4.5rem;background:var(--flow-pill);border:2px solid var(--flow-border-thin);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--flow-txt-main);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0000000d}.flow-pin-digit.filled{border-color:var(--flow-accent);background:rgba(var(--accent-warm-rgb),.1);box-shadow:0 8px 24px rgba(var(--accent-warm-rgb),.15);transform:translateY(-2px)}.flow-timer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;margin-top:1rem}.flow-timer-btn{padding:1rem;background:var(--flow-pill);border:1px solid var(--flow-border-thin);border-radius:1.25rem;font-size:.875rem;font-weight:700;color:var(--flow-txt-muted);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:center}.flow-timer-btn:hover{background:var(--flow-pill-hover);border-color:rgba(var(--accent-warm-rgb),.3);color:var(--flow-txt-main);transform:translateY(-1px)}.flow-timer-btn.active{background:rgba(var(--accent-warm-rgb),.12);border-color:var(--flow-accent);color:var(--flow-accent);box-shadow:0 4px 15px rgba(var(--accent-warm-rgb),.1)}.flow-modal-disclaimer{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;opacity:.4;text-align:center;margin-top:1.5rem;color:var(--flow-txt-main)}.sidebar-internal-form{padding:.75rem;animation:fadeIn .3s ease;flex:1;display:flex;flex-direction:column;box-sizing:border-box;min-height:0;overflow:hidden}.sidebar-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:0 .25rem .75rem;border-bottom:1px solid rgba(var(--accent-warm-rgb),.15)}.sidebar-form-header h3{font-size:.9rem;color:var(--flow-accent);text-transform:uppercase;letter-spacing:.05em;margin:0}.flow-identity-master-pill{display:flex;align-items:center;justify-content:space-between;background:var(--flow-island);border:1px solid var(--flow-border-thin);border-radius:9999px;padding:.35rem .5rem;margin-top:1.25rem;gap:1rem;animation:modalPopPremium .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 25px #0000000f;width:100%;height:52px;box-sizing:border-box}.flow-master-pill-identity{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:100%}.flow-master-pill-id-number{font-size:.95rem;font-weight:800;color:var(--flow-txt-main);letter-spacing:-.01em;text-align:center;width:100%}.flow-seal-mini{width:40px!important;height:40px!important;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%}.flow-seal-mini>div,.flow-seal-mini>img{width:100%!important;height:100%!important;display:flex;align-items:center;justify-content:center}.flow-seal-mini>*,.flow-seal-mini svg{margin:0!important;padding:0!important;display:block!important}.flow-avatar-nano{width:32px;height:32px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--flow-pill);border:1px solid var(--flow-border-thin)}.flow-avatar-nano img{width:100%;height:100%;object-fit:cover}.flow-unified-action-pill{display:flex;align-items:center;gap:.5rem;background:var(--accent-warm);color:#000;border:none;padding:.4rem .8rem;border-radius:2rem;cursor:pointer;transition:transform .2s,background .2s;box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.2)}.flow-unified-action-pill:hover{transform:scale(1.05);background:#fff}.flow-unified-action-pill:active{transform:scale(.95)}.compact-action-pill{display:flex;align-items:center;justify-content:center;width:40px!important;height:40px!important;background:var(--accent-warm)!important;color:#000!important;border-radius:50%!important;border:none!important;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.2)!important;margin-top:0!important;flex-shrink:0!important}.compact-action-pill:hover:not(:disabled){transform:scale(1.08) rotate(5deg);background:#fff!important}.compact-action-pill.loading{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.flow-media-overlay-turbo{position:absolute;top:10px;right:10px;display:flex;gap:8px;opacity:0;transition:opacity .2s}.flow-msg-media:hover .flow-media-overlay-turbo{opacity:1}.flow-turbo-btn{width:32px;height:32px;border-radius:50%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s}.flow-turbo-btn:hover{background:#000c;transform:scale(1.05)}.flow-turbo-btn svg{width:16px;height:16px}.flow-file-icon{width:48px;height:48px;background:rgba(var(--accent-warm-rgb),.1);color:var(--flow-accent);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.flow-file-icon svg{width:24px;height:24px}.flow-msg-media-file{display:flex;align-items:center;gap:12px;padding:12px;background:var(--flow-island);border:1px solid var(--flow-border-thin);border-radius:16px;transition:all .2s}.flow-msg-media-file:hover{border-color:var(--flow-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.flow-file-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.flow-file-name{font-weight:600;font-size:.9rem;color:var(--flow-txt-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-file-size{font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--flow-txt-muted)}.feature-page{height:100%;overflow-y:auto;padding:var(--spacing-xl) var(--spacing-xxl, 40px);-webkit-overflow-scrolling:touch;background:var(--bg-main);color:var(--text-primary)}.feature-page-header{margin-bottom:var(--spacing-xl);padding-left:72px}.feature-page-header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:4px}.feature-page-header h1 svg{width:22px;height:22px;color:var(--accent-warm)}.feature-page-header p{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.feature-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.feature-stat-card{padding:var(--spacing-md);background:var(--bg-paper);border-radius:16px;border:1px solid var(--border-softer);text-align:center}.feature-stat-value{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.feature-stat-label{font-size:.75rem;color:var(--text-muted);margin-top:2px;font-weight:500}.feature-section{background:var(--bg-paper);border-radius:20px;border:1px solid var(--border-softer);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:var(--transition-fast)}.feature-section textarea,.feature-page textarea{border-radius:16px!important}.feature-section:hover{border-color:var(--border-soft)}.feature-section-title{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.feature-section-title svg{width:16px;height:16px;color:var(--accent-warm)}.feature-add-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:10px 22px;background:var(--accent-warm);color:#fff;border:none;border-radius:50px;font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.feature-add-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.feature-add-btn svg{width:16px;height:16px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md)}.feature-item-card{background:var(--bg-paper);border-radius:16px;border:1px solid var(--border-softer);padding:var(--spacing-lg);transition:var(--transition-fast);cursor:pointer}.feature-item-card:hover{border-color:var(--accent-warm);transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.feature-item-card.active{border-color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.03)}.feature-filter-bar{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.feature-filter-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;border:1px solid var(--border-softer);background:var(--bg-paper);font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.feature-filter-btn svg{width:16px;height:16px}.feature-filter-btn:hover{border-color:var(--accent-warm);color:var(--accent-warm)}.feature-filter-btn.active{background:rgba(var(--accent-warm-rgb),.1);border-color:var(--accent-warm);color:var(--accent-warm);font-weight:600}.feature-filter-pill{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:40px;border:1px solid var(--border-soft);background:var(--bg-paper);font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;gap:8px}.feature-filter-pill.all-pill{background:rgba(var(--accent-warm-rgb),.1);border-color:var(--accent-warm);color:var(--accent-warm);font-weight:700}.feature-filter-pill:hover{border-color:var(--accent-warm);box-shadow:0 4px 12px #0000000d}.feature-filter-pill.active{border-color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.05)}.feature-filter-pill svg{width:18px;height:18px}.progress-bar-bg{height:6px;background:var(--bg-main);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-warm),var(--accent-warm-light, #e8a87c));border-radius:3px;transition:width .5s ease;min-width:2px}.feature-empty{text-align:center;padding:var(--spacing-xxl, 48px) var(--spacing-xl)}.feature-empty-icon{width:48px;height:48px;margin:0 auto var(--spacing-md);color:var(--text-muted);opacity:.4}.feature-empty-icon svg{width:100%;height:100%}.feature-empty h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.feature-empty p{font-size:.88rem;color:var(--text-muted);max-width:360px;margin:0 auto;line-height:1.5}.feature-badge{display:inline-flex;align-items:center;font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-round);background:rgba(var(--accent-warm-rgb),.1);color:var(--accent-warm)}.ai-lock-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:500;color:var(--text-muted);padding:4px 10px;border-radius:var(--radius-round);background:var(--bg-paper);border:1px solid var(--border-softer)}.ai-lock-badge svg{width:12px;height:12px}.feature-section.clickable{cursor:pointer}.feature-section.clickable:hover{border-color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.02)}.feature-modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:var(--spacing-md);animation:fadeIn .2s ease-out}.feature-modal{background:var(--bg-paper);width:100%;max-width:600px;border-radius:24px;border:1px solid var(--border-soft);box-shadow:0 24px 48px #0003;display:flex;flex-direction:column;animation:slideUpFade .3s cubic-bezier(.16,1,.3,1);max-height:90vh}.feature-modal-sm{max-width:400px;padding:var(--spacing-xl);text-align:center}.feature-modal-sm h3{margin:0 0 var(--spacing-sm);font-size:1.2rem;color:var(--text-primary)}.feature-modal-sm p{margin:0 0 var(--spacing-lg);font-size:.95rem;color:var(--text-secondary)}.feature-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-softer)}.feature-modal-header h2{margin:0;font-size:1.25rem;font-family:var(--font-display);color:var(--text-primary)}.feature-modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.feature-modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.feature-modal-close svg{width:20px;height:20px}.feature-modal-body{padding:var(--spacing-xl);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.feature-form-group{display:flex;flex-direction:column;gap:8px}.feature-form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.feature-input,.feature-textarea{width:100%;background:var(--bg-main)!important;border:1px solid var(--border-soft)!important;color:var(--text-primary)!important;font-family:var(--font-body);font-size:.95rem;padding:14px 18px!important;transition:all .2s ease;box-sizing:border-box;border-radius:16px!important}.feature-input:focus,.feature-textarea:focus{border-color:var(--accent-warm)!important;background:var(--bg-paper)!important;outline:none;box-shadow:0 0 0 3px rgba(var(--accent-warm-rgb, 201, 168, 124),.15)!important}.feature-textarea{resize:vertical;min-height:120px}.feature-modal-footer,.feature-modal-actions{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-softer);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.feature-modal-actions{padding:0;border:none;justify-content:center}.feature-btn-secondary,.feature-btn-primary,.feature-btn-danger{padding:10px 24px;border-radius:50px;font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.feature-btn-secondary{background:transparent;border:1px solid var(--border-soft);color:var(--text-primary)}.feature-btn-secondary:hover:not(:disabled){background:#ffffff0d}.feature-btn-primary{background:var(--accent-warm);border:1px solid var(--accent-warm);color:#000}.feature-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-warm-rgb, 201, 168, 124),.3)}.feature-btn-danger{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#f87171}.feature-btn-danger:hover{background:#dc262633}.feature-btn-primary:disabled,.feature-btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.icon-btn-danger{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn-danger:hover{background:#dc26261a;color:#f87171}.icon-btn-danger svg{width:16px;height:16px}@media(max-width:768px){.feature-page{padding:var(--spacing-md) var(--spacing-sm)}.feature-page-header{margin-bottom:var(--spacing-lg);padding-left:64px}.feature-page-header h1{font-size:1.25rem}.feature-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.feature-stat-card{padding:var(--spacing-sm) var(--spacing-xs)}.feature-stat-value{font-size:1.1rem}.feature-section{padding:var(--spacing-md);border-radius:16px}.feature-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.feature-item-card{padding:var(--spacing-md)}}.feature-page button,.feature-page input[type=text],.feature-page input[type=search]{border-radius:50px}.feature-page textarea{border-radius:16px!important}.feature-page .feature-item-card{border-radius:16px}.feature-page .feature-section{border-radius:20px}.feature-page .feature-stat-card{border-radius:16px}.model-icon{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease}.model-pill:hover .model-icon{transform:scale(1.1)}.premium-popup-backdrop{position:fixed;inset:0;background:var(--overlay-bg);backdrop-filter:blur(80px) saturate(180%);-webkit-backdrop-filter:blur(80px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-md);animation:auraFadeIn .8s ease-out}@keyframes auraFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px)}}.aura-bg{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.aura-blob{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.15;animation:auraDrift 20s infinite alternate-reverse}.aura-1{background:var(--accent-warm);top:-10%;left:-10%}.aura-2{background:#6c5ce7;bottom:-10%;right:-10%;animation-delay:-5s}.aura-3{background:#00cec9;top:40%;left:30%;width:400px;height:400px;animation-delay:-10s}@keyframes auraDrift{0%{transform:translate(0) scale(1)}to{transform:translate(10%,15%) scale(1.2)}}.premium-popup{background:transparent;width:100%;max-width:640px;position:relative;padding:var(--spacing-xxl);animation:auraPopUp .6s cubic-bezier(.16,1,.3,1)}@keyframes auraPopUp{0%{transform:translateY(40px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.premium-popup h3{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-xl);letter-spacing:-.04em;text-align:center;text-shadow:0 0 30px rgba(var(--accent-warm-rgb),.2)}.premium-popup label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:20px}.premium-popup input[type=text],.premium-popup textarea{width:100%;background:transparent!important;border:none!important;border-bottom:2px solid var(--border-soft)!important;border-radius:0!important;padding:16px 0!important;font-size:1.4rem!important;font-weight:400!important;color:var(--text-primary)!important;font-family:var(--font-body)!important;transition:all .3s ease!important;outline:none!important;margin-bottom:40px}.premium-popup input[type=text]::placeholder,.premium-popup textarea::placeholder{color:#ffffff26}.premium-popup input[type=text]:focus,.premium-popup textarea:focus{border-bottom-color:var(--accent-warm)!important;text-shadow:0 0 20px rgba(var(--accent-warm-rgb),.3)}.premium-popup-actions{display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-xxl)}.premium-popup-actions button{height:60px;padding:0 40px;font-size:1rem;font-weight:600;border-radius:99px;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-popup .btn-secondary{background:transparent;border:1px solid var(--border-soft);color:var(--text-secondary)}.premium-popup .btn-secondary:hover{background:rgba(var(--accent-warm-rgb),.1);border-color:var(--accent-warm);color:var(--text-primary);transform:translateY(-2px)}.premium-popup .feature-add-btn{background:var(--accent-warm);color:var(--bg-main);box-shadow:0 10px 40px rgba(var(--accent-warm-rgb),.2)}.premium-popup .feature-add-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 60px rgba(var(--accent-warm-rgb),.3)}.premium-popup .feature-add-btn:disabled{background:var(--border-soft);color:var(--text-muted);box-shadow:none;transform:none}.premium-extender{resize:none!important;overflow-y:hidden!important;transition:height .2s cubic-bezier(.4,0,.2,1)!important;line-height:1.5!important;padding-top:8px!important;padding-bottom:8px!important;min-height:40px!important}.agent-templates-ultra,.ap-automations{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--spacing-lg)}.agent-template-pill-ultra,.ap-card-pill-ultra{display:flex;flex-direction:column;width:100%;padding:8px 12px;background:var(--bg-paper);border:1px solid var(--border-softer);border-radius:var(--radius-lg);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;position:relative;box-shadow:0 1px 3px #00000005}.agent-template-pill-ultra{width:auto;min-width:140px;flex-direction:row;align-items:center;gap:10px}.agent-template-pill-ultra:hover,.ap-card-pill-ultra:hover{background:var(--bg-elevated);border-color:var(--accent-warm);transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}.ap-card-header-ultra{display:flex;align-items:center;justify-content:space-between;width:100%}.ap-card-main-ultra,.agent-template-pill-ultra{display:flex;align-items:center;gap:12px}.ap-card-icon-ultra,.agent-pill-icon-ultra{width:30px;height:30px;min-width:30px;background:var(--bg-elevated);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-warm);border:1px solid var(--border-softer)}.ap-card-icon-ultra svg,.agent-pill-icon-ultra svg{width:16px;height:16px}.ap-card-info-content{display:flex;align-items:center;gap:12px}.ap-card-title-ultra,.agent-pill-label-ultra{font-weight:700;font-size:.82rem;color:var(--text-primary);white-space:nowrap}.ap-card-schedule-ultra{font-size:.65rem;color:var(--accent-warm);font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:rgba(var(--accent-warm-rgb, 194,153,68),.08);padding:2px 8px;border-radius:99px}.ap-card-actions-right{display:flex;align-items:center;gap:10px}.ap-info-btn{background:none;border:none;padding:4px;color:var(--text-muted);cursor:pointer;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.ap-info-btn:hover{background:var(--bg-paper);color:var(--accent-warm)}.ap-info-btn svg{width:16px;height:16px}.ap-card-details-ultra{margin-top:8px;padding:8px 12px;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-softer);animation:apSlideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes apSlideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ap-card-desc-ultra{font-size:.78rem;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.ap-card-run-actions{display:flex;align-items:center;gap:12px}.ap-last-run-ultra{font-size:.7rem;color:var(--text-muted)}.ap-output-ultra{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-softer);font-size:.9rem;line-height:1.7;color:var(--text-primary);background:none;border-left:none;border-right:none;border-bottom:none;border-radius:0;height:auto;overflow:visible}@media(max-width:600px){.ap-card-info-content{flex-direction:column;align-items:flex-start;gap:2px}.ap-card-schedule-ultra{font-size:.6rem;padding:1px 6px}}.ap-deep-reflection{background:linear-gradient(135deg,rgba(var(--primary-color-rgb, 108,99,255),.08),rgba(var(--pink-color-rgb, 232,93,155),.08));border:1.5px solid var(--border-soft);border-radius:20px;padding:20px;margin-bottom:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #0000000d;animation:ap-float 6s ease-in-out infinite}.ap-reflection-header{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--primary-color);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.ap-reflection-header svg{width:20px;height:20px}.ap-reflection-body{font-size:15px;color:var(--text-primary);line-height:1.6;margin-bottom:12px}.ap-reflection-body p{margin:0}.ap-reflection-meta{font-size:11px;color:var(--text-muted);font-style:italic;border-top:1px solid var(--border-soft);padding-top:10px}@keyframes ap-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.agent-typing{display:flex;gap:4px;padding:8px 0}.agent-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:bounce 1.4s infinite ease-in-out both}.agent-typing span:nth-child(1){animation-delay:-.32s}.agent-typing span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.rsn-attach-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:var(--accent-warm);border:2px solid var(--bg-paper);border-radius:50%;animation:pulseLoop 2s infinite}.mm-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:transparent;border:1px solid var(--border-soft);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0;position:relative}.mm-icon-btn svg{width:16px;height:16px}.mm-icon-btn:hover{border-color:var(--accent-warm);color:var(--accent-warm);transform:translateY(-1px)}.mm-icon-btn.mm-recording{border-color:#e74c3c;color:#e74c3c;animation:pulse 1.5s infinite}.model-dropdown-overlay{position:fixed;inset:0;z-index:1000;background:#00000003}.model-dropdown-pane{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);width:400px;max-width:calc(100vw - 40px);max-height:calc(100vh - 120px);overflow-y:auto;background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:24px;padding:24px;box-shadow:0 20px 60px #0000001f;z-index:1001;animation:anim-slide-up .4s cubic-bezier(.16,1,.3,1) both}@keyframes anim-slide-up{0%{opacity:0;transform:translate(-50%,12px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}.dropdown-header{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:24px;padding-left:6px}.model-grid-sleek{display:grid;grid-template-columns:1fr;gap:12px}.model-option-card{display:flex;align-items:center;gap:14px;padding:10px 20px;border-radius:20px;background:var(--bg-paper);border:1px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-align:left}.model-option-card:hover{background:var(--bg-elevated);border-color:var(--border-soft);transform:scale(1.02);box-shadow:0 8px 20px #0000000d}.model-option-card.active{background:rgba(var(--accent-warm-rgb),.06);border-color:var(--accent-warm);box-shadow:0 4px 15px rgba(var(--accent-warm-rgb),.08)}.model-option-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-warm-rgb),.1);border-radius:12px;border:1px solid rgba(var(--accent-warm-rgb),.2);color:var(--accent-warm)}.model-option-info{flex:1;display:flex;flex-direction:column}.model-option-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.model-option-desc{font-size:.75rem;color:var(--text-muted)}.model-option-check{width:20px;height:20px;color:var(--accent-warm)}.anim-fade-in{animation:agentFadeIn .8s cubic-bezier(.16,1,.3,1)}@keyframes agentFadeIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.mm-btn-label{display:none}}.recent-history-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-paper);border-radius:20px;border:1px solid var(--border-softer);animation:agentFadeIn .8s cubic-bezier(.16,1,.3,1)}.recent-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.recent-history-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.recent-history-title svg{width:14px;height:14px;color:var(--accent-warm)}.recent-all-btn{font-size:.75rem;font-weight:600;color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.1);padding:4px 12px;border-radius:20px;cursor:pointer;transition:var(--transition-fast)}.recent-all-btn:hover{background:rgba(var(--accent-warm-rgb),.15);transform:translateY(-1px)}.recent-history-list{display:flex;flex-direction:column;gap:8px}.recent-history-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-main);border-radius:14px;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.recent-history-item:hover{border-color:rgba(var(--accent-warm-rgb),.3);background:var(--bg-elevated);transform:translate(4px)}.recent-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(var(--accent-warm-rgb),.1);border-radius:10px;color:var(--accent-warm);flex-shrink:0}.recent-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.recent-item-text{font-size:.82rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-date{font-size:.68rem;color:var(--text-muted)}.media-gen-container{display:flex;flex-direction:column;height:100%;width:100%;position:relative;overflow:hidden;background:var(--bg-main)}.mg-scroll-area{flex:1;overflow-y:auto;padding:var(--spacing-xl) var(--spacing-2xl, 40px);padding-bottom:120px;display:flex;flex-direction:column;gap:var(--spacing-lg);-webkit-overflow-scrolling:touch;box-sizing:border-box}@media(max-width:600px){.mg-scroll-area{padding:20px 16px}.mg-title{font-size:3rem}.mg-header{padding-left:0;justify-content:center}}.mg-header{display:flex;justify-content:space-between;align-items:center;padding-left:48px;margin-bottom:var(--spacing-md)}.mg-title{font-family:var(--font-handwritten, "Caveat", cursive);font-size:4.5rem;font-weight:500;color:var(--text-primary);margin:0;letter-spacing:0;line-height:1}.mg-ratio-bar{display:flex;gap:8px;padding-bottom:16px}.mg-ratio-chip{padding:8px 16px;border-radius:9999px;border:1.5px solid var(--border-default, #333);background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mg-ratio-chip:hover{border-color:var(--text-primary);color:var(--text-primary)}.mg-ratio-chip.active{background:var(--text-primary);color:var(--bg-main);border-color:var(--text-primary)}.mg-filter-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:24px}.mg-filter-row::-webkit-scrollbar{display:none}.mg-filter-tab{flex-shrink:0;padding:6px 14px;border-radius:9999px;border:1.5px solid var(--border-default, #333);background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mg-filter-tab:hover{color:var(--text-primary);border-color:var(--text-primary)}.mg-filter-tab.active{background:var(--accent-warm, #e8a838);color:#fff;border-color:transparent}.mg-masonry{column-count:2;column-gap:16px;margin-top:16px}.mg-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:60px 20px;text-align:center}.mg-empty-state p{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--text-secondary);margin:4px 0 0}.mg-empty-state span{font-size:.82rem;color:var(--text-muted)}.mg-masonry-card{break-inside:avoid;margin-bottom:16px;border-radius:16px;overflow:hidden;position:relative;cursor:pointer;border:1px solid var(--border-soft)}.mg-masonry-card img{width:100%;display:block;border-radius:16px;transition:transform .3s ease}.mg-masonry-card:hover img{transform:scale(1.03)}.mg-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px 16px 12px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:0;transition:opacity .2s ease;color:#fff}.mg-card-overlay p{margin:0;font-size:.8rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mg-masonry-card:hover .mg-card-overlay{opacity:1}.mg-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.8;transition:all .2s ease}.mg-masonry-card:hover .mg-play-icon{transform:translate(-50%,-50%) scale(1.1);background:#0009}.mg-play-icon svg{width:24px;height:24px;margin-left:4px}.mg-video-placeholder{width:100%;aspect-ratio:16/9;background:var(--bg-paper);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.mg-video-placeholder svg{width:32px;height:32px;opacity:.2}.mg-recents{margin-top:40px;padding-top:32px;border-top:1px solid var(--border-soft)}.mg-recents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mg-recents-label{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.mg-recents-all{background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s ease}.mg-recents-all:hover{color:var(--text-primary);text-decoration:underline}.mg-recents-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.mg-recents-scroll::-webkit-scrollbar{display:none}.mg-recent-thumb{width:120px;height:120px;flex-shrink:0;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;border:1px solid var(--border-soft)}.mg-recent-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mg-recent-thumb:hover img{transform:scale(1.05)}.mg-play-icon-sm{position:absolute;bottom:8px;right:8px;width:28px;height:28px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.mg-play-icon-sm svg{width:14px;height:14px;margin-left:2px}.mg-video-placeholder-sm{width:100%;height:100%;background:var(--bg-paper);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.mg-input-bar{position:absolute;bottom:24px;left:24px;right:24px;width:auto;max-width:900px;margin:0 auto;background:var(--bg-paper);border:1.2px solid var(--border-soft);border-radius:20px;display:flex;flex-direction:column!important;align-items:stretch!important;padding:16px 20px!important;gap:12px!important;z-index:100;box-shadow:0 8px 32px #0000001a;box-sizing:border-box;transition:all .4s cubic-bezier(.16,1,.3,1)}.mg-input-bar.chat-custom-input{position:absolute!important;bottom:24px!important;left:24px!important;right:24px!important;width:auto!important;max-width:900px!important;margin:0 auto!important;background:var(--bg-paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1.2px solid var(--border-soft)!important}@media(max-width:768px){.mg-input-bar.chat-custom-input{left:12px!important;right:12px!important;bottom:12px!important}}.mg-input-bar .chat-input-controls{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;gap:12px!important;flex-wrap:nowrap!important;overflow:visible!important;scrollbar-width:none!important}.mg-input-bar .chat-input-controls::-webkit-scrollbar{display:none}.mg-input-bar .input-group-left,.mg-input-bar .input-group-right{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;flex-shrink:0!important}.mg-input-bar .input-group-left{flex:1 1 auto!important;min-width:0!important}@media(max-width:600px){.mg-input-bar{left:12px;right:12px;width:auto;padding:8px 10px!important;bottom:12px;border-radius:28px!important}}.mg-input-bar:focus-within{border-color:var(--accent-warm, #e8a838);box-shadow:0 0 0 3px #e8a8381a,0 8px 32px #0003}.mg-model-wrapper{position:relative}.mg-model-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;background:#ffffff0d;border:1px solid transparent;color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mg-model-btn:hover{background:#ffffff1a;border-color:var(--border-soft)}.mg-model-btn svg{width:16px;height:16px;opacity:.8}.mg-model-btn .mg-chevron{width:14px;height:14px;opacity:.5}.mg-input{flex:1;min-height:48px;max-height:120px;padding:12px 0;background:transparent;border:none;resize:none;font-family:var(--font-body);color:var(--text-primary);line-height:1.5;outline:none;text-shadow:0 0 1px rgba(0,0,0,.05)}.mg-input::placeholder{color:var(--text-muted)}.mg-input-actions{display:flex;align-items:center;gap:8px}.mg-action-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mg-action-icon:hover{background:#ffffff14;color:var(--text-primary)}.mg-action-icon svg{width:20px;height:20px}.mg-send-btn{width:42px;height:42px;border-radius:50%;border:none;background:#ffffff0d;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:not-allowed;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.mg-send-btn svg{width:20px;height:20px}.mg-send-btn.active{background:var(--text-primary);color:var(--bg-main);cursor:pointer;transform:scale(1.05)}.mg-send-btn.active:hover{transform:scale(1.1)}.mg-send-btn.active:active{transform:scale(.95)}.mg-send-btn.loading{background:var(--text-primary);cursor:wait}.media-modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.media-modal{background:var(--card-bg, var(--bg-paper));border:1px solid var(--border-soft);border-radius:20px;padding:32px 28px;max-width:400px;width:90%;text-align:center;animation:slideUp .25s cubic-bezier(.34,1.1,.64,1)}.media-modal-sm{max-width:320px;padding:24px 20px}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.media-modal-icon{width:56px;height:56px;background:rgba(var(--accent-warm-rgb, 232, 168, 56),.12);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.media-modal-icon svg{width:28px;height:28px;color:var(--accent-warm, #e8a838)}.media-modal h3{font-size:1.1rem;font-weight:700;margin:0 0 8px}.media-modal p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0 0 16px}.media-modal-features{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.media-modal-features span{font-size:.8rem;color:var(--accent-warm, #e8a838);font-weight:600}.media-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:8px}.media-btn-primary{padding:10px 28px;border-radius:9999px;border:none;background:var(--accent-warm, #e8a838);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;width:100%}.media-btn-secondary{padding:8px 20px;border-radius:9999px;border:1.5px solid var(--border-default, #333);background:transparent;color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.media-btn-danger{padding:8px 20px;border-radius:9999px;border:1.5px solid #ef4444;background:transparent;color:#ef4444;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.media-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--bg-main, #000);border-radius:50%;animation:spin .8s linear infinite}.media-fullscreen-backdrop{position:fixed;inset:0;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.media-fullscreen-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.media-fullscreen-content{max-width:640px;width:90%;display:flex;flex-direction:column;gap:16px}.media-fullscreen-content img,.media-fullscreen-video{width:100%;border-radius:12px}.media-fullscreen-info{text-align:center}.media-fullscreen-prompt{font-size:.85rem;color:#ffffffb3;margin:0 0 12px}.media-fullscreen-actions{display:flex;gap:10px;justify-content:center}@media(max-width:768px){.mg-masonry{column-count:1}.mg-input-bar{width:95%;bottom:16px;padding:6px 10px}.mg-model-name{font-size:.8rem}.mg-header{padding-left:56px}.mg-title{font-size:3rem}}.btn-with-popup{position:relative!important;overflow:visible!important}.simple-popup-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(10px);background:var(--card-bg);border:1px solid var(--border-soft);padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;box-shadow:0 4px 12px #00000026;z-index:1000;opacity:0;pointer-events:none;transition:all .2s ease}.mm-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-main);overflow:hidden;--accent-warm-soft: rgba(var(--accent-warm-rgb), .15)}.mm-top-bar{display:flex;align-items:center;justify-content:flex-end;padding:12px 20px 4px;flex-shrink:0}.mm-new-chat-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:999px;border:1px solid var(--border-soft);background:var(--bg-paper);color:var(--text-secondary);font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mm-new-chat-btn svg{width:14px;height:14px}.mm-new-chat-btn:hover{border-color:var(--accent-warm);color:var(--accent-warm);transform:translateY(-1px)}.mm-columns{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;padding:16px 20px 12px;gap:14px;min-height:0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.mm-columns::-webkit-scrollbar{height:4px}.mm-columns::-webkit-scrollbar-track{background:transparent}.mm-columns::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:2px}.mm-cols-2 .mm-column{flex:0 0 calc(50% - 7px);min-width:320px}.mm-cols-3 .mm-column{flex:0 0 calc(33.333% - 10px);min-width:300px}.mm-cols-4 .mm-column{flex:0 0 calc(25% - 11px);min-width:280px}.mm-empty-state{margin:auto;max-width:400px}.mm-no-models-hint{margin-top:12px;font-size:.82rem;color:var(--accent-warm);font-weight:500}.mm-column{display:flex;flex-direction:column;align-items:center;height:100%;scroll-snap-align:start;animation:fadeUp .3s ease both}.mm-column:nth-child(1){animation-delay:0s}.mm-column:nth-child(2){animation-delay:.05s}.mm-column:nth-child(3){animation-delay:.1s}.mm-column:nth-child(4){animation-delay:.15s}.mm-column-header{display:inline-flex;align-items:center;gap:8px;padding:7px 22px;border-radius:999px;border:1.5px solid var(--border-soft);background:var(--bg-paper);color:var(--text-primary);font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.03em;text-transform:capitalize;flex-shrink:0;position:relative;transition:all .3s ease;margin-bottom:10px}.mm-status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-warm);border:1.5px solid var(--accent-warm-light, #e8c87a);flex-shrink:0;transition:all .3s ease}.mm-column-header.active{border-color:var(--accent-warm)}.mm-column-header.active .mm-status-dot{animation:pulse 1.5s ease-in-out infinite}.mm-loading-bar{position:absolute;bottom:-3px;left:20%;right:20%;height:2px;background:var(--accent-warm);border-radius:2px;animation:pulse 1.2s ease-in-out infinite}.mm-chat-card{flex:1;width:100%;border:1.5px solid var(--border-soft);border-radius:28px;background:var(--bg-paper);display:flex;flex-direction:column;overflow:hidden;min-height:0;transition:border-color .2s ease}.mm-chat-card:hover{border-color:var(--accent-warm-light, var(--border-soft))}.mm-chat-area{flex:1;overflow-y:auto;padding:18px 14px;display:flex;flex-direction:column;gap:12px}.mm-msg{display:flex;flex-direction:column;animation:fadeUp .25s ease both}.mm-msg-user{align-items:flex-end}.mm-msg-ai{align-items:flex-start}.mm-msg-bubble{max-width:90%;padding:10px 14px;font-size:.85rem;line-height:1.6;color:var(--text-primary);word-break:break-word}.mm-msg-bubble-user{background:var(--accent-warm-soft);border-radius:18px 18px 4px}.mm-msg-bubble-ai{background:var(--bg-main);border:1px solid var(--border-soft);border-radius:18px 18px 18px 4px}.mm-msg-bubble-ai p{margin:0 0 8px}.mm-msg-bubble-ai p:last-child{margin:0}.mm-msg-bubble-ai ul,.mm-msg-bubble-ai ol{margin:4px 0;padding-left:18px}.mm-msg-bubble-ai li{margin:2px 0}.mm-msg-bubble-ai code{background:rgba(var(--accent-warm-rgb),.08);padding:1px 5px;border-radius:4px;font-size:.82em}.mm-msg-bubble-ai pre{background:var(--bg-main);border:1px solid var(--border-soft);border-radius:10px;padding:10px 12px;overflow-x:auto;margin:8px 0}.mm-error-text{color:#e74c3c;font-weight:500;margin:0}.mm-waiting{color:var(--text-muted);font-size:1.2rem}.mm-edit-btn{background:none;border:none;padding:4px 8px;cursor:pointer;color:var(--text-muted);transition:color .2s}.mm-edit-btn:hover{color:var(--accent-warm)}.mm-copy-btn{display:flex;align-items:center;gap:4px;background:none;border:none;padding:4px 8px;cursor:pointer;color:var(--text-muted);font-size:.72rem;font-weight:500;transition:color .2s}.mm-copy-btn:hover{color:var(--text-primary)}.mm-copy-btn.copied{color:var(--accent-warm)}.mm-typing-dots{display:flex;gap:5px;padding:6px 0}.mm-typing-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-warm);animation:mmBounce 1.2s ease-in-out infinite}@keyframes mmBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mm-input-area{flex-shrink:0;width:100%;padding:16px 20px 24px;background:var(--bg-main)}.mm-attached-file{margin-bottom:8px}.mm-file-info{display:flex;align-items:center;gap:8px;background:var(--bg-paper);padding:6px 12px;border-radius:12px;border:1px solid var(--border-soft);width:fit-content}.mm-file-icon{width:14px;height:14px;color:var(--accent-warm);flex-shrink:0}.mm-file-name{font-size:.8rem;color:var(--text-secondary);font-weight:500}.mm-file-remove{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:2px}.mm-file-remove svg{width:12px;height:12px}.mm-file-remove:hover{color:#e74c3c}.mm-input-pill{background:var(--bg-paper);border:1.5px solid var(--border-soft);border-radius:24px;padding:14px 18px 10px;display:flex;flex-direction:column;gap:10px;transition:all .3s ease;max-width:900px;margin:0 auto;width:100%;position:relative}.mm-input-pill:focus-within{border-color:var(--accent-warm);box-shadow:0 4px 16px rgba(var(--accent-warm-rgb),.1)}.mm-textarea{width:100%!important;background:transparent!important;color:var(--text-primary)!important;padding:4px 6px!important;border:none!important;font-family:var(--font-body)!important;font-size:1rem!important;line-height:1.5!important;min-height:28px!important;overflow-y:auto!important;resize:none!important;border-radius:0!important;box-shadow:none!important}.mm-textarea:focus{outline:none!important;box-shadow:none!important;border:none!important}.mm-textarea::placeholder{color:var(--text-muted)!important;font-weight:400!important}.mm-textarea:disabled{opacity:.6}.mm-input-controls{display:flex;align-items:center;gap:12px;padding:8px 0 4px}@media(max-width:480px){.mm-input-controls{gap:6px}.mm-models-btn,.mm-send-btn{padding:0 12px;gap:4px}}.mm-controls-left,.mm-controls-right{display:flex;align-items:center;gap:12px}.mm-controls-left{flex:1}.mm-models-btn{display:flex;align-items:center;gap:8px;height:38px;padding:0 18px;border-radius:999px;border:1.5px solid var(--border-soft);background:var(--bg-paper);color:var(--text-primary);font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mm-models-btn svg{width:12px;height:12px;color:var(--text-muted)}.mm-models-btn:hover,.mm-models-btn.active{border-color:var(--accent-warm);color:var(--accent-warm)}.mm-send-btn{display:flex;align-items:center;gap:8px;height:38px;padding:0 18px;border-radius:999px;border:1px solid var(--border-soft);background:var(--bg-paper);color:var(--text-primary);font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mm-send-btn.mm-icon-only{padding:0!important;width:38px!important;min-width:38px!important;justify-content:center!important;gap:0!important}.mm-send-btn svg{width:14px;height:14px}.mm-send-btn.active{background:var(--accent-warm);color:#fff;border-color:var(--accent-warm);box-shadow:0 4px 15px rgba(var(--accent-warm-rgb),.3)}.mm-send-btn:hover:not(:disabled){filter:brightness(1.05);transform:scale(1.02)}.mm-send-btn:disabled{opacity:.5;cursor:not-allowed}.mm-send-btn.mm-stop-btn{background:#e74c3c;color:#fff;border-color:#e74c3c}.btn-with-popup .mm-models-popup{position:absolute!important;background:rgba(var(--bg-paper-rgb, 20, 20, 22),.85)!important;backdrop-filter:blur(24px) saturate(160%)!important;-webkit-backdrop-filter:blur(24px) saturate(160%)!important;border:1px solid rgba(var(--accent-warm-rgb, 201, 168, 124),.25)!important;box-shadow:0 16px 40px #0003!important;width:400px!important;max-width:calc(100vw - 40px)!important;max-height:55vh!important;gap:8px!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(100% + 14px)!important;z-index:2000!important;padding:20px!important;border-radius:20px!important;transform:translate(-50%)!important;animation:mm-fade-up-centered .3s cubic-bezier(.16,1,.3,1) both!important}@keyframes mm-fade-up-centered{0%{opacity:0;transform:translate(-50%,10px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}.mm-attach-popup{background:var(--bg-elevated)!important;backdrop-filter:blur(32px) saturate(200%)!important;-webkit-backdrop-filter:blur(32px) saturate(200%)!important;border:1px solid rgba(var(--accent-warm-rgb),.25)!important;box-shadow:0 12px 40px #0003!important;width:max-content!important;min-width:180px!important;max-width:calc(100vw - 40px)!important;gap:4px!important;left:0!important;transform:none!important;bottom:calc(100% + 14px);position:absolute!important;display:flex!important;flex-direction:column!important;z-index:2000!important;padding:8px!important;border-radius:18px!important}.mm-attach-popup button{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;padding:10px 16px!important;border:none!important;background:transparent!important;cursor:pointer!important;border-radius:12px!important;color:var(--text-primary)!important;transition:all .2s ease!important}.mm-attach-popup button:hover{background:rgba(var(--accent-warm-rgb),.1)!important}.mm-attach-popup button svg{width:20px!important;height:20px!important;flex-shrink:0!important;color:var(--accent-warm)!important}.mm-attach-popup button span{font-size:.88rem!important;font-weight:500!important}.btn-with-popup .btn-with-popup .mm-models-popup .dropdown-header{margin-bottom:20px!important;padding-left:6px!important;font-size:.75rem!important;color:var(--text-muted)!important}.btn-with-popup .mm-models-popup .model-grid-sleek{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.btn-with-popup .mm-models-popup .model-option-card{padding:10px 18px!important;border-radius:100px!important;background:transparent!important;border:1.5px solid var(--border-soft)!important;gap:14px!important;align-items:center!important;justify-content:flex-start!important;min-height:54px!important;width:100%!important}.btn-with-popup .mm-models-popup .model-option-card:hover{background:rgba(var(--accent-warm-rgb, 201, 168, 124),.08)!important;border-color:rgba(var(--accent-warm-rgb, 201, 168, 124),.3)!important;transform:translateY(-2px)}.btn-with-popup .mm-models-popup .model-option-card.active{background:rgba(var(--accent-warm-rgb, 201, 168, 124),.15)!important;border-color:var(--accent-warm)!important}.btn-with-popup .mm-models-popup .model-option-icon{width:36px!important;height:36px!important;border-radius:50%!important;background:transparent!important;border:1.5px solid var(--border-soft)!important;color:var(--text-primary)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.btn-with-popup .mm-models-popup .model-option-icon svg{width:18px!important;height:18px!important}.btn-with-popup .mm-models-popup .model-option-card.active .model-option-icon{background:rgba(var(--accent-warm-rgb, 201, 168, 124),.2)!important;border-color:var(--accent-warm)!important;color:var(--accent-warm)!important}.btn-with-popup .mm-models-popup .model-option-label{font-size:.85rem!important;font-weight:700!important;margin-bottom:2px!important}.btn-with-popup .mm-models-popup .model-option-desc{font-size:.68rem!important;opacity:.8!important;color:var(--text-muted)!important}.btn-with-popup .mm-models-popup .checkbox-circle{width:20px!important;height:20px!important;border-radius:50%!important;border:2px solid var(--border-soft)!important;margin-left:auto!important;flex-shrink:0!important;transition:all .2s ease!important;background:transparent!important}.btn-with-popup .mm-models-popup .model-option-card.active .checkbox-circle{border-color:var(--accent-warm)!important;border-width:4px!important;background:transparent!important;box-shadow:none!important}.mm-input-pill .btn-with-popup{position:static!important}@media(max-width:1024px){.mm-models-popup{width:360px!important;max-width:calc(100vw - 40px)!important}.mm-generations-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mm-generations-grid{grid-template-columns:1fr}}@media(max-width:480px){.btn-with-popup .mm-models-popup{width:100%!important;max-width:calc(100vw - 40px)!important;max-height:60vh!important;margin:0!important;box-sizing:border-box!important;z-index:10000!important;left:50%!important;transform:translate(-50%)!important;top:auto!important;bottom:calc(100% + 14px)!important;animation:mm-fade-up-centered .3s cubic-bezier(.16,1,.3,1) both!important}.mm-attach-popup{position:absolute!important;bottom:calc(100% + 14px)!important;top:auto!important;left:0!important;width:200px!important;min-width:0!important;z-index:10000!important;transform:none!important;animation:mm-fade-up-clean .3s cubic-bezier(.16,1,.3,1) both!important}.btn-with-popup .mm-models-popup .model-grid-sleek{grid-template-columns:1fr!important}}@keyframes mm-mobile-fade-up{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mm-mobile-fade-up-centered{0%{opacity:0;transform:translate(-50%,10px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}.mm-model-option-row{display:flex;align-items:center;gap:10px}.mm-model-option-label{font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.mm-no-keys-msg{padding:16px 24px;text-align:center;background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:20px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;gap:4px}.mm-no-keys-msg p:first-child{font-size:.95rem;font-weight:600;color:var(--text-primary)}.mm-no-keys-msg p:last-child{font-size:.82rem;color:var(--text-secondary)}.checkbox-circle{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--border-soft);transition:all .2s ease;flex-shrink:0}.checkbox-circle.checked{background:var(--accent-warm);border-color:var(--accent-warm);box-shadow:inset 0 0 0 2px var(--bg-paper)}@media(max-width:768px){.mm-columns{padding:12px 12px 8px;gap:10px}.mm-cols-2 .mm-column,.mm-cols-3 .mm-column,.mm-cols-4 .mm-column{flex:0 0 85vw;min-width:260px}.mm-input-area{padding:6px 12px 14px}.mm-input-pill{padding:10px 12px 6px;border-radius:20px}}@media(max-width:480px){.mm-cols-2 .mm-column,.mm-cols-3 .mm-column,.mm-cols-4 .mm-column{flex:0 0 90vw}.mm-column-header{font-size:.75rem;padding:6px 16px}.mm-msg-bubble{font-size:.82rem}}.ai-chat-page{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.ai-chat-page.with-preview{padding-right:50%}.chat-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;min-height:0;width:100%;position:relative;padding-top:var(--spacing-xl);scrollbar-width:none;-ms-overflow-style:none}.chat-body::-webkit-scrollbar{display:none}.ai-chat-page.with-preview .chat-welcome,.ai-chat-page.with-preview .messages-list,.ai-chat-page.with-preview .chat-input-area{max-width:100%;padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.chat-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg);margin:0;width:100%;max-width:800px;flex:1;justify-content:center}.chat-greeting{font-family:var(--font-display);font-size:1.7rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:var(--spacing-xl);line-height:1.2}.chat-model-selector{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;justify-content:center}.chat-model-pill{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 22px;border-radius:50px;border:1.5px solid var(--border-softer);background:var(--bg-paper);cursor:pointer;transition:all .2s ease;min-width:120px}.chat-model-pill:hover{border-color:var(--accent-warm);transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}.chat-model-pill.active{border-color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.06);box-shadow:0 2px 8px rgba(var(--accent-warm-rgb),.1)}.chat-model-pill .pill-name{font-family:var(--font-display);font-size:.88rem;font-weight:600;color:var(--text-primary)}.chat-model-pill.active .pill-name{color:var(--accent-warm)}.chat-model-pill .pill-desc{font-size:.68rem;color:var(--text-muted);font-weight:400}.model-icon{width:14px;height:14px;flex-shrink:0;margin-bottom:4px;transition:transform .2s ease}.chat-model-pill:hover .model-icon{transform:scale(1.1)}.chat-suggestions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:580px;margin:0 auto var(--spacing-xl);align-items:stretch}.chat-suggestion-card{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 16px;border-radius:50px;border:1px solid var(--border-soft);background:var(--surface);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left;height:auto;box-sizing:border-box;box-shadow:0 4px 12px #00000005}.chat-suggestion-card:hover{border-color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.03);transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.suggestion-icon{width:24px;height:24px;border-radius:50%;background:rgba(var(--accent-warm-rgb),.1);color:var(--accent-warm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.suggestion-icon svg{width:14px;height:14px}.chat-suggestion-card:nth-child(1) .suggestion-icon{background:rgba(var(--category-personal-rgb),.1);color:var(--category-personal)}.chat-suggestion-card:nth-child(2) .suggestion-icon{background:rgba(var(--category-work-rgb),.1);color:var(--category-work)}.chat-suggestion-card:nth-child(3) .suggestion-icon{background:rgba(var(--category-health-rgb),.1);color:var(--category-health)}.chat-suggestion-card:nth-child(4) .suggestion-icon{background:rgba(var(--accent-warm-rgb),.1);color:var(--accent-warm)}.suggestion-text{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);font-weight:500;line-height:1.4}.chat-suggestion-card:hover .suggestion-text{color:var(--text-primary)}.chat-context-info{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);padding:6px 14px;border-radius:50px;background:var(--bg-paper);border:1px solid var(--border-softer)}.messages-list{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:720px;margin:0 auto;padding:var(--spacing-xl)}.message-row{display:flex;position:relative;margin-bottom:var(--spacing-md)}.message-row.user{justify-content:flex-end}.message-bubble{max-width:72%;padding:12px 20px;font-size:.9rem;line-height:1.65;overflow-wrap:break-word;word-break:normal;overflow:hidden;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.message-bubble:active{transform:scale(.99)}.message-bubble.user{background:rgba(var(--accent-warm-rgb),.1);color:var(--text-primary);border-radius:20px 20px 4px}.message-bubble.assistant{background:var(--bg-paper);color:var(--text-primary);border:1px solid var(--border-softer);border-radius:20px 20px 20px 4px}.message-row.active .message-bubble.user{background:rgba(var(--accent-warm-rgb),.15);box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.1)}.message-row.active .message-bubble.assistant{border-color:rgba(var(--accent-warm-rgb),.5);background:var(--bg-paper);box-shadow:0 4px 12px #0000000d}.chat-input-area{width:100%;padding:0 0 env(safe-area-inset-bottom,0) 0;background:linear-gradient(to bottom,transparent,var(--bg-main) 60%);display:flex;flex-direction:column;align-items:center;z-index:100;position:relative;pointer-events:none}.chat-custom-input{pointer-events:auto;width:100%!important;max-width:800px!important;background:rgba(var(--surface-rgb),.85)!important;backdrop-filter:blur(24px) saturate(160%)!important;-webkit-backdrop-filter:blur(24px) saturate(160%)!important;border:1.2px solid rgba(var(--accent-warm-rgb),.15)!important;border-radius:24px!important;padding:12px 16px 10px 20px!important;display:flex!important;flex-direction:column!important;gap:8px!important;box-shadow:0 10px 40px #0000000a!important;box-sizing:border-box!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;position:relative!important;overflow:visible!important}.chat-custom-input:focus-within{border-color:var(--accent-warm)!important;box-shadow:0 12px 48px rgba(var(--accent-warm-rgb),.12)!important;transform:translateY(-2px)}.chat-input-controls{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;flex-wrap:nowrap;overflow:visible;padding-bottom:2px}.mg-model-wrapper,.btn-with-popup{position:static!important}.dark-icon-btn.search-active{background:rgba(var(--accent-warm-rgb),.1)!important;color:var(--accent-warm)!important;border:1.5px solid rgba(var(--accent-warm-rgb),.3)!important}.dark-icon-btn.search-active svg{animation:search-pulse 2s infinite cubic-bezier(.4,0,.6,1)}@keyframes search-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}.btn-badge-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--accent-warm);border-radius:50%;border:2px solid var(--bg-paper);box-shadow:0 0 10px rgba(var(--accent-warm-rgb),.5)}.chat-disclaimer{font-size:.68rem;color:var(--text-muted);margin-top:2px;padding-bottom:4px;opacity:.4;text-align:center}.chat-custom-input:focus-within{border-color:var(--accent-warm)!important;box-shadow:0 6px 24px #00000014!important}.input-group-left{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;flex:1 1 auto;overflow:visible;max-width:100%}.input-group-right{display:flex;align-items:center;gap:12px;flex-shrink:0}@media(max-width:480px){.chat-input-area{padding:8px 12px 12px}.chat-custom-input{padding:10px 12px 8px!important;border-radius:28px!important;gap:6px!important}.dark-pill-btn{padding:0 8px;font-size:.8rem}.dark-icon-btn{width:32px;height:32px}.dark-icon-btn svg{width:16px;height:16px}.input-group-left,.input-group-right{gap:4px}}.input-model-selector{position:relative;flex-shrink:0}.model-select-btn{width:auto!important;padding:8px 14px!important;border-radius:50px!important;gap:6px;font-size:.85rem;font-weight:600;font-family:var(--font-body);white-space:nowrap}.model-select-btn span{font-size:.85rem;font-weight:600}.model-dropdown{position:absolute;bottom:calc(100% + 12px);left:0;min-width:160px;background:transparent;border:none;padding:0;box-shadow:none;z-index:100;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}.model-dropdown.open{pointer-events:auto}.btn-with-popup{position:relative}.simple-popup-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(10px);background:var(--card-bg);border:1px solid var(--border-soft);padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;box-shadow:0 4px 12px #00000026;z-index:100;opacity:0;pointer-events:none;transition:all .2s ease}.simple-popup-tooltip.show{opacity:1;transform:translate(-50%) translateY(0)}.simple-popup-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border-width:5px 5px 0;border-style:solid;border-color:var(--border-soft) transparent transparent transparent}.simple-popup-tooltip:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-width:4px 4px 0;border-style:solid;border-color:var(--card-bg) transparent transparent transparent;z-index:1}.model-dropdown-item{display:flex;flex-direction:row;align-items:center;gap:12px;width:auto;min-width:320px;padding:8px 20px;border:1px solid var(--border-softer);background:var(--card-bg);cursor:pointer;border-radius:50px;text-align:left;box-shadow:0 4px 20px #0000001a;transition:all .25s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(10px)}.model-dropdown.open .model-dropdown-item{opacity:1;transform:translateY(0);pointer-events:auto}.model-dropdown.open .model-dropdown-item:nth-child(1){transition-delay:0s}.model-dropdown.open .model-dropdown-item:nth-child(2){transition-delay:.05s}.model-dropdown.open .model-dropdown-item:nth-child(3){transition-delay:.1s}.model-dropdown.open .model-dropdown-item:nth-child(4){transition-delay:.15s}.model-dropdown-item:hover{background:var(--border-softer);transform:translateY(-2px)}.model-dropdown-item.active{background:var(--border-soft)}.model-dropdown-name{font-size:.88rem;font-weight:600;color:var(--text-primary);font-family:var(--font-body);white-space:nowrap}.model-dropdown-desc{font-size:.72rem;color:var(--text-muted);font-family:var(--font-body);white-space:nowrap;opacity:.8}.send-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-warm);color:var(--bg-main);border:none;cursor:pointer;flex-shrink:0;transition:all .2s ease}.send-btn:hover:not(:disabled){transform:scale(1.08);filter:brightness(1.1)}.send-btn:disabled{opacity:.3;cursor:default}.send-btn svg{width:15px;height:15px}.icon-only-btn{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}.chat-disclaimer{text-align:center;padding-top:6px;font-size:.7rem;color:var(--text-muted);max-width:720px;margin:0 auto}.chat-top-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border-bottom:none;flex-shrink:0;height:56px;z-index:100;position:relative;gap:var(--spacing-md)}.chat-top-btn{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:9999px;border:1px solid var(--border-softer);background:transparent;cursor:pointer;font-family:var(--font-body);font-size:.75rem;font-weight:500;color:var(--text-secondary);transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}.chat-top-btn:hover{background:var(--bg-paper);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.chat-top-left,.chat-top-right{flex:1;display:flex;align-items:center}.chat-top-right{justify-content:flex-end}.chat-top-center{display:flex;justify-content:center;align-items:center;z-index:2}.chat-top-title{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.chat-conv-backdrop{position:fixed;inset:0;background:#0000004d;z-index:1000;animation:fadeIn .15s ease}.chat-conv-panel{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;background:var(--bg-main);border-right:1px solid var(--border-softer);display:flex;flex-direction:column;z-index:1001;animation:slideInLeft .2s ease}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.chat-conv-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-softer)}.chat-conv-header h3{font-family:var(--font-display);font-size:1rem;font-weight:600;margin:0}.chat-conv-new{display:flex;align-items:center;gap:8px;padding:10px var(--spacing-lg);background:transparent;border:none;border-bottom:1px solid var(--border-softer);cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--accent-warm);transition:background .15s;width:100%;text-align:left}.chat-conv-new:hover{background:rgba(var(--accent-warm-rgb),.05)}.chat-conv-list{flex:1;overflow-y:auto;padding:var(--spacing-xs) 0;scrollbar-width:none;-ms-overflow-style:none}.chat-conv-list::-webkit-scrollbar{display:none}.chat-conv-item{display:flex;flex-direction:column;padding:10px var(--spacing-lg);cursor:pointer;position:relative;transition:background .15s}.chat-conv-item:hover{background:var(--bg-paper)}.chat-conv-item.active{background:rgba(var(--accent-warm-rgb),.06);border-left:3px solid var(--accent-warm)}.chat-conv-title{font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px}.chat-conv-meta{display:flex;gap:var(--spacing-sm);font-size:.72rem;color:var(--text-muted);margin-top:2px}.chat-conv-delete{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;opacity:0;transition:opacity .15s}.chat-conv-item:hover .chat-conv-delete{opacity:1}.chat-conv-delete:hover{color:#e74c3c}.typing-indicator{display:flex;align-items:center;gap:5px;padding:14px 20px!important}.typing-indicator .dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.4s infinite ease-in-out both}.agent-mode-toggle{display:flex;background:var(--bg-paper);padding:3px;border-radius:99px;border:1px solid var(--border-softer);box-shadow:0 4px 12px #00000008}.mode-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;border:none;background:transparent;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text-muted);transition:all .2s cubic-bezier(.4,0,.2,1)}.mode-btn.active{background:var(--accent-warm);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.2)}.error-bubble{border-color:#e74c3c33!important;background:#e74c3c08!important}.error-bubble p{color:var(--text-secondary);margin:0 0 8px}.retry-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:9999px;border:1px solid var(--border-soft);background:transparent;cursor:pointer;font-size:.78rem;font-weight:500;color:var(--accent-warm);transition:all .15s}.retry-btn:hover{background:rgba(var(--accent-warm-rgb),.05)}.stop-btn{background:#e74c3c!important;color:#fff!important;gap:6px;padding:0 16px!important;height:36px!important;font-size:.82rem!important}.stop-btn:hover{filter:brightness(1.1)}.scroll-to-bottom{position:fixed;bottom:120px;left:50%;transform:translate(-50%);width:42px;height:42px;border-radius:50%;background:var(--bg-paper);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #00000026;z-index:1000;color:var(--accent-warm);pointer-events:auto;transition:all .3s cubic-bezier(.16,1,.3,1);animation:scrollPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes scrollPop{0%{opacity:0;transform:translate(-50%) scale(.8) translateY(10px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.scroll-to-bottom:hover{background:rgba(var(--bg-paper-rgb),.85);transform:translate(-50%) translateY(-5px) scale(1.05);box-shadow:0 15px 40px rgba(var(--accent-warm-rgb),.2);border-color:rgba(var(--accent-warm-rgb),.5);color:var(--accent-warm)}.scroll-to-bottom svg{width:20px;height:20px}.code-block-wrap{border-radius:var(--radius-md);overflow:hidden;margin:8px 0;border:1px solid var(--border-softer)}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#0000004d;font-size:.72rem;color:#aaa}.code-copy-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#aaa;font-size:.7rem;padding:2px 8px;border-radius:4px;cursor:pointer;transition:all .15s}.code-copy-btn:hover{color:#fff;border-color:#ffffff4d}.agent-action-card{position:relative;display:flex;align-items:center;gap:12px;background:rgba(var(--accent-warm-rgb),.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.2px solid rgba(var(--accent-warm-rgb),.3);border-radius:100px;padding:6px 14px 6px 8px;margin:12px 0;width:fit-content;max-width:100%;overflow:visible;box-sizing:border-box;box-shadow:0 4px 20px #00000014;transition:transform .2s ease,box-shadow .2s ease;animation:agentActionIn .4s cubic-bezier(.16,1,.3,1);z-index:1;contain:layout;will-change:transform,opacity}.agent-action-card:hover{background:rgba(var(--accent-warm-rgb),.15);transform:translateY(-1.5px);box-shadow:0 8px 25px rgba(var(--accent-warm-rgb),.15)}.agent-action-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(var(--accent-warm-rgb),.1) 0%,transparent 80%);pointer-events:none;z-index:-1;border-radius:100px}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes agentActionIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.agent-action-icon{width:34px;height:34px;border-radius:50%;background:var(--accent-warm);color:var(--bg-main);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgba(var(--accent-warm-rgb),.4);flex-shrink:0}.agent-action-icon svg{width:18px;height:18px;animation:agentActionSpin 8s linear infinite}@keyframes agentActionSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.agent-action-info{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.agent-action-title{font-size:.82rem;font-weight:700;color:var(--text-primary);text-transform:capitalize;letter-spacing:-.2px}.agent-action-status{font-size:.68rem;color:var(--accent-warm);font-weight:600;display:flex;align-items:center;gap:4px;opacity:.8}.agent-action-view-btn{flex-shrink:0;background:var(--accent-warm);color:var(--bg-main);border:none;padding:6px 14px;border-radius:50px;font-size:.72rem;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.25);white-space:nowrap;margin-right:2px}.agent-action-view-btn:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 6px 16px rgba(var(--accent-warm-rgb),.35);background:var(--accent-warm);filter:brightness(1.1)}.agent-action-view-btn svg{margin-left:2px}@keyframes agentActionFloat{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes agentActionRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-bubble.assistant p:last-child{margin:0}.message-bubble.assistant ul,.message-bubble.assistant ol{margin:4px 0;padding-left:20px}.message-bubble.assistant li{margin:2px 0}.message-bubble.assistant code:not(pre code){background:rgba(var(--accent-warm-rgb),.08);padding:1px 5px;border-radius:4px;font-size:.85em}.message-bubble.assistant h1,.message-bubble.assistant h2,.message-bubble.assistant h3{margin:12px 0 6px;font-size:1em;font-weight:700}.message-bubble.user p{margin:0}@media(max-width:768px){.chat-greeting{font-size:1.35rem}.chat-suggestions{grid-template-columns:1fr}.chat-welcome{padding:var(--spacing-lg) var(--spacing-md)}.chat-input-area{padding:var(--spacing-sm);width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.chat-input-box{border-radius:24px;padding:10px 12px 12px;width:100%;max-width:100%;box-sizing:border-box}.chat-input-actions-left,.chat-input-actions-right{gap:6px}.chat-conv-panel{width:280px}.messages-list{padding:var(--spacing-sm) var(--spacing-md)}.message-bubble{max-width:90%}}.msg-actions{position:absolute;top:8px;display:flex;gap:4px;z-index:100;pointer-events:auto;animation:fadeInActions .2s cubic-bezier(.16,1,.3,1)}.msg-actions.user{right:12px}.msg-actions.assistant{left:12px}@keyframes fadeInActions{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.msg-actions button{width:32px;height:32px;border-radius:10px;border:1px solid var(--border-soft);background:var(--bg-paper);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;box-shadow:0 4px 12px #0000000d}.msg-actions button:hover{background:var(--accent-warm);color:#fff;border-color:var(--accent-warm);transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--accent-warm-rgb),.25)}.msg-actions button svg{width:14px;height:14px}.msg-edit-area{width:100%}.msg-edit-textarea{width:100%;min-height:60px;padding:8px 12px;border:1px solid var(--accent-warm);border-radius:12px;background:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;resize:vertical;outline:none;box-sizing:border-box}.msg-edit-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.msg-edit-save,.msg-edit-cancel{padding:4px 14px;border-radius:9999px;border:none;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.msg-edit-save{background:var(--accent-warm);color:var(--bg-main)}.msg-edit-cancel{background:var(--border-soft);color:var(--text-secondary)}.attach-popup{position:absolute;bottom:calc(100% + 12px);left:0;background:var(--card-bg);border:1px solid var(--border-soft);border-radius:16px;padding:6px;box-shadow:0 8px 24px #00000026;z-index:100;display:flex;flex-direction:column;min-width:160px;animation:fadeInActions .15s ease}.attach-popup button{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;border-radius:12px;transition:all .15s ease}.attach-popup button:hover{background:rgba(var(--accent-warm-rgb),.06);color:var(--text-primary)}.attached-file-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(var(--accent-warm-rgb),.08);border:1px solid rgba(var(--accent-warm-rgb),.15);border-radius:9999px;font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.attached-file-chip span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attached-file-chip button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:50%;transition:all .15s ease}.attached-file-chip button:hover{color:#e74c3c}.dark-icon-btn.recording{color:#e74c3c!important;animation:recordingPulse 1.5s ease-in-out infinite}@keyframes recordingPulse{0%,to{box-shadow:0 0 #e74c3c4d}50%{box-shadow:0 0 0 8px #e74c3c00}}.agent-mode-toggle{display:flex;background:var(--bg-paper);padding:3px;border-radius:50px;border:1px solid var(--border-softer);width:fit-content;margin:0 auto}.mode-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:50px;border:none;background:transparent;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--text-muted);transition:all .2s ease}.mode-btn svg{width:14px;height:14px}.mode-btn.active{background:var(--bg-main);color:var(--accent-warm);box-shadow:0 2px 8px #00000014}.mode-btn:not(.active):hover{color:var(--text-primary)}.agent-status-bar{display:flex;align-items:center;gap:10px;background:rgba(var(--accent-warm-rgb),.08);border:1px solid rgba(var(--accent-warm-rgb),.2);padding:8px 16px;border-radius:50px;margin-bottom:12px;animation:fadeIn .3s ease}.agent-status-bar span{font-size:.78rem;font-weight:600;color:var(--accent-warm)}.agent-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent-warm);position:relative;box-shadow:0 0 rgba(var(--accent-warm-rgb),.4);animation:agentPulse 2s infinite}@keyframes agentPulse{0%{transform:scale(.95);box-shadow:0 0 rgba(var(--accent-warm-rgb),.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(var(--accent-warm-rgb),0)}to{transform:scale(.95);box-shadow:0 0 rgba(var(--accent-warm-rgb),0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mention-overlay{position:absolute;bottom:calc(100% + 12px);left:20px;width:280px;max-height:300px;background:rgba(var(--surface-rgb),.9);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(var(--accent-warm-rgb),.2);border-radius:18px;box-shadow:0 12px 40px #00000026;overflow-y:auto;z-index:100;padding:6px;animation:fadeIn .2s cubic-bezier(.16,1,.3,1)}.mention-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;cursor:pointer;transition:all .2s ease}.mention-item:hover,.mention-item.active{background:rgba(var(--accent-warm-rgb),.15)}.mention-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff;flex-shrink:0;overflow:hidden}.mention-avatar img{width:100%;height:100%;object-fit:cover}.mention-info{display:flex;flex-direction:column;min-width:0}.mention-name{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-id{font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-overlay::-webkit-scrollbar{width:4px}.mention-overlay::-webkit-scrollbar-track{background:transparent}.mention-overlay::-webkit-scrollbar-thumb{background:rgba(var(--accent-warm-rgb),.2);border-radius:10px}.avatar-bg-0{background:linear-gradient(135deg,#ff6b6b,#ee5253)}.avatar-bg-1{background:linear-gradient(135deg,#4834d4,#686de0)}.avatar-bg-2{background:linear-gradient(135deg,#10ac84,#1dd1a1)}.avatar-bg-3{background:linear-gradient(135deg,#f0932b,#ffbe76)}.avatar-bg-4{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.attached-files-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:0 4px}.attached-file-chip{background:rgba(var(--accent-warm-rgb),.12);color:var(--accent-warm);padding:5px 12px;border-radius:50px;display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:500;border:1px solid rgba(var(--accent-warm-rgb),.25);box-shadow:0 2px 8px #0000000d;animation:fadeIn .2s ease-out}.attached-file-chip button{background:none;border:none;color:inherit;display:flex;align-items:center;padding:2px;cursor:pointer;opacity:.6;transition:opacity .2s}.attached-file-chip button:hover{opacity:1}.message-media-container{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.message-media-container video,.message-media-container img{max-width:100%;max-height:320px;border-radius:12px;object-fit:contain;background:#0000000d}.modern-popup::-webkit-scrollbar{width:4px}.modern-popup::-webkit-scrollbar-thumb{background:rgba(var(--accent-warm-rgb),.2);border-radius:10px}.chat-disclaimer{font-size:.62rem;color:var(--text-muted);opacity:.5;margin-top:6px;margin-bottom:2px;letter-spacing:.04em;font-family:var(--font-display);text-transform:uppercase;text-align:center;max-width:80%}.agent-mission-control{background:rgba(var(--bg-paper-rgb, 255, 255, 255),.4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--accent-warm-rgb),.15);border-radius:20px;padding:var(--spacing-lg) var(--spacing-xl);margin-bottom:var(--spacing-xl);animation:slideUpFade .6s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0000000a;width:100%;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.agent-mission-control.collapsed{padding:12px var(--spacing-xl);background:rgba(var(--bg-paper-rgb, 255, 255, 255),.2);border-color:rgba(var(--accent-warm-rgb),.08);margin-bottom:var(--spacing-md);cursor:pointer}.agent-mission-control.collapsed:hover{background:rgba(var(--bg-paper-rgb, 255, 255, 255),.3);border-color:rgba(var(--accent-warm-rgb),.2)}.chat-agent-mission{max-width:680px;margin:0 auto var(--spacing-xl)}.mission-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);transition:margin .3s}.agent-mission-control.collapsed .mission-progress-header{margin-bottom:0}.mission-header-actions{display:flex;align-items:center;gap:12px}.mission-collapse-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:.6;transition:all .2s}.agent-mission-control.collapsed .mission-collapse-icon{opacity:1;color:var(--accent-warm)}.mission-objective-label{font-size:.75rem;font-weight:800;color:var(--accent-warm);text-transform:uppercase;letter-spacing:.1em}.mission-percent-badge{font-size:.7rem;font-weight:800;color:var(--text-muted);background:var(--bg-paper);padding:2px 8px;border-radius:20px;border:1px solid var(--border-softer)}.thinking-pulse{width:6px;height:6px;background:var(--accent-warm);border-radius:50%;position:relative}.thinking-pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--accent-warm);animation:pulseLoop 2s infinite}.thinking-pulse.steady{background:var(--category-personal)}.thinking-pulse.steady:after{border-color:var(--category-personal);animation:none;opacity:.4;transform:scale(1.5)}@keyframes pulseLoop{0%{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}.thinking-steps{display:flex;flex-direction:column;gap:8px}.thinking-step{display:flex;align-items:center;gap:12px;font-size:.88rem;color:var(--text-muted);transition:all .3s ease}.thinking-step.active{color:var(--text-primary);font-weight:500}.thinking-step.completed{color:var(--text-muted);opacity:.7}.step-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-dot{width:6px;height:6px;background:var(--border-soft);border-radius:50%}.agent-mission-control.at-bottom{margin-top:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.inline-thought-chain{margin-bottom:12px;border:1px solid var(--border-softer);background:rgba(var(--bg-paper-rgb, 248, 249, 250),.3);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.inline-thought-chain.expanded{background:rgba(var(--bg-paper-rgb, 248, 249, 250),.6);border-color:rgba(var(--accent-warm-rgb),.2)}.thought-chain-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.thought-chain-header:hover{background:rgba(var(--accent-warm-rgb),.04)}.thought-header-left{display:flex;align-items:center;gap:10px}.thought-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.thinking-dot-pulse{width:6px;height:6px;background:var(--accent-warm);border-radius:50%;animation:thought-pulse 1.5s infinite}@keyframes thought-pulse{0%{transform:scale(1);opacity:1;box-shadow:0 0 rgba(var(--accent-warm-rgb),.4)}70%{transform:scale(1.2);opacity:.8;box-shadow:0 0 0 6px rgba(var(--accent-warm-rgb),0)}to{transform:scale(1);opacity:1;box-shadow:0 0 rgba(var(--accent-warm-rgb),0)}}.thought-chevron{width:14px;height:14px;color:var(--text-muted);transition:transform .3s ease}.inline-thought-chain.expanded .thought-chevron{transform:rotate(180deg)}.thought-steps-list{padding:4px 14px 10px;border-top:1px solid var(--border-softer);display:flex;flex-direction:column;gap:6px;animation:slideDownFade .3s ease-out}.thought-step-item{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--text-muted)}.thought-step-item.active{color:var(--text-primary);font-weight:500}.thought-step-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.thought-dot{width:4px;height:4px;background:var(--border-soft);border-radius:50%}.thought-step-item.completed .thought-step-icon{color:var(--category-personal)}.thought-spinner{width:10px;height:10px;border:1.5px solid rgba(var(--accent-warm-rgb),.2);border-top-color:var(--accent-warm);border-radius:50%;animation:spin .8s linear infinite}.assistant-content{display:flex;flex-direction:column}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.step-spinner{width:14px;height:14px;border:2px solid rgba(var(--accent-warm-rgb),.2);border-top-color:var(--accent-warm);border-radius:50%;animation:spin 1s linear infinite}.step-indicator svg{width:16px;height:16px;color:var(--accent-warm)}.proactive-insight-card{display:flex;align-items:flex-start;gap:var(--spacing-md);background:linear-gradient(135deg,rgba(var(--accent-warm-rgb),.1),rgba(var(--surface-rgb),.9));border:1px solid rgba(var(--accent-warm-rgb),.2);border-radius:20px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);position:relative;box-shadow:0 8px 32px #00000014;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:slideInRight .5s cubic-bezier(.16,1,.3,1);width:100%;max-width:600px}.insight-icon-container{width:40px;height:40px;background:var(--accent-warm);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.3)}.insight-icon-container svg{width:20px;height:20px}.insight-content{flex:1}.insight-label{font-size:.7rem;font-weight:800;color:var(--accent-warm);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.insight-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.insight-body{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.insight-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;position:absolute;top:12px;right:12px;transition:color .2s}.insight-close:hover{color:var(--text-primary)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 rgba(var(--accent-warm-rgb),.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(var(--accent-warm-rgb),0)}to{transform:scale(.95);box-shadow:0 0 rgba(var(--accent-warm-rgb),0)}}.agent-steps-chain{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-md)}.agent-step-content-box{padding-bottom:12px;display:flex;flex-direction:column;gap:2px}.agent-step-title-text{font-size:.82rem;font-weight:500;color:var(--text-primary);transition:all .3s ease}.agent-step-row.pending .agent-step-title-text{color:var(--text-muted);opacity:.7}.agent-step-status-tag{font-size:.62rem;color:var(--accent-warm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.mission-progress-bar-container{height:3px;background:rgba(var(--accent-warm-rgb),.06);border-radius:10px;overflow:hidden;margin:4px 0 var(--spacing-md)}.mission-progress-fill-premium{height:100%;background:linear-gradient(to right,var(--accent-warm),var(--category-personal));border-radius:10px;transition:width 1s cubic-bezier(.16,1,.3,1)}.agent-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.agent-template-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--bg-paper);border:1px solid var(--border-softer);color:var(--text-primary);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.agent-template-btn:hover{border-color:var(--accent-warm);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.agent-template-icon{font-size:1.2rem;background:rgba(var(--accent-warm-rgb),.1);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.agent-input-section{background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:20px;padding:24px;box-shadow:var(--card-shadow);margin-bottom:24px}.agent-textarea{width:100%;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);outline:none;margin-bottom:var(--spacing-md);box-sizing:border-box}.agent-textarea::placeholder{color:var(--text-muted)}.agent-input-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-softer)}.input-left{display:flex;align-items:center;gap:16px}.icon-action-btn{background:transparent;border:none;padding:8px;color:var(--text-muted);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-action-btn:hover{background:var(--border-soft);color:var(--text-primary)}.icon-action-btn svg{width:20px;height:20px}.agent-attached-files{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.agent-attach-chip{display:flex;align-items:center;gap:6px;background:var(--bg-elevated);border:1px solid var(--border-soft);padding:4px 10px;border-radius:6px;font-size:.75rem;color:var(--text-primary)}.agent-attach-chip button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:0}.agent-attach-chip button:hover{color:#e74c3c}.agent-key-status{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted)}.agent-status-dot{width:10px;height:10px;border-radius:50%;background:#e74c3c;box-shadow:0 0 8px #e74c3c33}.agent-btn-group{display:flex;gap:12px}@media screen and (max-width:768px){.agent-btn-group{width:100%;gap:8px}}.agent-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:99px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s;border:none}.agent-btn-primary{background:var(--accent-warm)!important;color:var(--bg-main)!important;box-shadow:0 4px 20px rgba(var(--accent-warm-rgb),.3);border:none}.agent-btn-primary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 8px 25px rgba(var(--accent-warm-rgb),.4)}.agent-btn-secondary{background:rgba(var(--accent-warm-rgb),.05);color:var(--accent-warm);border:1px solid rgba(var(--accent-warm-rgb),.2)}.agent-btn-secondary:hover{background:rgba(var(--accent-warm-rgb),.1);transform:translateY(-1px)}.agent-btn-stop{background:#e74c3c;color:#fff}.agent-btn-stop:hover{filter:brightness(1.1)}.agent-mission-control{border-radius:20px;padding:var(--spacing-lg);background:var(--bg-elevated);border:1px solid var(--border-soft);margin-bottom:var(--spacing-xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mission-progress-fill-premium{height:100%;background:linear-gradient(90deg,var(--accent-warm),#f8e1c6);box-shadow:0 0 10px rgba(var(--accent-warm-rgb),.3);border-radius:10px;transition:width .8s cubic-bezier(.4,0,.2,1)}@media(max-width:600px){.dashboard-stats-grid,.capabilities-grid{grid-template-columns:1fr}}.agent-steps{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:var(--bg-paper);border:1px solid var(--border-softer);border-radius:var(--radius-lg);max-width:100%}@media(max-width:768px){.agent-steps{padding:var(--spacing-md);margin:var(--spacing-lg) 0}}.agent-step{display:flex;gap:var(--spacing-md);opacity:.5;transition:opacity .3s ease}.agent-step-running,.agent-step-done,.agent-step-active,.agent-step-completed{opacity:1}.agent-step-error{opacity:1;color:var(--accent-warm)}.agent-step-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.agent-step-done .agent-step-indicator{color:#2ecc71}.agent-step-error .agent-step-indicator{color:#e74c3c}.agent-step-running .agent-step-indicator{color:var(--accent-warm)}.agent-step-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.agent-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.agent-step-content{display:flex;flex-direction:column;gap:4px;padding-top:2px}.agent-step-label{font-weight:600;font-size:.9rem;color:var(--text-primary)}.agent-step-output{font-size:.75rem;color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.05);padding:2px 8px;border-radius:4px;font-weight:600;width:fit-content}.agent-mission-control{background:var(--bg-paper);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-soft);border-radius:20px;padding:24px 32px;margin:20px 0;box-shadow:var(--card-shadow);animation:slideUpFade .5s cubic-bezier(.16,1,.3,1)}.mission-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mission-title-group{display:flex;align-items:center;gap:10px}.thinking-pulse{width:6px;height:6px;background:var(--accent-warm);border-radius:50%;box-shadow:0 0 rgba(var(--accent-warm-rgb),.4);animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 rgba(var(--accent-warm-rgb),.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(var(--accent-warm-rgb),0)}to{transform:scale(.95);box-shadow:0 0 rgba(var(--accent-warm-rgb),0)}}.mission-objective-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.mission-percent-badge{font-family:var(--font-display);font-size:.9rem;font-weight:800;color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.08);padding:2px 10px;border-radius:99px}.mission-progress-bar-container{height:3px;background:rgba(var(--accent-warm-rgb),.05);border-radius:10px;overflow:hidden;margin-bottom:var(--spacing-md)}.mission-progress-fill-premium{height:100%;background:linear-gradient(90deg,var(--accent-warm),var(--accent-warm-light));border-radius:10px;transition:width .8s cubic-bezier(.65,0,.35,1);box-shadow:0 0 15px rgba(var(--accent-warm-rgb),.4)}.agent-step-row{display:flex;gap:16px;position:relative;padding-bottom:20px}.agent-step-row:last-child{padding-bottom:0}.step-chain-indicator{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0}.step-dot-small{width:6px;height:6px;background:var(--border-soft);border-radius:50%;margin-top:6px;transition:all .3s}.step-spinner-small{width:14px;height:14px;border:1.5px solid var(--accent-warm);border-top-color:transparent;border-radius:50%;margin-top:2px;animation:agent-spin .8s linear infinite}@keyframes agent-spin{to{transform:rotate(360deg)}}.step-check{width:16px;height:16px;background:var(--accent-warm);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:3px;margin-top:1px}.step-line{width:1px;background:var(--border-softer);flex:1;margin:4px 0}.agent-step-row.completed .step-line{background:var(--accent-warm);opacity:.3}.agent-step-content-box{display:flex;flex-direction:column;gap:2px}.agent-step-title-text{font-size:.82rem;font-weight:500;color:var(--text-muted);transition:color .3s}.agent-step-row.active .agent-step-title-text,.agent-step-row.completed .agent-step-title-text{color:var(--text-primary);font-weight:600}.agent-step-status-tag{font-size:.65rem;font-weight:700;color:var(--accent-warm);text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-top:2px}.agent-step-row.completed .agent-step-title-text{color:var(--text-muted);font-weight:500}.agent-step-row.active .agent-step-title-text{color:var(--text-primary);font-weight:700}.agent-output{background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:20px;overflow:hidden;margin-top:32px;box-shadow:var(--card-shadow);min-height:120px;animation:agentFadeIn .8s cubic-bezier(.16,1,.3,1)}.agent-output-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(var(--accent-warm-rgb),.05);border-bottom:1px solid var(--border-softer)}.agent-output-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:var(--accent-warm-dark)}.agent-output-body{padding:var(--spacing-lg);font-size:.95rem;line-height:1.6;color:var(--text-primary)}.agent-output-body p{margin-bottom:1em}.agent-output-body p:last-child{margin-bottom:0}.agent-copy-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s}.agent-copy-btn:hover{background:var(--border-soft);color:var(--text-primary)}.agent-error-card{background:rgba(var(--bg-paper-rgb),.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,107,107,.2);border-radius:16px;padding:var(--spacing-xl);margin:var(--spacing-lg) 0;text-align:center;animation:slideUpFade .5s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px #0000000d}.agent-error-icon{width:32px;height:32px;color:#ff6b6b;margin-bottom:12px}.agent-error-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;display:block}.agent-error-msg{font-size:.85rem;color:var(--text-muted);line-height:1.5;margin-bottom:20px;display:block}.agent-error-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.agent-suggest-btn{padding:8px 20px;border-radius:99px;border:1px solid var(--border-soft);background:var(--bg-paper);color:var(--text-primary);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:8px}.agent-suggest-btn:hover{background:var(--bg-main);border-color:var(--accent-warm);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.agent-suggest-btn.primary{background:var(--accent-warm);color:#fff;border:none}.agent-super-console{width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);display:flex;flex-direction:column;gap:40px;min-height:100vh;background:var(--bg-main)}.agent-stats-ribbon{display:flex;justify-content:center;align-items:center;gap:24px;background:rgba(var(--bg-paper-rgb),.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-softer);padding:12px 32px;border-radius:100px;margin:30px auto 0;box-shadow:var(--card-shadow)}.ribbon-pill{display:flex;flex-direction:column;align-items:center;min-width:80px}.ribbon-label{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.ribbon-value{font-size:1.1rem;font-weight:800;color:var(--text-primary);font-family:var(--font-display)}.ribbon-divider{width:1px;height:24px;background:var(--border-softer)}.agent-model-selector-sleek{position:relative;display:flex;justify-content:center;margin-bottom:32px;z-index:100}.active-model-pill{background:var(--bg-paper);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--accent-warm);border-radius:99px;padding:10px 28px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px rgba(var(--accent-warm-rgb),.1)}.active-model-pill:hover{transform:translateY(-2px);border-color:var(--accent-warm);background:var(--bg-elevated);box-shadow:0 12px 30px rgba(var(--accent-warm-rgb),.12)}.model-pill-content{display:flex;align-items:center;gap:16px;text-align:left}.model-pill-content .model-icon{width:24px;height:24px;color:var(--accent-warm)}.model-pill-info{display:flex;flex-direction:column}.model-pill-label{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.2}.model-pill-status{font-size:.65rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;opacity:.7}.model-chevron{width:20px;height:20px;color:var(--text-muted);transition:transform .3s cubic-bezier(.16,1,.3,1);margin-left:8px}.model-chevron.open{transform:rotate(180deg)}@media screen and (max-width:768px){.model-dropdown-pane{width:calc(100vw - 40px);max-width:440px;top:calc(100% + 12px)!important;bottom:auto!important}}.agent-model-selector-sleek .model-dropdown-pane{top:calc(100% + 16px)!important;bottom:auto!important}.agent-super-pill-container{position:relative;width:100%;max-width:800px;margin:0 auto}.agent-input-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--accent-warm),#f8e1c6,var(--accent-warm));border-radius:42px;filter:blur(10px);opacity:.15;z-index:0}.agent-input-section-pill{position:relative;background:rgba(var(--bg-paper-rgb, 20, 20, 22),.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-softer);border-radius:40px;padding:24px 28px;box-shadow:0 20px 50px #0000001a;z-index:1}.agent-textarea-pill{width:100%;background:none;border:none;outline:none;color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.5;resize:none;min-height:36px;padding:6px 0}.agent-input-actions-pill{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-softer)}.input-left,.input-right{display:flex;align-items:center;gap:12px}.action-pill-btn{padding:8px 20px;border-radius:100px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.action-pill-btn.primary{background:var(--accent-warm);color:#000!important;box-shadow:0 4px 15px rgba(var(--accent-warm-rgb),.3)}.action-pill-btn.secondary{background:rgba(var(--bg-paper-rgb, 20, 20, 22),.5);color:var(--text-secondary);border:1px solid var(--border-softer)}.action-pill-btn.stop{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.status-pill{font-size:.65rem;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:50px;letter-spacing:.05em}.status-pill.online{background:#2ecc711a;color:#2ecc71;border:1px solid rgba(46,204,113,.2)}.status-pill.offline{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.agent-templates-ultra{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-width:900px;margin:20px auto}.agent-template-pill-ultra{display:flex;align-items:center;gap:16px;padding:12px 24px;background:rgba(var(--bg-paper-rgb, 20, 20, 22),.3);border:1px solid var(--border-softer);border-radius:100px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left}.agent-template-pill-ultra:hover{border-color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.05);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.agent-pill-icon-ultra{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--accent-warm)}.agent-pill-icon-ultra svg{width:20px;height:20px}.agent-pill-info-ultra span{font-size:.9rem;font-weight:600;color:var(--text-primary)}.agent-terminal-output{max-width:800px;margin:0 auto;background:#0d0d0d;border:1px solid #1a1a1a;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px #0000004d}.terminal-header{background:#141414;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1a1a1a}.terminal-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.terminal-copy{background:none;border:1px solid #1a1a1a;color:var(--text-muted);font-size:.7rem;padding:4px 12px;border-radius:50px;cursor:pointer;transition:all .2s}.terminal-copy:hover{background:#1a1a1a;color:#fff}.terminal-body{padding:30px;color:#e0e0e0;font-size:.95rem;line-height:1.6;max-height:500px;overflow-y:auto}.terminal-body h1,.terminal-body h2,.terminal-body h3{color:var(--accent-warm);margin-top:1.5em}.terminal-body code{background:#1a1a1a;padding:2px 6px;border-radius:4px}.terminal-body pre{background:#000;padding:16px;border-radius:12px;overflow-x:auto;margin:16px 0;border:1px solid #1a1a1a}.agent-history-shelf{max-width:900px;margin:60px auto 40px}.shelf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.shelf-header h3{font-size:.85rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.shelf-hint{font-size:.7rem;color:var(--text-muted);opacity:.6}.shelf-grid{display:flex;gap:20px;overflow-x:auto;padding:10px 5px 30px;mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}.shelf-grid::-webkit-scrollbar{height:4px}.shelf-grid::-webkit-scrollbar-track{background:#0000000d}.shelf-grid::-webkit-scrollbar-thumb{background:rgba(var(--accent-warm-rgb),.2);border-radius:10px}.shelf-card{min-width:260px;background:rgba(var(--bg-paper-rgb, 20, 20, 22),.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-softer);border-radius:24px;padding:20px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}.shelf-card:hover{border-color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.05);transform:translateY(-6px);box-shadow:0 10px 30px #00000014}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;font-weight:800;margin-bottom:12px}.card-status{text-transform:uppercase;color:var(--accent-warm);letter-spacing:.05em}.card-date{color:var(--text-muted);opacity:.7}.card-title{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-capabilities-ribbon{display:flex;justify-content:center;gap:40px;margin-top:40px;padding:20px}.cap-item{display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;padding:8px 18px;border-radius:100px;background:rgba(var(--bg-paper-rgb, 20, 20, 22),.5);border:1px solid var(--border-softer);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000008}.cap-item:hover{color:var(--accent-warm);border-color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.05);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.1)}.cap-item svg{width:16px;height:16px}.agent-mission-control-sleek{max-width:800px;margin:40px auto;background:rgba(var(--bg-paper-rgb, 20, 20, 22),.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;padding:30px;border:1px solid rgba(var(--accent-warm-rgb),.15);box-shadow:0 10px 40px #0000000d}.mission-hud{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hud-label{display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.hud-progress{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--accent-warm)}.pulse-dot{width:8px;height:8px;background:var(--accent-warm);border-radius:50%;animation:agent-pulse 2s infinite}@keyframes agent-pulse{0%{transform:scale(.95);box-shadow:0 0 rgba(var(--accent-warm-rgb),.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(var(--accent-warm-rgb),0)}to{transform:scale(.95);box-shadow:0 0 rgba(var(--accent-warm-rgb),0)}}.hud-bar-bg{width:100%;height:3px;background:rgba(var(--accent-warm-rgb),.1);border-radius:10px;overflow:hidden;margin-bottom:30px}.hud-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-warm),#f8e1c6);box-shadow:0 0 15px var(--accent-warm);transition:width .8s cubic-bezier(.16,1,.3,1)}.agent-steps-minimal{display:flex;flex-wrap:wrap;gap:12px}.step-item-mini{display:flex;align-items:center;gap:10px;background:rgba(var(--bg-paper-rgb, 20, 20, 22),.3);padding:6px 16px;border-radius:100px;border:1px solid var(--border-softer);font-size:.78rem;font-weight:600;color:var(--text-muted);transition:all .3s ease}.step-item-mini.active{background:rgba(var(--accent-warm-rgb),.05);border-color:var(--accent-warm);color:var(--text-primary)}.step-item-mini.completed{border-color:#2ecc714d;color:#2ecc71}.step-point{width:6px;height:6px;border-radius:50%;background:currentColor}.agent-thinking-chain-vertical{max-width:800px;margin:30px auto;display:flex;flex-direction:column;gap:0;position:relative;padding-left:20px}.thinking-step-row{display:flex;gap:20px;position:relative;padding-bottom:24px}.thinking-step-row:last-child{padding-bottom:0}.thinking-line-container{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0}.thinking-dot{width:10px;height:10px;border-radius:50%;background:var(--border-soft);margin-top:6px;transition:all .3s ease;z-index:2}.thinking-step-row.active .thinking-dot{background:var(--accent-warm);box-shadow:0 0 10px var(--accent-warm);transform:scale(1.2)}.thinking-step-row.completed .thinking-dot{background:#2ecc71}.thinking-connector{width:2px;background:var(--border-softer);flex:1;margin:4px 0}.thinking-step-row.completed .thinking-connector{background:#2ecc71;opacity:.3}.thinking-step-content{display:flex;flex-direction:column;gap:4px}.thinking-step-title{font-size:.95rem;font-weight:600;color:var(--text-muted);transition:color .3s ease}.thinking-step-row.active .thinking-step-title,.thinking-step-row.completed .thinking-step-title{color:var(--text-primary)}.thinking-step-status{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-warm);opacity:0;transition:opacity .3s ease}.thinking-step-row.active .thinking-step-status{opacity:1}@media screen and (max-width:768px){.feature-page.agent-super-console{padding:var(--spacing-lg) 16px!important;gap:32px!important;background:var(--bg-main)!important}.agent-stats-ribbon{width:100%!important;padding:16px!important;gap:16px!important;border-radius:20px!important;flex-wrap:wrap!important;justify-content:space-around!important;margin-top:0!important;box-shadow:0 4px 15px #0000000a!important}.ribbon-pill{min-width:70px!important;flex:1 1 30%!important}.ribbon-value{font-size:.95rem}.ribbon-divider{display:none}.agent-model-selector-sleek{gap:6px;padding:0 10px}.model-pill-mini{padding:5px 12px;font-size:.7rem}.agent-super-pill-container{padding:0 10px}.agent-input-section-pill{padding:16px 20px;border-radius:28px}.agent-textarea-pill{font-size:.9rem}.agent-input-actions{flex-direction:column;align-items:flex-start;gap:16px}.input-left{width:100%;justify-content:space-between}.agent-btn-group{width:100%;display:flex;gap:8px}.agent-btn{flex:1;justify-content:center;padding:12px;font-size:.82rem}.agent-mission-control-sleek{padding:20px;border-radius:20px;margin:20px 10px}.agent-terminal-output{margin:0 10px;border-radius:16px}.terminal-body{padding:20px;font-size:.85rem}.agent-history-shelf{margin:40px 10px}.shelf-card{min-width:220px;padding:16px}.agent-capabilities-ribbon{gap:20px;flex-wrap:wrap}}.agent-error-card-pill{max-width:800px;margin:20px auto;background:#e74c3c0d;border:1px solid rgba(231,76,60,.2);border-radius:20px;padding:20px 24px;display:flex;align-items:center;gap:16px}.agent-error-card-pill svg{width:24px;height:24px;color:#e74c3c;flex-shrink:0}.error-text{flex:1}.error-text strong{display:block;font-size:.85rem;color:#e74c3c;margin-bottom:2px}.error-text p{font-size:.8rem;color:var(--text-muted);margin:0}.error-close-btn{background:none;border:1px solid rgba(231,76,60,.2);color:#e74c3c;padding:6px 16px;border-radius:50px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .2s}.error-close-btn:hover{background:#e74c3c1a}.kn-vault-container{margin-top:var(--spacing-lg)}.kn-vault-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.kn-search-box{max-width:280px;width:100%;flex:0 1 auto;display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:99px;color:var(--text-secondary);transition:all .2s cubic-bezier(.16,1,.3,1)}.kn-search-box:focus-within{border-color:var(--accent-warm);box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.1)}.kn-search-box input{background:transparent;border:none;padding:0;font-size:.88rem;color:var(--text-primary);width:100%;outline:none}.kn-search-box svg{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.kn-toolbar-actions{display:flex;align-items:center;gap:10px}.kn-btn-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--bg-paper);border:1.5px solid var(--border-soft);color:var(--text-secondary);cursor:pointer;transition:all .2s}.kn-btn-icon:hover{border-color:var(--accent-warm);color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.05)}.kn-btn-icon.btn-danger-hover:hover{border-color:#e74c3c;color:#e74c3c;background:#e74c3c0d}.kn-btn-icon svg{width:18px;height:18px}.kn-add-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;background:var(--accent-warm);color:#fff;border:none;border-radius:99px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.kn-add-btn svg{width:16px;height:16px}.kn-add-btn:hover{filter:brightness(1.05);background:var(--accent-warm-dark, #d4af37);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.3)}.kn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.kn-card{display:flex;flex-direction:column;padding:var(--spacing-lg);border:1.5px solid var(--border-soft);border-radius:var(--radius-xl);background:var(--bg-paper);transition:all .3s ease;position:relative;overflow:hidden}.kn-card:hover{border-color:var(--accent-warm);transform:translateY(-4px);box-shadow:0 12px 30px #0000001f}.kn-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:12px}.kn-card-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kn-card-actions{display:flex;align-items:center;gap:4px}.kn-action-btn,.kn-delete-btn{padding:6px;background:rgba(var(--bg-elevated-rgb),.5);border:1px solid var(--border-soft);color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kn-action-btn:hover{background:rgba(var(--accent-warm-rgb),.08);border-color:var(--accent-warm);color:var(--accent-warm)}.kn-delete-btn:hover{background:#e74c3c;border-color:#e74c3c;color:#fff}.kn-action-btn svg,.kn-delete-btn svg{width:14px;height:14px}.kn-card-body{flex:1;margin-bottom:var(--spacing-md)}.kn-card-body p{font-size:.9rem;line-height:1.6;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.kn-card-footer{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);font-weight:500}.kn-card-footer svg{width:14px;height:14px}.kn-modal{max-width:600px!important}.kn-input,.kn-textarea{width:100%;padding:12px 16px;background:var(--bg-elevated);border:1.5px solid var(--border-soft);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s}.kn-input:focus,.kn-textarea:focus{border-color:var(--accent-warm)}.kn-btn-primary{background:var(--accent-warm);color:#fff;border:none;padding:10px 24px;border-radius:99px;font-weight:600;cursor:pointer}.kn-btn-secondary{background:transparent;border:1px solid var(--border-soft);color:var(--text-secondary);padding:10px 24px;border-radius:99px;font-weight:600;cursor:pointer}.kn-btn-danger{background:#e74c3c;color:#fff;border:none;padding:10px 24px;border-radius:99px;font-weight:600;cursor:pointer}.kn-empty-state{padding:40px 20px;text-align:center;border:1.5px dashed var(--border-soft);border-radius:var(--radius-xl);background:var(--bg-paper)}.kn-empty-state .feature-empty-icon svg{width:40px;height:40px;margin-bottom:var(--spacing-sm);color:var(--text-muted)}.kn-empty-state h3{font-size:1.1rem;margin-bottom:8px}.kn-empty-state p{font-size:.85rem;max-width:300px;margin:0 auto}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.kn-vault-toolbar{flex-direction:column;align-items:stretch}.kn-grid{grid-template-columns:1fr}}.rsn-page-container{display:flex;padding:0!important;overflow:hidden!important;height:100vh}.rsn-history-sidebar{width:280px;background:var(--bg-paper);border-right:1px solid var(--border-softer);display:flex;flex-direction:column;padding:var(--spacing-lg);gap:var(--spacing-md)}.rsn-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-softer)}.rsn-sidebar-header h3{font-size:.9rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.rsn-new-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-soft);background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;line-height:1}.rsn-history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xs)}.rsn-history-item{padding:12px;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.rsn-history-item:hover{background:#ffffff08;border-color:var(--border-softer)}.rsn-history-item.active{background:rgba(var(--accent-warm-rgb),.1);border-color:var(--accent-warm)}.rsn-item-title{font-size:.85rem;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.rsn-item-meta{display:flex;justify-content:space-between;align-items:center}.rsn-item-meta span{font-size:.7rem;color:var(--text-muted);text-transform:capitalize}.rsn-item-del{background:transparent;border:none;color:var(--text-muted);padding:4px;border-radius:4px;opacity:0;transition:opacity .2s}.rsn-history-item:hover .rsn-item-del{opacity:1}.rsn-item-del:hover{color:#ff5252;background:#ff52521a}.rsn-item-del svg{width:12px;height:12px}.rsn-main-content{flex:1;overflow-y:auto;padding:20px 24px}.rsn-empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-muted);font-size:.8rem;font-style:italic}.rsn-output{margin-top:var(--spacing-lg);background:var(--bg-paper);border-radius:20px;border:1px solid var(--border-softer);padding:var(--spacing-lg)}.rsn-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-softer)}.rsn-output-title{font-size:.9rem;font-weight:700;color:var(--accent-warm);display:flex;align-items:center;gap:8px}.rsn-output-body{font-size:.95rem;line-height:1.6;color:var(--text-primary)}.rsn-output-body h1,.rsn-output-body h2,.rsn-output-body h3{color:var(--accent-warm);margin:var(--spacing-md) 0 8px}@media(max-width:480px){.rsn-input-toolbar{gap:8px}.rsn-status-info{display:none}.rsn-send-btn,.rsn-btn-stop-minimal{padding:10px 14px}}.rsn-modes{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.rsn-mode-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--bg-paper);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.rsn-mode-btn:hover{border-color:var(--accent-warm);color:var(--text-primary)}.rsn-mode-btn.active{border-color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.08);color:var(--accent-warm-dark)}.rsn-mode-icon svg{width:16px;height:16px;display:block}.rsn-mode-label{display:inline-block!important}.rsn-input-container{background:var(--bg-paper);border:1.5px solid var(--border-soft);border-radius:var(--radius-xl);padding:12px 16px;box-shadow:0 4px 15px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.rsn-input-box{display:flex;flex-direction:column;gap:8px}.rsn-textarea{width:100%;min-height:80px;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-family:inherit;padding:8px;resize:none;outline:none}.rsn-input-toolbar{display:flex;align-items:center;gap:12px;padding:8px 4px 4px;border-top:1px solid var(--border-softer)}.rsn-btn-with-popup{position:relative;display:inline-flex}.rsn-btn-group{display:flex;align-items:center;gap:8px}.rsn-send-btn{display:flex;align-items:center;gap:8px;padding:10px 28px;border-radius:99px;background:rgba(var(--accent-warm-rgb),.1);border:1.5px solid rgba(var(--accent-warm-rgb),.2);color:var(--accent-warm);font-weight:600;font-size:.85rem;cursor:not-allowed;transition:all .3s cubic-bezier(.16,1,.3,1);opacity:.6}.rsn-send-btn svg{width:18px;height:18px}.rsn-status-info{font-size:.82rem;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:4px}.rsn-no-key{color:#ff5252;font-weight:700;text-transform:uppercase;font-size:.75rem;white-space:nowrap}.mm-btn-label{display:inline-block!important}.rsn-send-btn.active{background:var(--accent-warm);color:#000;cursor:pointer;opacity:1;box-shadow:0 4px 20px rgba(var(--accent-warm-rgb),.3)}.rsn-mode-btn.active{background:rgba(var(--accent-warm-rgb),.1);border-color:var(--accent-warm);color:var(--accent-warm);box-shadow:0 0 15px rgba(var(--accent-warm-rgb),.1)}.rsn-mode-btn.active .rsn-mode-icon{color:var(--accent-warm)}.rsn-thinking-chain-premium{background:rgba(var(--bg-paper-rgb, 20, 20, 22),.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--accent-warm-rgb),.15);border-radius:20px;padding:20px;margin-bottom:24px;box-shadow:0 10px 40px #0000001a}.rsn-thinking-header{border-bottom:1px solid rgba(var(--accent-warm-rgb),.1);padding-bottom:12px;margin-bottom:16px}.rsn-thinking-title-group{display:flex;align-items:center;gap:10px}.rsn-thinking-title-group span{font-size:.85rem;font-weight:700;color:var(--accent-warm);text-transform:uppercase;letter-spacing:.1em}.thinking-dot-pulse{width:8px;height:8px;background:var(--accent-warm);border-radius:50%;position:relative;box-shadow:0 0 10px rgba(var(--accent-warm-rgb),.5)}.thinking-dot-pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--accent-warm);animation:pulseLoopPremium 1.8s infinite cubic-bezier(.4,0,.6,1)}@keyframes pulseLoopPremium{0%{transform:scale(1);opacity:.8}to{transform:scale(3);opacity:0}}.rsn-steps-list{display:flex;flex-direction:column;gap:10px}.rsn-btn-stop-minimal{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:99px;background:#e74c3c;color:#fff;border:none;font-weight:600;font-size:.85rem;cursor:pointer}.rsn-attach-popup{width:220px!important;max-width:90vw!important;min-width:unset!important;left:0!important;transform:none!important;bottom:calc(100% + 12px)!important;padding:8px!important;display:flex!important;flex-direction:column!important;gap:4px!important;z-index:1000!important;position:absolute!important}@media(max-width:480px){.rsn-attach-popup{left:-10px!important}}.rsn-popup-option{display:flex;align-items:center;gap:12px;padding:10px 16px;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%}.rsn-popup-option:hover{background:rgba(var(--accent-warm-rgb),.08);border-color:rgba(var(--accent-warm-rgb),.2);color:var(--accent-warm)}.rsn-popup-option svg{width:18px;height:18px;color:var(--text-muted);transition:color .2s}.rsn-popup-option:hover svg{color:var(--accent-warm)}.rsn-popup-option span{font-size:.9rem;font-weight:500}.rsn-attached-preview{margin-bottom:var(--spacing-md)}.rsn-file-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:12px}.rsn-file-thumb{width:32px;height:32px;border-radius:6px;object-fit:cover}.rsn-file-name{font-size:.82rem;font-weight:500;color:var(--text-primary)}.rsn-file-remove{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.rsn-file-remove:hover{color:#e74c3c}.rsn-thinking-chain{margin-top:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:rgba(var(--surface-rgb),.4);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.16,1,.3,1)}.rsn-thinking-chain.collapsed{padding-bottom:var(--spacing-lg)}.rsn-thinking-header{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-warm)}.agent-steps-chain{display:flex;flex-direction:column;gap:0;margin-top:16px}.agent-step-row{display:flex;gap:16px;min-height:40px}.step-chain-indicator{display:flex;flex-direction:column;align-items:center;width:14px;flex-shrink:0;padding-top:6px}.step-line{width:1px;flex:1;background:var(--border-soft);margin:4px 0;opacity:.4}.agent-step-row.completed .step-line{background:var(--accent-warm);opacity:.6}.step-dot-small{width:6px;height:6px;background:var(--border-soft);border-radius:50%;opacity:.5}.step-check{width:14px;height:14px;color:var(--accent-warm);display:flex;align-items:center;justify-content:center}.step-check svg{width:12px;height:12px}.step-spinner-small{width:12px;height:12px;border:1.5px solid rgba(var(--accent-warm-rgb),.2);border-top-color:var(--accent-warm);border-radius:50%;animation:spin .8s linear infinite}.agent-step-content-box{padding-bottom:12px;display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.agent-step-title-text{font-size:.85rem;font-weight:500;color:var(--text-primary);transition:all .3s ease;overflow-wrap:break-word;word-break:break-word}.agent-step-row.completed .agent-step-title-text{color:var(--text-muted)}.agent-step-status-tag{font-size:.65rem;color:var(--accent-warm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.rsn-output-container{margin-top:var(--spacing-xl)}.rsn-final-output{background:var(--bg-paper);border:1.5px solid var(--border-soft);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px #0000000f}.rsn-output-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--bg-elevated);border-bottom:1px solid var(--border-softer)}.rsn-output-title{font-weight:700;font-size:.95rem;color:var(--text-primary)}.rsn-output-body{padding:var(--spacing-xl);font-size:1rem;line-height:1.7;color:var(--text-primary)}.ap-master-toggle{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.ap-master-info{display:flex;flex-direction:column;gap:4px}.ap-master-label{font-weight:600;font-size:1rem;color:var(--text-primary)}.ap-master-status{font-size:.85rem;color:var(--text-muted)}.ap-warning{padding:12px;background:#e74c3c0d;border:1px solid rgba(231,76,60,.2);border-radius:var(--radius-md);color:#e74c3c;font-size:.85rem;text-align:center;margin-bottom:var(--spacing-lg)}.ap-error{color:#e74c3c;font-size:.85rem;text-align:center;margin-bottom:var(--spacing-lg)}.ap-automations{display:flex;flex-direction:column;gap:var(--spacing-md)}.ap-card{background:var(--bg-paper);border:1px solid var(--border-softer);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s;opacity:.6}.ap-card.enabled{opacity:1;border-color:var(--border-soft);box-shadow:0 4px 12px #00000005}.ap-card.expanded{border-color:var(--accent-warm)}.ap-card-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer}.ap-card-icon{font-size:1.4rem}.ap-card-info{flex:1;display:flex;flex-direction:column;gap:2px}.ap-card-title{font-weight:600;font-size:.95rem;color:var(--text-primary)}.ap-card-desc{font-size:.82rem;color:var(--text-secondary)}.ap-card-right{display:flex;align-items:center;gap:var(--spacing-lg)}.ap-card-schedule{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.ap-toggle{width:44px;height:24px;border-radius:12px;border:none;background:var(--border-soft);cursor:pointer;position:relative;transition:background .2s}.ap-toggle.active{background:var(--accent-warm)}.ap-toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 2px 4px #0000001a}.ap-toggle.active .ap-toggle-knob{left:22px}.ap-toggle-sm{width:36px;height:20px}.ap-toggle-sm .ap-toggle-knob{width:16px;height:16px}.ap-toggle-sm.active .ap-toggle-knob{left:18px}.ap-card-body{padding:var(--spacing-lg);border-top:1px solid var(--border-softer);background:var(--bg-elevated)}.ap-card-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.ap-run-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:none;background:var(--text-primary);color:var(--bg-main);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.ap-run-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.ap-run-btn:disabled{opacity:.5;cursor:not-allowed}.ap-run-btn-stop{background:#e74c3c;color:#fff}.ap-last-run{font-size:.75rem;color:var(--text-muted)}.ap-output{padding:var(--spacing-md);background:var(--bg-paper);border:1px solid var(--border-softer);border-radius:var(--radius-md);font-size:.9rem;line-height:1.6;color:var(--text-primary)}.pred-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.pred-stat{background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);text-align:center}.pred-stat-value{display:block;font-size:1.6rem;font-weight:700;font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px}.pred-stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--text-muted)}.pred-bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.pred-card{display:flex;flex-direction:column;text-align:left;background:var(--bg-paper);border:1px solid var(--border-softer);border-radius:var(--radius-xl);padding:16px 20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pred-card-featured{grid-column:span 2;background:linear-gradient(135deg,var(--bg-paper) 0%,rgba(var(--accent-warm-rgb),.03) 100%);border-color:rgba(var(--accent-warm-rgb),.15)}.pred-card-inner-horizontal{display:flex;align-items:center;gap:16px;width:100%}.pred-card-icon-pill{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--accent-warm);flex-shrink:0}.pred-card-content-pill{flex:1;display:flex;flex-direction:column;gap:2px}.pred-card-title-pill{font-weight:700;font-size:.9rem;color:var(--text-primary)}.pred-card-desc-pill{font-size:.78rem;color:var(--text-secondary);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pred-card-gauge-pill{flex-shrink:0}.pred-card:hover:not(:disabled){border-color:var(--accent-warm);transform:translateY(-2px);box-shadow:0 10px 25px #0000000d}.pred-card.active{border-color:var(--accent-warm);background:rgba(var(--accent-warm-rgb),.02);box-shadow:0 4px 12px rgba(var(--accent-warm-rgb),.08)}.pred-card-icon{font-size:1.6rem;margin-bottom:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.pred-card-icon svg{width:100%;height:100%}.pred-warning{padding:12px;background:#e74c3c0d;border:1px solid rgba(231,76,60,.2);border-radius:var(--radius-md);color:#e74c3c;font-size:.82rem;text-align:center;margin-bottom:var(--spacing-lg)}.pred-output{margin-top:var(--spacing-md);background:var(--bg-paper);border:1px solid var(--border-softer);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 8px 32px #0000000a;width:100%}.pred-output-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--bg-elevated);border-bottom:1px solid var(--border-softer)}.pred-output-title{font-weight:700;font-size:.88rem;color:var(--text-primary);display:flex;align-items:center;gap:8px}.pred-output-title svg{width:16px;height:16px;color:var(--accent-warm)}.pred-output-body{padding:var(--spacing-lg);font-size:.88rem;line-height:1.7;color:var(--text-primary);position:relative}.pred-confidence-tag{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-softer)}.pred-confidence-tag span{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.pred-output-actions{display:flex;gap:var(--spacing-sm)}.pred-stop-btn{padding:8px 16px;border-radius:99px;border:none;background:#e74c3c;color:#fff;cursor:pointer;font-size:.78rem;font-weight:600;transition:all .2s}.pred-copy-btn{padding:8px 16px;border-radius:99px;border:1px solid var(--border-soft);background:var(--bg-paper);color:var(--text-primary);cursor:pointer;font-size:.78rem;font-weight:600;transition:all .2s}.pred-copy-btn:hover{border-color:var(--accent-warm);color:var(--accent-warm)}@media(max-width:600px){.pred-bento-grid{grid-template-columns:1fr}.pred-card-featured{grid-column:span 1}.pred-stats{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.pred-stat{padding:var(--spacing-sm) var(--spacing-xs)}.pred-stat-value{font-size:1.2rem}}.connect-page{display:flex;flex-direction:column;height:100%;max-width:1000px;margin:0 auto;width:100%}.glass-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-paper-soft, rgba(var(--bg-paper-rgb), .5));border:1px solid var(--border-soft);border-radius:20px;margin-bottom:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-icon-wrap{width:50px;height:50px;background:rgba(var(--accent-warm-rgb, 201, 168, 124),.1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-warm)}.header-icon-wrap svg{width:28px;height:28px}.header-text-wrap h1{margin:0;font-size:2.2rem;font-weight:800;color:var(--text-primary, #fff);text-shadow:0 2px 10px rgba(0,0,0,.2)}.header-text-wrap p{margin:4px 0 0;color:var(--text-muted);font-size:.95rem}.connect-chat-container{display:flex;flex-direction:column;flex:1;min-height:550px;position:relative;background:rgba(var(--bg-paper-rgb),.7);border:1px solid var(--border-soft);border-radius:32px;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl);overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 0 0 1px #ffffff0d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.connect-chat-history{flex:1;overflow-y:auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);background:radial-gradient(circle at center,rgba(var(--accent-warm-rgb),.02) 0%,transparent 100%)}.feature-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl);height:100%;color:var(--text-primary)}.feature-empty h3{font-size:1.5rem;margin-bottom:8px;color:var(--text-primary);font-weight:600}.feature-empty p{color:var(--text-muted);font-size:1rem;max-width:300px}.connect-message-wrapper{display:flex;align-items:flex-end;gap:var(--spacing-md);max-width:80%;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-mine{align-self:flex-end;flex-direction:row-reverse}.message-yours{align-self:flex-start}.connect-message-avatar,.connect-message-avatar-placeholder{width:36px;height:36px;border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #0003}.connect-message-avatar{object-fit:cover;border:1px solid rgba(255,255,255,.1)}.connect-message-avatar-placeholder{background:linear-gradient(135deg,var(--accent-warm),#e0a370);color:var(--bg-main);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.connect-message-content{display:flex;flex-direction:column;gap:6px}.message-mine .connect-message-content{align-items:flex-end}.message-yours .connect-message-content{align-items:flex-start}.connect-message-sender{font-size:.8rem;color:var(--accent-warm);font-weight:600;margin-left:4px}.connect-message-bubble{padding:12px 18px;border-radius:20px;font-size:1rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 15px #0000001a}.message-mine .connect-message-bubble{background:var(--accent-warm);color:#1a1a1a;border-bottom-right-radius:4px;font-weight:500}.message-yours .connect-message-bubble{background:var(--bg-paper);color:var(--text-primary);border:1px solid var(--border-soft);border-bottom-left-radius:4px}.connect-message-time{font-size:.7rem;opacity:.6;align-self:flex-end}.message-mine .connect-message-time{color:#0009}.connect-chat-input-area{display:flex;align-items:center;gap:var(--spacing-md);padding:20px 24px;background:rgba(var(--bg-paper-rgb),.85);border-top:1px solid var(--border-soft);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.connect-chat-input{flex:1;background:var(--bg-paper);border:1px solid var(--border-soft);border-radius:16px;padding:14px 20px;color:var(--text-primary);font-family:var(--font-primary);font-size:1rem;resize:none;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:24px;overflow-y:auto}.connect-chat-input:focus{border-color:var(--accent-warm);background:#ffffff14;box-shadow:0 0 0 4px rgba(var(--accent-warm-rgb, 201, 168, 124),.15)}.connect-chat-input::placeholder{color:#ffffff4d}.connect-send-btn{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;background:var(--accent-warm);color:var(--bg-main);border:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.connect-send-btn svg{width:20px;height:20px}.connect-send-btn:not(:disabled):hover{transform:translateY(-2px);background:var(--accent-warm-light, #e0a370);box-shadow:0 5px 15px rgba(var(--accent-warm-rgb),.2)}.connect-send-btn:disabled{opacity:.3;background:#ffffff1a;color:var(--text-muted)}.connect-loading-state{display:flex;justify-content:center;align-items:center;height:100%}.connect-loader-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-muted)}.connect-loader-content svg{width:32px;height:32px;color:var(--accent-warm)}.history-page{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--spacing-xl) var(--spacing-2xl);box-sizing:border-box;background:var(--bg-main)}.history-back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;margin-bottom:var(--spacing-xl);margin-left:56px;padding:0;transition:color .2s ease,transform .2s ease}.history-back-btn svg{width:18px;height:18px;transition:transform .2s ease}.history-back-btn:hover{color:var(--text-primary);transform:translate(-4px)}.history-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-lg)}.history-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.02em}.history-subtitle{font-size:.95rem;color:var(--text-muted);margin:0}.history-tabs{display:flex;gap:8px;background:var(--bg-paper);padding:6px;border-radius:50px;border:1px solid var(--border-soft)}.history-tab{padding:8px 20px;border-radius:50px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.history-tab:hover{color:var(--text-primary)}.history-tab.active{background:var(--text-primary);color:var(--bg-main);box-shadow:0 4px 12px #0000001a}.history-pill-list{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.history-pill{display:flex;align-items:center;gap:var(--spacing-md);padding:12px 16px;border-radius:9999px;background:var(--bg-paper);border:1px solid var(--border-softer);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.history-pill:hover{border-color:var(--accent-warm);box-shadow:0 4px 16px #0000000f;transform:translate(4px)}.history-pill-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.history-pill-icon.image{background:rgba(var(--category-personal-rgb),.1);color:var(--category-personal)}.history-pill-icon.video{background:rgba(var(--category-work-rgb),.1);color:var(--category-work)}.history-pill-icon.chat{background:rgba(var(--accent-warm-rgb),.1);color:var(--accent-warm)}.history-pill-icon svg{width:20px;height:20px}.history-pill-content{flex:1;min-width:0}.history-pill-title{font-family:var(--font-body);font-size:.88rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-pill-meta{display:flex;gap:var(--spacing-sm);margin-top:2px;font-size:.75rem;color:var(--text-muted)}.history-pill-type{text-transform:capitalize}.history-pill-type:after{content:"�";margin-left:var(--spacing-sm)}.history-pill-actions{display:flex;gap:6px;flex-shrink:0;opacity:0;transition:opacity .2s ease}.history-pill:hover .history-pill-actions{opacity:1}.history-pill-action-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-softer);background:var(--bg-main);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.history-pill-action-btn:hover{border-color:var(--accent-warm);color:var(--accent-warm);transform:scale(1.1)}.history-pill-action-btn.delete:hover{border-color:#e74c3c;color:#e74c3c}.history-pill-action-btn svg{width:14px;height:14px}.history-empty{text-align:center;padding:var(--spacing-4xl) 0;color:var(--text-muted)}.history-empty svg{width:48px;height:48px;margin-bottom:var(--spacing-md);opacity:.3}@media(max-width:768px){.history-page{padding:64px var(--spacing-md) var(--spacing-lg)}.history-back-btn{margin-left:0;margin-bottom:var(--spacing-lg)}.history-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.history-title{font-size:1.5rem}.history-tabs{width:100%;overflow-x:auto;padding-bottom:2px;border-radius:50px;display:inline-flex;max-width:100%;scrollbar-width:none}.history-tabs::-webkit-scrollbar{display:none}.history-tab{padding:8px 18px;font-size:.85rem;white-space:nowrap;border-radius:50px}.history-pill{border-radius:20px;padding:10px 14px}.history-pill-actions{opacity:1}.history-pill-icon{width:36px;height:36px;border-radius:10px}}