@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;max-height:180px!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}.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;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}.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}.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-title-group{display:flex;align-items:center;gap:10px}.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-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}.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)}.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}@keyframes spin{to{transform:rotate(360deg)}}.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}.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}.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}.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;text-transform:uppercase}.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-msg-bubble{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 rgba(var(--accent-warm-rgb),.12);background:var(--flow-grad-warm);color:#fff;border:none;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.flow-msg-bubble.sent .flow-msg-text{color:#fff}.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,rgba(var(--accent-warm-rgb),.2),rgba(var(--accent-warm-rgb),.05));border:1px solid var(--flow-accent);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-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-discovery-preview{background:var(--flow-pill);border-radius:1.25rem;padding:1rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--flow-border-thin)}.flow-seal-mini{width:60px;height:60px;flex-shrink:0}.flow-discovery-info{display:flex;flex-direction:column}.flow-discovery-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--flow-accent);margin-bottom:.25rem}.flow-discovery-hint{font-size:.65rem;color:var(--flow-txt-muted)}.flow-viewer-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:6000;animation:fadeIn .3s ease}.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.25rem;overflow:hidden;background-color:var(--flow-island)}.flow-member-selection-header{padding:.75rem 1rem;border-bottom:1px solid var(--flow-border-thin);display:flex;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{display:flex;align-items:center;padding:.625rem .75rem;border-radius:.75rem;cursor:pointer;transition:all .2s;gap:.75rem;margin-bottom:.125rem}.flow-selection-item:hover{background-color:var(--flow-pill)}.flow-selection-item.selected{background-color:rgba(var(--flow-accent-rgb, 196, 163, 90),.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)}