@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600&display=swap";@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#c9a96e4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c9a96e}::selection{background:#c9a96e4d}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;transition:background-color .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease}body{background-color:#0a0a0f;color:#f0ede8;overflow:hidden;height:100dvh}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background:radial-gradient(circle at top,#0f0f18,#0a0a0f 70%)}.auth-box{background:#0f0f18;padding:48px;border-radius:16px;border:1px solid rgba(201,169,110,.2);text-align:center;width:100%;max-width:400px;box-shadow:0 20px 50px #0009}.auth-box h1{font-family:"DM Serif Display",serif;font-size:2rem;color:#c9a96e;margin-bottom:6px}.auth-box p{color:#f0ede880;margin-bottom:30px;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-form input{padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#1a1a2e;color:#f0ede8;outline:none}.auth-form input:focus{border-color:#c9a96e80}.btn-primary{background:#c9a96e;color:#0a0a0f;padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:.95rem;letter-spacing:.3px}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-text{background:none;border:none;color:#f0ede866;margin-top:15px;cursor:pointer;font-size:.85rem}.btn-text:hover{color:#c9a96e}.layout{display:flex;height:100dvh;width:100vw}.sidebar{width:220px;background:#0f0f18;border-right:1px solid rgba(201,169,110,.15);display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease}.sidebar-top{padding:24px 20px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(201,169,110,.08)}.logo{font-family:"DM Serif Display",serif;font-size:1.4rem;color:#c9a96e;display:block;overflow:visible}.mobile-toggle{display:none;background:none;border:none;color:#f0ede8;cursor:pointer}.nav-menu{flex:1;display:flex;flex-direction:column;padding:12px 10px;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;background:transparent;border:none;border-left:2px solid transparent;color:#f0ede873;border-radius:0 8px 8px 0;cursor:pointer;text-align:left;font-size:.9rem;font-family:Inter,sans-serif}.nav-item:hover{background:#c9a96e14;border-left-color:#c9a96e;color:#f0ede8}.nav-item.active{background:#c9a96e1f;border-left-color:#c9a96e;color:#c9a96e;font-weight:500}.count-badge{background:#c9a96e;color:#0a0a0f;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:700;margin-left:auto}.sidebar-footer{padding:16px 10px;border-top:1px solid rgba(201,169,110,.08)}.main-content{flex:1;display:flex;flex-direction:column;background:#0a0a0f;overflow:hidden;position:relative}.top-bar{padding:16px 24px;background:#0f0f18;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:15px;flex-shrink:0;position:relative}.menu-btn{display:none;background:none;border:none;color:#f0ede8;cursor:pointer}.top-bar h2{font-family:"DM Serif Display",serif;font-size:1.15rem;font-weight:400;color:#f0ede8}.view-chat,.view-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.view-content.no-center{padding:24px;overflow-y:auto}.messages-area{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.chat-empty-state{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;opacity:.35;-webkit-user-select:none;user-select:none;pointer-events:none}.chat-empty-state p{font-family:"DM Serif Display",serif;font-size:1.4rem;color:#f0ede8}.message-row{display:flex;width:100%}.message-row.user{justify-content:flex-end}.message-row.ai{justify-content:flex-start}.message-bubble{max-width:80%;padding:14px 20px;font-size:.95rem;line-height:1.6}.message-row.user .message-bubble{background:#1a1a2e;border:1px solid rgba(201,169,110,.2);border-radius:16px 16px 4px;color:#f0ede8}.message-row.ai .message-bubble{background:transparent;border-left:2px solid #C9A96E;padding-left:20px;border-radius:0;color:#f0ede8;max-width:90%}.loading-indicator{display:flex;flex-direction:column;gap:10px;padding:14px 20px;border-left:2px solid rgba(201,169,110,.3)}.loading-dots{display:flex;gap:6px;align-items:center}.loading-dots span{width:8px;height:8px;border-radius:50%;background:#c9a96e;animation:dot-pulse 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-family:"DM Serif Display",serif;font-size:.95rem;color:#f0ede880;font-style:italic}.typing-indicator{display:flex;align-items:center;gap:10px;padding:14px 20px;color:#f0ede866;font-style:italic;font-size:.9rem;border-left:2px solid rgba(201,169,110,.2);margin-top:20px}.typing-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background:#c9a96e;animation:dot-pulse 1.2s ease-in-out infinite}.menu-search-bar{display:flex;align-items:center;gap:10px;background:#1a1a2e;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;margin-bottom:18px}.menu-search-bar:focus-within{border-color:#c9a96e59}.menu-search-bar input{flex:1;background:transparent;border:none;outline:none;color:#f0ede8;font-size:.9rem}.menu-search-bar input::placeholder{color:#f0ede84d}.input-error{color:#e74c3c;font-size:.78rem;margin-top:-10px}.input-area{padding:16px 20px;background:#0f0f18;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.input-wrapper{display:flex;gap:10px;background:#1a1a2e;border:1px solid rgba(255,255,255,.08);padding:10px 14px;border-radius:14px;align-items:flex-end}.input-wrapper:focus-within{border-color:#c9a96e59}.input-wrapper textarea{flex:1;background:transparent;border:none;color:#f0ede8;resize:none;outline:none;padding:4px 0;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.5}.input-wrapper textarea::placeholder{color:#f0ede84d}.input-wrapper button{background:#c9a96e;color:#0a0a0f;border:none;padding:10px 14px;border-radius:12px;cursor:pointer;flex-shrink:0;display:flex;align-items:center}.input-wrapper button:hover{filter:brightness(1.1)}.input-wrapper button:disabled{background:#ffffff14;color:#f0ede84d;cursor:not-allowed}.recipe-card-mini{background:#0f0f18;border:1px solid rgba(201,169,110,.25);padding:24px;border-radius:16px}.recipe-card-mini h3{font-family:"DM Serif Display",serif;font-size:1.35rem;font-weight:400;color:#c9a96e;margin-bottom:8px}.recipe-card-mini .desc{display:inline-block;background:#c9a96e1a;color:#c9a96e;border-radius:20px;padding:4px 12px;font-size:.78rem;font-style:normal;margin-bottom:18px;letter-spacing:.2px}.flavor-box{background:#2dd4bf0f;border:1px solid rgba(45,212,191,.15);border-radius:10px;padding:14px 18px;margin-bottom:16px}.flavor-box h4{color:#2dd4bf;font-size:.78rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.flavor-box p{font-size:.88rem;color:#f0ede8b3;line-height:1.6}.mini-details ul{list-style:none;padding:12px 16px;background:#ffffff08;border-radius:8px;margin-bottom:16px;border:1px solid rgba(255,255,255,.05)}.mini-details li{font-size:.88rem;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#f0ede8;display:flex;align-items:baseline;gap:6px}.mini-details li:before{content:"•";color:#c9a96e;font-size:.7rem;flex-shrink:0}.mini-details li:last-child{border-bottom:none}.prep{font-size:.88rem;color:#f0ede8b3;margin-bottom:18px;line-height:1.6}.rag-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#f0ede866;font-style:italic;margin-bottom:10px}.btn-save-mini{background:transparent;color:#c9a96e;border:1px solid #C9A96E;padding:9px 18px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;margin-top:4px}.btn-save-mini:hover{background:#c9a96e;color:#0a0a0f}.btn-save-mini:disabled{opacity:.4;cursor:not-allowed}.shelf-container{max-width:1000px;margin:0 auto;width:100%}.shelf-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:20px}.shelf-header h3{font-family:"DM Serif Display",serif;font-size:1.5rem;font-weight:400;color:#f0ede8;margin-bottom:6px}.shelf-header p{color:#f0ede873;font-size:.88rem}.search-box{display:flex;align-items:center;gap:10px;background:#0f0f18;border:1px solid rgba(255,255,255,.08);padding:10px 16px;border-radius:10px;flex:1;max-width:300px}.search-box:focus-within{border-color:#c9a96e66;box-shadow:0 0 0 3px #c9a96e0f}.search-box input{background:transparent;border:none;outline:none;color:#f0ede8;width:100%;font-size:.88rem}.search-box input::placeholder{color:#f0ede84d}.categories-wrapper{display:flex;flex-direction:column;gap:28px}.ingredient-category h4{color:#c9a96e80;text-transform:uppercase;font-size:.68rem;letter-spacing:2px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.chips-grid{display:flex;flex-wrap:wrap;gap:8px}.chip-btn{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);color:#f0ede899;padding:7px 13px;border-radius:8px;cursor:pointer;font-size:.82rem;font-family:Inter,sans-serif;display:flex;align-items:center;gap:6px}.chip-btn:hover{border-color:#c9a96e66;color:#f0ede8}.chip-btn.selected{background:#c9a96e26;border-color:#c9a96e;color:#c9a96e}.chip-btn.selected.custom{border-color:#c9a96e}.custom-ingredient-section{margin-top:32px}.custom-ingredient-section h4{font-size:.78rem;color:#f0ede859;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.menu-container{width:100%;max-width:1000px;margin:0 auto}.menu-header{margin-bottom:24px}.menu-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.btn-export-pdf{background:transparent;color:#c9a96e;border:1px solid rgba(201,169,110,.5);border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:600;letter-spacing:.4px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}.btn-export-pdf:hover{background:#c9a96e1a;border-color:#c9a96e;transform:translateY(-1px)}.menu-header h3{font-family:"DM Serif Display",serif;font-size:1.5rem;font-weight:400;color:#f0ede8;margin-bottom:4px;display:flex;align-items:center;gap:10px}.menu-header p{color:#f0ede866;font-size:.88rem}.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.saved-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.btn-delete{background:none;border:none;color:#f0ede840;cursor:pointer;padding:4px}.btn-delete:hover{color:#e74c3c}.card-panel{background:#0f0f18;padding:32px;border-radius:14px;border:1px solid rgba(255,255,255,.07)}.card-panel h3{font-family:"DM Serif Display",serif;font-size:1.3rem;font-weight:400;color:#f0ede8;margin-bottom:8px;display:flex;align-items:center;gap:10px}.context-textarea{width:100%;min-height:120px;background:#0f0f18;border:1px solid rgba(201,169,110,.2);border-radius:10px;padding:14px 16px;color:#f0ede8;resize:vertical;margin-top:16px;font-family:Inter,sans-serif;font-size:.9rem;line-height:1.6;outline:none}.context-textarea:focus{border-color:#c9a96e80}.context-textarea::placeholder{color:#f0ede840}.vibe-selector .chip-btn{background:#0f0f18;border:1px solid rgba(255,255,255,.08);border-radius:12px}.vibe-selector .chip-btn:hover{border-color:#c9a96e66;background:#c9a96e0d}.vibe-selector .chip-btn.selected.custom{background:#c9a96e14;border-color:#c9a96e}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-content{background:#0f0f18;border:1px solid rgba(201,169,110,.2);padding:32px;border-radius:16px;width:90%;max-width:420px;box-shadow:0 20px 50px #0009}.modal-content h3{font-family:"DM Serif Display",serif;color:#c9a96e;margin-bottom:8px;font-size:1.3rem;font-weight:400}.modal-content>p{color:#f0ede880;font-size:.88rem;margin-bottom:24px}.modal-form{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:6px;text-align:left}.input-group label{color:#f0ede899;font-size:.82rem;font-weight:500;letter-spacing:.3px}.input-group input{padding:11px 14px;background:#1a1a2e;border:1px solid rgba(255,255,255,.08);color:#f0ede8;border-radius:8px;outline:none;font-family:Inter,sans-serif}.input-group input:focus{border-color:#c9a96e80}.modal-actions{display:flex;gap:10px;margin-top:8px;justify-content:flex-end}.btn-cancel{background:transparent;color:#f0ede866;border:none;cursor:pointer;padding:10px 14px;font-size:.88rem}.btn-cancel:hover{color:#f0ede8}.btn-save{background:#c9a96e;color:#0a0a0f;border:none;padding:10px 22px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem}.btn-save:hover{filter:brightness(1.08)}.toast{position:fixed;bottom:30px;right:30px;background:#0f0f18;color:#f0ede8;padding:14px 22px;border-radius:10px;border-left:3px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;font-size:.9rem;font-weight:500;z-index:10000;display:flex;align-items:center;gap:10px;transform:translateY(100px);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.toast.success{border-left-color:#c9a96e}.toast.error{border-left-color:#e74c3c}.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}@media(max-width:420px){.plan-grid{grid-template-columns:1fr}}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0009;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-bottom-nav{display:none}.mobile-logout-btn{display:none;background:none;border:none;cursor:pointer;margin-left:auto}.top-bar-logo{display:none}@media(max-width:768px){.sidebar,.sidebar-backdrop,.menu-btn{display:none!important}.mobile-logout-btn{display:flex;align-items:center}.top-bar-logo{display:block;height:36px;position:absolute;left:50%;transform:translate(-50%)}.top-bar h2{display:none}.mobile-bottom-nav{display:flex;justify-content:space-around;background:#0f0f18;border-top:1px solid rgba(201,169,110,.12);padding:10px 0 14px;width:100%;flex-shrink:0}.mobile-bottom-nav .nav-item{flex-direction:column;gap:5px;padding:5px;background:transparent;border-left:none;justify-content:center;align-items:center;flex:1;min-width:0;border-radius:8px}.mobile-bottom-nav .nav-item span{font-size:.62rem;text-align:center}.mobile-bottom-nav .nav-item.active{color:#c9a96e;background:transparent}.message-bubble{max-width:95%;padding:12px 15px}.shelf-header form,.shelf-header .search-box{flex:1 1 100%!important;min-width:100%!important}.toast{bottom:80px;left:20px;right:20px;width:auto;justify-content:center;text-align:center}.modal-content{width:95%;padding:22px}.auth-container{align-items:flex-start;overflow-y:auto;padding:16px;height:100dvh}.auth-box{padding:28px 20px;border-radius:12px;margin:auto}.recipe-card{width:100%!important}.saved-grid{grid-template-columns:1fr}.shelf-header{flex-direction:column;align-items:stretch;gap:12px}.shelf-header .search-box{max-width:100%}.menu-search-bar{flex-wrap:wrap;gap:8px}.menu-search-bar input,.menu-search-bar select{width:100%;min-width:unset}.settings-panel input,.settings-panel select{width:100%}.view-content.no-center{padding:16px}.input-area{padding:10px 12px}.input-wrapper textarea{font-size:16px}.recipe-card-mini{padding:18px 16px}.top-bar{padding:12px 16px}}