:root{--bg: #f0f0f0;--surface: #ffffff;--surface2: #f5f5f5;--border: #e0e0e0;--text: #1a1a1a;--meta-text: #666666;--muted: #888888;--accent: #c48417;--accent-dim: rgba(196,154,48, .12);--danger: #c0392b;--success: #27ae60;--sidebar-w: 260px;--transition: .25s cubic-bezier(.4,0,.2,1);--highlight: #e0b45a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-weight:300;min-height:100vh;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--highlight)!important;text-decoration:underline}a:visited{color:var(--accent)}#auth-view{display:flex;min-height:100vh;align-items:stretch}.auth-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;position:relative}.auth-deco{flex:1;background:#e8e4dc;display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.auth-deco:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(196,154,48,.18) 0%,transparent 70%);top:-100px;left:-100px;animation:pulse 6s ease-in-out infinite}.auth-deco:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(196,154,48,.1) 0%,transparent 70%);bottom:-80px;right:-80px;animation:pulse 8s ease-in-out infinite reverse}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}.deco-content{position:relative;z-index:1;text-align:center}.deco-logo{font-family:Playfair Display,serif;font-size:64px;font-weight:700;color:var(--accent);line-height:1;letter-spacing:-2px}.deco-tagline{font-size:15px;color:var(--muted);margin-top:16px;letter-spacing:3px;text-transform:uppercase}.deco-lines{margin-top:48px;display:flex;flex-direction:column;gap:12px;align-items:center}.deco-line{height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:lineGrow 2s ease-out forwards;opacity:0}.deco-line:nth-child(1){width:200px;animation-delay:.3s}.deco-line:nth-child(2){width:140px;animation-delay:.6s}.deco-line:nth-child(3){width:80px;animation-delay:.9s}@keyframes lineGrow{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.auth-box{width:100%;max-width:400px;animation:fadeUp .5s ease-out forwards;opacity:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-box h2{font-family:Playfair Display,serif;font-size:32px;font-weight:700;margin-bottom:8px}.auth-box p.sub{color:var(--meta-text);font-size:14px;margin-bottom:36px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--meta-text);margin-bottom:8px}.form-group input{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:14px 16px;font-size:14px;font-family:DM Sans,sans-serif;border-radius:4px;transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-group input::placeholder{color:var(--muted)}.btn-primary{width:100%;background:var(--accent);color:#fff;border:none;padding:15px;font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;letter-spacing:1.5px;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition);margin-top:8px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #c49a3040}.btn-primary:active{transform:translateY(0)}.auth-switch{text-align:center;margin-top:24px;font-size:13px;color:var(--muted)}.auth-switch a{color:var(--accent);text-decoration:none;font-weight:500;cursor:pointer}.alert{padding:12px 16px;border-radius:4px;font-size:13px;margin-bottom:20px;animation:fadeUp .3s ease-out}.alert.error{background:#c0392b26;border:1px solid rgba(192,57,43,.4);color:#e74c3c}.alert.warning{background:#cfae4b26;border:1px solid rgba(168,134,11,.4);color:#d5a108}.alert.success{background:#27ae6026;border:1px solid rgba(39,174,96,.4);color:#2ecc71}#app-view{display:none;min-height:100vh}.app-wrapper{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto;transform:translate(0);transition:transform var(--transition)}.sidebar-logo{padding:28px 24px 24px;border-bottom:1px solid var(--border)}.sidebar-logo .logo-text{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:var(--accent);letter-spacing:-.5px}.user-card{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-dim);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:16px;color:var(--accent);font-weight:700;flex-shrink:0}.user-info .name{font-size:14px;font-weight:500}.user-info .role{font-size:11px;color:var(--muted);letter-spacing:1px}.nav-section{padding:20px 0;flex:1}.nav-label{padding:4px 24px 10px;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted)}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 24px;cursor:pointer;font-size:14px;color:var(--meta-text);transition:color var(--transition),background var(--transition);position:relative;border:none;background:none;width:100%;text-align:left;font-family:DM Sans,sans-serif;font-weight:300}.nav-item:hover{color:var(--text);background:var(--surface2)}.nav-item.active{color:var(--accent);background:var(--accent-dim)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);border-radius:0 2px 2px 0}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-footer{padding:20px 24px;border-top:1px solid var(--border)}.btn-logout{width:100%;background:transparent;border:1px solid var(--border);color:var(--meta-text);padding:10px;font-size:12px;letter-spacing:1px;text-transform:uppercase;font-family:DM Sans,sans-serif;border-radius:4px;cursor:pointer;transition:all var(--transition)}.btn-logout:hover{border-color:var(--danger);color:var(--danger)}.main-content{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 36px;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.topbar-title{font-family:Playfair Display,serif;font-size:20px}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-badge{background:var(--accent);color:#0f0f0f;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:500;letter-spacing:.5px}.page-content{padding:10px 20px;flex:1;animation:fadeUp .4s ease-out}.panel{display:none}.panel.active{display:block}.welcome-banner{background:linear-gradient(135deg,var(--surface) 0%,var(--surface2) 100%);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;padding:32px 36px;margin-bottom:36px;position:relative;overflow:hidden}.welcome-banner:before{content:"";position:absolute;right:-30px;top:-30px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--accent-dim),transparent 70%)}.welcome-banner h1{font-family:Playfair Display,serif;font-size:20px;margin-bottom:8px}.welcome-banner p{color:var(--muted);font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:24px;transition:border-color var(--transition),transform var(--transition)}.stat-card:hover{border-color:var(--accent);transform:translateY(-2px);cursor:pointer}.stat-card.no-hover:hover{pointer-events:none}.stat-label{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--meta-text);margin-bottom:12px}.stat-value{font-family:Playfair Display,serif;font-size:36px;color:var(--accent)}.stat-sub{font-size:12px;color:var(--muted);margin-top:6px}.activity-section h3{font-family:Playfair Display,serif;font-size:18px;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:16px 20px;display:flex;align-items:center;gap:16px;font-size:14px;transition:border-color var(--transition)}.activity-item:hover{border-color:var(--border)}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.activity-text{flex:1}.activity-time{font-size:12px;color:var(--muted)}.profile-header{display:flex;align-items:center;gap:28px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:32px 36px;margin-bottom:32px}.profile-avatar-lg{width:80px;height:80px;border-radius:50%;background:var(--accent-dim);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:32px;color:var(--accent);font-weight:700;flex-shrink:0}.profile-form{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:32px 36px}.profile-form h3{font-family:Playfair Display,serif;font-size:18px;margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-form .form-group input{background:var(--surface2)}.btn-save{background:var(--accent);color:#fff;border:none;padding:12px 32px;font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;font-family:DM Sans,sans-serif;border-radius:4px;cursor:pointer;margin-top:8px;transition:all var(--transition)}.btn-save:hover{box-shadow:0 4px 16px #c49a304d;transform:translateY(-1px)}.posts-toolbar{display:flex;gap:12px}.posts-toolbar h3{font-family:Playfair Display,serif;font-size:22px}.btn-new-post{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:10px 20px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-family:DM Sans,sans-serif;border-radius:4px;cursor:pointer;transition:all var(--transition)}.btn-new-post:hover{background:var(--accent-dim)}.recipe-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px}.recipe-filters .filter-input{flex:1;min-width:140px;padding:10px 14px;font-size:14px;font-family:DM Sans,sans-serif;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text)}.recipe-filters .filter-input-wrap{position:relative;flex:1;min-width:140px}.recipe-filters .filter-input-wrap .filter-search-icon{font-size:18px;color:var(--muted)}.recipe-filters .filter-input-wrap .filter-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:4px;color:inherit}.recipe-filters .filter-input-wrap .filter-clear-btn{position:absolute;right:36px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;color:var(--muted);line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center}.recipe-filters .filter-input-wrap .filter-clear-icon{font-size:20px}.recipe-filters .filter-input-wrap .filter-input{width:100%;padding-right:60px}.recipe-filters .filter-input-wrap.tag{max-width:300px}.recipe-filters .filter-input-wrap.user{max-width:200px}.recipe-filters .filter-input-wrap.name{max-width:500px}.recipe-filters .filter-input::placeholder{color:var(--muted)}.recipe-filters .filter-input:focus{outline:none;border-color:var(--accent)}.recipe-filters .filter-select{padding:10px 14px;font-size:14px;font-family:DM Sans,sans-serif;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text);cursor:pointer;min-width:180px}.recipe-filters .filter-select:focus{outline:none;border-color:var(--accent)}.filter-empty-msg{text-align:center;padding:40px 20px;color:var(--muted);font-size:15px}.pagination-bar{margin-top:18px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.btn-page{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:4px;min-width:38px;padding:6px 10px;cursor:pointer}.btn-page-nav{display:inline-flex;align-items:center;gap:4px;min-width:auto}.btn-page-icon{font-size:24px;line-height:1}.btn-page:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-page.active{border-color:var(--accent);background:var(--accent);color:#fff}.btn-page:disabled{opacity:.5;cursor:not-allowed}.posts-grid{display:flex;flex-direction:column;gap:16px}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:24px 28px 10px;transition:border-color var(--transition),transform var(--transition)}.post-card:hover{border-color:var(--accent);transform:translate(4px)}.post-card.no-hover:hover{border-color:var(--border);transform:none}.post-card-inner{display:flex;align-items:flex-start;gap:20px}.clickable{cursor:pointer}.post-num{font-family:Playfair Display,serif;font-size:24px;color:var(--border);font-weight:700;flex-shrink:0;line-height:1;margin-top:2px;min-width:36px}.post-body{flex:1}.post-title{font-size:16px;font-weight:500;margin-bottom:6px}.post-excerpt{font-size:13px;color:var(--muted);line-height:1.6}.post-status{color:var(--accent)}.post-sub-title{font-size:16px;font-weight:500;padding-top:10px;padding-bottom:5px}.post-meta{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--muted);letter-spacing:.5px}.post-tag{background:var(--accent-dim);color:var(--accent);border-radius:3px;padding:2px 8px;font-size:11px}.post-detail{margin-left:36px}.hide-detail{display:none;align-items:center;justify-content:center}.hide-detail.show{display:flex}.post-detail-action{display:flex;align-items:flex-end;justify-content:flex-end;gap:5px}.material-icons{font-size:14px}.btn-action{background:transparent;border:1px solid var(--border);color:var(--meta-text);padding:5px;font-size:12px;letter-spacing:1px;text-transform:uppercase;font-family:DM Sans,sans-serif;border-radius:4px;cursor:pointer;transition:all var(--transition)}.btn-action:hover{border-color:var(--accent);color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:none;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:8px;width:100%;max-width:560px;padding:36px;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.modal h3{font-family:Playfair Display,serif;font-size:22px;margin-bottom:24px}input[type=file]{color:var(--muted)}input[type=file]::file-selector-button{color:var(--muted)}.modal textarea{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:14px 16px;font-size:14px;font-family:DM Sans,sans-serif;border-radius:4px;resize:vertical;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.modal textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-cancel{background:transparent;border:1px solid var(--border);color:var(--meta-text);padding:10px 20px;font-size:12px;letter-spacing:1px;text-transform:uppercase;font-family:DM Sans,sans-serif;border-radius:4px;cursor:pointer;margin-top:8px;transition:all var(--transition)}.btn-cancel:hover{border-color:var(--text);color:var(--text)}.btn-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--muted);font-size:16px;line-height:1}.btn-close:hover{color:var(--text)}.tooltip-content{font-size:14px;color:var(--muted);margin-bottom:10px}.recipes-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:20px}.recipe-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:10px;transition:border-color var(--transition),transform var(--transition)}.recipe-card .summary{padding:10px}.recipe-card:hover{border-color:var(--accent);transform:translateY(-2px);cursor:pointer}.recipe-label{color:var(--meta-text);font-size:16px;padding-bottom:10px}.post-image{overflow:hidden;display:flex;align-items:center;justify-content:center}.post-image.avatar{width:80px;height:80px;border-radius:50%;border:2px solid var(--accent);cursor:pointer}.post-image.avatar-small{width:40px;height:40px;border-radius:50%;border:2px solid var(--accent)}.post-image.small{width:60px;height:60px}.post-image.medium{width:100px;height:80px;margin-top:5px;margin-right:20px;position:relative}.post-image.large{max-height:200px;max-width:200px}.post-image.detail{max-height:250px;max-width:250px}.post-image img{max-width:100%;object-fit:cover}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:28px 32px;margin-bottom:20px}.settings-section h3{font-family:Playfair Display,serif;font-size:17px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.settings-section h4{font-family:Playfair Display,serif;font-size:15px;padding-bottom:5px;padding-top:16px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none}.setting-label{font-size:14px}.setting-desc{font-size:12px;color:var(--muted);margin-top:3px}.toggle{position:relative;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:12px;cursor:pointer;transition:background var(--transition)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform var(--transition)}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}@media (max-width: 768px){.auth-deco{display:none}.auth-panel{padding:32px 24px}.stats-grid,.recipes-grid,.form-row{grid-template-columns:1fr}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}.image-container{position:relative;display:inline-block}.delete-img-btn{position:absolute;bottom:1px;right:1px;background:var(--danger);color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:transform .2s}.slider-container{position:relative}.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth}.slides::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;scroll-snap-align:start}.slide-dots{text-align:center;margin-top:10px}.slide-dot{height:12px;width:12px;background-color:#bbb;border-radius:50%;display:inline-block;cursor:pointer;margin:0 5px}.slide-dot.active{background-color:var(--accent)}.slide-dot:hover{background-color:#e0b45a}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid transparent;border-top-color:var(--accent);border-bottom-color:var(--accent);animation:spin 1s linear infinite}.spinner.big{width:50px;height:50px}.spinner.small{width:25px;height:25px;border-top-color:var(--surface);border-bottom-color:var(--surface)}.spinner.pdf{width:18px;height:18px;border-top-color:var(--accent);border-bottom-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.info-tooltip{position:absolute;top:-50px;left:calc(100% + 8px);min-width:250px;max-width:350px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:10px 12px;z-index:50;box-shadow:0 8px 20px #0000002e}.delete-account-btn{background:transparent;border:1px solid #c0392b;color:#e74c3c;padding:8px 16px;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-family:DM Sans,sans-serif;border-radius:4px;cursor:pointer}.chat-fab{position:fixed;bottom:32px;right:32px;width:56px;height:56px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #c49a304d,0 2px 8px #0000001f;z-index:500;transition:transform var(--transition),box-shadow var(--transition)}.chat-fab:hover{transform:scale(1.1);box-shadow:0 8px 32px #c49a3066,0 4px 12px #0000001f}.chat-fab:active{transform:scale(.97)}.chat-fab svg{width:24px;height:24px;fill:#fff;transition:opacity .2s}.chat-fab .icon-chat{opacity:1;position:absolute}.chat-fab .icon-arrow-down{opacity:0;position:absolute}.chat-fab.open .icon-chat{opacity:0}.chat-fab.open .icon-arrow-down{opacity:1}.chat-fab .fab-ping{position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:50%;background:#2ecc71;border:2px solid var(--bg);animation:pingPulse 2s ease-in-out infinite}@keyframes pingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.chat-window{position:fixed;bottom:104px;right:32px;width:450px;height:620px;background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:12px;display:none;flex-direction:column;z-index:499;box-shadow:0 24px 64px #00000026;transform-origin:bottom right;resize:both;overflow:auto}.chat-window.open{display:flex;animation:chatOpen .3s cubic-bezier(.4,0,.2,1)}@keyframes chatOpen{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0}.chat-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-dim);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.chat-header-info{flex:1}.chat-header-name{font-size:14px;font-weight:500}.chat-header-status{font-size:11px;color:#2ecc71;display:flex;align-items:center;gap:5px;margin-top:1px}.chat-header-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#2ecc71}.chat-clear{background:none;border:none;color:var(--meta-text);font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:DM Sans,sans-serif;padding:4px 8px;border-radius:3px;transition:color var(--transition),background var(--transition)}.chat-clear:hover{color:var(--text);background:var(--surface2)}.chat-messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.msg{display:flex;gap:8px;align-items:flex-start;animation:msgIn .25s ease-out}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg.user{flex-direction:row-reverse}.msg-avatar{width:28px;height:28px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;margin-top:2px}.msg.assistant .msg-avatar{background:var(--accent-dim);border-color:var(--accent)}.msg-bubble{max-width:78%;padding:10px 14px;border-radius:12px;font-size:13.5px;line-height:1.6}.msg.assistant .msg-bubble{background:var(--surface2);border:1px solid var(--border);border-bottom-left-radius:3px;color:var(--text)}.msg.user .msg-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:3px;font-weight:400}.typing-indicator{display:flex;gap:4px;align-items:center;padding:12px 14px}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:typingBounce 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}.chat-input-area{width:100%;padding:12px 16px;border-top:1px solid var(--border)}.input-wrapper{position:relative;display:flex;align-items:flex-end;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:5px;transition:border-color .2s}.input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.chat-input{flex:1;border:none;resize:none;outline:none;color:var(--text);background:var(--surface2);font-size:1rem;font-family:DM Sans,sans-serif;min-height:40px;max-height:100px;transition:border-color var(--transition),box-shadow var(--transition);line-height:1.5}.chat-input::placeholder{color:var(--muted)}.chat-send{width:38px;height:38px;border-radius:8px;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition)}.chat-send:hover{background:#e0b45a;transform:scale(1.05)}.chat-send:disabled{opacity:.4;cursor:not-allowed;transform:none}.chat-send svg{width:16px;height:16px;fill:#fff}.chat-intro{text-align:center;padding:20px 16px;color:var(--meta-text);font-size:14px;line-height:1.6}.chat-intro .intro-icon{font-size:28px;margin-bottom:10px}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px;flex-shrink:0}.suggestion-chip{background:var(--surface2);border:1px solid var(--border);color:var(--meta-text);padding:6px 12px;border-radius:20px;font-size:14px;cursor:pointer;font-family:DM Sans,sans-serif;transition:all var(--transition)}.suggestion-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.chat-interface{flex-direction:column;flex:1;overflow:hidden;overflow-y:auto}.record-button{background:var(--surface2);border:none;border-radius:50%;width:35px;height:35px;font-size:20px;cursor:pointer;margin:0 0 0 20 auto;display:flex;align-items:center;justify-content:center;transition:all .3s}.record-button:hover{background:var(--highlight);transform:scale(1.1)}.record-button.recording{background:var(--accent);animation:pulse 1.5s infinite}