:root{--bg-primary: #ffffff;--bg-secondary: #f9f9fb;--bg-tertiary: #f0f2f5;--bg-hover: #e4e7eb;--card-bg: #ffffff;--card-border: #e2e8f0;--blob-bg: #f8fafc;--blob-border: #e2e8f0;--blob-hover-bg: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #ea580c;--accent-hover: #c2410c;--accent-light: #fff7ed;--accent-border: #fed7aa;--badge-free-bg: #f1f5f9;--badge-free-text: #475569;--badge-pro-bg: #ffedd5;--badge-pro-text: #c2410c;--badge-max-bg: #fae8ff;--badge-max-text: #86198f;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-full: 9999px;--header-height: 64px;--sidebar-width: 280px}[data-theme=dark]{--bg-primary: #131314;--bg-secondary: #1e1f20;--bg-tertiary: #28292a;--bg-hover: #333537;--card-bg: #1e1f20;--card-border: #2d2f31;--blob-bg: #1e1f20;--blob-border: #2e3032;--blob-hover-bg: #28292a;--text-primary: #e3e3e3;--text-secondary: #c4c7c5;--text-muted: #8e918f;--accent-primary: #fdba74;--accent-hover: #fed7aa;--accent-light: #431407;--accent-border: #7c2d12;--badge-free-bg: #28292a;--badge-free-text: #c4c7c5;--badge-pro-bg: #431407;--badge-pro-text: #fdba74;--badge-max-bg: #321f3a;--badge-max-text: #f0abfc;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease;overflow-x:hidden;height:100dvh;margin:0}#root{height:100%}.app-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .2s ease}input,textarea,select{font-family:inherit;font-size:.95rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}.header-nav{height:var(--header-height);background:var(--bg-primary);border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:100}.brand-logo{display:flex;align-items:center;gap:.65rem;font-weight:700;font-size:1.25rem;color:var(--text-primary);text-decoration:none}.brand-icon{width:32px;height:32px;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem}.header-right{display:flex;align-items:center;gap:1rem}.tier-badge{height:38px;padding:0 1rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.tier-badge.free{background:var(--badge-free-bg);color:var(--badge-free-text)}.tier-badge.pro{background:var(--badge-pro-bg);color:var(--badge-pro-text)}.tier-badge.max{background:var(--badge-max-bg);color:var(--badge-max-text)}.theme-toggle-btn{width:38px;height:38px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--card-border)}.theme-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-primary{background:var(--text-primary);color:var(--bg-primary);padding:.55rem 1.2rem;border-radius:var(--radius-full);font-weight:600;font-size:.88rem;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--card-border);padding:.55rem 1.2rem;border-radius:var(--radius-full);font-weight:600;font-size:.88rem;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:var(--bg-hover)}.dashboard-layout{display:flex;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));width:100%}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--card-border);display:flex;flex-direction:column;padding:1.2rem;gap:1rem}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.sidebar-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.project-list{display:flex;flex-direction:column;gap:.35rem;overflow-y:auto;flex:1}.project-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;text-align:left;border:1px solid transparent}.project-item:hover{background:var(--bg-hover);color:var(--text-primary)}.project-item.active{background:var(--card-bg);color:var(--text-primary);border-color:var(--card-border);font-weight:600;box-shadow:var(--shadow-sm)}.project-dot{width:10px;height:10px;border-radius:50%;margin-right:.6rem;display:inline-block}.dashboard-main{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden;position:relative}.dashboard-topbar{padding:1rem 1.5rem;border-bottom:1px solid var(--card-border);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:var(--bg-primary)}.search-blob{flex:1;max-width:640px;background:var(--bg-secondary);border:1.5px solid var(--card-border);border-radius:24px;padding:.25rem .25rem .25rem 1rem;display:flex;align-items:flex-end;gap:.6rem;box-shadow:var(--shadow-sm);transition:all .2s ease}.search-blob:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);background:var(--card-bg)}.search-textarea,.chat-textarea{border:none;background:transparent;outline:none;width:100%;color:var(--text-primary);font-family:inherit;font-size:.92rem;resize:none;line-height:20px;height:24px;padding:2px 0;margin:8px 0;transition:height .2s ease;overflow:hidden;min-width:0}.search-blob:focus-within .search-textarea,.entry-input-row:focus-within .chat-textarea{height:80px;overflow-y:auto}.conversations-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem}.conversation-blob{background:var(--blob-bg);border:1px solid var(--blob-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:.75rem;position:relative}.conversation-blob:hover{background:var(--blob-hover-bg);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--card-border)}.blob-header{display:flex;align-items:center;justify-content:space-between}.blob-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.blob-meta{font-size:.8rem;color:var(--text-muted)}.blob-summary{display:flex;flex-direction:column;gap:.35rem}.summary-bullet{font-size:.88rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.5rem}.bullet-dot{width:6px;height:6px;background:var(--accent-primary);border-radius:50%;margin-top:.5rem;flex-shrink:0}.blob-footer{display:flex;align-items:center;gap:.6rem;margin-top:.25rem;flex-wrap:wrap}.tag-badge{padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary)}.dashboard-bottombar{padding:1rem 1.5rem 1.5rem;background:var(--bg-primary);border-top:1px solid var(--card-border)}.entry-blob{max-width:800px;margin:0 auto;background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:var(--shadow-md)}.entry-input-row{display:flex;align-items:flex-end;gap:.75rem}.entry-actions{display:flex;align-items:center;justify-content:space-between;padding-top:.4rem;border-top:1px dashed var(--card-border)}.audio-record-btn{background:#ef444415;color:#ef4444;border:1px solid #ef444430;padding:.45rem 1rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.audio-record-btn:hover{background:#ef444425}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:480px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.input-field,.form-input{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--card-border);background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #00000008}.input-field:hover,.form-input:hover{border-color:var(--accent-border);background:var(--card-bg)}.input-field:focus,.form-input:focus{border-color:var(--accent-primary);background:var(--card-bg);box-shadow:0 0 0 3.5px var(--accent-light),0 2px 4px #0000000d}.input-field:disabled,.input-field:read-only,.form-input:disabled{background:var(--bg-tertiary);border-color:var(--card-border);color:var(--text-muted);cursor:not-allowed;opacity:.8}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1100px;margin:2rem auto;width:100%}.pricing-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;gap:1.25rem;position:relative;transition:all .2s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.featured{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-border)}.pricing-header{display:flex;flex-direction:column;gap:.35rem}.pricing-title{font-size:1.3rem;font-weight:700}.pricing-price{font-size:2rem;font-weight:800;color:var(--text-primary)}.pricing-price span{font-size:.9rem;font-weight:400;color:var(--text-muted)}.feature-list{display:flex;flex-direction:column;gap:.65rem;list-style:none;flex:1}.feature-item{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--text-secondary)}.delete-conv-icon-btn{padding:.3rem;border-radius:var(--radius-sm);color:var(--text-muted);background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.delete-conv-icon-btn:hover{color:#ef4444!important;background:#ef444415!important}.feature-item.disabled{color:var(--text-muted);text-decoration:line-through}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm)}.mobile-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-backdrop{display:none}.scroll-fab{position:absolute;bottom:120px;right:2.5rem;width:40px;height:40px;border-radius:50%;background:var(--bg-primary);border:1px solid var(--card-border);box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);z-index:100;transition:all .2s ease}.scroll-fab:hover{color:var(--text-primary)}@media (max-width: 768px){.header-nav{padding:0 1rem}.brand-logo{font-size:1.15rem}.hero-title{font-size:2.7rem!important}.hero-subtitle{font-size:1.15rem!important}.header-right{gap:.5rem}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.sidebar-backdrop{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#0009;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-backdrop.mobile-open{display:block}.sidebar{position:fixed;top:var(--header-height);left:-100%;height:calc(100vh - var(--header-height));width:85%;max-width:320px;z-index:50;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #00000026}.sidebar.mobile-open{left:0}.dashboard-main{width:100%}.dashboard-topbar{padding:.75rem 1rem;gap:.5rem}.create-conv-text{display:none}.create-conv-btn{padding:0;width:40px}.scroll-fab{right:.75rem}.tier-text,.nav-user-name{display:none}}