@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#213547;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{overscroll-behavior-y:none;overscroll-behavior:none;width:100%;min-width:320px;height:100%;margin:0;position:fixed;top:0;left:0;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,select,textarea{color:#333;background-color:#fff;border:1px solid #e0e0e0;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:#f87b2d;outline:none}.bottom-nav-btn:active,button:active,.info-btn:active{border:none!important;outline:none!important}.bottom-nav-btn:focus,.bottom-nav-btn:active,button:focus,button:active,.info-btn:focus,.info-btn:active{box-shadow:none!important;border:none!important;outline:none!important}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}html{scroll-behavior:smooth;overscroll-behavior-y:none;overscroll-behavior:none;height:100%}html,body{overscroll-behavior-y:contain;overscroll-behavior:contain}#root{-webkit-overflow-scrolling:touch;position:fixed;inset:0;overflow:hidden auto}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#f5f5f5}a:hover{color:#747bff}button{background-color:#f9f9f9}}.info-btn{cursor:pointer;z-index:3;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 1px 4px #00000012}.info-btn:hover{background:#ffe5d0}.info-btn svg{color:#ff7f32;font-size:1.1em;display:block}.moreinfo-backdrop{background:#0000002e;padding:20px;overflow-y:auto;z-index:99999!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;inset:0!important}.moreinfo-modal{background:#fff;border-radius:20px;width:340px;max-width:95vw;max-height:90vh;margin:auto;padding:24px 18px;position:relative;overflow-y:auto;box-shadow:0 2px 24px #0000001f}.moreinfo-topbar{justify-content:flex-end;align-items:center;height:40px;margin-bottom:16px;display:flex;position:relative}.moreinfo-close{color:#888;cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:16px;display:flex;position:absolute;top:10px;left:10px;transform:none;box-shadow:0 1px 4px #0000000f}.moreinfo-handle{background:#e0e0e0;border-radius:3px;width:60px;height:6px;margin:0 auto}.moreinfo-difficulty{color:#fff;background:#3ee14b;border-radius:6px;padding:4px 16px;font-size:16px;font-weight:600;position:absolute;top:0;right:0}.moreinfo-nutrition-row{border:2px solid #d9d9d9;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:10px 0;display:flex}.moreinfo-nutrition-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.moreinfo-nutrition-icon{justify-content:center;align-items:center;height:28px;font-size:28px;display:flex}.moreinfo-nutrition-number{color:#222;font-size:16px;font-weight:600}.moreinfo-nutrition-macro{color:#888;font-size:12px;font-weight:400}.moreinfo-dietary-grid{grid-template-columns:repeat(3,1fr);gap:18px 0;margin-top:8px;display:grid}.moreinfo-dietary-item{color:#444;flex-direction:column;align-items:center;font-size:15px;display:flex}.moreinfo-dietary-item span{margin-bottom:2px;font-size:32px}.moreinfo-dietary-item div{margin-top:2px;font-size:15px}@media (width<=768px){.moreinfo-backdrop{padding:10px}.moreinfo-modal{width:320px;max-height:85vh}}.difficulty-badge{text-transform:capitalize;letter-spacing:.3px;border-radius:8px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-block}.difficulty-badge[data-difficulty=beginner]{color:#2e7d32;background:#e8f5e9}.difficulty-badge[data-difficulty=intermediate]{color:#f57c00;background:#fff9c4}.difficulty-badge[data-difficulty=advanced]{color:#c62828;background:#ffebee}.toast{color:#fff;z-index:1000;text-align:center;white-space:nowrap;text-overflow:ellipsis;background-color:#333;border-radius:8px;max-width:90%;padding:12px 20px;font-size:14px;font-weight:500;transition:bottom .3s ease-in-out;position:fixed;bottom:-60px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.toast-visible{bottom:80px}@media (width>=600px){.toast{max-width:400px}}.favorites-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.favorites-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 8px 32px #00000026}.favorites-header{border-bottom:1px solid #f0f0f0;margin-bottom:1rem;padding:1.2rem 1.2rem 1rem}.favorites-header-content{justify-content:space-between;align-items:center;display:flex}.favorites-header-left{align-items:center;gap:.5rem;display:flex}.favorites-header-icon{color:#e91e63;font-size:1.1rem}.favorites-title{color:#333;margin:0;font-size:1.1rem;font-weight:600}.favorites-close-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1rem;transition:background-color .2s}.favorites-close-btn:hover{background:#f0f0f0}.favorites-recipe-preview{border-bottom:1px solid #f0f0f0;align-items:center;gap:1rem;margin-bottom:1rem;padding:0 1.2rem 1rem;display:flex}.favorites-recipe-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:60px;height:60px}.favorites-recipe-info{flex:1}.favorites-recipe-name{color:#333;margin:0 0 .25rem;font-size:16px;font-weight:600}.favorites-recipe-subtitle{color:#999;margin:0;font-size:.85rem}.collection-search{padding:0 1.2rem 1rem}.collection-search-input{box-sizing:border-box;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;width:100%;padding:.8rem;font-family:Roboto,sans-serif;font-size:.9rem;transition:all .2s}.collection-search-input:focus{background:#fff;border-color:#f87b2d;outline:none}.collection-search-input::placeholder{color:#999}.create-new-collection{border-bottom:1px solid #f0f0f0;margin-bottom:1rem;padding:0 1.2rem 1rem}.create-new-btn{color:#666;cursor:pointer;background:0 0;border:2px dashed #ddd;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.9rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.create-new-btn:hover{color:#f87b2d;background:#f87b2d0d;border-color:#f87b2d}.create-collection-form{border-bottom:1px solid #f0f0f0;margin-bottom:1rem;padding:0 1.2rem 1rem}.create-collection-input,.create-collection-description{box-sizing:border-box;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:.8rem;padding:.8rem;font-family:Roboto,sans-serif;font-size:.9rem;transition:all .2s}.create-collection-input:focus,.create-collection-description:focus{background:#fff;border-color:#f87b2d;outline:none}.create-collection-description{resize:vertical;min-height:60px}.create-collection-actions{justify-content:flex-end;gap:.8rem;display:flex}.create-collection-cancel,.create-collection-save{cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .2s}.create-collection-cancel{color:#666;background:#f0f0f0}.create-collection-cancel:hover{background:#e0e0e0}.create-collection-save{color:#fff;background:#f87b2d}.create-collection-save:hover:not(:disabled){background:#e66a26}.create-collection-save:disabled{opacity:.5;cursor:not-allowed}.collections-list{flex:1;max-height:300px;padding:0;overflow-y:auto}.collection-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:1rem;margin-bottom:1rem;padding:0 1.2rem 1rem;transition:all .2s;display:flex}.collection-item:first-child{padding-top:0}.collection-item:last-child{border-bottom:none;margin-bottom:0}.collection-item:hover{background:#00000005}.collection-item.selected{background:#f87b2d14}.collection-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:60px;height:60px}.collection-image-placeholder{color:#ccc;background:#f0f0f0;justify-content:center;align-items:center;display:flex}.collection-info .collection-name{color:#333;align-items:center;gap:8px;margin:0 0 .25rem;font-size:16px;font-weight:600;display:flex;text-align:left!important}.auto-category-badge{color:#fff;text-transform:uppercase;background:#f87b2d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.auto-save-notice{color:#666;background:#fff8f3;border:1px solid #f87b2d;border-radius:8px;align-items:center;gap:8px;margin:0 1.5rem 1rem;padding:12px 16px;font-size:14px;display:flex}.auto-save-icon{font-size:16px}.collection-subtitle{color:#999;margin:0;font-size:.85rem;text-align:left!important}.collection-cover{border-radius:8px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.collection-cover-image{object-fit:cover;width:100%;height:100%}.collection-cover-placeholder{color:#999;background:#f0f0f0;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex}.collection-info{flex:1}.collection-header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.default-badge{color:#fff;text-transform:uppercase;background:#f87b2d;border-radius:10px;padding:.2rem .4rem;font-size:.7rem;font-weight:600}.collection-count{color:#999;font-size:.8rem}.favorites-actions{background:#f8f9fa;border-top:1px solid #f0f0f0;border-radius:0 0 12px 12px;padding:1rem 1.2rem}.save-favorites-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;width:100%;padding:.9rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.save-favorites-btn:hover:not(:disabled){background:#e66a26}.save-favorites-btn:disabled{color:#999;cursor:not-allowed;background:#ddd}.collections-list::-webkit-scrollbar{width:4px}.collections-list::-webkit-scrollbar-track{background:0 0}.collections-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.collections-list::-webkit-scrollbar-thumb:hover{background:#bbb}.favorites-modal::-webkit-scrollbar{width:4px}.favorites-modal::-webkit-scrollbar-track{background:0 0}.favorites-modal::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.favorites-modal::-webkit-scrollbar-thumb:hover{background:#bbb}@media (width<=599px){.favorites-modal-overlay{padding:.5rem}.favorites-modal{max-height:95vh}.favorites-header{padding:1rem 1rem 0}.favorites-recipe-preview,.collection-search,.create-new-collection,.create-collection-form,.collections-list{padding-left:1rem;padding-right:1rem}.favorites-actions{padding:1rem}.collection-image{width:50px;height:50px}.collection-item{gap:.8rem;padding:.8rem .5rem}.favorites-recipe-image{width:50px;height:50px}}@media (width<=400px){.create-collection-actions{flex-direction:column}.create-collection-cancel,.create-collection-save{width:100%}}.bookmark-button{cursor:pointer;color:#888;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.bookmark-button.bookmarked{color:#f87b2d}.bookmark-button.small{padding:.3rem;font-size:.9rem}.bookmark-button.feed-action-btn{background:0 0!important;border:none!important;padding:.5rem!important}.bookmark-button.medium{padding:.5rem;font-size:1.1rem}.bookmark-button.large{padding:.7rem;font-size:1.3rem}.bookmark-label{font-size:.9rem;font-weight:500}.comment-thread-overlay{z-index:10000;touch-action:none;overscroll-behavior:contain;background-color:#00000080;align-items:flex-end;transition:background-color .3s;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.comment-thread{transform-origin:bottom;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:500px;height:70vh;margin:0 auto;animation:.4s cubic-bezier(.25,.46,.45,.94) slideUp;display:flex;box-shadow:0 -2px 20px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comment-thread-drag-indicator{cursor:grab;justify-content:center;padding:.75rem 0;display:flex}.comment-thread-drag-indicator:active{cursor:grabbing}.drag-bar{background-color:#d0d0d0;border-radius:2px;width:40px;height:4px}.comment-thread-header{border-bottom:1px solid #f0f0f0;justify-content:center;align-items:center;padding:.5rem 1.5rem 1rem;display:flex}.comment-thread-title{color:#1a1a1a;margin:0;font-size:1.1rem;font-weight:600}.comment-thread-recipe{color:#666;background:#f8f8f8;padding:.5rem 1.5rem;font-size:.9rem}.comment-input-container{border-bottom:1px solid #f0f0f0;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.comment-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.comment-input{border:1px solid #e0e0e0;border-radius:20px;outline:none;flex:1;padding:.5rem 1rem;font-size:.9rem;transition:border-color .2s}.comment-input:focus{border-color:#f87b2d}.comment-send{color:#f87b2d;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.1rem;transition:transform .2s}.comment-send:disabled{color:#ccc;cursor:not-allowed}.comment-send:not(:disabled):hover{transform:scale(1.1)}.comment{gap:.75rem;margin-bottom:1.5rem;display:flex}.comment-content{flex:1}.comment-header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.comment-author{color:#1a1a1a;font-size:.9rem;font-weight:600}.comment-time{color:#999;font-size:.8rem}.comment-actions{align-items:center;gap:1rem;display:flex}.comment-like{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:.25rem 0;font-size:.85rem;transition:color .2s;display:flex}.comment-like.liked{color:#f87b2d}.comment-like:hover{color:#333}.comment-like.liked:hover{color:#e06a1f}.comment-reply{color:#666;cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.85rem;transition:color .2s}.comment-reply:hover{color:#f87b2d}.reply-input-container{align-items:center;gap:.5rem;margin-top:.75rem;margin-left:2.75rem;display:flex}.reply-input{border:1px solid #e0e0e0;border-radius:16px;outline:none;flex:1;padding:.4rem .75rem;font-size:.85rem}.reply-input:focus{border-color:#f87b2d}.reply-send{color:#f87b2d;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.9rem}.reply-send:disabled{color:#ccc}.replies{margin-top:.75rem;margin-left:2.75rem}.reply{gap:.5rem;margin-bottom:1rem;display:flex}.reply-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.reply-avatar.comment-avatar-placeholder{font-size:16px}.reply-content{flex:1}.reply .comment-text{font-size:.85rem}.comment-edit-container{margin-bottom:.5rem}.comment-edit-input{border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:.5rem .75rem;font-size:.9rem;transition:border-color .2s}.comment-edit-input:focus{border-color:#f87b2d}.comment-edit-actions{gap:.5rem;margin-top:.5rem;display:flex}.comment-save-btn,.comment-cancel-btn{cursor:pointer;border-radius:4px;padding:.35rem .75rem;font-size:.8rem;transition:background-color .2s}.comment-save-btn{color:#fff;background-color:#f87b2d;border:none}.comment-save-btn:hover{background-color:#e06a20}.comment-cancel-btn{color:#333;background-color:#f0f2f5;border:1px solid #e0e0e0}.comment-cancel-btn:hover{background-color:#e4e6e9}.share-modal-overlay{z-index:100000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.share-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 8px 32px #00000026}.share-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.2rem 1.2rem 1rem;display:flex}.share-title{color:#333;margin:0;font-size:1.1rem;font-weight:600}.share-close-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1rem;transition:background-color .2s}.share-close-btn:hover{background:#f0f0f0}.share-recipe-preview{border-bottom:1px solid #f0f0f0;align-items:center;gap:1rem;margin-bottom:1rem;padding:0 1.2rem 1rem;display:flex}.share-recipe-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:60px;height:60px}.share-recipe-info{flex:1}.share-recipe-name{color:#333;margin:0 0 .25rem;font-size:1rem;font-weight:600}.share-recipe-subtitle{color:#999;margin:0;font-size:.85rem}.external-share-section{background:#f8f9fa;border-top:1px solid #f0f0f0;border-radius:0 0 12px 12px;padding:1rem 1.2rem 1.2rem}.external-options-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.external-options-scroll::-webkit-scrollbar{display:none}.external-option{cursor:pointer;color:var(--option-color,#666);background:0 0;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;min-width:70px;padding:.5rem;transition:all .2s;display:flex}.external-option:hover{background:#ffffff80;transform:translateY(-1px)}.external-icon{color:#fff;background:currentColor;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.external-name{color:#666;text-align:center;white-space:nowrap;font-size:.75rem;font-weight:500}.friends-share-section{border-bottom:1px solid #f0f0f0;flex:1;padding:0 1.2rem 1rem}.friend-search{margin-bottom:1rem}.friend-search-input{box-sizing:border-box;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;width:100%;padding:.8rem;font-family:Roboto,sans-serif;font-size:.9rem;transition:all .2s}.friend-search-input:focus{background:#fff;border-color:#f87b2d;outline:none}.friend-search-input::placeholder{color:#999}.friends-list{max-height:200px;margin-bottom:1rem;overflow-y:auto}.friend-item{cursor:pointer;border-radius:8px;align-items:center;gap:.8rem;padding:.7rem .5rem;transition:all .2s;display:flex}.friend-item:hover{background:#f8f9fa}.friend-item.selected{background:#f87b2d1a}.friend-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.friend-info{flex-direction:column;flex:1;min-width:0;display:flex}.friend-name{color:#333;margin-bottom:.1rem;font-size:1rem;font-weight:500}.friend-checkbox{border:2px solid #ddd;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.friend-checkbox.checked{color:#fff;background:#f87b2d;border-color:#f87b2d}.friend-checkbox svg{font-size:.7rem}.share-message-section{margin:1rem 0}.share-message-input{resize:vertical;box-sizing:border-box;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;width:100%;min-height:80px;padding:.8rem;font-family:Roboto,sans-serif;font-size:.9rem;transition:all .2s}.share-message-input:focus{background:#fff;border-color:#f87b2d;outline:none}.share-message-input::placeholder{color:#999}.share-actions{padding:1rem 1.2rem}.send-share-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.9rem 1.5rem;font-size:.9rem;font-weight:600;transition:background-color .2s;display:flex}.send-share-btn:hover{background:#e66a26}.friends-list::-webkit-scrollbar{width:4px}.friends-list::-webkit-scrollbar-track{background:0 0}.friends-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.friends-list::-webkit-scrollbar-thumb:hover{background:#bbb}.share-modal::-webkit-scrollbar{width:4px}.share-modal::-webkit-scrollbar-track{background:0 0}.share-modal::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.share-modal::-webkit-scrollbar-thumb:hover{background:#bbb}@media (width<=599px){.share-modal-overlay{padding:.5rem}.share-modal{max-height:95vh}.share-header{padding:1rem 1rem 0}.share-recipe-preview{padding:0 1rem 1rem}.external-share-section{padding:1rem}.friends-share-section{padding:0 1rem 1rem}.share-actions{padding:1rem}.external-icon{width:36px;height:36px;font-size:1rem}.external-name{font-size:.7rem}.external-option{min-width:60px}.friend-avatar{width:36px;height:36px}.friend-item{padding:.6rem .3rem}}@media (width<=400px){.share-recipe-image{width:50px;height:50px}.external-option{min-width:55px}.external-icon{width:32px;height:32px}}.cooking-loader{pointer-events:none;z-index:10;background:0 0;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:0;left:0;right:0;overflow:visible}.loader-container{transition:opacity .2s ease-out;position:relative}.pot-container{flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.ingredients-window{pointer-events:none;z-index:1;width:45px;height:22px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.ingredients-circle{justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:relative}.pot-wrapper{z-index:3;justify-content:center;align-items:center;height:35px;margin-top:0;display:flex;position:relative}.cooking-pot{filter:drop-shadow(0 2px 4px #0003);position:relative}.ingredients-circle.spinning{animation:2s linear infinite spin-ingredients}@keyframes spin-ingredients{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ingredient{width:18px;height:18px;margin-top:-9px;margin-left:-9px;transition:opacity .3s ease-out,transform .3s ease-out;position:absolute;top:50%;left:50%}.ingredient-emoji{animation:2s ease-in-out infinite bob;animation-delay:calc(var(--index) * .2s);transform:rotate(calc(-1 * (360deg / var(--total)) * var(--index)));font-size:10px;display:inline-block}.cooking-loader.active .ingredient{animation:2s ease-in-out infinite ingredient-fall;animation-delay:calc(var(--index) * .25s)}@keyframes ingredient-fall{0%,to{transform:rotate(calc((360deg / var(--total)) * var(--index))) translateX(18px) scale(1)}50%{transform:rotate(calc((360deg / var(--total)) * var(--index))) translateX(8px) translateY(8px) scale(.8)}60%{transform:rotate(calc((360deg / var(--total)) * var(--index))) translateX(0px) translateY(12px) scale(.6);opacity:.5}70%{transform:rotate(calc((360deg / var(--total)) * var(--index))) translateX(0px) translateY(15px) scale(.4);opacity:0}to{transform:rotate(calc((360deg / var(--total)) * var(--index))) translateX(18px) translateY(0px) scale(1);opacity:1}}@keyframes bob{0%,to{transform:translateY(0) rotate(calc(-1 * (360deg / var(--total)) * var(--index)))}50%{transform:translateY(-5px) rotate(calc(-1 * (360deg / var(--total)) * var(--index)))}}.loading-text{color:#888;text-align:center;margin-top:8px;font-family:Roboto,sans-serif;font-size:11px;font-weight:500;transition:opacity .3s ease-out}@media (prefers-color-scheme:dark){.cooking-pot{filter:drop-shadow(0 4px 6px #ffffff1a)}.loading-text{color:#aaa}}.vp-wrap{cursor:pointer;background:#000;width:100%;height:100%;display:block;position:relative;overflow:hidden}.vp-video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.vp-play-overlay{pointer-events:none;color:#ffffffeb;text-shadow:0 2px 16px #00000073;justify-content:center;align-items:center;font-size:56px;display:flex;position:absolute;inset:0}.vp-mute-btn{color:#fff;cursor:pointer;z-index:2;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:13px;display:flex;position:absolute;bottom:10px;right:10px}.vp-mute-btn:hover{background:#000000bf}.swipeable-gallery{-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;height:100%;position:relative;overflow:hidden}.swipeable-gallery-track{will-change:transform;height:100%;display:flex}.swipeable-gallery-slide{min-width:100%;height:100%;position:relative}.swipeable-gallery-image{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:auto;width:100%;height:100%}.swipeable-gallery-dots{z-index:10;background:#0000004d;border-radius:20px;align-items:center;gap:.25rem;padding:4px 8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.swipeable-gallery-dots.bottom{bottom:12px}.swipeable-gallery-dots.top{top:12px}.swipeable-gallery-dots .dot{cursor:pointer;background:#ffffffb3;border-radius:50%;width:6px;height:6px;transition:all .3s}.swipeable-gallery-dots .dot.active{background:#fff;border-radius:3px;width:18px}.homepage-container{background:#f5f5f5;flex-direction:column;min-height:100vh;display:flex;position:relative}.homepage-container .story-viewer-overlay{z-index:100000!important;position:fixed!important;inset:0!important}.homepage-header{background:#f5f5f5;flex-shrink:0}.avatar-container{width:100%}.avatar-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding:0 16px 16px;display:flex;overflow:auto hidden}.avatar-scroll::-webkit-scrollbar{display:none}.avatar-wrapper{cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.avatar-circle{background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;padding:2px;transition:all .3s;display:flex;position:relative;overflow:hidden;border:none!important}.avatar-circle.has-story:not(.watched){background:#f19e41!important;border:none!important}.avatar-circle.has-story.watched{background:#d3d3d3!important;border:none!important}.avatar-img{object-fit:cover;border-radius:50%;width:60px;height:60px;display:block}.avatar-circle.watched .avatar-img{opacity:.6}.avatar-circle.watched:after{content:"";pointer-events:none;background:#0003;border-radius:50%;position:absolute;inset:4px}.avatar-username{color:#333;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:64px;font-family:Roboto,sans-serif;font-size:11px;overflow:hidden}.avatar-circle.add-story{position:relative;overflow:visible!important}.avatar-circle.add-story:not(.has-story){background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.add-story-icon{color:#fff;z-index:3;text-align:center;background:#ff6b35;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-family:Arial,sans-serif;font-size:18px;font-weight:300;line-height:0;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 1px 3px #0003}.suggested-container{width:100%}.suggested-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding:0 16px 16px;display:flex;overflow:auto hidden}.suggested-scroll::-webkit-scrollbar{display:none}.suggested-card{cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;flex:0 0 240px;height:auto;min-height:280px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000012}.suggested-img-wrapper{background:#f0f0f0;flex-shrink:0;width:100%;height:160px;position:relative}.suggested-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:pan-y pinch-zoom;width:100%;height:100%;display:block}.suggested-info-btn{z-index:2;background:#ffffffe6;border-radius:50%;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0000001a}.suggested-content{flex-direction:column;flex:1;padding:12px 16px 60px;display:flex;position:relative}.suggested-title{color:#222;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.3;transition:color .2s;display:-webkit-box;overflow:hidden}.suggested-title:hover{color:#f87b2d;text-decoration:underline}.suggested-meta{color:#888;white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:12px;width:100%;margin-bottom:8px;font-size:.85rem;display:flex}.suggested-meta-group{white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.suggested-difficulty-wrapper{position:absolute;bottom:16px;left:16px}.suggested-bookmark-btn{cursor:pointer;z-index:2;color:#888;background:0 0;border:none;padding:0;position:absolute;bottom:16px;right:16px}.suggested-bookmark-btn.bookmarked{color:#f87b2d}.feed-cards{background:#f5f5f5;padding:0 16px 80px}.feed-card{background:#fff;border-radius:16px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.feed-card-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:pan-y pinch-zoom;width:100%;height:250px}.feed-card-info-btn{background:#ffffffe6;border-radius:50%;position:absolute;top:16px;right:16px;box-shadow:0 2px 4px #0000001a}.feed-card-content{padding:16px}.feed-card-title{color:#333;margin-top:0;margin-bottom:12px;font-size:16px;font-weight:600;transition:color .2s}.feed-card-title:hover{color:#f87b2d;text-decoration:underline}.feed-card-profile{color:#666;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.feed-card-profile-img{object-fit:cover;border-radius:50%;width:32px;height:32px}.feed-card-meta{color:#888;gap:16px;margin-bottom:12px;font-size:14px;display:flex}.feed-card-caption{color:#444;margin-bottom:8px;font-size:14px;line-height:1.5}.feed-card-hashtags{color:#4183c4;margin-bottom:12px;font-size:13px}.feed-card-actions{border-top:1px solid #f0f0f0;align-items:center;gap:16px;padding-top:12px;display:flex}.feed-action-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;transition:color .2s}.feed-action-btn:hover{color:#333}.feed-action-btn .action-count{color:inherit;margin-left:4px;font-size:12px}.bottom-nav{z-index:999;background:#fff;justify-content:space-around;align-items:center;padding:10px 0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.bottom-nav-btn{cursor:pointer;color:#979797;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:500;display:flex}.nav-icon{font-size:20px}.feed-sentinel{text-align:center;padding:20px}.loading-more{color:#666;justify-content:center;align-items:center;gap:12px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.end-of-feed{text-align:center;color:#666;padding:40px 20px}.end-of-feed p{margin-bottom:16px}.refresh-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 20px;transition:all .2s}.refresh-btn:hover{background:#f8f8f8;border-color:#ccc}@keyframes progressBar{0%{width:0%}to{width:100%}}input::placeholder{color:#fff9}.feed-card-gallery{height:100%}.recipe-dots-container .dot.active{background:#ff6b35;border-radius:50%;width:6px;height:6px}.image-dots-overlay{z-index:10;background:#0000004d;border-radius:20px;align-items:center;gap:.25rem;padding:4px 8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.image-dots-overlay .dot{cursor:pointer;background:#ffffffb3;border-radius:50%;width:6px;height:6px;transition:all .3s}.image-dots-overlay .dot.active{background:#fff;border-radius:50%;width:6px;height:6px}.search-page-container{background:#faf9f6;min-height:100vh;padding:20px 0}.search-restaurants-wrapper{width:100%;max-width:100%;overflow:hidden}.search-filters-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:8px;margin-bottom:0;padding:16px 12px;display:flex;overflow-x:auto}.search-filters-scroll::-webkit-scrollbar{display:none}.search-filter-btn{color:#979797;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d9d9d9;border-radius:8px;outline:none;padding:7px 18px;font-size:15px}.search-filter-btn:focus,.search-filter-btn:hover,.search-filter-btn:focus-visible{box-shadow:none!important;border:1px solid #d9d9d9!important;outline:none!important}.search-filter-btn:active,.search-filter-btn.selected{color:#fff;background:#f87b2d;border-color:#f87b2d}.search-filter-btn.selected{color:#f87b2d;background:#fff;border:1.5px solid #f87b2d;font-weight:600}@media (width>=768px){.search-categories-grid{grid-template-columns:repeat(4,1fr);gap:20px}.search-category-img-container{height:140px}}.search-featured-section{margin-bottom:32px;padding:0 12px}.search-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.search-section-title{color:#222;margin:0;font-size:20px;font-weight:700}.search-see-more-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px;font-weight:500}.search-featured-chefs{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.search-chef-card{background:#fff;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 2px 8px #00000014}.search-chef-avatar{object-fit:cover;border-radius:50%;width:56px;height:56px}.search-chef-info{flex:1}.search-chef-name{color:#222;align-items:center;gap:4px;margin:0 0 2px;font-size:16px;font-weight:600;display:flex}.search-verified-badge{color:#fff;background:#f87b2d;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-flex}.search-chef-specialty{color:#666;margin:0 0 2px;font-size:13px}.search-chef-followers{color:#888;margin:0;font-size:12px}.search-follow-btn{color:#f87b2d;cursor:pointer;background:#fff;border:1px solid #f87b2d;border-radius:8px;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s}.search-follow-btn:hover{color:#fff;background:#f87b2d}.search-follow-btn.following{color:#fff;background:#f87b2d;border:1px solid #f87b2d}.search-follow-btn.following:hover{color:#f87b2d;background:#fff}.search-celebrity-recipes{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.search-celebrity-card{background:#fff;border-radius:12px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.search-celebrity-card:hover{transform:translateY(-2px)}.search-celebrity-img{object-fit:cover;width:100%;height:150px}.search-celebrity-info-btn{z-index:2;background:#ffffffe6;border-radius:50%;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0000001a}.search-celebrity-content{padding:12px}.search-celebrity-title{color:#222;margin:0 0 8px;font-size:16px;font-weight:600}.search-celebrity-meta{justify-content:space-between;align-items:center;font-size:12px;display:flex}.search-celebrity-name{color:#666}.search-celebrity-likes{color:#f87b2d}.search-copycats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.search-copycat-card{background:#fff;border-radius:12px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.search-copycat-card:hover{transform:translateY(-2px)}.search-copycat-img{object-fit:cover;width:100%;height:150px}.search-copycat-info-btn{z-index:2;background:#ffffffe6;border-radius:50%;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0000001a}.search-copycat-content{padding:12px}.search-copycat-title{color:#222;margin:0 0 4px;font-size:16px;font-weight:600}.search-copycat-restaurant{color:#f87b2d;margin:0 0 8px;font-size:13px;font-weight:500}.search-copycat-meta{color:#666;justify-content:space-between;align-items:center;font-size:12px;display:flex}.search-copycat-time{color:#888;align-items:center;gap:4px;font-size:12px;display:flex}.search-categories-container{padding:0 12px 32px}.search-categories-subnav{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin-bottom:20px;padding:4px 0;display:flex;overflow-x:auto}.search-categories-subnav::-webkit-scrollbar{display:none}.search-subnav-btn{color:#666;white-space:nowrap;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.search-subnav-btn:hover{background:#ebebeb}.search-subnav-btn.active{color:#fff;background:#f87b2d}.search-quick-categories{margin-bottom:32px}.search-quick-title{color:#222;margin:0 0 12px;font-size:18px;font-weight:600}.search-quick-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.search-quick-card{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;transition:all .2s;display:flex}.search-quick-card:hover{border-color:#f87b2d;transform:translateY(-2px)}.search-quick-icon{font-size:28px}.search-quick-name{color:#333;text-align:center;font-size:12px;font-weight:500;line-height:1.2}.search-view-all-btn{color:#f87b2d;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:8px 0;font-size:14px;font-weight:500}.search-compact-section{margin-bottom:24px}.search-compact-title{color:#222;margin:0;font-size:16px;font-weight:600}.search-compact-chefs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding:12px 0;display:flex;overflow-x:auto}.search-compact-chefs::-webkit-scrollbar{display:none}.search-compact-chef-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;align-items:center;gap:10px;min-width:180px;padding:12px;display:flex}.search-compact-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.search-compact-info{flex:1}.search-compact-name{color:#222;margin:0 0 2px;font-size:14px;font-weight:600}.search-compact-followers{color:#666;font-size:12px}.search-compact-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.search-compact-recipe{aspect-ratio:1;cursor:pointer;border-radius:12px;position:relative;overflow:hidden}.search-compact-img{object-fit:cover;width:100%;height:100%}.search-compact-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#333;background:#ffffffe6;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:500;position:absolute;bottom:8px;left:8px}.search-categories-header{margin-bottom:20px}.search-categories-title{color:#222;margin:0 0 4px;font-size:24px;font-weight:700}.search-categories-subtitle{color:#666;margin:0;font-size:14px}.search-categories-regions{padding:0}.search-region-section{margin-bottom:32px}.search-region-title{color:#222;margin:0 0 16px;padding:0 20px;font-size:20px;font-weight:600}.search-categories-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:0 20px;display:grid}.search-category-card{cursor:pointer;background:#fff;border:none;border-radius:12px;flex-direction:column;align-items:center;padding:0;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.search-category-card:active{transform:translateY(0);box-shadow:0 2px 8px #00000014}.search-category-img-container{width:100%;height:120px;position:relative;overflow:hidden}.search-category-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.search-category-info{text-align:center;background:#fff;width:100%;padding:12px}.search-category-name{color:#222;margin:0;font-size:16px;font-weight:600}.search-category-description{color:#666;margin:0;font-size:12px;line-height:1.3}.search-people-list{flex-direction:column;gap:18px;min-height:100vh;padding:18px 0 100px;display:flex}.search-people-profile{background:#fff;border-radius:12px;align-items:center;padding:10px 0 10px 10px;display:flex;position:relative;box-shadow:0 1px 4px #0000000a}.search-people-avatar{object-fit:cover;border:2px solid #fff3e8;border-radius:50%;width:54px;height:54px;margin-right:14px}.search-people-info{flex-direction:column;flex:1;align-items:flex-start;display:flex}.search-people-name{color:#222;font-size:16px;font-weight:600}.search-people-followers{color:#979797;margin-top:2px;font-size:13px}.search-people-posts{color:#979797;margin-top:1px;font-size:13px}.search-people-follow{color:#ff6b35;cursor:pointer;text-align:left;background:0 0;border:none;margin-top:2px;padding:0;font-size:13px;font-weight:500;transition:opacity .2s}.search-people-follow:active{opacity:.7}.search-people-follow.following{color:#ff6b35;background:#fff3e8;border-radius:6px;margin-top:4px;padding:4px 12px;font-weight:500}.search-people-info-btn{color:#979797;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;margin-right:16px;font-size:22px;display:flex}.search-posts-virtual-scroll{min-height:100vh;padding-bottom:100px}.search-posts-list{grid-template-columns:repeat(3,1fr);grid-auto-rows:120px;gap:.5px;padding:.5px;display:grid}.search-posts-item{background:#eee;border-radius:0;align-items:flex-end;display:flex;position:relative;overflow:hidden}.search-posts-img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.search-posts-overlay{z-index:2;background:linear-gradient(#00000003 40%,#000000b3 100%);flex-direction:column;justify-content:flex-end;width:100%;min-height:40px;padding:12px 12px 8px;display:flex;position:absolute;bottom:0;left:0;right:0}.search-posts-title{color:#fff;text-shadow:0 2px 8px #0000002e;margin-bottom:2px;font-size:15px;font-weight:500}.search-posts-info{align-items:center;gap:12px;margin-top:4px;margin-bottom:0;display:flex}.search-posts-views,.search-posts-likes{color:#fff;text-shadow:0 2px 8px #0000002e;align-items:center;gap:3px;font-size:13px;font-weight:400;display:flex}.search-posts-username{color:#fff;text-shadow:0 2px 8px #0000002e;opacity:.9;margin-top:2px;font-size:12px;font-weight:400}.search-posts-sponsored{color:#fff;text-align:center;text-shadow:0 2px 8px #0000002e;width:100%;margin-bottom:2px;font-size:15px;font-weight:600}.search-posts-bookmark{z-index:3;cursor:pointer;color:#888;background:0 0;border:none;padding:0;position:absolute;bottom:8px;right:8px}.search-posts-bookmark.bookmarked{color:#f87b2d}.search-posts-video-indicator{z-index:3;position:absolute;top:12px;right:12px}.video-icon{filter:drop-shadow(0 2px 4px #00000080);width:24px;height:24px}.search-posts-multiple-indicator{z-index:3;position:absolute;top:12px;right:12px}.multiple-icon{filter:drop-shadow(0 2px 4px #00000080);width:20px;height:20px}.search-loading{text-align:center;color:#666;padding:20px;font-size:14px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #f87b2d66}70%{box-shadow:0 0 0 10px #f87b2d00}to{box-shadow:0 0 #f87b2d00}}@media (width<=768px){.search-featured-chefs{grid-template-columns:1fr}.search-celebrity-recipes,.search-copycats{grid-template-columns:repeat(2,1fr);gap:8px}.search-section-title{font-size:18px}.search-chef-card{padding:12px}.search-chef-avatar{width:48px;height:48px}.search-quick-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.search-celebrity-recipes,.search-copycats{grid-template-columns:repeat(2,1fr)}.search-celebrity-img,.search-copycat-img{height:120px}.search-featured-section{margin-bottom:24px}}.search-filter-results{padding:12px 16px 80px}.search-filter-results-header{color:#555;justify-content:space-between;align-items:center;padding:8px 4px 14px;font-size:13px;display:flex}.search-filter-clear{color:#333;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.search-filter-clear:hover{background:#f5f5f5}.search-filter-empty{text-align:center;color:#888;padding:48px 16px;font-size:14px}.search-filter-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=640px){.search-filter-grid{grid-template-columns:repeat(3,1fr)}}.search-filter-card{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.search-filter-card-img{aspect-ratio:1;object-fit:cover;background:#f3f3f3;width:100%}.search-filter-card-body{padding:8px 10px 10px}.search-filter-card-title{color:#222;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.search-filter-card-meta{color:#888;margin-top:4px;font-size:11px}.search-all-container{padding:12px 16px 80px}.search-all-section{margin-bottom:22px}.search-all-section-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.search-all-section-header h3{color:#333;margin:0;font-size:15px;font-weight:700}.search-all-section-header button{color:#f87b2d;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.search-all-row{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.search-all-row::-webkit-scrollbar{display:none}.search-all-profile{cursor:pointer;text-align:center;flex-direction:column;flex:0 0 96px;align-items:center;display:flex}.search-all-profile img{object-fit:cover;background:#f3f3f3;border-radius:50%;width:72px;height:72px;margin-bottom:6px}.search-all-profile-body{flex-direction:column;align-items:center;gap:3px;display:flex}.search-all-badge{letter-spacing:.4px;text-transform:uppercase;color:#fff;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.badge-user{background:#6c8eff}.badge-restaurant{background:#f87b2d}.badge-business{background:#4ab07e}.search-all-profile-name{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:12px;font-weight:600;overflow:hidden}.search-bar-outer{background:#fff;align-items:center;padding:18px 12px 8px;display:flex}.search-bar-back-btn{color:#979797;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;margin-right:10px;font-size:20px;display:flex}.search-bar-input-wrap{background:#faf9f6;border-radius:8px;flex:1;align-items:center;height:40px;padding:0 12px;display:flex;box-shadow:0 2px 8px #00000014}.search-bar-search-icon{color:#979797;margin-right:8px;font-size:16px}.search-bar-input{color:#222;background:0 0;border:none;outline:none;flex:1;font-size:16px}.search-bar-suggestions{z-index:100;background:#fff;border:1px solid #e5e5e5;border-radius:8px;max-height:360px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #00000014}.search-bar-suggestion{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.search-bar-suggestion:hover{background:#fff5ee}.search-bar-suggestion-img{object-fit:cover;background:#f3f3f3;border-radius:6px;flex-shrink:0;width:36px;height:36px}.search-bar-suggestion-body{flex:1;min-width:0}.search-bar-suggestion-title{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.search-bar-suggestion-subtitle{color:#888;font-size:11px}.search-bar-suggestion-badge{letter-spacing:.4px;text-transform:uppercase;color:#fff;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.search-bar-suggestion-badge.badge-user{background:#6c8eff}.search-bar-suggestion-badge.badge-recipe,.search-bar-suggestion-badge.badge-restaurant{background:#f87b2d}.search-bar-suggestion-badge.badge-business{background:#4ab07e}.filter-modal-overlay{z-index:10000;background:#0000002e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.filter-modal-card{background:#fff;border:4px solid #2196f3;border-radius:16px;width:380px;max-width:95vw;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 4px 32px #0000001f}.filter-modal-header{z-index:2;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;font-size:18px;font-weight:600;display:flex;position:sticky;top:0}.filter-modal-title{text-align:center;color:#222;flex:1;font-size:20px;font-weight:600}.filter-modal-close{color:#979797;cursor:pointer;background:0 0;border:none;margin-right:10px;padding:0;font-size:28px;line-height:1}.filter-modal-reset{color:#979797;cursor:pointer;border-radius:4px;padding:4px 8px;font-size:15px;transition:background .2s}.filter-modal-reset:hover{background:#f5f5f5}.filter-modal-apply{color:#f87b2d;cursor:pointer;border-radius:4px;padding:4px 12px;font-size:15px;font-weight:600;transition:background .2s}.filter-modal-apply:hover{background:#fff5f0}.filter-modal-content{padding:20px}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-section-title{color:#222;margin-bottom:12px;font-size:16px;font-weight:600}.filter-row{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:10px;display:grid}.filter-row:last-child{margin-bottom:0}.filter-row-wrap{flex-wrap:wrap;gap:8px;display:flex!important}.filter-row-wrap label{white-space:nowrap;flex:none}.filter-input{border:2px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.filter-input:focus{border-color:#f87b2d}.filter-input::placeholder{color:#999}.filter-row label{color:#333;cursor:pointer;align-items:center;min-width:0;padding:4px 0;font-size:14px;display:flex}.filter-row label:hover{color:#f87b2d}.filter-btn{color:#666;cursor:pointer;white-space:nowrap;text-align:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.filter-btn:hover{background:#eee;border-color:#d0d0d0}.filter-btn:active,.filter-btn.selected{color:#fff;background:#f87b2d;border-color:#f87b2d}.filter-btn.rating-btn{flex-shrink:0;justify-content:center;align-items:center;gap:1px;width:50px;min-width:50px;min-height:30px;padding:4px 6px;display:flex}.filter-btn.rating-btn svg{fill:currentColor;width:12px;height:12px}input[type=checkbox],input[type=radio]{accent-color:#f87b2d;appearance:none;cursor:pointer;vertical-align:middle;border:2px solid #d9d9d9;border-radius:4px;flex-shrink:0;width:18px;height:18px;margin-right:8px;transition:all .2s;position:relative}input[type=radio]{border-radius:50%}input[type=checkbox]:hover,input[type=radio]:hover{border-color:#f87b2d}input[type=checkbox]:checked,input[type=radio]:checked{background-color:#f87b2d;border-color:#f87b2d}input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=radio]:checked:after{content:"";background-color:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.filter-section:has(.filter-btn) .filter-row{flex-wrap:wrap;grid-template-columns:none;gap:8px;display:flex}.filter-section:has(.rating-btn) .filter-row{flex-wrap:nowrap;justify-content:flex-start;gap:6px;display:flex}@media (width<=400px){.filter-modal-card{border-width:4px 0 0;border-top-style:solid;border-top-color:#2196f3;border-radius:16px 16px 0 0;width:100%;max-width:100%}.filter-modal-content{padding:16px}.filter-row{grid-template-columns:1fr}.filter-section:has(.filter-btn) .filter-row{flex-direction:column}.filter-btn{width:100%}}.restaurant-card *{box-sizing:border-box;margin:0;padding:0;line-height:1}.restaurant-card h3{margin:0!important;padding:0!important;line-height:1.1!important}.restaurant-card p{margin:0!important;padding:0!important;line-height:1.2!important}.restaurants-container{background-color:#fafafa;min-height:calc(100vh - 200px);padding:12px;position:relative}.my-reservations-link-container{justify-content:flex-start;margin-top:-8px;margin-bottom:16px;padding:0 4px;display:flex}.my-reservations-link{color:#f87b2d;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:600;text-decoration:underline;transition:opacity .2s;display:flex}.my-reservations-link:active{opacity:.7}.my-reservations-link svg{color:#f87b2d;font-size:16px}.location-prompt{text-align:center;background-color:#fff3e8;border:1px solid #ffd4a3;border-radius:12px;margin-bottom:24px;padding:24px}.location-icon{color:#ff6b35;margin-bottom:12px;font-size:36px}.location-prompt p{color:#333;margin-bottom:16px;font-size:16px}.enable-location-btn{color:#fff;cursor:pointer;background-color:#ff6b35;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:500;transition:background-color .2s}.enable-location-btn:hover{background-color:#e55a2b}.restaurants-grid{grid-template-columns:repeat(2,1fr);gap:12px;animation:.3s ease-in fadeIn;display:grid}.restaurant-card{cursor:pointer;background:#fff;border:none;border-radius:12px;flex-direction:column;height:auto;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014;line-height:1!important}.restaurant-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.restaurant-image{width:100%;height:140px;position:relative;overflow:hidden}.restaurant-image img{object-fit:cover;width:100%;height:100%}.restaurant-header{justify-content:space-between;align-items:flex-start;gap:6px;height:auto;margin:0 0 6px;display:flex}.restaurant-bookmark{background:0 0;border:none;flex-shrink:0;color:#888!important;justify-content:center!important;align-items:center!important;width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;font-size:14px!important;display:flex!important}.restaurant-bookmark.bookmarked{color:#ff6b35!important}.distance-badge{color:#fff;background:#000000bf;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;top:8px;right:8px}.open-badge{border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;bottom:8px;right:8px}.open-badge.open{color:#2e7d32;background-color:#e8f5e9}.open-badge.closed{color:#c62828;background-color:#ffebee}.restaurant-info{flex-direction:column;flex:1;display:flex;overflow:hidden;padding:8px 8px 0!important;line-height:1!important}.restaurant-name{color:#333;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;display:block;overflow:hidden;margin:0!important;padding:0!important;font-size:16px!important;line-height:1.1!important}.restaurant-rating{align-items:center;gap:3px;display:flex;margin:6px 0 8px!important;padding:0!important;line-height:1!important}.restaurant-rating span{color:#666;font-size:12px;font-weight:500}.restaurant-description{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.restaurant-status{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.open-status{border-radius:4px;width:fit-content;margin-bottom:2px;padding:5px 12px;font-size:11px;font-weight:500;display:inline-block}.restaurant-hours{color:#666;align-items:center;gap:6px;padding-top:4px;font-size:12px;display:flex}.clock-icon{color:#999;font-size:12px}.restaurant-actions{background:0 0;justify-content:flex-start;gap:0;margin-top:0;margin-bottom:-16px;margin-left:0;display:flex}.follow-button{color:#ff6b35;cursor:pointer;background:#f8bfa2;border:none;border-radius:4px;font-weight:500;line-height:1.2;height:auto!important;min-height:26px!important;margin-left:-18px!important;padding:4px 8px!important;font-size:11px!important}.follow-button.following{color:#ff6b35;background:#fff;border:1px solid #f8bfa2}.visit-button{color:#4caf50;cursor:pointer;background:0 0;border:1px solid #4caf50;border-radius:4px;font-weight:500;line-height:1.2;height:auto!important;min-height:26px!important;margin-left:-16px!important;padding:4px 8px!important;font-size:11px!important}@media (width<=480px){.restaurants-grid{grid-template-columns:repeat(2,1fr);gap:12px}.restaurant-info{padding:8px 4px}.restaurant-name{font-size:14px}.restaurant-description{font-size:12px}}@media (width<=360px){.restaurants-container{padding:8px}.restaurants-grid{gap:8px}.restaurant-image{height:100px}.restaurant-info{padding:6px 4px 0!important}.restaurant-header{gap:4px;margin-bottom:4px!important}.restaurant-name{font-size:11px!important;line-height:1.2!important}.restaurant-bookmark{width:16px!important;height:16px!important;min-height:16px!important;font-size:12px!important}.restaurant-rating{white-space:nowrap;flex-wrap:nowrap;gap:2px!important;margin:4px 0 6px!important;font-size:10px!important}.restaurant-rating span,.restaurant-rating .star-icon{font-size:10px!important}.restaurant-actions{gap:6px!important;top:-12px!important}.follow-button{min-width:52px!important;min-height:22px!important;margin-left:-14px!important;padding:4px 5px!important;font-size:9px!important}.visit-button{min-height:22px!important;margin-left:-12px!important;padding:4px 5px!important;font-size:9px!important}.distance-badge{padding:3px 6px;font-size:10px;top:6px;right:6px}.open-badge{padding:3px 6px;font-size:9px;bottom:6px;right:6px}}.businesses-container{background-color:#fafafa;min-height:calc(100vh - 200px);padding:16px}.businesses-grid{grid-template-columns:repeat(2,1fr);gap:16px;animation:.3s ease-in fadeIn;display:grid}.business-card{cursor:pointer;background:#fff;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #00000014}.business-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.business-image{width:100%;height:140px;position:relative;overflow:hidden}.business-image img{object-fit:cover;width:100%;height:100%}.business-actions{align-items:center;gap:8px;margin-top:12px;display:flex;position:relative}.business-bookmark{background:#fff!important;padding:4px!important;position:absolute!important;top:50%!important;right:-7px!important;transform:translateY(-50%)!important}.category-badge{color:#ff6b35;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #0000001a}.business-info{padding:10px 12px}.business-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.business-name{color:#333;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:6px;min-width:0;margin:0;font-size:15px;font-weight:600;display:flex;overflow:hidden}.verified-icon{color:#1da1f2;flex-shrink:0;font-size:14px}.business-rating{flex-shrink:0;align-items:center;gap:4px;display:flex}.business-rating span{color:#666;font-size:14px;font-weight:500}.business-description{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.business-details{flex-direction:column;gap:4px;display:flex}.featured-product{background-color:#fff3e8;border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:4px 10px;font-size:10px;display:flex}.featured-label{color:#666;font-weight:500}.featured-name{color:#ff6b35;font-weight:600}.business-services{flex-wrap:wrap;gap:3px;display:flex}.service-tag{color:#666;white-space:nowrap;background-color:#f5f5f5;border-radius:3px;line-height:1;display:inline-block;padding:4px 8px!important;font-size:9px!important}.more-services{color:#666;background-color:#e8e8e8;border-radius:3px;font-weight:500;line-height:1;display:inline-block;padding:4px 8px!important;font-size:9px!important}.follow-button{color:#ff6b35;cursor:pointer;background:#fff;border:1px solid #ff6b35;border-radius:6px;flex:1;margin-left:-7px;margin-right:12px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .2s}.follow-button:hover{background:#fff3e8}.follow-button.following{color:#fff;background:#ff6b35}.follow-button.following:hover{background:#e55a2b}@media (width<=480px){.businesses-grid{grid-template-columns:repeat(2,1fr);gap:12px}.business-info{padding:10px}.business-name{font-size:14px}.business-description{font-size:12px}.service-tag,.more-services{padding:4px 8px!important;font-size:9px!important}}.aboutme-modal-overlay{z-index:100000;-webkit-overflow-scrolling:touch;background:#00000080;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.aboutme-modal-content{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:500px;max-height:calc(100vh - 40px);margin:auto 0;display:flex;position:relative;overflow:hidden}.aboutme-modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px;display:flex}.aboutme-modal-title{color:#222;margin:0;font-size:20px;font-weight:700}.aboutme-modal-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.aboutme-modal-close:active{background:#f0f0f0}.aboutme-modal-body{flex:1;padding:20px;overflow-y:auto}.aboutme-profile-section{align-items:center;gap:16px;margin-bottom:24px;display:flex}.aboutme-profile-avatar{object-fit:cover;border:3px solid #fff3e8;border-radius:50%;width:80px;height:80px}.aboutme-profile-info{flex:1}.aboutme-profile-name{color:#222;margin:0 0 4px;font-size:16px;font-weight:600}.aboutme-profile-stats{color:#666;margin:0;font-size:14px}.aboutme-bio-section{margin-bottom:24px}.aboutme-section-title{color:#222;margin:0 0 12px;font-size:16px;font-weight:600}.aboutme-bio-text{color:#444;margin:0;font-size:14px;line-height:1.6}.aboutme-details-section{margin-bottom:8px}.aboutme-details-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.aboutme-detail-item{flex-direction:column;gap:4px;display:flex}.aboutme-detail-label{color:#888;font-size:12px;font-weight:500}.aboutme-detail-value{color:#222;font-size:14px;font-weight:500}@media (width<=480px){.aboutme-modal-overlay{padding:10px}.aboutme-modal-content{max-width:calc(100% - 20px);max-height:calc(100vh - 20px);margin:auto}.aboutme-details-grid{grid-template-columns:1fr}.aboutme-profile-avatar{width:60px;height:60px}}.profile-bio{box-sizing:border-box;text-align:left;padding:0 1.5rem .75rem}.profile-bio .profile-display-name{color:#999;text-align:left;margin:0 0 .25rem;font-size:.9rem;font-weight:500}.profile-meta{color:#999;text-align:left;margin:0 0 .35rem;font-size:.85rem}.profile-bio p{color:#333;margin:0;font-size:.95rem;line-height:1.4}.profile-links{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.profile-link{color:#f87b2d;word-break:break-all;font-size:.9rem;text-decoration:none}.profile-link:hover{text-decoration:underline}.profile-title{color:#333;text-align:center;align-items:center;gap:6px;font-size:1.25rem;font-weight:600;line-height:1.2;display:inline-flex}.profile-verified-dot{color:#fff;background:#1d9bf0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.profile-banner{background:#f0f0f0;width:100%;height:160px;overflow:hidden}.profile-banner img{object-fit:cover;width:100%;height:100%;display:block}.profile-banner+.profile-header{margin-top:-48px}.profile-banner+.profile-header .profile-avatar{background:#fff;border:4px solid #fff;box-shadow:0 4px 14px #0000002e}.organize-btn{cursor:pointer;background:#f8bfa2;border:none;border-radius:6px;padding:.8rem 2rem;font-size:1rem;font-weight:500;color:#ff6b35!important}.profile-menu-container{z-index:10;position:relative}.profile-menu{cursor:pointer;background:#eee;border-radius:6px;grid-template-rows:repeat(2,10px);grid-template-columns:repeat(2,10px);gap:5px;padding:8px;transition:background-color .2s;display:grid}.profile-menu:hover{background:#e0e0e0}.profile-dropdown-menu{z-index:100;background:#fff;border-radius:8px;min-width:200px;margin-top:.5rem;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.dropdown-item{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;transition:background-color .2s}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item:first-child{color:#f87b2d;font-weight:600}@media (width>=600px){.profile-posts-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=599px){.profile-posts-grid{grid-template-columns:repeat(3,1fr)}.post-item{min-height:108px}}.follow-btn{cursor:pointer;color:#ff6b35;background:#fff;border:1px solid #ff6b35;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600}.posts-container{width:100%}.empty-posts{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:60px 20px;display:flex}.profile-posts-grid{grid-template-columns:repeat(3,1fr);gap:1px;padding:.5rem .5rem 6rem;display:grid;position:relative;overflow:visible}.profile-posts-grid.grid-2x2{grid-template-columns:repeat(2,1fr);gap:2px}.profile-posts-grid.grid-list{grid-template-columns:1fr;gap:4px}.post-img{object-fit:cover;aspect-ratio:1;z-index:1;width:100%;height:100%;display:block;position:relative}.post-overlay{color:#fff;align-items:center;gap:12px;display:flex;position:absolute;bottom:6px;left:8px}.overlay-stat{background:#0009;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:500;display:flex}.overlay-icon{font-size:.7rem}.post-menu-button{cursor:pointer;color:#fff;background:#0009;border:none;border-radius:4px;padding:6px;transition:background-color .2s;display:none}.post-item:hover .post-menu-button{display:block}.post-menu-button:hover{background-color:#000c}.post-menu-dropdown{z-index:9999;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:100px;position:fixed;overflow:visible;box-shadow:0 4px 12px #00000040}.post-menu-dropdown button{cursor:pointer;color:#333;text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:6px 10px;font-size:14px;transition:background-color .2s;display:flex}.post-menu-dropdown button:hover{background-color:#f5f5f5}.post-menu-dropdown button:first-child{border-radius:8px 8px 0 0}.post-menu-dropdown button:last-child{border-radius:0 0 8px 8px}.no-posts{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-posts p{color:#666;margin:16px 0 8px;font-size:16px;font-weight:500}.no-posts span{max-width:280px;font-size:14px;line-height:1.4}@media (width>=600px){.profile-posts-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=599px){.profile-posts-grid{grid-template-columns:repeat(3,1fr)}.post-item{min-height:108px}}.add-to-bundle-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.add-to-bundle-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:420px;height:auto;max-height:600px;display:flex;position:relative;box-shadow:0 10px 40px #00000026}.add-to-bundle-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.add-to-bundle-title{color:#222;margin:0;font-size:1.25rem;font-weight:600}.add-to-bundle-close{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:1.25rem;transition:color .2s;display:flex}.add-to-bundle-close:hover{color:#666}.add-to-bundle-content{flex:1;min-height:0;max-height:400px;padding:1.25rem;overflow-y:auto}.add-to-bundle-subtitle{color:#666;margin:0 0 1.5rem;font-size:.95rem}.add-to-bundle-option{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;margin-bottom:.5rem;padding:.75rem;transition:all .2s;display:flex;position:relative}.add-to-bundle-option:hover,.add-to-bundle-option.selected{background:#fff8f3;border-color:#f87b2d}.add-to-bundle-option.create-new{background:#fafafa;border:2px dashed #e0e0e0}.add-to-bundle-option.create-new:hover{background:#fff8f3;border-color:#f87b2d}.add-to-bundle-option.create-new.selected{background:#fff8f3;border-style:solid;border-color:#f87b2d}.add-to-bundle-option-icon{color:#fff;background:#f87b2d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:1rem;font-size:.9rem;display:flex}.add-to-bundle-option span{color:#333;flex:1;font-weight:500}.add-to-bundle-count{color:#999;margin-left:auto;padding-left:1rem;font-size:.85rem;font-weight:400}.add-to-bundle-check{color:#fff;background:#f87b2d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex;position:absolute;right:1rem}.add-to-bundle-new-input{margin:1rem 0 1.5rem}.add-to-bundle-input{text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.add-to-bundle-input:focus{border-color:#f87b2d;outline:none;box-shadow:0 0 0 3px #f87b2d1a}.add-to-bundle-divider{text-align:center;margin:1.5rem 0;position:relative}.add-to-bundle-divider:before{content:"";background:#e0e0e0;height:1px;position:absolute;top:50%;left:0;right:0}.add-to-bundle-divider span{color:#999;text-transform:uppercase;letter-spacing:.5px;background:#fff;padding:0 1rem;font-size:.85rem;position:relative}.add-to-bundle-list{max-height:300px;margin:-.375rem;padding:.375rem;overflow-y:auto}.add-to-bundle-empty{text-align:center;color:#999;padding:2rem}.add-to-bundle-empty p{margin:0 0 .5rem;font-weight:500}.add-to-bundle-empty small{color:#bbb;font-size:.85rem}.add-to-bundle-actions{background:#fafafa;border-top:1px solid #f0f0f0;border-radius:0 0 12px 12px;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.add-to-bundle-cancel,.add-to-bundle-save{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.add-to-bundle-cancel{color:#666;background:#fff;border:1px solid #e0e0e0}.add-to-bundle-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.add-to-bundle-save{color:#fff;background:#f87b2d}.add-to-bundle-save:hover:not(:disabled){background:#e66a26;transform:translateY(-1px);box-shadow:0 4px 12px #f87b2d40}.add-to-bundle-save:disabled,.add-to-bundle-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=480px){.add-to-bundle-modal{max-width:90%;margin:1rem}.add-to-bundle-content{padding:1.25rem}.add-to-bundle-option{padding:.875rem}}.activity-container{min-height:400px;padding:16px}.activity-loading{color:#666;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.activity-loading .loading-spinner{border:3px solid #f0f0f0;border-top-color:#f87b2d;border-radius:50%;width:32px;height:32px;margin-bottom:16px;animation:.8s linear infinite spin}.activity-loading p{margin:0;font-size:14px}.upcoming-reservations-section{background:linear-gradient(135deg,#fff8f0 0%,#fff 100%);border:1px solid #ffe4d0;border-radius:12px;margin-bottom:24px;padding:16px}.reservation-card{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:14px;box-shadow:0 2px 4px #0000000d}.reservation-card.upcoming{border-left:3px solid #f87b2d;position:relative}.reservation-card.pending-share{cursor:pointer;background:linear-gradient(135deg,#fff8f4 0%,#fff 100%);border:2px solid #f87b2d;border-left-width:4px;animation:2s ease-in-out infinite pendingSharePulse;box-shadow:0 4px 12px #f87b2d33}.reservation-card.pending-share:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f87b2d4d}@keyframes pendingSharePulse{0%,to{transform:translateY(0);box-shadow:0 4px 12px #f87b2d33}50%{transform:translateY(-3px);box-shadow:0 6px 16px #f87b2d4d}}.pending-share-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#f87b2d 0%,#e56a1c 100%);border-radius:8px 8px 0 0;justify-content:center;align-items:center;gap:6px;margin:-14px -14px 10px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.pending-share-banner span{animation:1.5s ease-in-out infinite tapHint}@keyframes tapHint{0%,to{opacity:1}50%{opacity:.7}}.reservation-status-badge{text-transform:capitalize;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;top:10px;right:10px}.reservation-status-badge.confirmed{color:#2e7d32;background:#e8f5e9}.reservation-status-badge.pending{color:#ef6c00;background:#fff3e0}.reservation-status-badge.cancelled{color:#c62828;background:#ffebee}.reservation-status-badge svg{font-size:12px}.reservation-main-info{margin-bottom:12px}.reservation-restaurant h4{color:#333;margin:0 0 4px;font-size:15px;font-weight:600}.reservation-location{color:#666;margin:0 0 10px;font-size:13px}.reservation-detail{color:#555;align-items:center;gap:4px;font-size:13px;display:flex}.reservation-detail svg{color:#999;font-size:14px}.reservation-special{color:#f87b2d;margin:8px 0 4px;font-size:12px;font-style:italic}.reservation-confirmation{color:#999;margin:4px 0 0;font-size:11px}.reservation-actions{border-top:1px solid #f5f5f5;gap:8px;padding-top:12px;display:flex}.reservation-action-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.reservation-action-btn.edit{color:#666}.reservation-action-btn.edit:hover{background:#f5f5f5;border-color:#ccc}.reservation-action-btn.cancel{color:#d32f2f}.reservation-action-btn.cancel:hover{background:#ffebee;border-color:#ef5350}.reservation-action-btn:disabled{opacity:.6;cursor:not-allowed}.reservation-action-btn.cancel.cancelling{color:#999;background:#ffebee}.reservation-action-btn.share-btn{color:#fff;background:linear-gradient(135deg,#f87b2d 0%,#e56a1c 100%);border:none;font-weight:600}.reservation-action-btn.share-btn:hover{background:linear-gradient(135deg,#e56a1c 0%,#d45a0c 100%);box-shadow:0 2px 8px #f87b2d4d}.reservation-action-btn.share-btn:disabled{cursor:not-allowed;background:#ccc}.reservation-action-btn.skip-share{color:#666;background:#f5f5f5;border:1px solid #e0e0e0}.reservation-action-btn.skip-share:hover{background:#eee}.reservation-card.editing{border-color:#f87b2d;border-left-width:3px;box-shadow:0 4px 16px #f87b2d1f}.reservation-edit-form{text-align:left;background:linear-gradient(135deg,#fef9f6 0%,#fff 100%);border:1px solid #ffe4d0;border-radius:12px;margin-top:16px;padding:16px;animation:.25s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.edit-form-header{border-bottom:1px solid #ffe4d0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.edit-form-header span{color:#f87b2d;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.edit-form-header span:before{content:"";background:#f87b2d;border-radius:2px;width:4px;height:16px;display:inline-block}.edit-close-btn{cursor:pointer;color:#999;background:#fff;border:1px solid #e8e8e8;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;font-size:12px;transition:all .2s;display:flex}.edit-close-btn:hover{color:#d32f2f;background:#ffebee;border-color:#ffcdd2}.edit-form-fields{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:16px;display:flex}.edit-row{gap:10px;display:flex}.edit-row .edit-field{flex:1;min-width:0}.edit-field{flex-direction:column;gap:6px;width:100%;display:flex}.edit-field label{color:#888;text-transform:uppercase;letter-spacing:.5px;width:100%;font-size:11px;font-weight:600;display:block;text-align:left!important}.edit-field input,.edit-field select,.edit-field textarea{color:#333;box-sizing:border-box;background:#fff;border:1.5px solid #e8e8e8;border-radius:10px;width:100%;padding:12px 14px;font-size:14px;font-weight:500;transition:all .2s}.edit-field input:hover,.edit-field select:hover,.edit-field textarea:hover{border-color:#d0d0d0}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{background:#fff;border-color:#f87b2d;outline:none;box-shadow:0 0 0 3px #f87b2d1a}.edit-field select{cursor:pointer;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='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.edit-field input[type=date]{cursor:pointer;color:#333;text-align:left;padding-left:14px;font-size:15px;font-weight:500}.edit-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(50%)sepia(50%)saturate(500%)hue-rotate(350deg);margin-right:4px;padding:4px}.edit-field input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.date-picker-wrapper{width:100%;position:relative}.date-input-hidden{opacity:.01;cursor:pointer;z-index:2;color:#0000;background:0 0;border:none;width:100%;height:100%;font-size:16px;position:absolute;top:0;left:0}.date-display{color:#333;box-sizing:border-box;cursor:pointer;background:#fff;border:1.5px solid #e8e8e8;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.date-display:hover{border-color:#d0d0d0}.date-picker-wrapper:focus-within .date-display{border-color:#f87b2d;box-shadow:0 0 0 3px #f87b2d1a}.date-display.placeholder{color:#bbb}.date-icon{color:#f87b2d;flex-shrink:0;font-size:16px}.edit-field textarea{resize:none;min-height:70px;line-height:1.4}.edit-field textarea::placeholder{color:#bbb;font-weight:400}.edit-field .time-picker{box-sizing:border-box;background:#fff;border:1.5px solid #e8e8e8;border-radius:10px;align-items:center;gap:2px;width:100%;padding:10px 12px;transition:all .2s;display:flex}.edit-field .time-picker:focus-within{border-color:#f87b2d;box-shadow:0 0 0 3px #f87b2d1a}.edit-field .time-select{color:#333;cursor:pointer;appearance:none;background:0 0;border:none;padding:0;font-size:14px;font-weight:500}.edit-field .time-select:focus{outline:none}.edit-field .hour-select,.edit-field .minute-select{text-align:center;width:28px}.edit-field .period-select{color:#f87b2d;width:36px;margin-left:6px;font-weight:600}.edit-field .time-colon{color:#333;font-size:14px;font-weight:600}.edit-form-actions{border-top:1px solid #f0f0f0;justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.edit-cancel-btn,.edit-save-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.edit-cancel-btn{color:#666;background:#fff;border:1.5px solid #e0e0e0}.edit-cancel-btn:hover{background:#f8f8f8;border-color:#ccc}.edit-save-btn{color:#fff;background:linear-gradient(135deg,#f87b2d 0%,#e86a1c 100%);border:none;box-shadow:0 2px 8px #f87b2d4d}.edit-save-btn:hover{background:linear-gradient(135deg,#e86a1c 0%,#d65a0c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #f87b2d66}.edit-save-btn:active{transform:translateY(0)}.edit-cancel-btn:disabled,.edit-save-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=480px){.reservation-edit-form{margin-top:14px;padding:14px}.edit-form-fields{gap:12px}.edit-row{flex-wrap:wrap;gap:10px}.edit-row .edit-field{flex:calc(33% - 10px);min-width:80px}.edit-form-actions{flex-direction:column-reverse;gap:8px}.edit-cancel-btn,.edit-save-btn{width:100%;padding:12px 20px}.edit-field input,.edit-field select,.edit-field textarea{padding:10px 12px}}.post-prompt-section{margin-bottom:20px}.post-prompt-card{background:linear-gradient(135deg,#fff3e0 0%,#fff 100%);border:1px solid #ffcc80;border-radius:10px;margin-bottom:12px;padding:14px}.post-prompt-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.prompt-icon{color:#f87b2d;font-size:24px}.post-prompt-header h4{color:#333;margin:0 0 2px;font-size:14px;font-weight:600}.post-prompt-header p{color:#666;margin:0;font-size:12px}.post-prompt-actions{gap:8px;display:flex}.prompt-btn{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.prompt-btn.post{color:#fff;background:#f87b2d}.prompt-btn.post:hover{background:#e66a1e}.prompt-btn.skip{color:#666;background:#f5f5f5;border:1px solid #e0e0e0}.prompt-btn.skip:hover{background:#eee}.post-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.post-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto}.post-modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.post-modal-header h3{color:#333;margin:0;font-size:16px;font-weight:600}.post-modal-header button{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;display:flex}.post-modal-content{padding:16px}.post-modal-restaurant{margin-bottom:16px}.post-modal-restaurant h4{color:#333;margin:0 0 4px;font-size:15px;font-weight:600}.post-modal-restaurant p{color:#666;margin:0;font-size:13px}.post-modal-textarea{resize:vertical;border:1px solid #e0e0e0;border-radius:8px;width:100%;min-height:100px;margin-bottom:16px;padding:12px;font-size:14px}.post-modal-options{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.add-photo-btn{cursor:pointer;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.privacy-toggle{color:#666;align-items:center;gap:8px;font-size:13px;display:flex}.privacy-toggle select{border:1px solid #e0e0e0;border-radius:6px;padding:6px 10px;font-size:13px}.post-modal-footer{border-top:1px solid #f0f0f0;gap:8px;padding:16px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.modal-btn.cancel{color:#666;background:#f5f5f5;border:1px solid #e0e0e0}.modal-btn.cancel:hover{background:#eee}.modal-btn.post{color:#fff;background:#f87b2d}.modal-btn.post:hover{background:#e66a1e}.activity-date-group{margin-bottom:24px}.activity-date-header{color:#666;margin-bottom:12px;padding-left:4px;font-size:14px;font-weight:600}.activity-item{cursor:pointer;background:#fff;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px;transition:background-color .2s;display:flex;position:relative}.activity-item:hover{background-color:#f8f8f8}.activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.activity-icon.check-in{color:#4caf50;background-color:#e8f5e9}.activity-icon.recreation{color:#ff9800;background-color:#fff3e0}.activity-icon.achievement{color:#ffc107;background-color:#fff8e1}.activity-content{flex:1;min-width:0}.activity-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.activity-privacy-icon{cursor:pointer;color:#666;border-radius:4px;padding:4px;transition:background-color .2s}.activity-privacy-icon:hover{background-color:#f0f0f0}.activity-main{color:#333;margin-bottom:4px;font-size:14px;line-height:1.4}.activity-highlight{color:#000;font-weight:600}.activity-details{color:#666;font-size:12px;line-height:1.3}.activity-time{color:#999;white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.activity-time svg{flex-shrink:0}.activity-menu-container{position:relative}.activity-menu-button{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:4px 8px;transition:background-color .2s}.activity-menu-button:hover{background-color:#f0f0f0}.activity-menu-dropdown{z-index:10;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:120px;margin-top:4px;position:absolute;top:100%;right:0;box-shadow:0 2px 8px #0000001a}.activity-menu-dropdown button{cursor:pointer;color:#333;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;transition:background-color .2s;display:flex}.activity-menu-dropdown button:hover{background-color:#f5f5f5}.activity-menu-dropdown button:first-child{border-radius:8px 8px 0 0}.activity-menu-dropdown button:last-child{border-radius:0 0 8px 8px}.activity-menu-dropdown button.delete-option{color:#d32f2f}.activity-menu-dropdown button.delete-option:hover{background-color:#ffebee}.activity-media{border-radius:8px;margin-top:10px;overflow:hidden}.activity-media-image{object-fit:cover;cursor:pointer;border-radius:8px;width:100%;height:auto;max-height:200px}.activity-media-video{width:100%;display:inline-block;position:relative}.video-play-icon{color:#fff;filter:drop-shadow(0 2px 4px #00000080);cursor:pointer;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-play-icon:hover{transform:translate(-50%,-50%)scale(1.1)}.activity-media-caption{color:#333;margin-top:6px;font-size:13px;line-height:1.4}.no-activity{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-activity p{color:#666;margin:16px 0 8px;font-size:16px;font-weight:500}.no-activity span{max-width:280px;font-size:14px;line-height:1.4}@media (width<=480px){.activity-container{padding:12px}.activity-item{padding:10px}.activity-icon{width:36px;height:36px}.activity-main{font-size:13px}.activity-details{font-size:11px}.activity-media-image{max-height:150px}.video-play-icon{width:32px;height:32px}.activity-media-caption{font-size:12px}.activity-menu-button{padding:2px 4px}.activity-privacy-icon{padding:2px}}@keyframes shareSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tag-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tag-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;max-height:85vh;animation:.3s tagModalSlideUp;overflow-y:auto}@keyframes tagModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tag-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tag-modal-header h3{color:#333;margin:0;font-size:18px;font-weight:600}.tag-modal-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.tag-modal-close:hover{color:#666;background:#f0f0f0}.tag-modal-restaurant{background:linear-gradient(135deg,#fff8f4 0%,#fff 100%);border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:16px 20px;display:flex}.tag-restaurant-icon{color:#f87b2d;font-size:24px}.tag-modal-restaurant h4{color:#333;margin:0;font-size:16px;font-weight:600}.tag-modal-restaurant p{color:#666;margin:2px 0 0;font-size:13px}.tag-section{padding:16px 20px}.tag-section-header{color:#666;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.tag-section-header svg{color:#f87b2d}.selected-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.selected-tag{color:#333;background:linear-gradient(135deg,#fff3e8 0%,#fff 100%);border:1px solid #ffd4b3;border-radius:20px;align-items:center;gap:6px;padding:4px 8px 4px 4px;font-size:13px;display:flex}.tag-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.remove-tag-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.remove-tag-btn:hover{color:#d32f2f;background:#ffebee}.tag-search-container{align-items:center;display:flex;position:relative}.tag-search-icon{color:#999;font-size:18px;position:absolute;left:12px}.tag-search-input{border:1.5px solid #e8e8e8;border-radius:10px;width:100%;padding:12px 12px 12px 40px;font-size:14px;transition:all .2s}.tag-search-input:focus{border-color:#f87b2d;outline:none;box-shadow:0 0 0 3px #f87b2d1a}.tag-search-input::placeholder{color:#bbb}.tag-search-spinner{border:2px solid #f0f0f0;border-top-color:#f87b2d;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;position:absolute;right:12px}.tag-search-results{background:#fff;border:1px solid #e8e8e8;border-radius:10px;max-height:200px;margin-top:8px;overflow-y:auto}.tag-search-result{cursor:pointer;border-bottom:1px solid #f5f5f5;align-items:center;gap:12px;padding:10px 12px;transition:background .2s;display:flex}.tag-search-result:last-child{border-bottom:none}.tag-search-result:hover{background:#f9f9f9}.tag-result-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.tag-result-info{flex-direction:column;flex:1;display:flex}.tag-result-name{color:#333;font-size:14px;font-weight:500}.tag-result-username{color:#999;font-size:12px}.tag-add-icon{color:#f87b2d;font-size:18px}.tag-modal-actions{border-top:1px solid #eee;gap:12px;padding:16px 20px;display:flex}.tag-modal-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tag-modal-btn.skip{color:#666;background:#f5f5f5}.tag-modal-btn.skip:hover{background:#ebebeb}.tag-modal-btn.share{color:#fff;background:linear-gradient(135deg,#f87b2d 0%,#e56a1c 100%)}.tag-modal-btn.share:hover{background:linear-gradient(135deg,#e56a1c 0%,#d45a0c 100%);box-shadow:0 2px 8px #f87b2d4d}.tag-modal-btn.share:disabled{cursor:not-allowed;background:#ccc}.activity-with{font-weight:400}.tagged-user-link{color:#f87b2d;cursor:pointer;font-weight:500}.tagged-user-link:hover{text-decoration:underline}.tagger-name-link{color:#f87b2d;cursor:pointer;font-weight:600}.tagger-name-link:hover{text-decoration:underline}.activity-item.tagged-checkin{background:linear-gradient(135deg,#fff8f0 0%,#fff 100%);border-left:3px solid #f87b2d}.activity-item.tagged-checkin .activity-icon.check-in{color:#fff;background:#f87b2d}.add-recipes-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.add-recipes-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:80vh;animation:.2s ease-out modalSlideIn;display:flex;box-shadow:0 4px 20px #00000026}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.add-recipes-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.add-recipes-modal-title{color:#333;margin:0;font-size:1.2rem;font-weight:600}.add-recipes-modal-close{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.add-recipes-modal-close:hover{color:#333}.add-recipes-modal-search{padding:1rem 1.5rem;position:relative}.add-recipes-modal-search-icon{color:#999;font-size:.9rem;position:absolute;top:50%;left:2rem;transform:translateY(-50%)}.add-recipes-modal-search-input{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px 10px 10px 36px;font-size:.95rem;transition:border-color .2s}.add-recipes-modal-search-input:focus{border-color:#f87b2d;outline:none}.add-recipes-modal-search-input::placeholder{color:#999}.add-recipes-modal-content{flex:1;min-height:200px;padding:1rem 1.5rem;overflow-y:auto}.add-recipes-modal-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.add-recipes-modal-item{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;padding:8px;transition:all .2s;display:flex}.add-recipes-modal-item:hover{background:#f5f5f5}.add-recipes-modal-item.selected{background:#fff5ee;border-color:#f87b2d}.add-recipes-modal-image-container{border-radius:8px;width:80px;height:80px;margin-bottom:6px;position:relative;overflow:hidden}.add-recipes-modal-image{object-fit:cover;width:100%;height:100%}.add-recipes-modal-check{color:#fff;background:#f87b2d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #0003}.add-recipes-modal-recipe-title{text-align:center;color:#333;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:80px;font-size:.75rem;overflow:hidden}.add-recipes-modal-no-results{text-align:center;color:#666;grid-column:1/-1;padding:40px 20px;font-size:.95rem}.add-recipes-modal-empty{text-align:center;color:#666;padding:40px 20px}.add-recipes-modal-empty p{margin:0 0 8px;font-size:.95rem}.add-recipes-modal-empty small{color:#999;font-size:.85rem}.add-recipes-modal-footer{background:#fafafa;border-top:1px solid #eee;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.add-recipes-modal-count{color:#666;font-size:.9rem}.add-recipes-modal-actions{gap:.75rem;display:flex}.add-recipes-modal-cancel,.add-recipes-modal-save{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .2s}.add-recipes-modal-cancel{color:#666;background:#f0f0f0}.add-recipes-modal-cancel:hover{background:#e0e0e0}.add-recipes-modal-save{color:#fff;background:#f87b2d}.add-recipes-modal-save:hover{background:#e66a26}@media (width<=480px){.add-recipes-modal{max-width:calc(100% - 20px);margin:10px}.add-recipes-modal-grid{grid-template-columns:repeat(3,1fr)}.add-recipes-modal-actions{flex-direction:column-reverse;gap:.5rem;width:100%}.add-recipes-modal-cancel,.add-recipes-modal-save{width:100%}}.bundles-container{width:100%}.bundles-container .profile-posts-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important;padding:1rem 1rem 6rem!important;display:grid!important}.bundle-item{flex-direction:column;align-items:center;height:fit-content;display:flex;position:relative}.bundle-item.menu-open{z-index:10000!important;position:relative!important}.bundle-card{aspect-ratio:1;cursor:pointer;background:#fff3e8;border-radius:8px;width:100%;height:0;margin-bottom:4px;padding-bottom:100%;position:relative;overflow:visible;box-shadow:0 1px 4px #0000000a}.bundle-item:not(.menu-open) .bundle-card{overflow:hidden}.bundles-container .bundle-item .bundle-title{text-align:center!important;color:#333!important;background:0 0!important;margin-top:0!important;font-size:.85rem!important;font-weight:500!important;line-height:1.2!important}.bundle-images-container{z-index:1;flex-direction:column;gap:2px;display:flex;position:absolute;inset:0}.bundle-images-container.layout-0 .bundle-image-full{background:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.bundle-images-container.layout-1{gap:0}.bundle-images-container.layout-1 .bundle-image-full{border-radius:8px;width:100%;height:100%;overflow:hidden}.bundle-images-container.layout-2{gap:2px}.bundle-images-container.layout-2 .bundle-image-half-top{border-radius:8px 8px 0 0;width:100%;height:calc(50% - 1px);overflow:hidden}.bundle-images-container.layout-2 .bundle-image-half-bottom{border-radius:0 0 8px 8px;width:100%;height:calc(50% - 1px);overflow:hidden}.bundle-images-container.layout-3 .bundle-image-top{border-radius:8px 8px 0 0;width:100%;height:calc(50% - 1px);overflow:hidden}.bundle-images-container.layout-3 .bundle-images-bottom{gap:2px;width:100%;height:calc(50% - 1px);display:flex}.bundle-images-container.layout-3 .bundle-image-bottom-left{border-radius:0 0 0 8px;width:calc(50% - 1px);height:100%;overflow:hidden}.bundle-images-container.layout-3 .bundle-image-bottom-right{border-radius:0 0 8px;width:calc(50% - 1px);height:100%;overflow:hidden}.bundle-image-top{border-radius:8px 8px 0 0;width:100%;height:calc(50% - 1px);overflow:hidden}.bundle-images-bottom{gap:2px;width:100%;height:calc(50% - 1px);display:flex}.bundle-image-bottom-left{border-radius:0 0 0 8px;width:calc(50% - 1px);height:100%;overflow:hidden}.bundle-image-bottom-right{border-radius:0 0 8px;width:calc(50% - 1px);height:100%;overflow:hidden}.bundle-gradient-overlay{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#0000004d 50%,#000000b3 100%);border-radius:8px;position:absolute;inset:0}.bundle-count{z-index:3;align-items:center;gap:1px;display:flex;position:absolute;bottom:6px;right:6px}.bundle-privacy-indicator{z-index:3;position:absolute;bottom:6px;left:6px}.privacy-icon.public{color:#f87b2d;filter:drop-shadow(0 0 2px #0006)drop-shadow(0 0 3px #0000004d)}.privacy-icon.private{color:#1f363d;filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 3px #fff)}.bundle-menu{z-index:1000;position:absolute;top:6px;right:-2px}.bundle-menu-trigger{cursor:pointer;color:#fff;text-shadow:1px 1px 2px #000000b3;background:0 0;border:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:16px;transition:color .2s;display:flex}.bundle-menu-trigger:hover{color:#f0f0f0}.three-dots{flex-direction:column;align-items:center;gap:2px;display:flex;transform:scale(.6)}.dot{background:#fff;border-radius:50%;width:3px;height:3px;box-shadow:0 0 1px #00000080}.bundle-menu-dropdown{background:#fff;border:1px solid #e8e8e8;border-radius:4px;flex-direction:column;width:max-content;min-width:110px;max-width:150px;padding:2px 0;display:inline-flex;overflow:hidden;box-shadow:0 2px 6px #0000001a}.bundle-menu-option{text-align:left;cursor:pointer;color:#333;white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;width:100%;padding:4px 8px;font-size:.68rem;line-height:1.1;transition:background-color .15s;display:flex}.bundle-menu-option svg{flex-shrink:0;font-size:.65rem}.bundle-menu-option:hover{background:#f5f5f5}.bundle-menu-option.delete{color:#dc3545}.bundle-menu-option.delete:hover{color:#c82333;background:#fff5f5}.bundle-stack-icon{color:#ebebeb;font-size:16px}.bundle-count-text{color:#ebebeb;font-size:13px;font-weight:500;line-height:1}@media (width>=600px){.bundles-container .profile-posts-grid{grid-template-columns:repeat(3,1fr)!important;gap:20px!important;padding:1.2rem 1.2rem 6rem!important}.bundles-container .bundle-item .bundle-title{font-size:.9rem!important}.bundle-count{bottom:8px;right:8px}.bundle-stack-icon{font-size:18px}.bundle-count-text{font-size:14px}.bundle-privacy-indicator{bottom:8px;left:8px}.privacy-icon.public{filter:drop-shadow(0 0 2px #0006)drop-shadow(0 0 4px #0000004d);font-size:16px}.privacy-icon.private{filter:drop-shadow(0 0 2px #fff)drop-shadow(0 0 4px #fff);font-size:16px}.bundle-menu{top:8px;right:0}.bundle-menu-trigger{width:18px;height:18px;font-size:18px}.bundle-menu-dropdown{min-width:160px}.bundle-menu-option{padding:12px 14px;font-size:.85rem}}@media (width<=599px){.bundles-container .profile-posts-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important;padding:.8rem .8rem 6rem!important}.bundle-item{min-height:80px}.bundles-container .bundle-item .bundle-title{font-size:.75rem!important}.bundle-count{gap:1px;bottom:4px;right:4px}.bundle-stack-icon{font-size:14px}.bundle-count-text{font-size:12px}.bundle-privacy-indicator{bottom:4px;left:4px}.privacy-icon.public{filter:drop-shadow(0 0 1px #0006)drop-shadow(0 0 2px #0000004d);font-size:12px}.privacy-icon.private{filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 2px #fff);font-size:12px}.bundle-menu{top:4px;right:-2px}.bundle-menu-trigger{width:14px;height:14px;font-size:14px}.bundle-menu-dropdown{min-width:130px;right:-10px}.bundle-menu-option{gap:6px;padding:8px 10px;font-size:.75rem}}.no-bundles{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-bundles p{color:#666;margin:16px 0 8px;font-size:16px;font-weight:500}.no-bundles span{max-width:280px;font-size:14px;line-height:1.4}.features-people-profile button:focus,.features-people-profile button:focus-visible,.features-people-profile button:active{box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;outline:none!important}.profile-posts-grid{scroll-behavior:smooth;flex-direction:row;gap:12px;padding:.5rem .5rem 6rem;display:flex;overflow:visible}.features-people-profile{text-align:center;background:#fff;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;min-width:120px;padding:12px;display:flex;position:relative;box-shadow:0 1px 4px #0000000a}.features-people-avatar{object-fit:cover;border:2px solid #fff3e8;border-radius:50%;width:54px;height:54px;margin-bottom:8px}.features-people-info{flex-direction:column;align-items:center;width:100%;display:flex}.features-people-name{color:#222;cursor:pointer;margin-bottom:4px;font-size:13px;font-weight:600;transition:color .2s}.features-people-name:hover{color:#f87b2d;text-decoration:underline}.features-people-followers{color:#979797;margin-bottom:2px;font-size:11px}.features-people-posts{color:#979797;margin-bottom:4px;font-size:11px}.features-people-follow{color:#f87b2d;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #f87b2d;border-radius:6px;width:90%;margin-bottom:4px;padding:5px 16px;font-size:11px;font-weight:500;transition:all .2s;outline:none!important}.features-people-follow:focus,.features-people-follow:focus-visible,.features-people-follow:active{box-shadow:none!important;outline:none!important}.features-people-follow:hover,.features-people-follow.following{color:#fff;background:#f87b2d;outline:none!important}.features-people-follow.following:focus{box-shadow:none!important;outline:none!important}.features-people-info-btn{color:#979797;cursor:pointer;z-index:1;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.features-people-info-btn:hover{color:#f87b2d;background:#fff3e8}@media (width>=600px){.profile-posts-grid{gap:16px}.features-people-profile{min-width:140px;padding:16px}}@media (width<=599px){.profile-posts-grid{gap:10px}.features-people-profile{min-width:100px;padding:10px}}.about-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.about-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:80vh;animation:.3s modalSlideIn;position:relative;overflow-y:auto}.about-modal-close{color:#666;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.about-modal-close:hover{color:#333;background:#f5f5f5}.about-modal-header{border-bottom:1px solid #eee;align-items:center;gap:16px;padding:24px 24px 16px;display:flex}.about-modal-avatar{object-fit:cover;border:2px solid #fff3e8;border-radius:50%;width:60px;height:60px}.about-modal-profile-info h3{color:#222;margin:0 0 4px;font-size:18px;font-weight:600}.about-modal-profile-info p{color:#666;margin:0;font-size:13px}.about-modal-content{padding:20px 24px 24px}.about-modal-content h4{color:#f87b2d;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.about-modal-content p{color:#444;margin:0;font-size:14px;line-height:1.5}.features-tab{padding:16px}.features-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.feature-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:12px;flex-direction:column;align-items:center;padding:12px 8px 10px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.feature-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000000f}.feature-card-avatar{object-fit:cover;border:2px solid #fff3e8;border-radius:50%;width:60px;height:60px;margin-bottom:8px}.feature-card-name{color:#222;word-break:break-word;font-size:13px;font-weight:600;line-height:1.2}.feature-card-name.muted{color:#999;font-weight:500}.feature-card-tag{text-transform:uppercase;letter-spacing:.4px;color:#f87b2d;background:#fff5ee;border-radius:4px;margin-top:4px;padding:1px 6px;font-size:9px;font-weight:600}.feature-card-remove{color:#c0392b;cursor:pointer;opacity:0;background:#ffffffeb;border:1px solid #f3c1bb;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px}.feature-card:hover .feature-card-remove{opacity:1}@media (hover:none){.feature-card-remove{opacity:1}}.feature-add{color:#888;background:#fafafa;border-style:dashed;justify-content:center;min-height:110px}.feature-add:hover{color:#f87b2d;background:#fff5ee;border-color:#f87b2d}.feature-picker-overlay{z-index:9000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.feature-picker{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:460px;max-height:80vh;padding:18px;display:flex;box-shadow:0 12px 32px #0000002e}.feature-picker-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.feature-picker-header h3{color:#222;margin:0;font-size:17px}.feature-picker-close{color:#888;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.feature-picker-search{border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.feature-picker-search svg{color:#888;flex-shrink:0;font-size:13px}.feature-picker-search input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.feature-picker-results{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.feature-picker-empty{color:#999;text-align:center;padding:14px 0;font-size:13px}.feature-picker-row{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f3f3f3;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.feature-picker-row:hover:not(:disabled){background:#fafafa}.feature-picker-row:disabled{opacity:.6;cursor:wait}.feature-picker-row-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.feature-picker-row-info{flex-direction:column;flex:1;display:flex}.feature-picker-row-name{color:#333;align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.feature-picker-row-tag{text-transform:uppercase;letter-spacing:.4px;color:#f87b2d;background:#fff5ee;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.feature-picker-row-handle{color:#888;font-size:11px}.feature-picker-row-plus{color:#f87b2d}.post-item{aspect-ratio:1;cursor:pointer;background:#f5f5f5;border-radius:0;width:100%;transition:transform .2s,opacity .2s;position:relative;overflow:hidden}.post-item:hover{opacity:.9;transform:scale(.98)}@media (width>=600px){.profile-posts-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=599px){.profile-posts-grid{grid-template-columns:repeat(3,1fr)}.post-item{min-height:108px}}.profile-tabs-toggle{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;min-height:48px;margin:0 0 .5rem;padding:0 .5rem;display:flex;position:relative}.tab-toggle{text-align:center;color:#333;cursor:pointer;background:0 0;border:none;flex:none;margin-right:2px;padding:.7rem 0 .3rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block;position:relative}.tab-toggle:visited,.tab-toggle:active,.tab-toggle:focus,.tab-toggle:hover{color:#333;text-decoration:none}@media (width<=360px){.profile-tabs-toggle{gap:8px!important;min-height:40px!important;padding:0 4px!important}.tab-toggle{margin-right:0!important;padding:.4rem 0 .25rem!important;font-size:10px!important}}.settings-dropdown{z-index:1000;background:#fff;border-radius:12px;min-width:280px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.settings-menu{padding:8px 0}.settings-item{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 20px;font-family:Roboto,sans-serif;font-size:16px;transition:background-color .2s;display:flex}.settings-item:hover{background-color:#f5f5f5}.settings-item.switch-accounts{border-bottom:1px solid #eee;margin-bottom:8px;padding-bottom:12px;font-weight:500}.settings-item.logout{color:#e74c3c;border-top:1px solid #eee;margin-top:8px;padding-top:12px}.settings-item.create-account{padding-bottom:12px}.settings-divider{background:#eee;height:1px;margin:8px 0}.settings-item.premium{color:#f87b2d;background:linear-gradient(135deg,#ffe8cc,#ffd4a3);font-weight:600;position:relative;overflow:hidden}.settings-item.premium:hover{background:linear-gradient(135deg,#ffd4a3,#ffc380)}.settings-item.premium:before{content:"👑";font-size:18px;position:absolute;right:20px}.accounts-list{background:#f8f8f8;border-bottom:1px solid #eee;margin:0 0 8px;padding:8px 0}.account-item{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 20px;transition:background-color .2s;display:flex;position:relative}.account-item:hover{background-color:#ececec}.account-item.active{background-color:#fff5f0}.account-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.account-info{text-align:left;flex:1}.account-username{color:#333;align-items:center;gap:6px;font-family:Roboto,sans-serif;font-size:15px;font-weight:500;display:flex}.primary-badge{color:#f87b2d;text-transform:uppercase;letter-spacing:.5px;background:#fff3e8;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.account-type{color:#666;margin-top:2px;font-family:Roboto,sans-serif;font-size:13px}.check-icon{color:#f87b2d;font-size:16px}.settings-item svg{color:#666;font-size:14px}.link-account-btn{margin-top:8px;border-top:1px dashed #ddd!important;padding-top:12px!important}.link-icon-wrapper{color:#fff;background:linear-gradient(135deg,#f87b2d,#e66a26);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.link-icon-wrapper.create{background:linear-gradient(135deg,#4caf50,#45a049);font-size:22px;font-weight:300}.link-account-btn.create-linked{margin-top:0;border-top:none!important;padding-top:12px!important}.spinner-icon{animation:1s linear infinite spin}.link-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.link-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.link-modal-header h3{color:#333;margin:0;font-family:Roboto,sans-serif;font-size:20px}.close-modal-btn{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:20px;transition:color .2s;display:flex}.close-modal-btn:hover{color:#333}.link-modal-desc{color:#666;margin:0 0 20px;font-size:14px;line-height:1.5}.link-form-group{margin-bottom:16px}.link-form-group label{color:#333;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.link-form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:16px;transition:border-color .2s}.link-form-group input:focus{border-color:#f87b2d;outline:none}.link-submit-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:600;transition:background-color .2s;display:flex}.link-submit-btn:hover:not(:disabled){background:#e66a26}.link-submit-btn:disabled{cursor:not-allowed;background:#ccc}.followers-modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.followers-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:80vh;display:flex;overflow:hidden}.followers-modal-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.followers-modal-title{color:#1a1a1a;margin:0;font-size:1.25rem;font-weight:600}.followers-modal-close{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;font-size:1.25rem;transition:color .2s;display:flex}.followers-modal-close:hover{color:#333}.followers-modal-tabs{border-bottom:1px solid #e5e5e5;display:flex}.followers-tab{color:#666;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;position:relative}.followers-tab:hover{color:#333;background:#f5f5f5}.followers-tab.active{color:#f87b2d}.followers-tab.active:after{content:"";background:#f87b2d;height:2px;position:absolute;bottom:0;left:0;right:0}.followers-tab-count{color:#999;font-size:.875rem}.followers-tab.active .followers-tab-count{color:#f87b2d}.followers-modal-content{flex:1;padding:1rem;overflow-y:auto}.follow-person-item{border-radius:12px;align-items:center;gap:1rem;padding:.75rem;transition:background .2s;display:flex}.follow-person-item:hover{background:#f5f5f5}.follow-person-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.follow-person-info{flex:1;min-width:0}.follow-person-name{color:#1a1a1a;margin:0 0 .25rem;font-size:1rem;font-weight:500}.follow-person-username{color:#666;margin:0;font-size:.875rem}.follow-person-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:6px;outline:none;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.follow-person-btn:focus{box-shadow:none;outline:none}.follow-person-btn:hover{color:#fff;background:#e66b1d}.follow-person-btn.following{color:#f87b2d;background:#ffe0cd}.follow-person-btn.following:hover{color:#f87b2d;background:#ffd4bb}.followers-empty{text-align:center;color:#999;padding:3rem 2rem}.followers-empty p{margin:0;font-size:1rem}@media (width<=600px){.followers-modal{max-height:90vh;margin:1rem}.followers-modal-header{padding:1rem}.followers-tab{padding:.75rem .5rem;font-size:.875rem}.follow-person-item{padding:.5rem}.follow-person-avatar{width:40px;height:40px}.follow-person-btn{padding:.4rem 1rem}}.toggle-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.toggle-icon{background:#ddd;border-radius:6px;align-items:center;width:60px;height:26px;padding:3px;transition:all .2s;display:flex;position:relative}.toggle-icon.active{background:#f87b2d}.toggle-icon:after{content:"";background:#fff;border-radius:4px;width:20px;height:20px;transition:all .2s;position:absolute;left:3px;box-shadow:0 2px 4px #0003}.toggle-icon.active:after{left:37px}.toggle-btn:hover .toggle-icon:not(.active){background:#bbb}.organize-profile-page{background:#fafafa;min-height:100vh;padding-bottom:80px}.organize-header{z-index:100;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.organize-header .back-btn{color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;display:flex}.organize-header .back-btn:hover{background:#f5f5f5}.organize-header h1{color:#333;text-align:center;flex:1;margin:0;font-size:17px;font-weight:600}.save-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600}.save-btn:disabled{cursor:not-allowed;background:#f5c8a8}.save-btn-placeholder{width:60px}.organize-content{max-width:600px;margin:0 auto;padding:0 16px}.edit-media{margin-bottom:60px;position:relative}.edit-banner{background:linear-gradient(135deg,#fff5ee 0%,#ffe4c8 100%);border-radius:12px;width:100%;height:160px;margin-top:16px;position:relative;overflow:hidden}.edit-banner img{object-fit:cover;width:100%;height:100%;display:block}.edit-banner-placeholder{color:#b88d6c;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;font-size:13px;display:flex}.edit-banner-placeholder svg{font-size:28px}.edit-banner-btn{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:16px;display:flex;position:absolute;bottom:10px;right:10px}.edit-banner-btn:hover{background:#000000bf}.edit-avatar-wrap{width:96px;height:96px;position:absolute;bottom:-48px;left:16px}.edit-avatar{object-fit:cover;background:#fff;border:4px solid #fff;border-radius:50%;width:96px;height:96px;box-shadow:0 2px 10px #00000014}.edit-avatar-btn{color:#fff;cursor:pointer;background:#f87b2d;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:14px;display:flex;position:absolute;bottom:0;right:0}.edit-avatar-btn:hover{background:#e36a20}.edit-status-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 18px;display:flex}.edit-verified-chip{color:#2e7d32;background:#e8f5e9;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.edit-verified-chip svg{color:#2e7d32}.edit-verify-link,.edit-pro-link{color:#f87b2d;cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:13px;font-weight:600}.edit-verify-link:hover,.edit-pro-link:hover{color:#c75416}.edit-error{color:#c0392b;background:#fde4e1;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}.edit-section{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:14px;padding:16px}.edit-section h2{color:#333;margin:0 0 4px;font-size:15px;font-weight:600}.edit-section-hint{color:#888;margin:0 0 12px;font-size:12px}.edit-field{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.edit-field:last-child{margin-bottom:0}.edit-field-label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.edit-field input[type=text],.edit-field input[type=url],.edit-field textarea{color:#333;resize:vertical;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px}.edit-field input:focus,.edit-field textarea:focus{border-color:#f87b2d;outline:none}.edit-field small{color:#999;align-self:flex-end;font-size:11px}.edit-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.edit-links{flex-direction:column;gap:8px;display:flex}.edit-link-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;align-items:center;gap:6px;display:grid}.edit-link-row input{color:#333;appearance:none;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:9px 12px;font-size:14px}.edit-link-row input::placeholder{color:#999;opacity:1}.edit-link-row input::-webkit-input-placeholder{color:#999;-webkit-text-fill-color:#999}.edit-link-row input:focus{border-color:#f87b2d;outline:none}.edit-link-remove{color:#c0392b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px}.edit-link-remove:hover{background:#fde4e1}.edit-add-link{color:#555;cursor:pointer;background:0 0;border:1px dashed #d0d0d0;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:9px 14px;font-size:14px;display:inline-flex}.edit-add-link:hover{color:#f87b2d;border-color:#f87b2d}.edit-toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.edit-toggle-label{color:#222;font-size:14px;font-weight:500}.edit-toggle-hint{color:#888;margin-top:2px;font-size:12px}.verify-page{background:#fafafa;min-height:100vh;padding-bottom:80px}.verify-header{z-index:100;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.verify-header .back-btn{color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;display:flex}.verify-header .back-btn:hover{background:#f5f5f5}.verify-header h1{color:#333;text-align:center;flex:1;margin:0;font-size:17px;font-weight:600}.verify-content{max-width:560px;margin:0 auto;padding:16px}.verify-status{text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:18px;padding:22px 20px}.verify-status svg{margin-bottom:8px;font-size:38px}.verify-status h2{color:#222;margin:0 0 6px;font-size:17px}.verify-status p{color:#666;margin:0 0 4px;font-size:13px;line-height:1.5}.verify-status-meta{color:#999;font-size:11px}.verify-status-approved svg{color:#2e7d32}.verify-status-pending svg{color:#f87b2d}.verify-status-rejected{border-color:#f3c1bb}.verify-form{background:#fff;border:1px solid #eee;border-radius:12px;padding:18px 18px 22px}.verify-form h2{color:#222;margin:0 0 4px;font-size:16px}.verify-form-hint{color:#888;margin:0 0 16px;font-size:12px;line-height:1.5}.verify-field{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.verify-field>span:first-child{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.verify-field-hint{color:#999;margin:0 0 6px;font-size:11px}.verify-field input[type=text],.verify-field input[type=url],.verify-field textarea{color:#333;resize:vertical;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px}.verify-field input:focus,.verify-field textarea:focus{border-color:#f87b2d;outline:none}.verify-field small{color:#999;align-self:flex-end;font-size:11px}.verify-link-row{gap:6px;margin-bottom:6px;display:flex}.verify-link-row input{flex:1}.verify-link-remove{color:#c0392b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px}.verify-link-remove:hover{background:#fde4e1}.verify-add-link{color:#555;cursor:pointer;background:0 0;border:1px dashed #d0d0d0;border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:8px 12px;font-size:13px;display:inline-flex}.verify-add-link:hover{color:#f87b2d;border-color:#f87b2d}.verify-error{color:#c0392b;background:#fde4e1;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:13px}.verify-success{color:#2e7d32;background:#e8f5e9;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:13px}.verify-submit{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;width:100%;margin-top:16px;padding:11px 14px;font-size:14px;font-weight:600;display:block}.verify-submit:hover:not(:disabled){background:#e36a20}.verify-submit:disabled{cursor:not-allowed;background:#f5c8a8}.profile-analytics-page{background:#faf9f6;min-height:100vh;padding-bottom:80px}.analytics-header{background:#fff;border-bottom:1px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.back-button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:16px;transition:background-color .2s;display:flex}.header-info{flex-wrap:wrap;flex:1;align-items:center;gap:16px;display:flex}.page-title{color:#1a1a1a;margin:0;font-size:28px;font-weight:700}.profile-analytics-page .stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:28px;display:grid}.profile-analytics-page .stat-card{text-align:left;background:#fff;border-radius:14px;flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #0000000f}.profile-analytics-page .stat-icon{color:#f87b2d;background:linear-gradient(135deg,#ffe8cc,#ffd4a3);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin:0;font-size:20px;display:flex}.profile-analytics-page .stat-info{text-align:left;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:2px;min-width:0;display:flex}.profile-analytics-page .stat-label{text-transform:uppercase;letter-spacing:.5px;color:#888;text-align:left;font-size:11px;font-weight:600}.profile-analytics-page .stat-value{color:#444;text-align:left;font-size:26px;font-weight:600;line-height:1.1}.profile-analytics-page .stat-change{color:#666;white-space:nowrap;background:#f5f5f5;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;display:inline-flex}.profile-analytics-page .stat-change.positive{color:#2ecc71;background:#e8ffe8}.profile-analytics-page .stat-change.negative{color:#e74c3c;background:#ffe8e8}.profile-analytics-page .stat-change svg{font-size:11px}.chart-section{background:#fff;border-radius:16px;margin-bottom:32px;padding:24px;overflow:hidden;box-shadow:0 2px 8px #00000014}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-title svg{color:#f87b2d}.period-selector{gap:8px;display:flex}.period-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.period-btn:hover{color:#f87b2d;border-color:#f87b2d}.chart-wrapper{overflow:auto hidden}.bar-chart{align-items:flex-end;gap:16px;min-width:fit-content;height:200px;padding:20px 0;display:flex}.chart-bar-group{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:50px;max-width:100px;display:flex}.chart-bars{align-items:flex-end;gap:4px;height:150px;display:flex}.chart-bar{cursor:pointer;border-radius:4px 4px 0 0;width:20px;transition:all .3s}.followers-bar{background:linear-gradient(#ff9a5c,#f87b2d)}.unfollows-bar{background:linear-gradient(#ff6b6b,#e74c3c)}.chart-legend{border-top:1px solid #eee;justify-content:center;gap:24px;margin-top:20px;padding-top:16px;display:flex}.followers-legend{background:linear-gradient(135deg,#f87b2d,#ff9a5c)}.unfollows-legend{background:linear-gradient(135deg,#e74c3c,#ff6b6b)}.top-posts-section{background:#fff;border-radius:16px;margin-bottom:32px;padding:24px;box-shadow:0 2px 8px #00000014}.top-posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.post-card{cursor:pointer;border:1px solid #eee;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.post-image{object-fit:cover;width:100%;height:200px}.post-info{padding:16px}.post-title{color:#1a1a1a;margin:0 0 8px;font-size:16px;font-weight:600}.post-date{color:#999;margin:0 0 12px;font-size:13px}.post-stats{flex-wrap:wrap;gap:12px;display:flex}.post-stat{color:#666;align-items:center;gap:4px;font-size:13px;display:flex}.post-stat svg{color:#999;font-size:14px}.content-performance-section{background:#fff;border-radius:16px;margin-bottom:32px;padding:24px;box-shadow:0 2px 8px #00000014}.content-type-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:20px;display:grid}.profile-analytics-page .content-type-card{background:#fafafa;border:1px solid #eee;border-radius:12px;padding:16px 18px}.profile-analytics-page .content-type-header,.profile-analytics-page .metric{grid-template-columns:1fr auto;align-items:center;width:100%;margin:0;padding:0;display:grid}.profile-analytics-page .content-type-header{margin-bottom:10px}.profile-analytics-page .content-type-header h4{color:#1a1a1a;margin:0;font-size:16px;font-weight:600}.profile-analytics-page .content-count{color:#999;font-size:13px}.profile-analytics-page .content-metrics{flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.profile-analytics-page .metric-label{color:#666;justify-self:start;font-size:13px;font-weight:400}.profile-analytics-page .metric-value{color:#1a1a1a;justify-self:end;font-size:13px;font-weight:600}.profile-analytics-page .content-count{justify-self:end}.profile-analytics-page .content-type-header h4{justify-self:start}.audience-section{background:#fff;border-radius:16px;margin-bottom:32px;padding:24px;box-shadow:0 2px 8px #00000014}.demographics-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:20px;display:grid}.demo-card{background:#fafafa;border:1px solid #eee;border-radius:12px;padding:20px}.demo-card h4{color:#1a1a1a;margin:0 0 20px;font-size:16px;font-weight:600}.demo-bars{flex-direction:column;gap:16px;display:flex}.demo-bar-item{flex-direction:column;gap:8px;display:flex}.demo-bar-label{color:#666;justify-content:space-between;font-size:13px;display:flex}.demo-bar-track{background:#e0e0e0;border-radius:4px;height:24px;overflow:hidden}.demo-bar-fill{background:linear-gradient(90deg,#f87b2d,#ff9a5c);border-radius:4px;height:100%;transition:width .5s}.location-fill{background:linear-gradient(90deg,#4a90e2,#6ba3f5)}.peak-times-section{background:#fff;border-radius:16px;margin-bottom:32px;padding:24px;box-shadow:0 2px 8px #00000014}.activity-heatmap{margin-top:20px}.heatmap-days{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.heatmap-day{flex-direction:column;align-items:center;gap:4px;display:flex}.day-label{color:#666;font-size:12px;font-weight:600}.heatmap-legend{color:#666;border-top:1px solid #eee;justify-content:center;align-items:center;gap:12px;margin-top:20px;padding-top:16px;font-size:13px;display:flex}.insights-recommendations{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014}.recommendation-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.recommendation-card{background:#fafafa;border:1px solid #eee;border-radius:12px;gap:16px;padding:20px;transition:all .2s;display:flex}.recommendation-card:hover{background:#fff;box-shadow:0 4px 12px #00000014}.rec-icon{color:#f87b2d;background:linear-gradient(135deg,#ffe8cc,#ffd4a3);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.rec-content h4{color:#1a1a1a;margin:0 0 8px;font-size:16px;font-weight:600}@media (width<=768px){.analytics-header{flex-direction:column;align-items:flex-start}.header-info{width:100%}.stats-grid,.top-posts-grid,.demographics-grid{grid-template-columns:1fr}.heatmap-days{gap:8px;display:flex;overflow-x:auto}.heatmap-day{min-width:60px}.recommendation-cards{grid-template-columns:1fr}}.help-page{background:#fafafa;min-height:100vh;padding-bottom:80px}.help-header{z-index:100;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.help-header .back-btn{color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;display:flex}.help-header .back-btn:hover{background:#f5f5f5}.help-header h1{color:#333;text-align:center;flex:1;margin:0;font-size:17px;font-weight:600}.help-content{max-width:640px;margin:0 auto;padding:18px 16px}.help-hero{text-align:center;background:linear-gradient(135deg,#fff5ee 0%,#ffe4c8 100%);border-radius:14px;margin-bottom:18px;padding:22px 18px 18px}.help-hero h2{color:#222;margin:0 0 4px;font-size:20px}.help-hero p{color:#6b4a2a;margin:0 0 14px;font-size:13px}.help-search{background:#fff;border:1px solid #f1cfa5;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;display:flex}.help-search svg{color:#b88d6c;flex-shrink:0;font-size:13px}.help-search input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:14px}.help-section{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:12px;padding:14px 16px}.help-section h3{text-transform:uppercase;letter-spacing:.4px;color:#888;margin:0 0 6px;font-size:14px;font-weight:700}.help-articles{margin:0;padding:0;list-style:none}.help-article{border-bottom:1px solid #f3f3f3}.help-article:last-child{border-bottom:none}.help-article-summary{text-align:left;cursor:pointer;color:#222;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 4px;font-size:14px;font-weight:500;display:flex}.help-chevron{color:#999;flex-shrink:0;margin-left:8px;font-size:12px;transition:transform .18s}.help-article.open .help-chevron{transform:rotate(180deg)}.help-article-body{color:#555;margin:0 4px 12px;font-size:13px;line-height:1.55}.help-empty{text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;padding:22px 18px}.help-empty p{color:#666;margin:0 0 10px;font-size:13px}.help-cta{text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;margin-top:16px;padding:20px 18px}.help-cta h4{color:#222;margin:0 0 6px;font-size:15px}.help-cta p{color:#666;margin:0 0 14px;font-size:13px}.help-contact-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.help-contact-btn:hover{background:#e36a20}.contact-form{background:#fff;border:1px solid #eee;border-radius:12px;padding:18px 18px 22px}.contact-form-hint{color:#666;margin:0 0 16px;font-size:13px;line-height:1.5}.contact-field{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.contact-field>span:first-child{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.contact-field input[type=text],.contact-field textarea,.contact-field select{color:#333;resize:vertical;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px}.contact-field input:focus,.contact-field textarea:focus,.contact-field select:focus{border-color:#f87b2d;outline:none}.contact-field small{color:#999;align-self:flex-end;font-size:11px}.contact-attach-btn{color:#555;cursor:pointer;background:0 0;border:1px dashed #d0d0d0;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:9px 14px;font-size:14px;display:inline-flex}.contact-attach-btn:hover{color:#f87b2d;border-color:#f87b2d}.contact-attachment{width:100px;height:100px;position:relative}.contact-attachment img{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block}.contact-attachment-remove{color:#c0392b;cursor:pointer;background:#fff;border:1px solid #f3c1bb;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:10px;display:flex;position:absolute;top:-8px;right:-8px}.contact-error{color:#c0392b;background:#fde4e1;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.contact-submit{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;width:100%;padding:11px 14px;font-size:14px;font-weight:600;display:block}.contact-submit:hover:not(:disabled){background:#e36a20}.contact-submit:disabled{cursor:not-allowed;background:#f5c8a8}.blocked-page{background:#fafafa;min-height:100vh;padding-bottom:80px}.blocked-header{z-index:100;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.blocked-header .back-btn{box-shadow:none;color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;display:flex;position:static;inset:auto;transform:none}.blocked-header .back-btn:hover{background-color:#f5f5f5}.blocked-header h1{color:#222;text-align:center;flex:1;margin:0;font-size:17px;font-weight:600}.blocked-content{max-width:560px;margin:0 auto;padding:16px}.blocked-state-text{color:#888;text-align:center;padding:40px 20px;font-size:14px}.blocked-empty{text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;padding:30px 20px}.blocked-empty h2{color:#222;margin:0 0 8px;font-size:17px}.blocked-empty p{color:#666;max-width:340px;margin:0 auto;font-size:13px;line-height:1.5}.blocked-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.blocked-row{background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.blocked-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px}.blocked-info{flex-direction:column;flex:1;min-width:0;display:flex}.blocked-username{color:#222;font-size:14px;font-weight:600}.blocked-display-name{color:#888;font-size:12px}.blocked-unblock-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:8px;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:600}.blocked-unblock-btn:hover:not(:disabled){background:#f5f5f5;border-color:#999}.blocked-unblock-btn:disabled{opacity:.6;cursor:wait}.profile-page-container{background:#fff;min-height:100vh;padding:0;font-family:Roboto,sans-serif}.profile-header,.profile-stats,.profile-actions,.profile-tabs-toggle{box-sizing:border-box;min-width:100%}.profile-header{flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem 1.5rem;display:flex}.profile-header-left{flex-direction:column;align-items:center;gap:.4rem;display:flex}.profile-title{color:#333;text-align:center;font-size:1.25rem;font-weight:600;line-height:1.2}.profile-header-stats{justify-content:center;align-items:center;gap:1.25rem;display:flex}.profile-header-stat{cursor:pointer;flex-direction:column;align-items:center;transition:opacity .2s;display:flex}.profile-header-stat:hover{opacity:.7}.profile-header-stat-number{color:#333;font-size:.95rem;font-weight:600;line-height:1.2}.profile-header-stat-label{color:#888;text-transform:lowercase;font-size:.7rem}.profile-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.profile-stats{display:none}.profile-stat-number{text-align:center;color:#333;font-size:1.3rem;font-weight:500}.profile-stat-label{color:#888;text-align:center;font-size:1rem}.profile-actions{justify-content:center;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.organize-btn{color:#333;cursor:pointer;background:#f8bfa2;border:none;border-radius:6px;padding:.8rem 2rem;font-size:1rem;font-weight:500}.user-follow-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:6px;padding:.8rem 2rem;font-size:1rem;font-weight:500;transition:all .2s}.user-follow-btn:hover{background:#e56a1d}.user-follow-btn.following{color:#f87b2d;background:#ffe5d9;border:1px solid #f87b2d;font-weight:500}.user-follow-btn.following:hover{background:#ffd4c0}.profile-menu{background:#eee;border-radius:6px;grid-template-rows:repeat(2,10px);grid-template-columns:repeat(2,10px);gap:5px;padding:8px;display:grid}.menu-dot{background:#888;border-radius:50%;width:8px;height:8px;display:inline-block}.profile-tabs{border-bottom:1px solid #eee;justify-content:space-around;margin-bottom:.5rem;font-size:1rem;font-weight:500;display:flex}.tab{cursor:pointer;color:#333;padding:.7rem 0}.tab.active{border-bottom:2px solid #333}.profile-tabs-toggle{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;min-height:48px;margin:0 0 .5rem;padding:0 .5rem;display:flex}.tab-toggle{text-align:center;color:#333;cursor:pointer;flex:none;margin-right:2px;padding:.7rem 0 .3rem;font-size:.95rem;font-weight:500;transition:color .2s;display:inline-block;position:relative}.tab-toggle:last-child{margin-right:0}.tab-toggle.active{color:#f87b2d}.tab-underline{background:#f87b2d;border-radius:2px;width:100%;height:3px;transition:width .2s;position:absolute;bottom:0;left:0}.profile-posts-grid{grid-template-columns:repeat(3,1fr);gap:1px;padding:.5rem .5rem 2rem;display:grid}.post-item{aspect-ratio:1;background:#f5f5f5;border-radius:0;width:100%;position:relative;overflow:hidden}.post-img{object-fit:cover;aspect-ratio:1;width:100%;height:100%;display:block}@media (width>=600px){.profile-posts-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media (width<=599px){.profile-posts-grid{grid-template-columns:repeat(3,1fr)}.post-item{min-height:108px}}.post-overlay{color:#fff;background:#00000080;border-radius:12px;align-items:center;padding:2px 8px;font-size:.9rem;display:flex;position:absolute;bottom:6px;left:8px}.eye-icon{margin-right:4px}.profile-tab-content{width:100%;height:420px;overflow-y:auto}.favorites-page{background-color:#f8f8f8;min-height:100vh;padding:1rem 1rem 80px}.empty-favorites{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:60px 20px;display:flex}.favorites-header-page{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.5rem 0;display:flex}.favorites-title-page{color:#333;text-align:center;flex:1;margin:0;font-size:1.5rem;font-weight:700}.back-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.2rem}.delete-collection-btn{color:#f44;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.1rem}.collections-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:1rem;display:grid}.collection-card,.create-collection-card{cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000014}.collection-card:hover,.create-collection-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.create-collection-card{background:#fafafa;border:2px dashed #ddd;flex-direction:column;justify-content:center;align-items:center;display:flex}.create-icon{color:#f87b2d;margin-bottom:.5rem;font-size:2rem}.create-collection-card span{color:#666;font-size:.9rem;font-weight:500}.collection-card .collection-cover{aspect-ratio:1;object-fit:cover;border-bottom:1px solid #f0f0f0;flex-shrink:0;width:100%;height:auto;display:block}.collection-card .collection-cover-placeholder{aspect-ratio:1;background:#f0f0f0;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.placeholder-grid{aspect-ratio:1;grid-template-columns:repeat(2,1fr);gap:4px;width:60%;display:grid}.placeholder-square{background:#ddd;border-radius:4px}.collection-card-info{flex-shrink:0;padding:8px 10px}.collection-name{color:#333;text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.collection-stats{color:#888;margin:0;font-size:11px}.default-badge{color:#fff;background:#f87b2d;border-radius:12px;padding:.2rem .5rem;font-size:.7rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.collection-menu{z-index:10;position:absolute;top:.25rem;right:.25rem}.collection-menu-btn{color:#666;cursor:pointer;z-index:5;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;transition:color .2s;display:flex;position:relative}.collection-menu-btn:hover{color:#333;background:#0000000d;border-radius:50%}.collection-menu-btn svg{font-size:16px}.collection-dropdown{z-index:100;background:#fff;border-radius:8px;min-width:120px;margin-top:.25rem;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.dropdown-item{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:background .2s;display:flex}.dropdown-item:hover{background:#f5f5f5}.dropdown-item.delete{color:#f44}.dropdown-item svg{font-size:.85rem}.collection-info{text-align:center;margin-bottom:1.5rem}.collection-description{color:#666;margin:0 0 .5rem;font-size:.95rem}.recipe-count{color:#999;font-size:.85rem}.recipes-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}.saved-recipe-card{cursor:pointer;background:#fff;border-radius:12px;transition:transform .2s;overflow:hidden;box-shadow:0 2px 8px #00000014}.saved-recipe-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.saved-recipe-image{object-fit:cover;width:100%;height:120px}.saved-recipe-info{padding:.8rem}.saved-recipe-title{color:#333;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;font-weight:600;overflow:hidden}.empty-collection{text-align:center;grid-column:1/-1;padding:3rem 1rem}.empty-collection p{color:#999;margin-bottom:1rem}.browse-recipes-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;padding:.8rem 2rem;font-weight:600}@media (width>=768px){.collections-grid,.recipes-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.collections-grid,.recipes-grid{grid-template-columns:repeat(4,1fr)}.favorites-page{max-width:1200px;margin:0 auto}}.meal-card{cursor:pointer;background-color:#fff;border-radius:12px;margin-bottom:12px;padding:16px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 2px 4px #00000014}.meal-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.meal-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.meal-info{flex:1;align-items:center;gap:12px;display:flex}.meal-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px}.meal-text{flex:1;min-width:0}.meal-name{color:#333;margin:0;font-size:16px;font-weight:600;line-height:1.3;display:inline}.meal-quantity{color:#666;margin-left:8px;font-size:14px;display:inline}.meal-card-delete{cursor:pointer;transition:color .2s,background .2s;color:#666!important;box-sizing:border-box!important;background:#f0f0f0!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:10px!important;right:10px!important}.meal-card-delete svg{width:18px!important;height:18px!important}.meal-card-delete:hover{color:#f44!important;background:#ffe5e5!important}.meal-card-body{padding-top:8px}.nutrition-row{align-items:center;gap:12px;display:flex}.calories-display{flex-shrink:0;align-items:baseline;gap:4px;display:flex}.calories-value{color:#777;font-size:20px;font-weight:700}.calories-label{color:#666;font-size:14px;font-weight:400}.macros{gap:6px;margin-left:8px;display:flex}.macro{text-align:center;background-color:#f8f8f8;border-radius:6px;min-width:50px;padding:4px 8px}.macro-value{color:#777;margin-bottom:1px;font-size:12px;font-weight:500;display:block}.macro-label{color:#999;text-transform:uppercase;letter-spacing:.3px;font-size:10px;display:block}@media (width>=768px){.meal-card{padding:20px}.meal-image{width:56px;height:56px}.meal-name{font-size:18px}.meal-quantity{font-size:15px}.calories-value{font-size:22px}.calories-label{font-size:15px}.macro-value{font-size:13px}.macro-label{font-size:11px}.macros{gap:8px}.macro{min-width:60px;padding:6px 10px}}@media (width>=1024px){.meal-card{padding:24px}.macro{padding:12px 8px}}.nutrition-summary{background-color:#fff;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 4px 6px #00000014}.summary-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.summary-title{color:#333;margin:0;font-size:20px;font-weight:700}.edit-goals-btn{cursor:pointer;color:#666;background:0 0;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;transition:all .2s;display:flex}.edit-goals-btn:hover{color:#333;background:#f5f5f5;border-color:#ccc}.edit-goals-btn svg{font-size:16px}.nutrition-summary .nutrition-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid;position:relative}.nutrition-summary .nutrition-item{background-color:#f8f9fa;border-radius:12px;min-height:100px;padding:12px;transition:all .2s;position:relative}.nutrition-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.nutrition-summary .nutrition-header{align-items:center;gap:6px;margin-bottom:8px;display:flex}.nutrition-summary .nutrition-icon{font-size:16px}.nutrition-summary .nutrition-label{color:#666;font-size:12px;font-weight:500}.nutrition-value{align-items:baseline;gap:4px;margin-bottom:8px;padding-left:4px;display:flex}.nutrition-summary .current-value{color:#333;font-size:20px;font-weight:700}.nutrition-summary .goal-value{color:#999;font-size:11px}.progress-bar{display:none}.progress-fill{border-radius:3px;height:100%;transition:width .3s}.percentage-label{text-align:right;padding-right:4px;font-size:12px;font-weight:600}.summary-footer{text-align:center;border-top:1px solid #f0f0f0;padding-top:16px}.summary-tip{color:#666;margin:0;font-size:14px;line-height:1.4}@keyframes fillProgress{0%{width:0}}.progress-fill{animation:.5s ease-out fillProgress}@media (width>=768px){.nutrition-summary{padding:24px}.summary-title{margin-bottom:24px;font-size:24px}.nutrition-summary .nutrition-grid{grid-template-columns:repeat(4,1fr);gap:24px}.nutrition-summary .nutrition-item{min-height:auto;padding:24px}.nutrition-item:not(:nth-child(4n)):after{content:"";background-color:#e0e0e0;width:1px;height:60%;position:absolute;top:20%;right:-12px}.nutrition-summary .nutrition-icon{font-size:24px}.nutrition-summary .nutrition-label{font-size:16px}.nutrition-summary .current-value{font-size:28px}.nutrition-summary .goal-value,.percentage-label{font-size:14px}.summary-tip{font-size:16px}}@media (width>=1024px){.nutrition-summary{max-width:800px;margin:0 auto 24px}.nutrition-item{transition:transform .2s}.nutrition-item:hover{transform:translateY(-2px)}}.barcode-scanner-overlay{z-index:9999;background-color:#000000e6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.barcode-scanner-container{background-color:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:500px;max-height:80vh;margin:auto;display:flex;position:relative;overflow:hidden}@media (width<=767px){.barcode-scanner-container{border-radius:0;max-width:100%;height:100vh;max-height:100vh}}.scanner-header{background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex}.scanner-header h2{color:#333;margin:0;font-size:20px;font-weight:700}.close-scanner-btn{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:24px;display:flex}.scanner-content{background-color:#000;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.permission-message{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:20px;display:flex}.permission-message svg{color:#ccc}.permission-message p{margin:0;font-size:16px}.permission-btn{color:#fff;cursor:pointer;background-color:#ff6b35;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.permission-btn:hover{background-color:#e85a2a}.video-container{aspect-ratio:4/3;width:100%;max-width:400px;position:relative}.scanner-video{object-fit:cover;border-radius:12px;width:100%;height:100%}.scanner-guide{pointer-events:none;position:absolute;inset:10% 5% 25%}.scanner-corners{width:100%;height:100%;position:relative}.scanner-corners:before,.scanner-corners:after{content:"";border:3px solid #ff6b35;width:40px;height:40px;position:absolute}.scanner-corners:before{border-bottom:none;border-right:none;top:0;left:0}.scanner-corners:after{border-bottom:none;border-left:none;top:0;right:0}.scanner-guide:before,.scanner-guide:after{content:"";border:3px solid #ff6b35;width:40px;height:40px;position:absolute}.scanner-guide:before{border-top:none;border-right:none;bottom:0;left:0}.scanner-guide:after{border-top:none;border-left:none;bottom:0;right:0}@keyframes scan{0%{transform:translateY(-75px)}to{transform:translateY(75px)}}.scanner-guide:after{content:"";background:linear-gradient(90deg,#0000,#ff6b35,#0000);height:2px;animation:2s linear infinite scan;position:absolute;top:50%;left:0;right:0}.scanner-instruction{color:#fff;text-align:center;margin-top:20px;font-size:14px}.scanner-error{color:#c62828;text-align:center;background-color:#ffebee;border-radius:8px;max-width:300px;margin-top:20px;padding:12px 20px;font-size:14px}*{box-sizing:border-box}.modal-overlay{z-index:10000;box-sizing:border-box;background-color:#f5f5f5f2;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-content{background-color:#fff;border-radius:20px;flex-direction:column;width:90%;max-width:500px;height:auto;max-height:calc(100vh - 40px);margin:auto;animation:.3s slideUp;display:flex;position:relative;overflow:hidden}.modal-header h2{color:#333;text-transform:capitalize;margin:0;font-size:20px;font-weight:700}.search-bar-section{background-color:#f8f8f8;border-bottom:1px solid #e0e0e0;padding:12px 16px}.modal-tabs{background-color:#f8f8f8;gap:8px;padding:12px 16px;display:flex}.tab-btn{color:#666;cursor:pointer;background-color:#0000;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tab-btn.active{color:#fff;background-color:#4caf50}.tab-btn:hover:not(.active){background-color:#e0e0e0}.tab-btn svg{font-size:16px}.tab-btn.barcode-btn{background-color:#f0f0f0;flex:.5;padding:8px}.tab-btn.barcode-btn:hover{background-color:#e0e0e0}.tab-btn.barcode-btn svg{color:#666;font-size:20px}.modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:12px;overflow-y:auto}.search-input-wrapper{max-width:100%;margin:0 auto;position:relative}.search-icon{color:#999;pointer-events:none;font-size:18px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{box-sizing:border-box;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:10px 12px 10px 36px;font-size:14px;transition:all .2s}.search-input:focus{background-color:#fff;border-color:#4caf50;outline:none}.search-input.no-icon{padding-left:12px}.search-results{padding-bottom:20px}.search-results-title{color:#333;margin:0 0 16px;font-size:18px;font-weight:600}.food-list{flex-direction:column;gap:8px;display:flex}.food-item{cursor:pointer;background-color:#f8f8f8;border-radius:12px;align-items:center;gap:12px;width:100%;padding:16px;transition:all .2s;display:flex}.food-item:hover{background-color:#e8e8e8;transform:translate(2px)}.food-item:active{background-color:#e0e0e0;transform:scale(.98)}.food-item-image{object-fit:cover;background:#f5f5f5;border-radius:8px;flex-shrink:0;width:60px;height:60px}.food-info{flex:1;min-width:0}.food-name{color:#333;margin:0 0 4px;font-size:16px;font-weight:600}.food-details{color:#666;margin:0;font-size:14px}.food-macros{color:#999;margin:4px 0 0;font-size:12px}.recipe-badge{color:#fff;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.no-recent-items{text-align:center;padding:40px 20px}.no-recent-items p{color:#666;margin:0;font-size:14px}.no-recent-items .hint-text{color:#999;margin-top:8px;font-size:12px}.custom-food-form{flex-direction:column;gap:20px;display:flex}.image-upload-section{flex-direction:column;gap:8px;display:flex}.image-label{color:#333;font-size:14px;font-weight:500}.image-upload-container{justify-content:center;display:flex}.upload-image-btn{cursor:pointer;background:#f9f9f9;border:2px dashed #e0e0e0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:120px;height:120px;transition:all .2s;display:flex}.upload-image-btn:hover{background:#f5f5ff;border-color:#667eea}.upload-icon{color:#667eea;font-size:28px}.upload-image-btn span{color:#666;font-size:14px;font-weight:500}.image-preview-wrapper{width:120px;height:120px;position:relative}.image-preview{object-fit:cover;border:2px solid #e0e0e0;border-radius:12px;width:100%;height:100%}.remove-image-btn{color:#fff;cursor:pointer;background:#f44;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:transform .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #0003}.hidden-file-input{display:none}.form-input{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;font-size:16px;transition:all .2s}.form-input:focus{background-color:#fff;border-color:#4caf50;outline:none}.macros-section{background-color:#f8f8f8;border-radius:12px;padding:16px}.macros-section h3{color:#333;margin:0 0 12px;font-size:16px;font-weight:600}.macros-row{grid-template-columns:repeat(3,1fr)}.submit-btn{color:#fff;cursor:pointer;background-color:#ff6b35;border:none;border-radius:8px;width:100%;margin-top:20px;padding:16px;font-size:16px;font-weight:600;transition:all .2s}@media (width>=768px){.modal-content{max-width:600px;max-height:85vh}.modal-header{padding:24px}.modal-header h2{font-size:24px}.search-bar-section{padding:20px 24px}.modal-tabs{gap:12px;padding:0 24px 20px}.tab-btn{padding:12px 20px;font-size:16px}.modal-body{padding:24px}.food-item{padding:20px}.food-name{font-size:18px}.food-details{font-size:16px}.food-macros{font-size:14px}.add-food-btn{width:40px;height:40px;font-size:20px}.form-group label{font-size:16px}.macros-section h3{font-size:18px}.submit-btn{padding:18px;font-size:18px}}@media (width>=1024px){.modal-content{max-width:700px}.food-item:hover{transform:translate(8px)}}.form-helper{color:#999;margin-top:4px;font-size:12px;font-style:italic;display:block}.edit-form-compact{flex-direction:column;gap:20px;display:flex}.food-name-display{text-align:center;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.food-name-display h3{color:#333;margin:0;font-size:18px;font-weight:600}.edit-amount-row label{color:#555;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.edit-amount-inputs{align-items:center;gap:8px;flex-direction:row!important;display:flex!important}.edit-amount-inputs input,.edit-amount-inputs select{box-sizing:border-box;background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;padding:12px;font-size:16px;flex:1!important;width:0!important;min-width:0!important}.edit-amount-inputs input:focus,.edit-amount-inputs select:focus{background-color:#fff;border-color:#4caf50;outline:none}.nutrition-display{background-color:#f8f8f8;border-radius:12px;grid-template-columns:1fr 1fr;gap:24px 32px;margin-top:10px;padding:16px;display:grid}.nutrition-item{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:8px 0;display:flex}.nutrition-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.modal-content.edit-mode{height:auto;max-height:85vh}.modal-content.edit-mode .modal-body{padding:16px}@media (width<=767px){.modal-overlay{padding:10px}.modal-content{width:95%;max-height:85vh}.modal-content.edit-mode{max-height:85vh}.nutrition-display{gap:16px 20px;padding:12px}.nutrition-item{gap:2px;padding:6px 0}.nutrition-label{font-size:11px}.nutrition-value{font-size:16px}}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:#0000;justify-content:center;align-items:center;padding:16px 0;display:flex}.drag-handle:active{cursor:grabbing}.modal-content.edit-mode{-webkit-user-select:none;user-select:none}.drag-indicator{background-color:#ccc;border-radius:3px;width:50px;height:5px;transition:all .2s}.drag-handle:hover .drag-indicator{background-color:#999;width:60px}.modal-content.expanded{border-radius:0;height:100vh;max-height:100vh}.modal-content.expanded .modal-body{max-height:calc(100vh - 200px);overflow-y:auto}.modal-content.edit-mode{transition:height .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1)}.modal-content.edit-mode:not(.expanded){height:auto;max-height:85vh}.nutrition-facts-toggle{color:#666;cursor:pointer;background-color:#0000;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-top:16px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nutrition-facts-toggle:hover{background-color:#f8f8f8;border-color:#ccc}.nutrition-facts-toggle svg{width:16px;height:16px}.nutrition-facts-section{background-color:#f8f8f8;border-radius:8px;margin-top:12px;padding:12px;animation:.3s slideDown}.serving-info{color:#666;margin-bottom:12px;font-size:12px;font-style:italic;display:block}.nutrition-facts-content{flex-direction:column;gap:6px;display:flex}.nutrition-fact-row{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.nutrition-fact-row.indent{padding-left:20px}.fact-label{color:#333;font-size:13px}.nutrition-fact-row.indent .fact-label{font-weight:400}.fact-value{color:#333;font-size:13px;font-weight:600}.calendar-overview-overlay{z-index:10000;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background-color:#fff;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden scroll}.calendar-header{z-index:10;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;max-width:500px;margin:0 auto;padding:20px;display:flex;position:sticky;top:0}.calendar-header h2{margin:0;font-size:20px;font-weight:600}.calendar-nav{justify-content:space-between;align-items:center;max-width:500px;margin:0 auto;padding:20px;display:flex}.calendar-nav h3{color:#333;margin:0;font-size:18px;font-weight:600}.month-nav-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.month-nav-btn:hover{transform:scale(1.2)}.month-nav-btn svg{color:#ff6b35;font-size:24px;transition:all .2s}.month-nav-btn:hover svg{color:#ff5722}.month-nav-btn:active{transform:scale(1.1)}.calendar-grid{max-width:500px;margin:0 auto;padding:0 20px 20px}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px;display:grid}.weekday{text-align:center;color:#666;text-transform:uppercase;padding:8px 0;font-size:12px;font-weight:600}.calendar-days{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-day{aspect-ratio:1;cursor:pointer;background:#f5f5f5;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4px;font-size:14px;transition:all .2s;display:flex;position:relative}.calendar-day.empty{cursor:default;background:0 0}.calendar-day:not(.empty):hover{background:#e8e8e8;transform:scale(1.05)}.calendar-day.has-data{background:#e3f2fd}.calendar-day.today{border-width:3px!important;border-color:#ff6b35!important}.calendar-day.today .day-number{font-weight:700}.day-number{font-size:13px;font-weight:500}.day-indicator{position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.calories-indicator{color:#2196f3;font-size:9px;font-weight:600}.goal-indicator{z-index:1;pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;right:4px;overflow:hidden}.calendar-legend{background:#fafafa;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:20px;max-width:500px;margin:0 auto;padding:16px 20px 40px;display:flex}.legend-section{flex:1;min-width:200px}@media (width<=480px){.calendar-legend{gap:12px;width:100%;padding:12px;overflow:visible;grid-template-columns:1fr 1fr!important;display:grid!important}.legend-section{width:100%;min-width:0;display:block!important}.legend-section-title{margin-bottom:6px;font-size:10px}.legend-items{gap:6px}.legend-item{gap:6px;padding:4px 6px;font-size:10px}.legend-indicator,.legend-color-block{width:14px;height:14px}.goal-label{font-size:10px}.goal-days{font-size:11px}.goal-values{font-size:9px}}.legend-items{flex-direction:column;gap:8px;margin-top:8px;display:flex}.legend-item{color:#555;background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.legend-indicator{border:2px solid #0000;border-radius:4px;flex-shrink:0;width:18px;height:18px;display:inline-block;position:relative!important}.today-indicator{background:0 0;border:3px solid #ff6b35}.has-meals-indicator{background:#e3f2fd;border-color:#0000}.legend-divider{background:#e0e0e0;width:100%;height:1px;margin:10px 0}.legend-section-title{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.goal-group-item{width:100%}.legend-dot-small,.legend-color-block{border-radius:50%;flex-shrink:0;width:10px;height:10px}.goal-label{color:#666;flex-direction:column;gap:2px;font-size:12px;display:flex}.goal-days{color:#333;font-size:13px;font-weight:600}.goal-values{color:#999;font-size:11px;font-weight:400}@media (width<=480px){.calendar-overview-overlay{padding-bottom:60px}.calendar-header,.calendar-nav,.calendar-grid{max-width:100%}.calendar-legend{margin-bottom:40px;max-width:100%!important}.calendar-day{font-size:12px}.calories-indicator{font-size:8px}}.edit-goals-overlay{z-index:100000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.edit-goals-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:85vh;animation:.3s ease-out slideUp;position:relative;overflow:hidden auto}.edit-goals-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px;display:flex}.edit-goals-header h2{margin:0;font-size:20px;font-weight:600}.close-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:24px;transition:background .2s;display:flex}.close-btn:hover{background:#f5f5f5}.edit-goals-content{padding:20px}.available-days-section{margin-bottom:24px}.available-days-section h3{color:#333;margin:0 0 12px;font-size:16px;font-weight:600}.quick-select-btns{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.quick-select-btn{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.quick-select-btn:hover:not(:disabled){color:#333;background:#e0e0e0}.quick-select-btn:active:not(:disabled){background:#d0d0d0}.quick-select-btn:disabled{cursor:not-allowed;opacity:.5}.available-days{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.available-day-btn{cursor:pointer;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:4px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:38px;padding:8px 10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.available-day-btn:hover{background:#e8e8e8;transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.available-day-btn:active{transform:translateY(0)}.day-abbr{color:#333;font-size:14px;font-weight:600}.day-full{display:none}.no-days-message{color:#999;margin:10px 0;font-style:italic}.goal-groups{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.goal-group{cursor:pointer;background-color:#0000;border:3px dashed #ccc;border-radius:8px;padding:16px;transition:all .3s;position:relative;overflow:visible}.goal-group:hover{border-style:solid}.goal-group.active{border-style:solid;box-shadow:0 4px 12px #0000001a}.goal-group.confirmed{opacity:.95;background-color:#fafafa!important}.goal-group.confirmed:hover{cursor:pointer;opacity:1;border-style:solid}.group-header{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:16px;display:flex}.group-days{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.group-day{border:2px solid;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-width:32px;padding:6px 10px;font-size:13px;font-weight:600;transition:all .2s;animation:.3s ease-out slideIn;display:flex;position:relative}.group-day.clickable:hover{opacity:.8;transform:scale(.95)}.group-day.clickable:active{transform:scale(.9)}.goal-group.confirmed .group-day .remove-day-btn{display:none}.group-info{background:#ffffff80;border-radius:6px;margin-top:12px;padding:12px}.confirmed-goals{color:#666;flex-wrap:wrap;justify-content:center;gap:16px;font-size:14px;display:flex}.goal-item{align-items:center;gap:4px;display:flex}.goal-item strong{color:#333;font-weight:600}.remove-day-btn{cursor:pointer;opacity:.6;background:0 0;border:none;margin-left:4px;padding:0;font-size:18px;line-height:1;transition:opacity .2s}.remove-day-btn:hover{opacity:1}.group-actions{align-items:center;gap:8px;display:flex}.confirm-btn{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.confirm-btn:hover{color:#333;transform:scale(1.1)}.confirm-btn svg{font-size:24px}.confirmed-badge{color:#666;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.confirmed-badge:hover{color:#333;transform:scale(1.1)}.confirmed-badge svg{font-size:24px}.color-selector-wrapper{margin-right:8px;display:inline-block;position:relative}.color-bar{cursor:pointer;border:1px solid #fff;border-radius:2px;outline:none;margin:0;padding:0;display:block;box-shadow:0 1px 3px #0000001a;width:20px!important;min-width:20px!important;max-width:20px!important;height:36px!important}.color-selector-dropdown{z-index:10;background:#fff;border-radius:8px;margin-bottom:8px;padding:8px;animation:.2s ease-out slideUpSmall;position:absolute;bottom:100%;left:-8px;box-shadow:0 4px 16px #00000026}@keyframes slideUpSmall{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.color-options{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.color-option{cursor:pointer;border:2px solid;border-radius:4px;width:32px;height:32px;font-size:12px;font-weight:600;transition:all .2s;position:relative}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.color-option.selected{transform:scale(1.15);box-shadow:0 0 0 3px #0000001a}.color-option.selected:after{content:"✓";text-shadow:0 1px 2px #ffffff80;font-size:16px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.group-goals{animation:.3s ease-out fadeIn}.goals-inputs{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.goal-input-group{flex-direction:column;gap:8px;display:flex}.goal-input-group label{color:#333;font-size:14px;font-weight:500}.input-wrapper{background:#fff;border:2px solid #e0e0e0;border-radius:6px;align-items:center;padding:4px 16px 4px 4px;transition:all .2s;display:flex}.input-wrapper:focus-within{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.input-wrapper input{background:0 0;border:none;outline:none;width:100%;padding:12px;font-size:16px;font-weight:500}.input-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.unit{color:#666;flex-shrink:0;font-size:14px;font-weight:500}.custom-mode-tip{background:#f0f8ff;border-radius:6px;margin-top:20px;padding:12px 16px}.custom-mode-tip p{color:#2196f3;margin:0;font-size:13px;line-height:1.5}.calculator-section{border-top:1px solid #f0f0f0;margin-top:20px;padding-top:20px}.calculator-toggle{color:#333;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.calculator-toggle:hover{background:#f8f8f8;border-color:#ccc;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.calculator-toggle svg{font-size:20px}.calculator-content{margin-top:20px;animation:.3s ease-out fadeIn}.calculator-inputs{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.calc-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.calc-row:has(.calc-input-group:only-child){grid-template-columns:1fr}.calc-input-group{flex-direction:column;gap:8px;display:flex}.calc-input-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.unit-selector{gap:8px;margin-bottom:8px;display:flex}.unit-selector .quick-select-btn{flex:1;padding:6px 12px;font-size:13px}.unit-selector .quick-select-btn.active{color:#333;background:#e0e0e0}.height-inputs{grid-template-columns:1fr auto 1fr auto;align-items:center;gap:4px;display:grid}.height-inputs input{width:100%;min-width:0;padding:8px 10px}.height-label{color:#666;padding:0 4px;font-size:12px;font-weight:500}.calc-input-group input,.calc-input-group select{color:#333;box-sizing:border-box;background:#fff;border:2px solid #e0e0e0;border-radius:6px;width:100%;height:40px;padding:8px 10px;font-size:14px;transition:all .2s}.calc-input-group input:focus,.calc-input-group select:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 3px #2196f31a}.calculator-results{background:#f8f8f8;border-radius:8px;margin-top:20px;padding:20px}.calculator-results h4{color:#333;margin:0 0 16px;font-size:16px}.macro-results{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:20px;display:grid}.macro-result{text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:0;padding:10px 4px;overflow:hidden}.macro-result strong{color:#333;white-space:nowrap;margin-bottom:4px;font-size:16px;display:block}.macro-result span{color:#666;font-size:11px}.formula-tip{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:16px;padding:16px}.formula-tip p{color:#555;margin:0 0 8px;font-size:13px;line-height:1.5}.formula-tip p:last-child{margin-bottom:0}.apply-calculated-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:6px;width:100%;padding:12px 20px;font-size:16px;font-weight:600;transition:all .2s}.apply-calculated-btn:hover{background:#ff5722;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.calculate-btn{color:#333;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:6px;width:100%;margin-top:20px;padding:12px 20px;font-size:16px;font-weight:600;transition:all .2s}.calculate-btn:hover{background:#f8f8f8;border-color:#ccc;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.edit-goals-footer{border-top:1px solid #f0f0f0;gap:12px;padding:20px;display:flex}.cancel-btn,.save-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.save-btn{color:#fff;background:#ff6b35}.save-btn:hover{background:#ff5722;transform:translateY(-1px)}@media (width<=480px){.height-inputs{max-width:100%}.height-inputs input,.calc-input-group input,.calc-input-group select{padding:6px 8px;font-size:13px}}@media (width>=480px){.available-day-btn{padding:10px 4px}.day-abbr{display:none}.day-full{font-size:11px;font-weight:600;display:block}}@media (width>=768px){.edit-goals-overlay{align-items:center}.edit-goals-modal{border-radius:20px;max-width:600px}.available-day-btn{padding:12px 8px}.day-full{font-size:12px}.goals-inputs{grid-template-columns:1fr 1fr}}.plan-page{background-color:#f5f5f5;min-height:100vh;padding-bottom:80px;position:relative;overflow-x:hidden}.plan-page>:not(.plan-header):not(.week-selector-container):not(.plan-actions):not(.meal-sections):not(div[class*=modal]):not(div[class*=overlay]){position:relative!important}.plan-header{background-color:#fff;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 2px 4px #0000001a}.plan-header h1{color:#333;margin:0;font-size:24px;font-weight:700}.action-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;font-size:24px;transition:background-color .3s}.action-btn:hover{background-color:#f0f0f0}.week-selector-container{background-color:#fff;justify-content:center;align-items:center;gap:10px;padding:20px 10px;display:flex;position:relative;overflow:hidden}.week-selector{-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;background-color:#f5f5f5;border-radius:16px;justify-content:center;align-items:center;gap:20px;max-width:100%;min-height:90px;padding:16px 20px;display:flex;overflow-x:auto}.week-selector::-webkit-scrollbar{display:none}.day-btn{cursor:pointer;box-sizing:border-box;background-color:#fff;border:none;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-width:86px;min-height:70px;padding:12px 14px;transition:all .3s;display:flex}.day-btn.today{padding-left:8px;padding-right:8px}.day-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.day-btn.active{color:#ff6b35;background-color:#ffe5cc}.day-btn.today{border:2px solid #ff6b35;position:relative;overflow:hidden}.day-weekday{text-transform:uppercase;opacity:.7;font-size:12px;font-weight:500;line-height:1;display:block}.day-date{margin:2px 0;font-size:18px;font-weight:700;line-height:1.2;display:block}.day-month{text-transform:uppercase;opacity:.6;font-size:11px;font-weight:500;line-height:1;display:block}.week-nav-btn{cursor:pointer;z-index:1;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.week-nav-btn:hover{transform:scale(1.2)}.week-nav-btn svg{color:#ff6b35;font-size:28px;transition:all .2s}.week-nav-btn:hover svg{color:#ff5722}.week-nav-btn:active{transform:scale(1.1)}.plan-actions{background-color:#fff;justify-content:center;gap:15px;padding:0 20px 20px;display:flex}.calendar-overview-btn{cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.calendar-overview-btn:hover{background:#e0e0e0;transform:translateY(-1px)}.calendar-overview-btn svg{font-size:18px}.meal-sections{padding:0 20px 20px}.meal-section{background-color:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000000d}.meal-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.meal-header h2{color:#333;margin:0;font-size:18px}.meal-calories{color:#ff6b35;font-size:16px;font-weight:600}.meal-items{min-height:auto}.empty-meal{width:100%}.add-item-btn{color:#666;cursor:pointer;background-color:#0000;border:2px dashed #ddd;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.add-item-btn:hover{color:#ff6b35;background-color:#fff5f0;border-color:#ff6b35}.meal-list{flex-direction:column;gap:12px;display:flex}.add-more-btn{color:#666;cursor:pointer;background-color:#0000;border:2px dashed #ddd;border-radius:8px;width:100%;margin-top:4px;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.add-more-btn:hover{color:#ff6b35;background-color:#fff5f0;border-color:#ff6b35}.add-more-btn:active{transform:scale(.98)}.floating-actions{flex-direction:column;gap:10px;display:flex;position:fixed;bottom:90px;right:20px}.scanner-fab,.search-fab{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 4px 6px #0000001a}.scanner-fab:hover,.search-fab:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.scanner-fab svg,.search-fab svg{font-size:20px}@media (width>=768px){.plan-header{padding:30px}.plan-header h1{font-size:32px}.week-selector{justify-content:center;padding:20px}.day-btn{padding:12px 24px;font-size:16px}.meal-sections{grid-template-columns:repeat(2,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:30px;display:grid}.meal-section{margin-bottom:0}.floating-actions{flex-direction:row;bottom:30px;right:30px}}@media (width>=1024px){.meal-sections{grid-template-columns:repeat(4,1fr)}.meal-header h2{font-size:20px}.meal-items{min-height:120px}}.weekly-summary{background:#fff;border:1px solid #eee;border-radius:12px;margin:0 16px 16px;padding:14px 16px}.weekly-summary-header{color:#333;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.weekly-summary-range{color:#888;font-weight:500}.weekly-summary-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.weekly-stat{text-align:center;background:#fafafa;border-radius:8px;padding:8px 10px}.weekly-stat-label{color:#888;text-transform:uppercase;letter-spacing:.4px;font-size:11px}.weekly-stat-value{color:#222;margin-top:2px;font-size:16px;font-weight:700}.weekly-stat-goal{color:#aaa;font-size:11px}.notif-page{z-index:1;background:#fff;min-height:calc(100vh - 60px);padding-bottom:6rem;font-family:Roboto,sans-serif;position:relative}.notif-header{flex-direction:column;align-items:center;padding:1rem 1rem .5rem;display:flex;position:relative}.notif-search-bar{background:#f5f5f5;border-radius:8px;align-items:center;width:100%;margin-top:1rem;padding:.5rem .8rem;display:flex}.notif-search-icon{color:#aaa;margin-right:.3rem;font-size:1.1rem}.notif-search-input{background:0 0;border:none;outline:none;width:100%;font-size:1rem}.notif-title{text-align:center;margin:0;font-size:1.5rem;font-weight:500}.notif-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin:1rem;padding:4px 0;display:flex;overflow-x:auto}.notif-tabs::-webkit-scrollbar{display:none}.notif-tab{color:#666;white-space:nowrap;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.notif-tab:hover{background:#ebebeb}.notif-tab.active{color:#fff;background:#f87b2d}.notif-see-more{text-align:right;color:#f87b2d;cursor:pointer;margin:.5rem 1rem .5rem 0;font-size:.95rem;font-weight:500}.notif-section{z-index:1;margin:1.2rem 0 0;padding:0 1rem;position:relative}.notif-section:last-child{margin-bottom:2rem}.notif-section-title{margin-bottom:.7rem;font-size:1.15rem;font-weight:700}.notif-item{align-items:flex-start;gap:.7rem;margin-bottom:2rem;padding:0;display:flex;position:relative}.notif-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.notif-content{text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:.2rem;padding-right:70px;display:flex;position:relative}.notif-item:has(.notif-actions) .notif-content{padding-right:110px}.notif-text-wrapper{display:inline}.notif-user{color:#222;text-align:left;margin:0;font-size:1rem;font-weight:500}.notif-action{color:#555;text-align:left;margin:0;font-size:.98rem}.notif-comment{color:#888;text-align:left;margin:.2rem 0;font-size:.92rem;line-height:1.3}.notif-time{color:#bbb;text-align:left;margin:.2rem 0 0;font-size:.85rem}.notif-image-container{flex-shrink:0;position:relative}.notif-image{object-fit:cover;border-radius:12px;flex-shrink:0;width:56px;height:56px;display:block}.notif-follow-actions{flex-direction:column;align-items:stretch;gap:.5rem;margin-top:.5rem;display:flex;position:absolute;top:0;right:0}.notif-follow-btn{color:#ff6b35;cursor:pointer;text-align:center;background:#f87b2d;border:none;border-radius:8px;padding:.3rem .9rem;font-size:.95rem;font-weight:700}.notif-icon{color:#f87b2d;align-self:center;margin-left:.5rem;font-size:2rem}.notif-item .notif-icon{color:#f87b2d;z-index:2;background:#ebebeb;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin:0;font-size:12px;display:flex;position:absolute;bottom:-4px;right:-4px}.notif-icon.birthday-cake{color:#fff;text-shadow:0 1px 2px #0003;background:linear-gradient(135deg,#ff6b9d 0%,#c44569 25%,#f8b500 50%,#ff6b9d 75%,#c44569 100%);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin:0;font-size:24px;display:flex;top:0;right:0;box-shadow:0 2px 8px #00000026;position:absolute!important}.notif-unread-banner{background:#fff3e6;border-bottom:1px solid #ffe0cc;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.notif-unread-banner span{color:#f87b2d;font-size:.95rem;font-weight:500}.notif-mark-read-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:500;text-decoration:underline}.notif-item.unread{background:#fafafa;border-left:3px solid #f87b2d;margin:-.5rem -1rem;padding:.5rem 1rem}.notif-empty{text-align:center;color:#888;margin-bottom:2rem;padding:4rem 2rem}.notif-empty-icon{color:#ddd;margin-bottom:1rem;font-size:3rem}.notif-empty-title{color:#666;margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.notif-empty-subtitle{color:#999;margin:0;font-size:1rem}.notif-actions{flex-direction:column;align-items:flex-end;gap:.4rem;width:100px;margin-top:.5rem;display:flex;position:absolute;top:0;right:0}.notif-accept-btn,.notif-decline-btn{cursor:pointer;border:none;border-radius:8px;width:100%;font-size:.875rem;font-weight:500;transition:all .2s}.notif-accept-btn{color:#fff;background:#f19e41;padding:.5rem 1rem}.notif-accept-btn:hover{background:#e18e31}.notif-decline-btn{color:#1f363d;background:#bfd1e5;padding:.5rem 1rem}.notif-decline-btn:hover{background:#afd1d5}.notif-handled{border-radius:8px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.notif-accepted{color:#4caf50;background:#e8f5e9;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-weight:500;display:flex}.notif-declined{color:#666;background:#f5f5f5;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-weight:500;display:flex}@media (width<=600px){.notifications-header{padding:.7rem 1rem .3rem}.notif-title{font-size:1.2rem}.notif-search-bar{margin-top:.8rem;padding:.4rem .6rem}.notif-section-title{font-size:1rem}.notif-avatar{width:32px;height:32px}.notif-image{width:40px;height:40px}.notif-item .notif-icon{width:16px;height:16px;font-size:10px;bottom:-2px;right:-2px}.notif-item .notif-icon.birthday-cake{width:40px;height:40px;font-size:18px}.notif-item{margin-bottom:1.5rem}.notif-content{padding-right:120px}.notif-accept-btn,.notif-decline-btn{padding:.4rem .8rem;font-size:.85rem}}.notif-empty-section{text-align:center;background:#f9f9f9;border-radius:8px;flex-direction:column;align-items:center;gap:10px;margin:10px 0;padding:30px 20px;display:flex}.notif-empty-section p{color:#999;margin:0;font-size:14px}.notif-empty-section .notif-empty-icon{color:#ddd;margin-bottom:8px;font-size:32px}.notif-item.reservation-notif{cursor:pointer;transition:background-color .2s}.notif-item.reservation-notif:hover{background-color:#f8f8f8}.notif-reservation-icon-wrapper{background:#f5f5f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notif-reservation-icon-wrapper .notif-icon{background:0 0!important;border:none!important;width:auto!important;height:auto!important;margin:0!important;font-size:18px!important;position:static!important}.notif-icon.reservation-confirmed{color:#4caf50}.notif-icon.reservation-declined,.notif-icon.reservation-cancelled{color:#d32f2f}.notif-icon.reservation-reminder{color:#2196f3}.notif-icon.reservation-info{color:#ff9800}.notif-icon.reservation-new,.notif-icon.reservation-default{color:#f87b2d}.notif-item.reservation-confirmed .notif-reservation-icon-wrapper{background:#e8f5e9}.notif-item.reservation-declined .notif-reservation-icon-wrapper,.notif-item.reservation-cancelled .notif-reservation-icon-wrapper{background:#ffebee}.notif-item.reservation-reminder .notif-reservation-icon-wrapper{background:#e3f2fd}.notif-item.reservation-info-request .notif-reservation-icon-wrapper{background:#fff3e0}.notif-item.reservation-new .notif-reservation-icon-wrapper,.notif-item.reservation-user-modified .notif-reservation-icon-wrapper{background:#fef5e7}.notif-restaurant-name{color:#333;font-size:1rem;font-weight:600}.notif-reservation-details{color:#666;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:.85rem;display:flex}.notif-reservation-details span{align-items:center;gap:4px;display:flex}.notif-reservation-details svg{color:#999;font-size:12px}.notif-info-message{color:#555;background:#f8f8f8;border-left:3px solid #f87b2d;border-radius:4px;margin-top:8px;padding:8px 12px;font-size:.9rem;font-style:italic}.notif-image.restaurant-logo{object-fit:cover;border-radius:8px;width:50px;height:50px}@media (width<=600px){.notif-reservation-icon-wrapper{width:36px;height:36px}.notif-reservation-icon-wrapper .notif-icon{font-size:16px!important}.notif-reservation-details{gap:8px;font-size:.8rem}.notif-image.restaurant-logo{width:40px;height:40px}}.share-checkin-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.share-checkin-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;animation:.3s slideUp;overflow:hidden}.share-checkin-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.share-checkin-header h3{color:#333;margin:0;font-size:18px;font-weight:600}.share-checkin-close{color:#999;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.share-checkin-content{text-align:center;padding:24px 20px}.share-checkin-icon{color:#4caf50;background:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;font-size:28px;display:flex}.share-checkin-restaurant{margin-bottom:16px}.share-checkin-logo{object-fit:cover;border-radius:12px;width:64px;height:64px;margin-bottom:8px}.share-checkin-restaurant h4{color:#333;margin:0;font-size:18px;font-weight:600}.share-checkin-message{color:#666;margin:0;font-size:14px;line-height:1.5}.share-checkin-actions{border-top:1px solid #eee;gap:12px;padding:16px 20px;display:flex}.share-checkin-btn{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.share-checkin-btn.skip{color:#666;background:#f5f5f5;border:none}.share-checkin-btn.skip:hover{background:#ebebeb}.share-checkin-btn.share{color:#fff;background:#f87b2d;border:none}.share-checkin-btn.share:hover{background:#e56a1c}.share-checkin-btn.share:disabled{cursor:not-allowed;background:#ccc}.notif-item.checkin-notif{position:relative}.notif-checkin-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notif-checkin-icon .notif-icon.checkin-tag{color:#f87b2d;font-size:20px}.messages-container{background:#fff;height:calc(100vh - 72px);display:flex}.conversations-list{background:#fff;flex-direction:column;width:100%;display:flex}.conversations-header{justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.conversations-header h2{color:#333;margin:0;font-size:20px;font-weight:700}.new-chat-btn{cursor:pointer;color:#f87b2d;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:20px;line-height:1;display:inline-flex}.new-chat-btn:hover{color:#e36a20}.new-chat-trigger-wrap{position:relative}.new-chat-menu{z-index:20;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:2px;min-width:170px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 18px #0000001f}.new-chat-menu button{color:#333;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.new-chat-menu button:hover{background:#f5f5f5}.new-chat-menu svg{color:#f87b2d;font-size:13px}.conversation-avatar.group,.chat-tab-avatar.group,.chat-avatar.group{color:#f87b2d;background:#fff5ee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.conversation-avatar.group{width:44px;height:44px;font-size:18px}.chat-tab-avatar.group{width:28px;height:28px;font-size:14px}.chat-avatar.group{width:40px;height:40px;margin-right:12px;font-size:17px}.stacked-avatars{flex-shrink:0;display:inline-block;position:relative}.stacked-avatar{object-fit:cover;color:#fff;background:#f3f3f3;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:60%;height:60%;font-size:10px;display:flex;position:absolute}.stacked-avatar.overflow{color:#fff;background:#f87b2d;font-size:10px;font-weight:600}.stacked-avatar.pos-1-0{width:60%;height:60%;top:20%;left:20%}.stacked-avatar.pos-2-0{top:20%;left:0}.stacked-avatar.pos-2-1{top:20%;left:auto;right:0}.stacked-avatar.pos-3-0{top:0;left:20%}.stacked-avatar.pos-3-1{top:auto;bottom:0;left:0}.stacked-avatar.pos-3-2{inset:auto 0 0 auto}.stacked-avatar.pos-4-0{top:0;left:0}.stacked-avatar.pos-4-1{top:0;left:auto;right:0}.stacked-avatar.pos-4-2{top:auto;bottom:0;left:0}.stacked-avatar.pos-4-3{inset:auto 0 0 auto}.chat-header-avatar-btn,.chat-tab-avatar-btn{cursor:pointer;background:0 0;border:none;align-items:center;margin-right:12px;padding:0;display:inline-flex}.chat-tab-avatar-btn{margin-right:0}.info-panel{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:420px;max-height:86vh;padding:18px 18px 14px;display:flex;overflow-y:auto;box-shadow:0 12px 32px #0000002e}.info-panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.info-panel-header h3{color:#222;margin:0;font-size:17px}.info-panel-hero{flex-direction:column;align-items:center;gap:6px;padding:8px 0 14px;display:flex}.info-panel-avatar{border-radius:50%;width:88px;height:88px;position:relative;overflow:visible}.info-panel-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.info-panel-photo-btn{color:#fff;cursor:pointer;background:#f87b2d;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;display:flex;position:absolute;bottom:-2px;right:-2px}.info-panel-name{color:#222;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:18px;font-weight:600;display:inline-flex}.info-panel-name:disabled{cursor:default}.info-panel-name:hover:not(:disabled){background:#f5f5f5}.info-panel-name-edit{align-items:center;gap:6px;display:flex}.info-panel-name-edit input{border:1px solid #e0e0e0;border-radius:8px;min-width:200px;padding:6px 10px;font-size:15px}.info-panel-subtitle{color:#888;font-size:12px}.info-panel-toggles{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;flex-direction:column;padding:8px 0;display:flex}.info-panel-toggle{color:#333;cursor:pointer;justify-content:space-between;align-items:center;padding:10px 4px;font-size:14px;display:flex;position:relative}.info-panel-toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.info-panel-toggle-track{background:#d0d0d0;border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .18s;position:relative}.info-panel-toggle-track:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:2px;left:2px}.info-panel-toggle input:checked+.info-panel-toggle-track{background:#f87b2d}.info-panel-toggle input:checked+.info-panel-toggle-track:after{transform:translate(16px)}.info-panel-members{padding:12px 0}.info-panel-members h4{text-transform:uppercase;letter-spacing:.4px;color:#888;margin:0 0 8px;font-size:13px}.info-panel-add{border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;display:flex}.info-panel-add input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.info-panel-suggestions{margin-bottom:8px}.info-panel-add-btn{color:#fff;cursor:pointer;background:#f87b2d;border:1px solid #f87b2d;border-radius:8px;width:100%;margin-bottom:10px;padding:9px 12px;font-size:14px;font-weight:500}.info-panel-add-btn:hover:not(:disabled){background:#e36a20}.info-panel-add-btn:disabled{cursor:not-allowed;background:#f5c8a8;border-color:#f5c8a8}.info-panel-locked{color:#888;background:#fafafa;border-radius:6px;margin:4px 0 10px;padding:8px 10px;font-size:12px}.info-panel-toggle.disabled{opacity:.6;cursor:default}.info-panel-toggle.disabled small{color:#888;font-size:11px;font-weight:400;display:block}.info-panel-member-list{margin:0;padding:0;list-style:none}.info-panel-member-list li{align-items:center;gap:10px;padding:8px 4px;display:flex}.info-panel-member-list li img{object-fit:cover;border-radius:50%;width:32px;height:32px}.info-panel-member-list li span{color:#333;flex:1;font-size:14px}.info-panel-remove{color:#c0392b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px 6px}.info-panel-remove:hover{background:#fde4e1}.info-panel-actions{border-top:1px solid #f0f0f0;justify-content:center;padding-top:12px;display:flex}.info-panel-leave{color:#c0392b;cursor:pointer;background:#fff;border:1px solid #f5c6c0;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:500}.info-panel-leave:hover{background:#fde4e1}.messages-search{padding:4px 16px 12px}.messages-search-inner{background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.messages-search-inner svg{color:#999;flex-shrink:0;font-size:14px}.messages-search-inner input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.messages-user-suggestions{background:#fff;border:1px solid #e0e0e0;border-radius:8px;max-height:250px;margin-top:4px;overflow-y:auto}.messages-user-suggestion{cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.messages-user-suggestion:hover{background:#f5f5f5}.messages-suggestion-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.messages-suggestion-info{flex-direction:column;display:flex}.messages-suggestion-name{color:#333;font-size:14px;font-weight:600}.messages-suggestion-bio{color:#888;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}.chat-tabs-container{z-index:999;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:72px;right:16px}.chat-tab{background:#fff;border-radius:12px 12px 0 0;flex-direction:column;width:300px;display:flex;overflow:hidden;box-shadow:0 -2px 16px #00000026}.chat-tab.collapsed{width:auto}.chat-tab-header{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f87b2d;align-items:center;gap:8px;padding:10px 12px;display:flex}.chat-tab-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.chat-tab-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.chat-tab-close,.chat-tab-expand{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;padding:0 2px;font-size:18px;line-height:1;display:inline-flex}.chat-tab-expand{margin-right:4px;font-size:13px}.chat-tab-close:hover,.chat-tab-expand:hover{opacity:1}.chat-tab-body{flex-direction:column;height:320px;display:flex}.chat-tab-messages{background:#fafafa;flex-direction:column;flex:1;gap:6px;padding:12px;display:flex;overflow-y:auto}.chat-tab-empty{text-align:center;color:#999;padding:40px 0;font-size:13px}.chat-tab-msg{word-wrap:break-word;border-radius:8px;max-width:80%;padding:8px 12px;font-size:13px;line-height:1.4;position:relative}.chat-tab-msg.sent{color:#fff;background:#f87b2d}.chat-tab-msg.received{color:#333;background:#e8e8e8}.chat-tab-msg.has-attachment{background:0 0;max-width:220px;padding:0;overflow:hidden}.chat-tab-msg.has-attachment span{background:inherit;padding:6px 10px;display:block}.chat-tab-msg-image{object-fit:cover;cursor:pointer;border-radius:8px;width:100%;max-width:220px;max-height:260px;display:block}.chat-tab-msg-row{align-items:flex-end;gap:6px;display:flex}.chat-tab-msg-row.sent{justify-content:flex-end}.chat-tab-msg-row.received{justify-content:flex-start}.chat-tab-msg-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.chat-share-card{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:160px;max-width:200px;overflow:hidden}.chat-tab-msg.sent .chat-share-card{background:#ffffff26;border-color:#ffffff4d}.chat-share-img{object-fit:cover;width:100%;height:80px;display:block}.chat-share-info{padding:8px}.chat-share-info strong{margin-bottom:2px;font-size:12px;display:block}.chat-share-info p{opacity:.8;margin:0 0 4px;font-size:11px}.chat-share-type{opacity:.6;text-transform:capitalize;font-size:10px}.chat-tab-msg-entity{color:#f87b2d;align-items:center;gap:4px;margin-bottom:3px;font-size:10px;font-weight:600;display:flex}.chat-tab-entity-img{object-fit:cover;border-radius:50%;width:14px;height:14px}.chat-tab-input{background:#fff;border-top:1px solid #e0e0e0;align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-tab-input input{border:none;outline:none;flex:1;padding:6px 0;font-size:13px}.chat-tab-send,.chat-tab-attach{color:#f87b2d;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.chat-tab-attach{color:#666;margin-right:2px}.chat-tab-send:hover,.chat-tab-attach:hover{opacity:.7}@media (width<=480px){.chat-tabs-container{left:8px;right:8px}.chat-tab{width:100%;max-width:300px}}.conversations{flex:1;overflow-y:auto}.no-conversations{text-align:center;color:#999;padding:40px 20px}.no-conversations p{color:#666;margin:0 0 8px;font-size:16px}.no-conversations span{color:#999;font-size:14px}.conversation-swipe-wrapper{position:relative;overflow:hidden}.conversation-item{cursor:pointer;z-index:1;background:#fff;align-items:center;gap:12px;padding:12px 16px;transition:transform .25s,background .15s;display:flex;position:relative}.conversation-item.swiped{transform:translate(-180px)}.conversation-actions{opacity:0;pointer-events:none;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0;right:0}.conversation-actions.visible{opacity:1;pointer-events:auto}.conv-action-btn{cursor:pointer;color:#fff;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:60px;font-size:10px;font-weight:500;display:flex}.conv-action-btn.archive{background:#4a90e2}.conv-action-btn.mute{background:#888}.conv-action-btn.delete{background:#e74c3c}.conversation-item:hover{background:#f5f5f5}.conversation-item.has-unread{background:#fff8f4}.conversation-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.conversation-info{flex:1;min-width:0}.conversation-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.conversation-name{color:#333;font-size:14px;font-weight:500}.conversation-name.unread{color:#111;font-weight:700}.conversation-time{color:#999;flex-shrink:0;font-size:11px}.conversation-preview{color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.conversation-preview.unread{color:#333;font-weight:600}.unread-badge{color:#fff;text-align:center;background:#f87b2d;border-radius:10px;flex-shrink:0;min-width:18px;padding:2px 7px;font-size:11px;font-weight:600}.chat-area{background:#fff;flex-direction:column;flex:1;display:flex}.no-chat-selected{color:#999;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.no-chat-selected h3{color:#666;margin:0 0 10px;font-size:20px}.chat-header{background:#fff;border-bottom:1px solid #e0e0e0;align-items:center;padding:15px 20px;display:flex}.messages-back-btn{color:#333;cursor:pointer;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;padding:0;font-size:16px;display:none}.messages-back-btn:hover{background:#ebebeb}.chat-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px;margin-right:12px}.chat-user-info{flex-direction:column;display:flex}.chat-username{color:#333;font-size:16px;font-weight:600}.chat-status{color:#4caf50;font-size:13px}.messages-list{flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.message{align-items:flex-end;gap:8px;max-width:70%;display:flex}.message.sent{flex-direction:row-reverse;align-self:flex-end}.message.received{align-self:flex-start}.message-avatar{object-fit:cover;border-radius:50%;width:30px;height:30px}.message-content{background:#f0f0f0;border-radius:18px;padding:10px 15px;position:relative}.message.sent .message-content{color:#fff;background:#f87b2d}.message-content p{margin:0;font-size:14px;line-height:1.4}.message-time{color:#999;margin-top:4px;font-size:11px;display:block}.message.sent .message-time{color:#ffffffb3}.msg-menu-wrap{z-index:5;margin-top:4px;position:absolute;top:100%;right:0}.msg-action-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:2px;min-width:170px;padding:6px;display:flex;box-shadow:0 6px 18px #0000001f}.message-content,.chat-tab-msg{-webkit-touch-callout:none}@media (hover:none){.message-content,.chat-tab-msg{-webkit-user-select:none;user-select:none}}.msg-action-menu button{color:#333;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.msg-action-menu button:hover{background:#f5f5f5}.msg-action-menu svg{color:#666;font-size:12px}.msg-unsent{color:#888;margin:0;font-size:13px;font-style:italic}.message-content.unsent,.chat-tab-msg.unsent{border-radius:0;padding:4px 8px;background:0 0!important}.message.sent .message-content.unsent,.chat-tab-msg.sent.unsent{color:#888}.message.is-unsent,.chat-tab-msg-row.is-unsent{justify-content:center}.msg-edited-tag,.msg-edited-tag-inline{opacity:.75;font-size:10px;font-style:italic}.msg-edit-row{align-items:center;gap:6px;display:flex}.msg-edit-row.compact .msg-edit-input{padding:4px 6px;font-size:13px}.msg-edit-input{color:#333;background:#fff;border:1px solid #00000026;border-radius:8px;flex:1;min-width:140px;padding:6px 10px;font-size:14px}.msg-edit-save,.msg-edit-cancel{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.msg-edit-save{color:#fff;background:#2ecc71}.msg-edit-cancel{color:#333;background:#e0e0e0}.msg-delete-overlay{z-index:9000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.msg-delete-modal{background:#fff;border-radius:12px;width:100%;max-width:360px;padding:22px 22px 18px;box-shadow:0 12px 32px #0000002e}.msg-delete-modal h3{color:#222;margin:0 0 6px;font-size:17px}.msg-delete-modal p{color:#666;margin:0 0 16px;font-size:13px;line-height:1.4}.msg-delete-actions{flex-direction:column;gap:8px;display:flex}.msg-delete-actions button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:11px 14px;font-size:14px;font-weight:500}.msg-delete-everyone{color:#fff;background:#f87b2d;border-color:#f87b2d}.msg-delete-everyone:hover{background:#e36a20}.msg-delete-me{color:#333;background:#fff;border-color:#d0d0d0}.msg-delete-me:hover{background:#f5f5f5}.msg-delete-cancel{color:#888;background:0 0;border-color:#0000}.msg-delete-cancel:hover{color:#333}.new-chat-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:460px;max-height:80vh;padding:18px 18px 14px;display:flex;box-shadow:0 12px 32px #0000002e}.new-chat-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.new-chat-header h3{color:#222;margin:0;font-size:17px}.new-chat-close{color:#888;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.new-chat-close:hover{color:#333}.new-chat-name-input{color:#333;background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:10px;padding:9px 12px;font-size:14px}.new-chat-name-input::placeholder,.new-chat-search::placeholder{color:#999;opacity:1}.new-chat-name-input:focus{border-color:#f87b2d;outline:none}.new-chat-chips{border:1px solid #e0e0e0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:8px 10px;display:flex}.new-chat-search-icon{color:#888;flex-shrink:0;margin-right:2px;font-size:13px}.new-chat-chip{color:#333;background:#fff5ee;border:1px solid #ffd9bb;border-radius:8px;align-items:center;gap:6px;padding:3px 6px 3px 3px;font-size:12px;display:inline-flex}.new-chat-chip-avatar{object-fit:cover;border-radius:50%;width:20px;height:20px}.new-chat-chip-remove{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.new-chat-chip-remove:hover{color:#c0392b}.new-chat-search{color:#333;background:0 0;border:none;outline:none;flex:1;min-width:100px;padding:4px;font-size:14px}.new-chat-suggestions{border:1px solid #eee;border-radius:8px;max-height:240px;margin-top:10px;overflow-y:auto}.new-chat-suggestion{cursor:pointer;text-align:left;background:#fff;border:none;border-bottom:1px solid #f3f3f3;align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex}.new-chat-suggestion:last-child{border-bottom:none}.new-chat-suggestion:hover{background:#fafafa}.new-chat-suggestion-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.new-chat-suggestion-info{flex-direction:column;flex:1;min-width:0;display:flex}.new-chat-suggestion-name{color:#333;align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.new-chat-suggestion-tag{text-transform:uppercase;letter-spacing:.4px;color:#f87b2d;background:#fff5ee;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.new-chat-suggestion-display{color:#888;font-size:11px}.new-chat-suggestion-add{color:#f87b2d;font-size:13px}.new-chat-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.new-chat-actions button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:500}.new-chat-create{color:#fff;background:#f87b2d;border-color:#f87b2d}.new-chat-create:hover:not(:disabled){background:#e36a20}.new-chat-create:disabled{color:#fff;cursor:not-allowed;background:#f5c8a8;border-color:#f5c8a8}.new-chat-cancel{color:#555;background:#fff;border-color:#d0d0d0}.new-chat-cancel:hover{background:#f5f5f5}.message-input-container{background:#fff;border-top:1px solid #e0e0e0;align-items:center;gap:10px;padding:15px 20px;display:flex;position:relative}.emoji-picker{z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px;display:grid;position:absolute;bottom:64px;right:60px;box-shadow:0 4px 12px #0000001f}.emoji-option{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;font-size:22px;line-height:1}.emoji-option:hover{background:#f3f4f6}.message-attachment{cursor:zoom-in;border-radius:8px;max-width:240px;max-height:240px;margin-bottom:6px;display:block}.message-share-card{cursor:pointer;background:#ffffffb3;border:1px solid #00000014;border-radius:10px;gap:10px;max-width:260px;margin-bottom:6px;padding:8px;display:flex}.message.sent .message-share-card{background:#fff3;border-color:#ffffff4d}.share-card-image{object-fit:cover;border-radius:6px;flex-shrink:0;width:56px;height:56px}.share-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.share-card-label{text-transform:uppercase;letter-spacing:.4px;opacity:.7;font-size:11px}.share-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.share-card-message{opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.message-attachment-preview{background:#fafafa;border-top:1px solid #e0e0e0;align-items:center;gap:10px;padding:8px 16px;display:flex}.attachment-thumb-wrap{width:64px;height:64px;position:relative}.message-attachment-preview img,.message-attachment-preview video{object-fit:cover;background:#000;border-radius:6px;width:64px;height:64px;display:block}.attachment-remove{cursor:pointer;color:#333;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:22px;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.attachment-remove svg{background:#fff;border-radius:50%;display:block}.attachment-remove:hover{color:#c0392b}.attach-btn,.emoji-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;font-size:20px;transition:all .3s}.attach-btn:hover,.emoji-btn:hover{color:#333;background:#f5f5f5}.message-input-container input{border:1px solid #e0e0e0;border-radius:25px;outline:none;flex:1;padding:10px 15px;font-size:14px;transition:border-color .3s}.message-input-container input:focus{border-color:#f87b2d}.send-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;transition:opacity .2s;display:flex}.send-btn:hover:not(:disabled){opacity:.7}.send-btn:disabled{cursor:not-allowed;background:#ccc}.mobile-hidden{display:none!important}.mobile-only{display:none}@media (width<=768px){.messages-container{position:relative}.conversations-list{width:100%}.chat-area{width:100%;position:absolute;inset:0}.mobile-hidden{display:none!important}.mobile-only{display:block!important}.messages-back-btn.mobile-only{display:flex!important}.message{max-width:85%}}.splash-page{background:#fff;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.splash-background{z-index:0;position:absolute;inset:0}.splash-gradient-1{background:radial-gradient(circle,#f87b2d26 0%,#0000 70%);width:100%;height:100%;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-30%}.splash-gradient-2{background:radial-gradient(circle,#ff93461f 0%,#0000 70%);width:100%;height:100%;animation:25s ease-in-out infinite reverse float;position:absolute;bottom:-50%;left:-30%}.splash-pattern{background-image:repeating-linear-gradient(45deg,#0000,#0000 35px,#f87b2d05 35px 70px);position:absolute;inset:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.splash-content{z-index:1;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:440px;padding:20px;display:flex;position:relative}.splash-brand{text-align:center;margin-bottom:8px}.splash-logo{margin-bottom:12px}.logo-image{width:auto;height:150px;margin:0 auto;display:block}.splash-tagline{color:#666;margin:0;font-size:15px}.auth-card{background:#fff;border-radius:20px;width:100%;padding:32px 24px;box-shadow:0 10px 40px #00000014}.auth-header{text-align:center;margin-bottom:24px}.auth-header h2{color:#333;margin:0 0 8px;font-size:24px;font-weight:700}.auth-header p{color:#666;margin:0;font-size:14px}.social-auth-section{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.social-auth-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:14px;font-size:15px;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}.social-auth-btn:disabled{opacity:.6;cursor:not-allowed}.social-auth-btn svg{font-size:20px}.social-auth-btn.google{color:#4285f4}.social-auth-btn.google:hover:not(:disabled){background:#f8f9fa;border-color:#4285f4}.social-auth-btn.facebook{color:#1877f2}.social-auth-btn.facebook:hover:not(:disabled){background:#f8f9fa;border-color:#1877f2}.social-auth-btn.apple{color:#000}.social-auth-btn.apple:hover:not(:disabled){background:#f8f9fa;border-color:#000}.auth-divider{text-align:center;margin:24px 0;position:relative}.auth-divider:before{content:"";background:#e0e0e0;height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{color:#999;background:#fff;padding:0 16px;font-size:13px;font-weight:500;position:relative}.auth-form{flex-direction:column;gap:16px;display:flex}.input-container{background:#fff;border:1px solid #e0e0e0;border-radius:10px;align-items:center;padding-left:16px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.input-container:focus-within{border-color:#f87b2d;box-shadow:0 0 0 3px #f87b2d1a}.input-icon{color:#999;flex-shrink:0;width:16px;height:16px;margin-right:12px;font-size:16px}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{box-sizing:border-box;appearance:none;-webkit-tap-highlight-color:transparent;flex:1;min-width:0;padding:14px 44px 14px 0;font-size:15px;box-shadow:none!important;-webkit-box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:none!important}.input-container:has(input.error){border-color:#e74c3c}.auth-form input:-webkit-autofill{-webkit-text-fill-color:#222;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fffbe6}.auth-form input:-webkit-autofill:hover{-webkit-text-fill-color:#222;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fffbe6}.auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:#222;transition:background-color 9999s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #fffbe6}.auth-form input::placeholder{color:#999;opacity:1;font-size:14px}.auth-form input:focus{outline:none}.auth-form input:disabled{cursor:not-allowed;background:0 0}.input-container:has(input:disabled){background:#f5f5f5}.password-toggle{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:16px}.password-toggle:hover{color:#666}.error-message{color:#f44336;margin-left:4px;font-size:12px}.form-options{justify-content:space-between;align-items:center;margin:8px 0;display:flex}.remember-me{color:#666;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.remember-me input[type=checkbox]{cursor:pointer;appearance:none;background:#fff;border:1px solid #999;border-radius:2px;flex-shrink:0;margin:0;padding:0;position:relative;width:12px!important;min-width:12px!important;max-width:12px!important;height:12px!important;min-height:12px!important;max-height:12px!important}.remember-me input[type=checkbox]:checked{background:#f87b2d;border-color:#f87b2d}.remember-me input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:9px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.forgot-password{color:#f87b2d;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:500;transition:opacity .2s}.forgot-password:hover{opacity:.8}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f87b2d 0%,#ff9146 100%);border:none;border-radius:10px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f87b2d4d}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.auth-footer{text-align:center;margin-top:20px}.auth-footer p{color:#666;margin:0;font-size:14px}.auth-toggle-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;margin-left:4px;font-size:14px;font-weight:600;transition:opacity .2s}.auth-toggle-btn:hover:not(:disabled){opacity:.8}.auth-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.terms-privacy{text-align:center;border-top:1px solid #f0f0f0;margin-top:16px;padding-top:16px}.terms-privacy p{color:#999;margin:0;font-size:12px;line-height:1.5}.link-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500;text-decoration:underline}.link-btn:hover{opacity:.8}.skip-btn{color:#999;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.skip-btn:hover:not(:disabled){color:#666}.skip-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=480px){.splash-content{padding:16px}.logo-text{font-size:40px}.auth-card{padding:24px 20px}.auth-header h2{font-size:20px}.social-auth-btn{padding:12px;font-size:14px}.auth-form input{padding:12px 44px 12px 0;font-size:14px}.auth-submit-btn{padding:12px;font-size:15px}}@media (width>=768px){.splash-content{max-width:480px}.auth-card{padding:40px 32px}}.onboarding-tinder{background:#faf9f6;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.onboarding-background{z-index:0;position:absolute;inset:0}.bg-gradient-1{background:radial-gradient(circle,#f87b2d14 0%,#0000 70%);width:60%;height:60%;animation:25s ease-in-out infinite float;position:absolute;top:-20%;right:-20%}.bg-gradient-2{background:radial-gradient(circle,#ff93460f 0%,#0000 70%);width:60%;height:60%;animation:30s ease-in-out infinite reverse float;position:absolute;bottom:-20%;left:-20%}.instructions-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.instructions-mini-popup{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:280px;padding:24px;animation:.4s slideUp;box-shadow:0 10px 40px #0003}.swipe-hints{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.swipe-hint{color:#333;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.swipe-icon{background:linear-gradient(135deg,#f87b2d 0%,#ff9146 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.swipe-icon.left .arrow{border-bottom:2px solid #fff;border-left:2px solid #fff;width:12px;height:12px;margin-left:3px;transform:rotate(45deg)}.swipe-icon.right .arrow{border-bottom:2px solid #fff;border-right:2px solid #fff;width:12px;height:12px;margin-right:3px;transform:rotate(-45deg)}.mini-got-it-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f87b2d 0%,#ff9146 100%);border:none;border-radius:10px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:all .3s}.mini-got-it-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f87b2d4d}.progress-dots{z-index:10;gap:8px;display:flex;position:absolute;top:50px}.dot{background:#e0e0e0;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active{background:#f87b2d;border-radius:4px;width:24px}.dot.completed{background:#ffb380}.card-container{z-index:5;touch-action:none;width:100%;max-width:380px;height:600px;padding:0 20px;position:relative}.onboarding-card{cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border-radius:24px;width:100%;height:100%;padding:32px 24px;transition:transform .2s ease-out,opacity .2s ease-out;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}.onboarding-card:active{cursor:grabbing}.onboarding-card.swipe-left{animation:.3s ease-out forwards swipeLeft}.onboarding-card.swipe-right{animation:.3s ease-out forwards swipeRight}@keyframes swipeLeft{to{opacity:0;transform:translate(-120%)rotate(-20deg)}}@keyframes swipeRight{to{opacity:0;transform:translate(120%)rotate(20deg)}}.card-content{text-align:center;flex-direction:column;align-items:center;height:100%;display:flex;overflow:hidden auto}.card-content::-webkit-scrollbar{width:4px}.card-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:2px}.card-content::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.card-emoji{margin-bottom:20px;font-size:64px;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-content h2{color:#333;margin:0 0 8px;font-size:26px;font-weight:700}.card-subtitle{color:#666;margin:0 0 28px;font-size:15px}.profile-upload-section{margin-bottom:24px}.profile-image-container{cursor:pointer;width:100px;height:100px;margin:0 auto;display:block;position:relative}.profile-image-container img,.image-placeholder{object-fit:cover;border:3px solid #f87b2d;border-radius:50%;width:100px;height:100px}.image-placeholder{color:#999;background:#f5f5f5;justify-content:center;align-items:center;font-size:28px;display:flex}.card-form{flex-direction:column;gap:16px;width:100%;display:flex}.card-input,.card-textarea{color:#222;-webkit-text-fill-color:#222;background:#fafafa;border:2px solid #f0f0f0;border-radius:12px;width:100%;padding:14px 16px;font-size:15px;transition:all .3s}.card-input::placeholder,.card-textarea::placeholder{color:#999;opacity:1;font-family:inherit}.card-input::-webkit-input-placeholder{color:#999;-webkit-text-fill-color:#999}.card-textarea::-webkit-input-placeholder{color:#999;-webkit-text-fill-color:#999}.card-input:focus,.card-textarea:focus{background:#fff;border-color:#f87b2d;outline:none;box-shadow:0 0 0 3px #f87b2d1a}.card-textarea{resize:vertical;min-height:80px}.card-options-scroll{width:100%;max-height:350px;padding-right:8px;overflow-y:auto}.card-options-grid{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.card-option-chip{cursor:pointer;background:#fff;border:2px solid #f0f0f0;border-radius:20px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;transition:all .3s;display:flex}.card-option-chip:hover{border-color:#f87b2d;transform:translateY(-2px);box-shadow:0 4px 12px #f87b2d26}.card-option-chip.selected{background:linear-gradient(135deg,#fff5f0 0%,#ffe8dc 100%);border-color:#f87b2d}.chip-icon{font-size:18px}.chip-label{color:#333;font-weight:500}.skill-level-section{width:100%;margin-top:20px}.skill-level-section h3{color:#333;margin-bottom:16px;font-size:18px;font-weight:600}.skill-cards{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.skill-level-card{cursor:pointer;background:#fff;border:2px solid #f0f0f0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px;transition:all .3s;display:flex}.skill-level-card:hover{border-color:#f87b2d;box-shadow:0 2px 8px #f87b2d26}.skill-level-card.selected{background:linear-gradient(135deg,#fff5f0 0%,#ffe8dc 100%);border-color:#f87b2d}.skill-emoji{font-size:24px}.skill-name{color:#333;font-size:13px;font-weight:500}.location-form{margin-top:20px}.location-toggle{cursor:pointer;background:#f5f5f5;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex;position:relative}.location-toggle input[type=checkbox]{opacity:0;position:absolute}.location-toggle input:checked+.toggle-slider{background:#f87b2d}.location-toggle input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{color:#333;flex:1;font-size:14px}.bottom-actions{z-index:10;width:100%;max-width:380px;padding:0 20px;position:absolute;bottom:40px}.continue-floating-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f87b2d 0%,#ff9146 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:17px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 24px #f87b2d4d}.continue-floating-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #f87b2d66}.continue-floating-btn:active{transform:translateY(-1px)}.continue-floating-btn svg{font-size:16px}@media (width<=480px){.card-container{height:550px;padding:0 16px}.onboarding-card{padding:24px 20px}.card-content h2{font-size:22px}.card-emoji{font-size:48px}.bottom-actions{padding:0 16px;bottom:30px}}@media (width>=768px){.card-container{max-width:420px;height:650px}.onboarding-card{padding:40px 32px}.card-options-grid{gap:12px}.skill-cards{grid-template-columns:repeat(4,1fr)}}.onboarding-card *{-webkit-user-select:none;user-select:none}.create-recipe-page{background:#fff;min-height:100vh;padding-bottom:6rem;font-family:Roboto,sans-serif}.create-recipe-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.create-recipe-back-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;font-size:1.2rem;transition:background-color .2s}.create-recipe-back-btn:hover{background:#fff3e8}.create-recipe-title{color:#222;margin:0;font-size:1.2rem;font-weight:600}.create-recipe-spacer{width:2rem}.create-recipe-progress-section{border-bottom:1px solid #f0f0f0;justify-content:center;padding:1.5rem 1rem;display:flex}.create-recipe-progress-bar{width:380px;height:11.5px;position:relative}.create-recipe-progress-background{background-color:#fcbd96;border-radius:6px;width:100%;height:100%;position:relative;overflow:hidden}.create-recipe-progress-fill{background-color:#f87b2d;border-radius:6px;height:100%;transition:width .3s}.create-recipe-progress-divider{background-color:#f87b2d;width:2px;height:100%;position:absolute;top:0;transform:translate(-1px)}.create-recipe-progress-icon{color:#1f363d;background-color:#bfd1e5;border:2px solid #1f363d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:left .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.create-recipe-form{max-width:500px;margin:0 auto;padding:2rem 1rem}.create-recipe-form-actions{gap:1rem;margin-top:2rem;display:flex}.create-recipe-previous-btn{color:#1f363d;cursor:pointer;background:#bfd1e5;border:none;border-radius:8px;flex:1;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.create-recipe-previous-btn:hover:not(:disabled){background:#a8c4db}.create-recipe-previous-btn:disabled{opacity:.5;cursor:not-allowed}.create-recipe-next-btn{color:#f87b2d;cursor:pointer;background:#ffe0cd;border:none;border-radius:8px;flex:1;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s}.create-recipe-next-btn:hover{background:#ffd4b8}.create-recipe-create-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex}.create-recipe-create-btn:hover{background:#e66a26}.recipe-step-content{padding:1rem 0}.recipe-step-form-group{margin-bottom:1.5rem}.recipe-step-label{color:#333;text-align:left;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:block}.recipe-step-input,.recipe-step-textarea,.recipe-step-select{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:.8rem;font-size:1rem;transition:border-color .2s}.recipe-step-input:focus,.recipe-step-textarea:focus,.recipe-step-select:focus{border-color:#f87b2d;outline:none}.recipe-step-textarea{resize:vertical;min-height:100px;font-family:inherit}.recipe-step-row{gap:1rem;display:flex}.recipe-step-row .recipe-step-form-group{flex:1}.ingredient-list,.equipment-list{flex-direction:column;gap:.8rem;display:flex}.ingredient-item,.equipment-item{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ingredient-item .ingredient-nutrition-summary{flex-basis:100%;width:100%}.ingredient-input,.equipment-input{flex:1}.ingredient-barcode-btn,.equipment-barcode-btn,.ingredient-remove-btn,.equipment-remove-btn{color:#666;cursor:pointer;background:#f0f0f0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;height:44px;padding:.8rem;transition:all .2s;display:flex}.ingredient-barcode-btn:hover,.equipment-barcode-btn:hover{color:#1f363d;background:#bfd1e5}.ingredient-remove-btn:hover,.equipment-remove-btn:hover{color:#d32f2f;background:#ffebee}.add-ingredient-btn,.add-equipment-btn{color:#666;cursor:pointer;background:#fafafa;border:2px dashed #ddd;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;font-weight:500;transition:all .2s;display:flex}.add-ingredient-btn:hover,.add-equipment-btn:hover{color:#f87b2d;background:#fff3e8;border-color:#f87b2d}.time-picker{isolation:isolate;justify-content:center;align-items:center;gap:2rem;padding:1rem;display:flex;position:relative}.time-picker-section{flex-direction:column;flex:1;align-items:center;max-width:120px;display:flex}.ingredient-item,.equipment-item{flex-direction:column;align-items:flex-start;margin-bottom:1rem;display:flex}.ingredient-input-row,.equipment-input-row{align-items:center;gap:.5rem;width:100%;margin-bottom:.5rem;display:flex}.ingredient-input,.equipment-input{flex:1;width:100%;min-width:0}.ingredient-icon-btn,.equipment-icon-btn,.ingredient-quantity-btn,.equipment-size-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;min-width:44px;padding:.75rem;font-size:1rem;display:flex}.ingredient-quantity-btn,.equipment-size-btn{white-space:nowrap;min-width:80px;padding:.75rem 1rem;font-size:.9rem}.ingredient-quantity-btn.empty,.equipment-size-btn.empty{color:#f87b2d;font-weight:600}.ingredient-buttons,.equipment-buttons{justify-content:flex-start;align-self:flex-start;align-items:center;gap:.5rem;margin:0;padding:0;display:flex}.ingredient-barcode-btn,.equipment-barcode-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;min-width:40px;padding:.5rem .75rem;font-size:1rem;display:flex}.ingredient-remove-btn,.equipment-remove-btn{color:#f44336;cursor:pointer;background:0 0;border:1px solid #f44336;border-radius:8px;justify-content:center;align-items:center;min-width:40px;padding:.5rem .75rem;font-size:.9rem;display:flex}.time-picker-label{color:#333;text-align:center;margin-bottom:1rem;font-size:1rem;font-weight:600}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.modal-content{background:#fff;border-radius:12px;max-width:90%;max-height:80vh;padding:1.5rem;overflow:hidden}.icon-modal{width:400px}.icon-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0;display:grid}.icon-option{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:8px;flex-direction:column;align-items:center;padding:.75rem;font-size:1.2rem;display:flex}.icon-option span{color:#666;margin-top:.25rem;font-size:.75rem}.quantity-modal{width:300px}.quantity-inputs{gap:.5rem;margin:1rem 0;display:flex}.quantity-amount-input,.quantity-unit-select{border:1px solid #ddd;border-radius:8px;padding:.75rem;font-size:1rem}.quantity-amount-input{flex:1;min-width:0}.quantity-unit-select{width:100px;min-width:0}.modal-buttons{justify-content:flex-end;gap:.5rem;display:flex}.modal-save-btn,.modal-cancel-btn,.modal-close-btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem}.modal-save-btn{color:#fff;background:#f87b2d}.modal-cancel-btn,.modal-close-btn{color:#666;background:0 0;border:1px solid #ddd}.serving-size-options{flex-wrap:wrap;gap:.5rem;display:flex}.serving-size-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:60px;padding:.8rem 1.2rem;font-weight:500;transition:all .2s}.serving-size-btn:hover{background:#fff3e8;border-color:#f87b2d}.serving-size-btn.active{color:#fff;background:#f87b2d;border-color:#f87b2d}.notes-section{background:#fafafa;border:2px dashed #ddd;border-radius:12px;padding:1rem}.notes-textarea{resize:vertical;background:0 0;border:none}.notes-textarea:focus{border:none;outline:none}.instructions-list{flex-direction:column;gap:1.5rem;display:flex}.instruction-item{background:#fafafa;border:1px solid #eee;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.instruction-number{color:#fff;background:#f87b2d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:600;display:flex}.instruction-content{flex:1}.instruction-textarea{resize:vertical;background:#fff;border:1px solid #ddd}.instruction-actions{flex-direction:column;gap:.5rem;display:flex}.add-tip-btn,.instruction-remove-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:.5rem;transition:all .2s;display:flex}.add-tip-btn{color:#666;background:#f0f0f0}.add-tip-btn:hover,.add-tip-btn.has-tip{color:#ff9800;background:#fff8e1}.instruction-remove-btn{color:#666;background:#f0f0f0}.instruction-remove-btn:hover{color:#d32f2f;background:#ffebee}.instruction-tip{color:#e65100;background:#fff8e1;border:1px solid #ffcc02;border-radius:8px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.8rem;font-size:.9rem;display:flex}.tip-icon{color:#ff9800;flex-shrink:0}.add-instruction-btn{color:#666;cursor:pointer;background:#fafafa;border:2px dashed #ddd;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-weight:500;transition:all .2s;display:flex}.add-instruction-btn:hover{color:#f87b2d;background:#fff3e8;border-color:#f87b2d}.tip-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tip-modal{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:1.5rem;box-shadow:0 4px 20px #00000026}.tip-modal-title{color:#333;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.tip-modal-textarea{box-sizing:border-box;resize:vertical;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:.8rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.tip-modal-textarea:focus{border-color:#f87b2d;outline:none}.tip-modal-actions{justify-content:flex-end;gap:.8rem;margin-top:1rem;display:flex}.tip-modal-cancel,.tip-modal-save{cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:500;transition:all .2s}.tip-modal-cancel{color:#666;background:#f0f0f0}.tip-modal-cancel:hover{background:#e0e0e0}.tip-modal-save{color:#fff;background:#f87b2d}.tip-modal-save:hover{background:#e66a26}@media (width<=480px){.create-recipe-form{padding:1.5rem .5rem}.create-recipe-header{padding:.8rem}.create-recipe-title{font-size:1.1rem}.create-recipe-progress-bar{width:320px}.create-recipe-progress-section{padding:1rem .5rem}.recipe-step-row{flex-direction:column;gap:.5rem}.create-recipe-form-actions{flex-direction:column}.time-picker,.serving-size-options{justify-content:center}.instruction-item{flex-direction:column;align-items:stretch}.instruction-actions{flex-direction:row;justify-content:flex-end}.time-picker-wheel{touch-action:none}}.recipe-step-content .checkbox-grid,.recipe-step-content .checkbox-grid-2col{grid-template-columns:repeat(3,1fr)!important;gap:.6rem .5rem!important;padding:.5rem 0!important;display:grid!important}.recipe-step-content .checkbox-grid .checkbox-item,.recipe-step-content .checkbox-grid-2col .checkbox-item{cursor:pointer;color:#333!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:auto!important;min-height:20px!important;margin:0!important;padding:0!important;font-size:.9rem!important;display:flex!important;position:static!important}.recipe-step-content .checkbox-grid .checkbox-input,.recipe-step-content .checkbox-grid-2col .checkbox-input{flex:none!important;margin:0!important;position:static!important;transform:none!important}.recipe-step-content .checkbox-grid .checkbox-label,.recipe-step-content .checkbox-grid-2col .checkbox-label{white-space:normal!important;flex:auto!important;margin:0!important;padding:0!important;font-size:.9rem!important;line-height:1.3!important;display:inline-block!important;position:static!important}.checkbox-grid-horizontal{flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin-left:0;padding:.5rem 0;display:flex}.checkbox-grid-horizontal .checkbox-item{flex:none;width:auto;min-height:20px!important;padding-left:28px!important;display:block!important;position:relative!important}.checkbox-grid-horizontal .checkbox-input{margin:0!important;position:absolute!important;top:0!important;left:0!important}.checkbox-grid-horizontal .checkbox-label{white-space:nowrap!important;margin:0!important;padding:0!important;line-height:20px!important;display:block!important;position:static!important;transform:none!important}.checkbox-item{cursor:pointer;color:#333;flex-direction:row;align-items:center;gap:8px;min-height:24px;font-size:.95rem;display:flex}.checkbox-input{cursor:pointer;appearance:none;vertical-align:middle;background:#fff;border:2px solid #ddd;border-radius:3px;width:18px;height:18px;margin:0;transition:all .2s;display:inline-block;position:relative}.checkbox-input:checked{background:#f87b2d;border-color:#f87b2d}.checkbox-input:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-input:hover{border-color:#f87b2d}.checkbox-label{-webkit-user-select:none;user-select:none;margin:0;padding:0;line-height:18px;display:inline-block}.unit-buttons{grid-template-columns:repeat(2,minmax(120px,1fr));gap:.5rem;max-width:100%;margin-top:.5rem;display:grid}.difficulty-buttons{grid-template-columns:repeat(3,minmax(80px,1fr));gap:.3rem;max-width:350px;margin-top:.5rem;display:grid}.unit-btn{color:#999;cursor:pointer;white-space:nowrap;text-align:center;background:#fff;border:1px solid #ccc;border-radius:8px;width:100%;padding:.5rem .3rem;font-size:.7rem;font-weight:500;transition:all .2s}@media (width>=480px){.unit-buttons{gap:.75rem;max-width:100%}.difficulty-buttons{gap:.5rem;max-width:400px}.unit-btn{padding:.6rem .5rem;font-size:.8rem}}.unit-btn:hover{background:#fff8f3;border-color:#f87b2d}.unit-btn.active{color:#fff;background:#f87b2d;border-color:#f87b2d}.nutrition-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;display:flex}.auto-calculate-btn{color:#999;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.9rem;font-weight:500;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:all .2s}.auto-calculate-btn:hover{color:#f87b2d;background:#f87b2d0d;text-decoration:underline}.auto-calculate-btn.active{color:#f87b2d;background:#f87b2d1a;font-weight:700;text-decoration:underline}.nutrition-grid{background:#fafafa;border:1px solid #eee;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:1rem;display:grid}.nutrition-input-container{flex-direction:column;min-width:0;display:flex}.nutrition-input-wrapper{background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;min-width:0;padding:.5rem .6rem;transition:border-color .2s;display:flex;position:relative}.nutrition-input-wrapper:focus-within{border-color:#f87b2d}.nutrition-number-input{color:#333;text-align:left;background:0 0;border:none;outline:none;flex:none;width:auto;min-width:56px;max-width:80px;padding:0;font-size:.85rem;font-weight:600}.nutrition-number-input:disabled{color:#999;cursor:not-allowed}.nutrition-number-input::placeholder{color:#999;font-weight:500}.nutrition-text-label{color:#666;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin-left:.4rem;font-size:.8rem;overflow:hidden}@media (width<=768px){.recipe-step-content .checkbox-grid,.recipe-step-content .checkbox-grid-2col{grid-template-columns:repeat(2,1fr)!important;gap:.6rem .5rem!important}.nutrition-grid{grid-template-columns:repeat(2,1fr)}.checkbox-grid-horizontal{flex-wrap:wrap;justify-content:space-evenly;gap:1.5rem;padding:.5rem 0;display:flex}.checkbox-grid-horizontal .checkbox-item{flex:none;min-width:fit-content}.unit-buttons{flex-direction:column}.nutrition-header{flex-direction:row;justify-content:space-between;align-items:center}.nutrition-grid{gap:.5rem;padding:.75rem}}@media (width<=480px){.recipe-step-content .checkbox-grid,.recipe-step-content .checkbox-grid-2col{grid-template-columns:repeat(2,1fr)!important;gap:.5rem .6rem!important;font-size:.9rem!important}.checkbox-grid-horizontal{flex-wrap:wrap;justify-content:space-evenly;gap:1.2rem;padding:.5rem .25rem;display:flex}.checkbox-grid-horizontal .checkbox-item{flex:0 auto}.checkbox-item{flex-direction:row;align-items:center;font-size:.9rem;display:flex}.checkbox-input{width:16px;height:16px}.nutrition-grid{gap:.4rem;padding:.6rem}.nutrition-input-wrapper{padding:.4rem .45rem}.nutrition-number-input{flex:0 0 18px;width:18px;font-size:.75rem}.nutrition-text-label{margin-left:.3rem;font-size:.7rem}}.media-upload-area{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #ddd;border-radius:12px;padding:3rem 2rem;transition:all .3s}.media-upload-area:hover,.media-upload-area.drag-active{background:#fff8f3;border-color:#f87b2d}.media-upload-input{display:none}.media-upload-label{cursor:pointer;flex-direction:column;align-items:center;gap:1rem;display:flex}.upload-icon-container{color:#ddd;gap:1rem;font-size:3rem;display:flex}.upload-text .upload-primary{color:#333;margin:0;font-size:1.1rem;font-weight:500}.upload-text .upload-secondary{color:#999;margin:0;font-size:.9rem}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.media-preview-item{aspect-ratio:1;background:#f5f5f5;border-radius:8px;position:relative;overflow:hidden}.media-remove-btn{color:#fff;cursor:pointer;z-index:1;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;display:flex;position:absolute;top:.5rem;right:.5rem}.media-remove-btn:hover{background:#d32f2f}.media-preview-image,.media-preview-video-element{object-fit:cover;width:100%;height:100%}.media-preview-info{color:#fff;background:linear-gradient(#0000,#000000b3);padding:1rem .5rem .5rem;font-size:.8rem;position:absolute;bottom:0;left:0;right:0}.media-filename{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.recipe-preview-section{flex-direction:column;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.recipe-preview-image{border:2px solid #eee;border-radius:12px;width:100%;height:240px;overflow:hidden}.preview-image{object-fit:cover;width:100%;height:100%}.preview-placeholder{color:#999;background:#f5f5f5;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;display:flex}.preview-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;padding:.6rem 1.5rem;font-size:1rem;font-weight:700;text-decoration:underline}.preview-btn:hover{color:#e66a26}.bundle-dropdown-container{position:relative}.dropdown-border-top,.dropdown-border-bottom{background:#ddd;height:1px;margin:0}.bundle-dropdown-btn{cursor:pointer;color:#333;background:#fff;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd;justify-content:space-between;align-items:center;width:100%;padding:1rem;font-size:1rem;display:flex}.bundle-dropdown-btn:hover{background:#f8f8f8}.dropdown-arrow{color:#999;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.bundle-dropdown-menu{z-index:10;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 8px 8px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.bundle-option{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;border-bottom:1px solid #f0f0f0;width:100%;padding:.8rem 1rem;font-size:.95rem}.bundle-option:hover{background:#f8f8f8}.bundle-option.create-bundle{color:#f87b2d;font-weight:600}.bundle-empty-state{color:#999;text-align:center;padding:.8rem 1rem;font-size:.9rem;font-style:italic}.bundle-create-container{background:#fafafa;border:1px solid #ddd;border-radius:8px;padding:1rem}.bundle-create-input{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:1rem;padding:.8rem;font-size:1rem}.bundle-create-input:focus{border-color:#f87b2d;outline:none}.bundle-create-buttons{justify-content:flex-end;gap:.5rem;display:flex}.bundle-create-save,.bundle-create-cancel{cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;transition:all .2s}.bundle-create-save{color:#fff;background:#f87b2d;font-weight:500}.bundle-create-save:hover:not(:disabled){background:#e66a26}.bundle-create-save:disabled{opacity:.5;cursor:not-allowed}.bundle-create-cancel{color:#666;background:0 0;border:1px solid #ddd}.bundle-create-cancel:hover{background:#f0f0f0}.products-section{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.product-item-container{flex-direction:column;gap:.5rem;width:100%;display:flex}.product-row{align-items:stretch;gap:1rem;width:100%;display:flex}.product-photo-section{flex-direction:column;flex-shrink:0;align-items:center;height:100%;display:flex}.product-photo-input{display:none}.product-photo-label{cursor:pointer;color:#666;text-align:center;box-sizing:border-box;background:#fafafa;border:2px dashed #ddd;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:120px;font-size:.8rem;transition:all .2s;display:flex}.product-photo-label:hover{background:#fff8f3;border-color:#f87b2d}.product-photo-preview{object-fit:cover;border-radius:6px;width:100%;height:100%}.product-details{flex-direction:column;flex:1;justify-content:flex-start;gap:.5rem;height:auto;display:flex}.product-inputs-top{gap:.5rem;width:100%;display:flex}.product-inputs-middle,.product-link-row{width:100%;display:flex}.product-link-full{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;height:40px;padding:.6rem .8rem;font-size:.8rem}.product-add-button{justify-content:flex-start;margin-top:.5rem;display:flex}.product-input{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;flex:1;min-width:65px;height:40px;padding:.6rem .4rem;font-size:.8rem}.product-input::placeholder{color:#999;opacity:1;font-size:.52rem}.product-input:focus{border-color:#f87b2d;outline:none}.product-link-full::placeholder{color:#999;opacity:1;font-size:.8rem}.product-link-full:focus{border-color:#f87b2d;outline:none}.product-link-input,.product-company-input{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;height:40px;padding:.6rem .4rem;font-size:.8rem}.account-toggles,.social-toggles{flex-direction:column;gap:.8rem;display:flex}.toggle-row{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.toggle-label{color:#333;font-size:.95rem}@media (width<=768px){.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.recipe-preview-image{width:100%;height:180px}.product-row{flex-direction:row;align-items:flex-start;gap:.5rem}.product-photo-label{width:80px;height:100px;font-size:.7rem}.product-details{justify-content:flex-start}.product-input{min-width:50px;font-size:.75rem}}@media (width<=480px){.media-upload-area{padding:2rem 1rem}.upload-icon-container{font-size:2rem}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.recipe-image-upload-section{background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:12px;margin-bottom:30px;padding:20px}.recipe-upload-title{color:#333;margin:0 0 8px;font-size:18px;font-weight:600}.recipe-upload-subtitle{color:#666;margin:0 0 20px;font-size:14px;line-height:1.5}.recipe-upload-container{justify-content:center;margin-bottom:20px;display:flex}.recipe-upload-input{display:none}.recipe-upload-label{color:#fff;cursor:pointer;background:#ff6b35;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.recipe-upload-label:hover{background:#e55a2b;transform:translateY(-1px)}.recipe-upload-icon{font-size:20px}.recipe-upload-icon.spinning{animation:1s linear infinite spin}.recipe-image-preview{border-radius:8px;max-width:300px;margin:20px auto;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.recipe-image-preview img{width:100%;height:auto;display:block}.recipe-remove-image{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:4px;padding:6px 12px;font-size:12px;transition:background .2s;position:absolute;top:10px;right:10px}.recipe-remove-image:hover{background:#000000e6}.recipe-upload-divider{text-align:center;margin:20px 0;position:relative}.recipe-upload-divider:before{content:"";background:#e0e0e0;height:1px;position:absolute;top:50%;left:0;right:0}.recipe-upload-divider span{color:#999;background:#f8f9fa;padding:0 15px;font-size:14px;font-weight:500;position:relative}.media-preview-video{background:#000;border-radius:8px;width:100%;height:100%;overflow:hidden}.media-preview-video-element{object-fit:contain;width:100%;height:100%}.video-upload-info{color:#fff;background:#000c;border-radius:4px;padding:8px;font-size:11px;position:absolute;bottom:10px;left:10px;right:10px}.video-duration{align-items:center;gap:4px;margin-top:4px;display:flex}.video-duration svg{font-size:12px}.upload-requirements{color:#666;background:#f0f7ff;border-radius:6px;margin-top:10px;padding:10px;font-size:12px}.upload-requirements ul{margin:5px 0 0 20px;padding:0}.upload-requirements li{margin:3px 0}.rich-text-editor-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;overflow:hidden}.editor-toolbar{background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:4px;padding:8px;display:flex}.toolbar-btn span{color:inherit;font-size:inherit;display:block}.toolbar-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;font-weight:500;line-height:1;transition:all .2s;display:flex}.toolbar-btn:hover{color:#f87b2d;background:#fff5f0;border-color:#f87b2d}.toolbar-btn:active{background:#f0f0f0}.toolbar-separator{background:#ddd;width:1px;height:24px;margin:4px}.editor-content{caret-color:#333;outline:none;min-height:150px;padding:15px;font-family:Roboto,sans-serif;font-size:16px;line-height:1.6;color:#333!important;-webkit-text-fill-color:#333!important}.editor-content:focus{outline:none}.editor-content:empty:before{content:attr(data-placeholder);color:#999;-webkit-text-fill-color:#999;pointer-events:none;font-style:normal;position:absolute}.editor-content h1,.editor-content h2,.editor-content h3{margin:.5em 0;font-weight:600;color:#333!important;-webkit-text-fill-color:#333!important}.editor-content h1{font-size:2em}.editor-content h2{font-size:1.5em}.editor-content h3{font-size:1.17em}.editor-content p{margin:1em 0;color:#333!important;-webkit-text-fill-color:#333!important}.editor-content ul,.editor-content ol{margin:1em 0;padding-left:1.5em;color:#333!important;-webkit-text-fill-color:#333!important}.editor-content li{margin:.5em 0;color:#333!important;-webkit-text-fill-color:#333!important}.editor-content blockquote{color:#666;background:#fef9f5;border-left:4px solid #f87b2d;border-radius:4px;margin:1em 0;padding:12px 16px}.editor-content a{color:#f87b2d;text-decoration:underline}.editor-content a:hover{color:#e56a1d}.link-modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.link-modal{background:#fff;border-radius:8px;width:90%;max-width:400px;padding:20px;box-shadow:0 4px 20px #00000026}.link-modal h3{color:#333;margin:0 0 15px;font-size:18px}.link-modal input{border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:15px;padding:10px;font-size:14px}.link-modal input:focus{border-color:#f87b2d;outline:none}.link-modal-actions{justify-content:flex-end;gap:10px;display:flex}.link-modal-actions button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background .2s}.link-modal-actions button:first-child{color:#666;background:#f0f0f0}.link-modal-actions button:first-child:hover{background:#e0e0e0}.link-modal-actions button:last-child{color:#fff;background:#f87b2d}.link-modal-actions button:last-child:hover{background:#e56a1d}.rich-text-editor-wrapper:focus-within{border-color:#f87b2d;box-shadow:0 0 0 2px #f87b2d1a}@media (width<=768px){.editor-toolbar{padding:6px}.toolbar-btn{width:28px;height:28px;font-size:12px}.editor-content{padding:12px;font-size:15px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.time-wheel-hours{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;border:1px solid #ddd;border-radius:12px;justify-content:center;align-items:center;width:100px;height:180px;display:flex;position:relative;overflow:hidden}.time-wheel-hours:active{cursor:grabbing}.time-wheel-hours .time-wheel-list{will-change:transform;width:100%;transform-style:preserve-3d;pointer-events:none;-webkit-backface-visibility:hidden;z-index:1;flex-direction:column;align-items:center;margin:0;padding:90px 0;list-style:none;display:flex;position:absolute;-webkit-transform:translate(0,0)}.time-wheel-hours .time-wheel-item{color:#999;opacity:.4;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;justify-content:center;align-items:center;width:100%;height:45px;font-size:1.2rem;font-weight:500;transition:all .2s;display:flex}.time-wheel-hours .time-wheel-item.in-center{color:#333!important;opacity:1!important;font-size:1.4rem!important;font-weight:700!important}.time-wheel-hours .time-wheel-gradient-top,.time-wheel-hours .time-wheel-gradient-bottom{pointer-events:none;z-index:3;height:60px;position:absolute;left:0;right:0}.time-wheel-hours .time-wheel-gradient-top{background:linear-gradient(#ffffffe6,#fff0);top:0}.time-wheel-hours .time-wheel-gradient-bottom{background:linear-gradient(#fff0,#ffffffe6);bottom:0}.time-wheel-hours .time-wheel-center-line{z-index:2;pointer-events:none;background:#f87b2d26;border-radius:8px;height:45px;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.time-wheel-minutes{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#fff;border:1px solid #ddd;border-radius:12px;justify-content:center;align-items:center;width:100px;height:180px;display:flex;position:relative;overflow:hidden}.time-wheel-minutes:active{cursor:grabbing}.time-wheel-minutes .time-wheel-list{will-change:transform;width:100%;transform-style:preserve-3d;pointer-events:none;-webkit-backface-visibility:hidden;z-index:1;flex-direction:column;align-items:center;margin:0;padding:90px 0;list-style:none;display:flex;position:absolute;-webkit-transform:translate(0,0)}.time-wheel-minutes .time-wheel-item{color:#999;opacity:.4;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;justify-content:center;align-items:center;width:100%;height:45px;font-size:1.2rem;font-weight:500;transition:all .2s;display:flex}.time-wheel-minutes .time-wheel-item.in-center{color:#333!important;opacity:1!important;font-size:1.4rem!important;font-weight:700!important}.time-wheel-minutes li.time-wheel-item.in-center,.time-wheel-minutes .time-wheel-item[data-centered=true]{color:#333!important}.time-wheel-minutes .time-wheel-item[data-centered=true] span{color:#333!important;font-weight:700!important}.time-wheel-minutes .time-wheel-gradient-top,.time-wheel-minutes .time-wheel-gradient-bottom{pointer-events:none;z-index:3;height:60px;position:absolute;left:0;right:0}.time-wheel-minutes .time-wheel-gradient-top{background:0 0;height:45px;top:0}.time-wheel-minutes .time-wheel-gradient-bottom{background:0 0;height:45px;bottom:0}.time-wheel-minutes .time-wheel-center-line{z-index:0;pointer-events:none;background:#f87b2d26;border-radius:8px;height:45px;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.add-button{color:#fff;cursor:pointer;text-align:center;box-sizing:border-box;vertical-align:top;aspect-ratio:1;background:#1f363d;border:none;border-radius:4px;width:30px;height:30px;margin-top:.5rem;padding:0;font-size:18px;font-weight:700;line-height:30px;transition:all .2s;display:inline-block}.add-button:hover{background:#2a4550;transform:translateY(-1px)}.recipe-preview-overlay{z-index:10000;background:#000000f2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.recipe-preview-container{transform-origin:50%;background:linear-gradient(135deg,#1c1c1c 0%,#000 100%);border-radius:40px;width:375px;height:812px;padding:8px;position:relative;transform:scale(.85);box-shadow:0 0 0 1px #ffffff1a,0 20px 50px #000c,0 30px 70px #0006}.recipe-preview-container:before{content:"";z-index:-1;background:#fff;border-radius:32px;position:absolute;inset:8px}.phone-status-bar{z-index:20;background:#fff;border-radius:32px 32px 0 0;justify-content:space-between;align-items:center;height:44px;padding:0 25px;font-size:12px;font-weight:600;display:flex;position:absolute;top:8px;left:8px;right:8px}.status-time{color:#000;margin-left:5px;font-size:14px;font-weight:600}.phone-notch{z-index:25;background:#000;border-radius:13px;width:95px;height:25px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.status-icons{align-items:center;gap:4px;margin-right:5px;display:flex}.signal-icon,.wifi-icon,.battery-icon{color:#000;height:12px}.signal-icon{width:16px}.wifi-icon{width:14px}.battery-icon{width:22px}.preview-top-bar{z-index:30;justify-content:space-between;align-items:center;padding:0 10px;display:flex;position:absolute;top:-35px;left:0;right:0}.preview-label{color:#fff;font-size:16px;font-weight:600}.preview-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:6px;font-size:18px;transition:all .2s;display:flex}.preview-close-btn:hover{background:#ffffff4d}.preview-content{background:#fff;height:calc(100% - 104px);margin-top:44px;padding-top:52px;padding-bottom:60px;position:relative;overflow-y:auto}.preview-content::-webkit-scrollbar{width:3px}.preview-content::-webkit-scrollbar-track{background:0 0}.preview-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.preview-image-section{background:#000;border-radius:8px;width:calc(100% - 24px);height:240px;margin:0 12px 8px;position:relative;overflow:hidden}.preview-image-gallery{width:100%;height:100%;position:relative}.preview-main-image{object-fit:cover;width:100%;height:100%}.preview-image-dots{gap:3px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.preview-image-dots .dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:4px;height:4px;transition:background .3s}.preview-image-dots .dot.active{background:#fff}.preview-no-image{color:#999;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.preview-info{padding:8px 12px 12px;font-size:11px;position:relative}.preview-title{color:#222;margin:0 0 6px;padding-right:35px;font-size:16px;font-weight:600}.preview-meta{flex-wrap:nowrap;gap:6px;margin-bottom:10px;display:flex}.meta-item{color:#666;background:#f5f5f5;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 8px;font-size:10px;font-weight:500;display:flex}.meta-item svg{color:#666;font-size:10px}.preview-description{margin-bottom:10px}.preview-description p{color:#666;margin:0;font-size:11px;line-height:1.4}.preview-tags{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.tag{border-radius:10px;padding:2px 6px;font-size:9px;font-weight:500}.tag.dietary{color:#2e7d32;background:#e8f5e9}.tag.taste{color:#ef6c00;background:#fff3e0}.tag.occasion{color:#7b1fa2;background:#f3e5f5}.tag.season{color:#1565c0;background:#e3f2fd}.preview-actions{justify-content:space-between;margin-bottom:12px;padding:0 2px;display:flex}.preview-actions-left,.preview-actions-right{gap:8px;display:flex}.preview-actions .action-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;font-size:14px;transition:all .2s;display:flex;color:#666!important}.preview-actions .action-btn.shop-btn{color:#f87b2d!important}.preview-actions .action-btn:active{transform:scale(.9)}.preview-actions .action-btn svg{color:inherit;font-size:16px}.preview-tabs{background:#f5f5f5;border-radius:8px;margin-bottom:12px;padding:2px;display:flex;position:relative}.preview-tabs .tab{color:#666;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:11px;font-weight:500;transition:all .3s;position:relative;box-shadow:none!important}.preview-tabs .tab.active{color:#333;background:#fff;border:none;box-shadow:none!important}.preview-tab-content{min-height:120px;font-size:10px}.preview-tab-content h3{color:#333;margin:0 0 8px;font-size:12px;font-weight:600}.ingredients-list,.equipment-list{margin:0 0 10px;padding:0;list-style:none}.ingredients-list li,.equipment-list li{color:#666;border-bottom:1px solid #f0f0f0;padding:5px 0;font-size:10px}.ingredient-name{color:#333;font-weight:500}.instructions-list{margin:0;padding-left:15px}.instructions-list li{color:#666;margin-bottom:10px;font-size:10px;line-height:1.4}.instruction-text{margin-bottom:4px}.instruction-tip{color:#f57c00;background:#fff8e1;border-radius:4px;margin-top:4px;padding:4px 6px;font-size:9px}.tip-label{color:#ef6c00;font-weight:600}.nutrition-grid-preview{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:10px;display:grid}.nutrition-item{background:#f5f5f5;border-radius:4px;justify-content:space-between;padding:5px;display:flex}.nutrition-label{color:#666;font-size:9px}.nutrition-value{color:#333;font-size:9px;font-weight:600}.nutrition-badges{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.nutrition-badge{color:#2e7d32;background:#e8f5e9;border-radius:10px;padding:3px 6px;font-size:8px;font-weight:500}.notes-content p{color:#666;margin:0;font-size:10px;line-height:1.4}.preview-products{border-top:1px solid #f0f0f0;margin-top:15px;padding-top:10px}.preview-products h3{color:#333;margin:0 0 8px;font-size:12px;font-weight:600}.product-card{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.product-card img{object-fit:cover;width:100%;height:60px}.product-info h4{color:#333;margin:0 0 2px;font-size:9px;font-weight:600}.product-info .company{color:#999;margin:0 0 2px;font-size:8px}.product-info .price{color:#f87b2d;margin:0 0 4px;font-size:9px;font-weight:600}.product-info a{color:#fff;background:#f87b2d;border-radius:3px;padding:3px 6px;font-size:8px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.product-info a:hover{background:#e66a26}.mini-bottom-nav{z-index:10;background:#fff;border-top:1px solid #f0f0f0;border-radius:0 0 32px 32px;justify-content:space-around;align-items:center;height:60px;padding:0 20px 8px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.mini-nav-item{color:#999;flex-direction:column;align-items:center;gap:2px;font-size:9px;display:flex}.mini-nav-item svg{font-size:18px}.mini-nav-item.active{color:#f87b2d}.preview-content{height:calc(100% - 44px)}.preview-author-section{flex-direction:column;align-items:center;display:flex;position:absolute;top:12px;right:12px}.preview-author-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:30px;height:30px;box-shadow:0 2px 4px #0000001a}.preview-author-name{color:#666;margin-top:2px;font-size:9px}.preview-nutrition-stats{background:#f9f9f9;border-radius:8px;gap:4px;margin:10px 0;padding:8px;display:flex}.preview-nutrition-stat{text-align:center;flex:1}.preview-nutrition-value{color:#333;font-size:12px;font-weight:600;display:block}.preview-nutrition-label{color:#999;margin-top:2px;font-size:9px;display:block}.comment-modal-overlay{z-index:10000;pointer-events:all;touch-action:none;overscroll-behavior:contain;background:#00000080;transition:background-color .3s;position:fixed;inset:0}.comment-modal{transform-origin:bottom;will-change:height, transform, opacity;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:16px 16px 0 0;flex-direction:column;max-width:500px;margin:0 auto;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 20px #00000026}.comment-modal.dragging{transition:none}.comment-drag-handle{cursor:grab;touch-action:none;justify-content:center;align-items:center;padding:.75rem;display:flex}.comment-drag-handle:active{cursor:grabbing}.drag-indicator{background:#ddd;border-radius:2px;width:36px;height:4px}.comment-header{border-bottom:1px solid #f0f0f0;padding:0 1rem 1rem}.comment-header-content{justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.comment-title{color:#333;margin:0;font-size:1.1rem;font-weight:600}.comment-subtitle{color:#999;text-align:center;margin:0;font-size:.85rem;font-weight:400}.comment-input-section{border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:1rem}.comment-form{width:100%}.comment-input-container{background:#f8f9fa;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:all .2s;display:flex}.comment-input-container:focus-within{background:#fff;box-shadow:0 0 0 2px #f87b2d}.comment-input{color:#333;background:0 0;border:none;flex:1;padding:.25rem 0;font-family:Roboto,sans-serif;font-size:.9rem}.comment-input:focus{outline:none}.comment-input::placeholder{color:#999}.comment-submit-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:background-color .2s}.comment-submit-btn:hover{background:#e66a26}.comments-list{flex:1;padding:0 1rem 1rem;overflow-y:auto}.comment-item{border-bottom:1px solid #f8f9fa;gap:.75rem;padding:1rem 0;display:flex}.comment-item:last-child{border-bottom:none}.comment-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.comment-avatar.small{width:28px;height:28px}.comment-avatar.tiny{width:24px;height:24px}.comment-avatar-placeholder{color:#65676b;background-color:#f0f2f5;justify-content:center;align-items:center;font-size:20px;display:flex}.comment-avatar-placeholder.small{font-size:16px}.comment-avatar-placeholder.tiny{font-size:14px}.comment-content{flex:1;min-width:0}.comment-header-row{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.comment-username{color:#333;font-size:1rem;font-weight:600}.comment-timestamp{color:#999;font-size:.75rem}.comment-text{color:#333;margin:0 0 .75rem;font-size:.9rem;line-height:1.4}.comment-actions{align-items:center;gap:1rem;display:flex;position:relative}.comment-like-btn,.comment-reply-btn{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:.25rem 0;font-size:.75rem;transition:color .2s;display:flex}.comment-like-btn:hover,.comment-reply-btn:hover,.comment-like-btn.liked{color:#f87b2d}.comment-like-btn span{font-weight:500}.reply-form{margin-top:.75rem}.reply-input-container{background:#f8f9fa;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .6rem;transition:all .2s;display:flex}.reply-input-container:focus-within{background:#fff;box-shadow:0 0 0 2px #f87b2d}.reply-input{color:#333;background:0 0;border:none;flex:1;padding:.2rem 0;font-family:Roboto,sans-serif;font-size:.85rem}.reply-input:focus{outline:none}.reply-input::placeholder{color:#999}.reply-submit-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:background-color .2s}.reply-submit-btn:hover{background:#e66a26}.replies-list{border-left:2px solid #f0f0f0;margin-top:.75rem;padding-left:1rem}.reply-item{border-bottom:1px solid #f8f9fa;gap:.5rem;padding:.75rem 0;display:flex}.reply-item:last-child{border-bottom:none}.reply-content{flex:1;min-width:0}@media (width<=599px){.comment-modal{border-radius:12px 12px 0 0}.comment-title{font-size:1rem}.comment-avatar{width:32px;height:32px}.comment-avatar.small{width:24px;height:24px}.comment-avatar.tiny{width:20px;height:20px}.comment-input-container{padding:.4rem .6rem}.reply-input-container{padding:.3rem .5rem}}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-track{background:0 0}.comments-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.comments-list::-webkit-scrollbar-thumb:hover{background:#bbb}.comment-menu-container{margin-left:auto;position:relative}.comment-menu-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:background-color .2s;display:flex}.comment-menu-btn:hover{background-color:#f0f2f5}.comment-menu-dropdown{z-index:1000;background:#fff;border:1px solid #e1e4e8;border-radius:8px;min-width:150px;margin-top:.25rem;padding:.25rem;position:absolute;top:100%;right:0;box-shadow:0 2px 8px #0000001a}.comment-menu-dropdown button{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:background-color .2s;display:flex}.comment-menu-dropdown button:hover{background-color:#f0f2f5}.comment-menu-dropdown button svg{font-size:.875rem}.shop-modal-overlay{z-index:99999;pointer-events:all;background:#00000080;justify-content:center;align-items:flex-end;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.shop-modal{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:500px;max-height:100vh;transition:height .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 -4px 20px #00000026}.shop-modal.dragging{transition:none}.shop-modal.fullscreen{border-radius:0;max-height:100vh}.shop-drag-handle{cursor:grab;touch-action:none;justify-content:center;align-items:center;padding:.75rem;display:flex;position:relative}.shop-drag-handle:active{cursor:grabbing}.drag-indicator{background:silver;border-radius:3px;width:48px;height:5px;margin-top:8px;transition:all .2s}.shop-drag-handle:hover .drag-indicator{background:#999;width:56px}.shop-drag-handle:active .drag-indicator{background:#f87b2d}.shop-header{padding:0 1.2rem 1rem}.shop-header-content{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.shop-title{color:#333;text-align:left;margin:0;font-size:1.1rem;font-weight:600}.shop-close-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1rem;transition:background-color .2s}.shop-close-btn:hover{background:#f0f0f0}.shop-poster-info{text-align:left}.shop-poster-username{color:#333;margin:0 0 .2rem;font-size:.85rem;font-weight:800}.shop-commission-text{color:#999;margin:0;font-size:.75rem;font-weight:400}.shop-divider{background:#f0f0f0;height:1px;margin:0 1.2rem 1rem}.shop-products-container{flex:1;padding:0 1.2rem 2rem;overflow-y:auto}.shop-products-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.product-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;flex-direction:column;padding:.75rem;display:flex;overflow:visible}.product-image-container{border-radius:6px;width:100%;height:120px;margin-bottom:.5rem;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%}.product-details{flex-direction:column;gap:.25rem;padding:.25rem;display:flex}.product-name-row{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.1rem;display:flex}.product-name{color:#333;text-align:left;flex:1;margin:0;font-size:.85rem;font-weight:800;line-height:1.1}.product-bookmark-btn{color:#999;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.2rem;font-size:.9rem;transition:color .2s}.product-bookmark-btn:hover,.product-bookmark-btn.bookmarked{color:#f87b2d}.product-bookmark-btn svg{color:inherit}.product-company{color:#666;text-align:left;margin:0;font-size:.8rem;font-weight:500}.product-price{color:#333;text-align:left;margin:0;font-size:.85rem;font-weight:600}.shop-now-btn{cursor:pointer;text-align:center;border-radius:6px;width:100%;margin-top:.5rem;font-size:.85rem;font-weight:600;transition:all .2s;display:block;color:#fff!important;background:#f87b2d!important;border:none!important;padding:.5rem .75rem!important}.shop-now-btn:hover{background:#e66a26;transform:translateY(-1px);box-shadow:0 2px 4px #f87b2d4d}.shop-products-container::-webkit-scrollbar{width:4px}.shop-products-container::-webkit-scrollbar-track{background:0 0}.shop-products-container::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.shop-products-container::-webkit-scrollbar-thumb:hover{background:#bbb}@media (width<=599px){.shop-modal{border-radius:12px 12px 0 0}.shop-title{font-size:1rem}.shop-header{padding:0 1rem 1rem}.shop-divider{margin:0 1rem 1rem}.shop-products-container{padding:0 1rem 2rem}.shop-products-grid{gap:.8rem}.product-details{padding:.5rem}.product-image-container{height:100px}.product-name,.product-company{font-size:.75rem}.product-price{font-size:.8rem}.shop-now-btn{padding:.4rem .6rem;font-size:.8rem}.shop-poster-username{font-size:.8rem}.shop-commission-text{font-size:.7rem}}@media (width<=400px){.shop-products-grid{gap:.6rem}.product-details{padding:.5rem .4rem}.product-image-container{height:90px}.product-name{font-size:.7rem}.product-bookmark-btn{font-size:.8rem}}@media (width>=600px){.product-card:hover{transition:all .2s;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.shop-modal{max-width:500px}}.add-to-bundle-container{position:relative}.add-to-bundle-button{color:#333;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:1.4rem;transition:all .2s;display:flex}.add-to-bundle-button:hover{color:#f87b2d;transform:scale(1.1)}.add-to-bundle-button.in-bundle{color:#f87b2d}.add-to-bundle-button.small{padding:6px;font-size:1.2rem}.add-to-bundle-button.medium{padding:8px;font-size:1.4rem}.add-to-bundle-button.large{padding:10px;font-size:1.6rem}.bundle-menu-backdrop{z-index:998;position:fixed;inset:0}.bundle-menu-dropdown{z-index:999;background:#fff;border-radius:12px;min-width:250px;max-width:300px;margin-top:8px;animation:.2s ease-out dropdownSlide;position:absolute;top:100%;right:0;box-shadow:0 4px 20px #00000026}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bundle-menu-header{color:#333;border-bottom:1px solid #eee;padding:12px 16px;font-size:.95rem;font-weight:600}.bundle-menu-list{max-height:300px;overflow-y:auto}.bundle-menu-item{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:.9rem;transition:background .2s;display:flex}.bundle-menu-item:hover{background:#f5f5f5}.bundle-menu-item.selected{color:#f87b2d;background:#fff5ee}.bundle-menu-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bundle-menu-item-check{color:#f87b2d;margin-left:8px;font-size:.8rem}.bundle-menu-empty{text-align:center;color:#666;padding:20px 16px}.bundle-menu-empty p{margin:0 0 4px;font-size:.9rem}.bundle-menu-empty small{color:#999;font-size:.8rem}.bundle-menu-create{text-align:left;cursor:pointer;color:#f87b2d;background:0 0;border:none;border-top:1px solid #eee;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:500;transition:background .2s;display:flex}.bundle-menu-create:hover{background:#fff5ee}@media (width<=480px){.bundle-menu-dropdown{max-width:none;position:fixed;inset:auto 10px 70px}}.add-to-plan-modal-overlay{z-index:99999;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.add-to-plan-modal{background:#fff;border-radius:20px;flex-direction:column;width:90%;max-width:500px;max-height:85vh;margin:auto;padding:20px;animation:.3s ease-out slideUp;display:flex;position:relative}.add-to-plan-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.add-to-plan-header h2{margin:0;font-size:20px;font-weight:600}.close-btn{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:24px;display:flex}.recipe-preview{background:#f5f5f5;border-radius:12px;gap:15px;margin-bottom:25px;padding:15px;display:flex}.recipe-preview img{object-fit:cover;border-radius:8px;width:80px;height:80px}.recipe-info{flex:1}.recipe-info h3{margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.3}.recipe-stats{color:#666;gap:15px;font-size:14px;display:flex}.meal-type-section{margin-bottom:25px}.meal-type-section h3,.date-section h3{margin:0 0 15px;font-size:16px;font-weight:600}.meal-type-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.meal-type-btn{cursor:pointer;color:#666;background:#f5f5f5;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:15px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.meal-type-btn svg{color:#666;font-size:24px}.meal-type-btn.selected{color:#666;background:#fff5f0;border-color:#f87b2d}.meal-type-btn.selected svg{color:#f87b2d}.date-section{margin-bottom:25px}.date-picker-toggle{cursor:pointer;color:#666;background:#f5f5f5;border:none;border-radius:12px;align-items:center;gap:10px;width:100%;padding:15px;font-size:16px;font-weight:500;transition:background .2s;display:flex}.date-picker-toggle:hover{background:#ebebeb}.date-picker-toggle svg{color:#666;font-size:20px}.week-dates{gap:8px;margin-top:15px;padding-bottom:5px;display:flex;overflow-x:auto}.date-option{cursor:pointer;background:#f5f5f5;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:70px;padding:12px 16px;transition:all .2s;display:flex;position:relative}.date-option.selected{background:#fff5f0;border-color:#f87b2d}.date-day{color:#666;text-transform:uppercase;font-size:12px}.date-num{color:#666;font-size:18px;font-weight:600}.today-label{color:#fff;background:#f87b2d;border-radius:10px;padding:2px 6px;font-size:10px;position:absolute;top:-8px}.add-to-plan-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:background .2s}.add-to-plan-btn:hover:not(:disabled){background:#e66a26}.add-to-plan-btn:disabled{cursor:not-allowed;background:#ccc}.serving-size-section{background:#f9f9f9;border-radius:12px;margin-top:20px;padding:15px}.serving-size-section h3{color:#333;margin-bottom:15px;font-size:16px}.serving-selector{justify-content:center;align-items:center;gap:15px;margin-bottom:15px;display:flex}.serving-btn{color:#f87b2d;cursor:pointer;background:#fff;border:2px solid #f87b2d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:18px;font-weight:700;line-height:1;transition:all .2s;display:flex}.serving-btn:hover{color:#fff;background:#f87b2d}.serving-display{flex-direction:column;align-items:center;min-width:100px;display:flex}.serving-number{color:#333;font-size:28px;font-weight:700}.serving-label{color:#666;font-size:14px}.original-servings{color:#999;text-align:center;margin-top:5px;font-size:12px}.nutrition-preview{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.nutrition-preview h4{color:#666;margin-bottom:10px;font-size:14px}.nutrition-values{grid-template-columns:1fr 1fr;gap:10px;font-size:13px;display:grid}.nutrition-values span{text-align:center;color:#333;background:#fff;border-radius:8px;padding:8px;font-weight:500}@media (width>=768px){.add-to-plan-modal-overlay{align-items:center}.add-to-plan-modal{border-radius:20px;max-width:450px}}.recipe-detail-page{background:#fff;width:100%;max-width:100%;min-height:100vh;padding-bottom:6rem;font-family:Roboto,sans-serif;overflow-x:hidden}.recipe-detail-header{z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;align-items:center;padding:1rem;display:flex;position:sticky;top:0}.recipe-back-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;font-size:1.2rem;transition:background-color .2s}.recipe-back-btn:hover{background:#fff3e8}.recipe-title-section{justify-content:space-between;align-items:center;padding:1rem 1rem .5rem;display:flex}.recipe-title{color:#222;flex:1;margin:0;padding-right:1rem;font-size:16px;font-weight:600}.recipe-author-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.recipe-info-stats{gap:.5rem;padding:.5rem 1rem .8rem;display:flex}.info-stat{background:#f5f5f5;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.8rem;font-weight:500;display:flex}.info-stat.difficulty{text-transform:capitalize;border-radius:6px;font-weight:500}.info-icon{color:#f87b2d;font-size:.8rem}.info-text{color:inherit}.info-stat:not(.difficulty) .info-text,.info-stat:not(.difficulty) .info-icon{color:#666}.recipe-image-gallery{border-radius:8px;height:220px;margin:0 1rem .8rem;position:relative;overflow:hidden}.recipe-media-section{margin:0 1rem .8rem}.recipe-media-gallery{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;background:#000;border-radius:8px;height:300px;position:relative;overflow:hidden}.image-scroll-container,.media-scroll-container{will-change:transform;-webkit-user-select:none;user-select:none;height:100%;display:flex}.gallery-image-wrapper,.gallery-media-wrapper{min-width:100%;height:100%;position:relative}.gallery-media-wrapper{justify-content:center;align-items:center;display:flex}.gallery-image{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:8px;width:100%;height:100%}.video-container{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.gallery-video{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.image-dots,.media-dots{gap:.3rem;display:flex;position:absolute;bottom:.8rem;left:50%;transform:translate(-50%)}.media-dots{z-index:10;background:#0000004d;border-radius:20px;gap:.5rem;padding:.3rem .5rem}.image-dots .dot,.media-dots .dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:6px;height:6px;transition:all .3s}.media-dots .dot{width:8px;height:8px}.image-dots .dot.active,.media-dots .dot.active{background:#fff;border-radius:3px;width:18px}.media-dots .dot.active{border-radius:4px;width:20px}.media-dots .dot.video-dot{background:#ff6b3580}.media-dots .dot.video-dot.active{background:#ff6b35}.media-dots-external{justify-content:center;align-items:center;gap:.25rem;margin-top:8px;padding:4px;display:flex}.media-dots-external .dot{cursor:pointer;background:#c7c7c7;border-radius:50%;width:6px;height:6px;transition:all .3s}.media-dots-external .dot.active{background:#ff6b35;border-radius:50%;width:6px;height:6px}.media-dots-external .dot.video-dot{background:#e0e0e0}.media-dots-external .dot.video-dot.active{background:#ff6b35;border-radius:50%;width:6px;height:6px}.favorites-row{justify-content:flex-end;padding:.5rem 0 0;display:flex}.favorites-row .favorites-btn{color:#f87b2d;align-items:center;gap:4px;display:flex}.recipe-nutrition-stats{border-bottom:1px solid #f0f0f0;justify-content:space-around;padding:.8rem 1rem;display:flex}.nutrition-stat{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.nutrition-value{margin-bottom:.2rem;font-size:1rem;font-weight:700;display:block;color:#f87b2d!important}.nutrition-label{color:#979797;text-transform:capitalize;font-size:.7rem;font-weight:700;display:block}.recipe-actions-section{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.actions-left{gap:1rem;display:flex}.actions-right{align-items:center;gap:1rem;display:flex}.action-icon-btn{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;padding:.3rem;font-size:1.1rem;transition:color .2s;display:flex}.action-icon-btn:hover{color:#f87b2d}.action-icon-btn.bookmark-button{padding:0}.action-icon-btn.bookmark-button.bookmarked,.action-icon-btn.liked,.shop-btn{color:#f87b2d}.action-icon-btn.delete-btn:hover{color:#dc3545}.action-icon-btn .action-count{color:#666;margin-left:4px;font-size:.75rem}.recipe-tab-navigation{background:#f8f9fa;padding:.8rem 1rem}.tab-toggle-container{background:#e0e0e0;border-radius:6px;padding:3px;display:flex;position:relative}.tab-toggle{color:#666;cursor:pointer;z-index:2;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:4px;flex:1;min-width:0;padding:.6rem .5rem;font-size:.8rem;font-weight:500;transition:all .3s;position:relative}.tab-toggle.active{color:#1f363d;font-weight:700}.tab-indicator{z-index:1;background:#fff;border-radius:4px;width:calc(25% - 2px);height:calc(100% - 6px);transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000001a}.recipe-tab-content{box-sizing:border-box;width:100%;min-height:400px;padding:1rem;position:relative}.about-section{box-sizing:border-box;width:100%}.section-heading{color:#333;text-align:left;margin:0 0 .8rem;font-size:1.1rem;font-weight:800}.dish-description{text-align:left;margin-bottom:1.5rem;position:relative}.dish-description-content{color:#555;text-align:left;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.dish-description-content>*{margin:0}.dish-description.expanded .dish-description-content{-webkit-line-clamp:unset;line-clamp:unset;display:block;overflow:visible}.dish-description p{color:#555;text-align:left;margin:0;font-size:.9rem;line-height:1.5}.see-more-btn{color:#f87b2d;cursor:pointer;text-align:right;background:0 0;border:none;margin-top:.3rem;margin-left:auto;padding:.2rem 0;font-size:.8rem;transition:opacity .2s;display:block}.see-more-btn:hover{opacity:.7}.collapse-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;margin-top:.5rem;margin-left:auto;padding:.4rem;font-size:.9rem;transition:opacity .2s;display:block}.collapse-btn:hover{opacity:.7}.recipe-suggestions{margin-top:3rem}.recipe-suggestions .section-heading{color:#1f363d;margin:0 0 1rem;font-size:.9rem;font-weight:600}.suggestions-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.8rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.suggestions-scroll::-webkit-scrollbar{display:none}.suggested-recipe-card{background:#fff;border-radius:8px;flex:0 0 140px;overflow:hidden;box-shadow:0 1px 4px #0000001a}.suggested-card-image-container{position:relative}.suggested-recipe-image{object-fit:cover;width:100%;height:80px}.suggested-card-content{padding:.5rem}.suggested-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.3rem;display:flex}.suggested-recipe-title{color:#333;flex:1;margin:0;padding-right:.3rem;font-size:.75rem;font-weight:600;line-height:1.2}.suggested-recipe-rating{flex-shrink:0;align-items:center;gap:.2rem;display:flex}.rating-star{color:#f87b2d;font-size:.7rem}.rating-value{color:#666;font-size:.7rem;font-weight:500}.suggested-recipe-author{color:#999;margin:0;font-size:.7rem}.preparation-content{margin-bottom:1.5rem}.preparation-content p{color:#555;margin:0;font-size:.9rem;line-height:1.5}.ingredients-list{margin-top:1.5rem}.subsection-heading{color:#333;margin:0 0 1rem;font-size:1rem;font-weight:700}.ingredient-item{border-bottom:1px solid #f0f0f0;flex-direction:row;align-items:center;width:100%;padding:.8rem 0;display:flex}.ingredient-item:last-child{border-bottom:none}.ingredient-left{flex-direction:row;flex:0 auto;align-items:center;gap:.8rem;min-width:0;display:flex}.ingredient-right{flex-direction:row;flex:none;align-items:center;gap:.5rem;margin-left:auto;display:flex}.ingredient-icon{color:#666;background-color:#f5f5f5;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.ingredient-name{color:#555;text-transform:capitalize;text-overflow:ellipsis;flex:1;min-width:0;font-size:.9rem;line-height:1.4;overflow:hidden}.ingredient-amount{color:#666;text-align:right;white-space:nowrap;margin-right:.5rem;font-size:.9rem;font-weight:500}.ingredient-checkbox{cursor:pointer;line-height:0;display:inline-block;position:relative}.ingredient-checkbox input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.checkbox-custom{background-color:#fff;border:2px solid #ddd;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.checkbox-icon{color:#fff;opacity:0;font-size:12px;transition:all .2s;transform:scale(.8)}.ingredient-checkbox input[type=checkbox]:checked~.checkbox-custom{background-color:#f87b2d;border-color:#f87b2d}.ingredient-checkbox input[type=checkbox]:checked~.checkbox-custom .checkbox-icon{opacity:1;transform:scale(1)}.equipment-list{margin-top:1.5rem}.equipment-item{border-bottom:1px solid #f0f0f0;flex-direction:row;align-items:center;width:100%;padding:.8rem 0;display:flex}.equipment-item:last-child{border-bottom:none}.equipment-left{flex-direction:row;flex:0 auto;align-items:center;gap:.8rem;min-width:0;display:flex}.equipment-right{flex-direction:row;flex:none;align-items:center;gap:.5rem;margin-left:auto;display:flex}.equipment-icon{color:#666;background-color:#f5f5f5;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.equipment-name{color:#555;text-transform:capitalize;text-overflow:ellipsis;flex:1;min-width:0;font-size:.9rem;line-height:1.4;overflow:hidden}.equipment-size{color:#666;text-align:right;white-space:nowrap;margin-right:.5rem;font-size:.9rem;font-weight:500}.equipment-checkbox{cursor:pointer;line-height:0;display:inline-block;position:relative}.equipment-checkbox input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.equipment-checkbox .checkbox-custom{background-color:#fff;border:2px solid #ddd;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.equipment-checkbox .checkbox-icon{color:#fff;opacity:0;font-size:.7rem;transition:all .2s;transform:scale(.8)}.equipment-checkbox input[type=checkbox]:checked~.checkbox-custom{background-color:#f87b2d;border-color:#f87b2d}.equipment-checkbox input[type=checkbox]:checked~.checkbox-custom .checkbox-icon{opacity:1;transform:scale(1)}.instructions-content{margin-bottom:1.5rem}.instructions-content p{color:#555;margin:0;font-size:.9rem;line-height:1.5}@media (width<=599px){.recipe-title{font-size:1.1rem}.recipe-author-avatar{width:28px;height:28px}.recipe-image-gallery{height:200px}.info-stat{padding:.3rem .6rem;font-size:.75rem}.nutrition-value{font-size:.9rem}.nutrition-label{font-size:.65rem}.suggested-recipe-card{flex:0 0 120px}.suggested-recipe-image{height:70px}}.section-header-with-toggle{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.section-heading-prep{color:#666;text-align:left;margin:0 0 .8rem;font-size:1.1rem;font-weight:800}.unit-toggle-clean{background:#f0f0f0;border-radius:8px;padding:2px;display:flex;position:relative}.unit-toggle-option{color:#666;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:6px;padding:.35rem .8rem;font-size:.75rem;font-weight:500;transition:color .2s;position:relative}.unit-toggle-option.active{color:#fff;font-weight:600}.unit-toggle-slider{z-index:1;background:#f87b2d;border-radius:6px;width:calc(50% - 2px);height:calc(100% - 4px);transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #f87b2d4d}.unit-toggle-slider.imperial{transform:translate(100%)}.reviews-section{padding:1rem 0}.review-input-section{background:#f9f9f9;border-radius:12px;margin:1.5rem 0;padding:1rem}.review-stars-selector{gap:.5rem;margin-bottom:1rem;display:flex}.review-star-select{color:#e0e0e0;cursor:pointer;font-size:1.5rem;transition:all .2s}.review-star-select:hover{color:#f87b2d;transform:scale(1.1)}.review-star-select.filled{color:#f87b2d}.review-input-wrapper{align-items:center;gap:.75rem;display:flex}.review-text-input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.review-text-input:focus{border-color:#f87b2d;outline:none;box-shadow:0 0 0 3px #f87b2d1a}.submit-review-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.submit-review-btn:hover:not(:disabled){background:#e66a1e;transform:translateY(-1px)}.submit-review-btn:disabled{cursor:not-allowed;opacity:.6;background:#ccc}.rating-overview{background:#f9f9f9;border-radius:12px;gap:2rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.overall-rating{border-right:1px solid #e0e0e0;flex-direction:column;align-items:center;padding-right:2rem;display:flex}.rating-number{color:#333;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.rating-stars{gap:.2rem;margin-bottom:.5rem;display:flex}.review-count-text{color:#666;font-size:.85rem}.rating-breakdown{flex-direction:column;flex:1;justify-content:center;gap:.5rem;display:flex}.rating-bar-row{align-items:center;gap:.5rem;display:flex}.rating-label{color:#666;width:15px;font-size:.9rem;font-weight:500}.rating-bar{background:#e0e0e0;border-radius:4px;flex:1;height:8px;overflow:hidden}.rating-bar-fill{background:#f87b2d;border-radius:4px;height:100%;transition:width .3s}.reviews-list{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.review-card .review-header{gap:.75rem;margin-bottom:.75rem;display:flex}.reviewer-name{color:#333;margin-bottom:.25rem;font-weight:600}.review-meta{align-items:center;gap:.5rem;display:flex}.review-stars{gap:2px;display:flex}.review-text{color:#555;margin-bottom:.75rem;line-height:1.5}.review-actions{gap:.5rem;display:flex}.helpful-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:6px;padding:.25rem .75rem;font-size:.85rem;transition:all .2s}.helpful-btn:hover{color:#f87b2d;background:#f9f9f9;border-color:#f87b2d}.load-more-reviews{color:#666;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:.75rem;font-weight:500;transition:all .2s}.load-more-reviews:hover{color:#f87b2d;background:#f9f9f9;border-color:#f87b2d}@media (width<=768px){.rating-overview{flex-direction:column;gap:1rem}.overall-rating{border-bottom:1px solid #e0e0e0;border-right:none;padding-bottom:1rem;padding-right:0}.review-input-wrapper{flex-direction:column;align-items:stretch}.submit-review-btn{width:100%}}@media (width>=600px){.recipe-detail-page{max-width:500px;margin:0 auto}.recipe-title{font-size:1.3rem}.recipe-author-avatar{width:36px;height:36px}.recipe-image-gallery{height:260px}.tab-toggle{padding:.5rem .3rem;font-size:.75rem}}.instructions-heading{color:#666!important}.instructions-list{margin-top:1rem}.instruction-step{border-bottom:1px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1.5rem;transition:opacity .3s}.instruction-step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.instruction-step.completed{opacity:.6}.instruction-step.completed .step-instruction{color:#999;text-decoration:line-through}.step-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.step-number-container{align-items:center;display:flex}.step-number{color:#f87b2d;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.step-content{padding-left:0}.step-instruction{color:#333;margin:0 0 .5rem;font-size:.95rem;line-height:1.6}.step-tip{background-color:#fff8f0;border-left:3px solid #f87b2d;border-radius:4px;margin-top:.8rem;padding:.6rem .8rem}.tip-label{color:#f87b2d;text-transform:uppercase;margin-right:.5rem;font-size:.8rem;font-weight:700}.tip-text{color:#666;font-size:.85rem;line-height:1.5}.step-checkbox{cursor:pointer;position:relative}.step-checkbox input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.step-checkbox .checkbox-custom{background-color:#fff;border:2px solid #ddd;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.step-checkbox .checkbox-icon{color:#fff;opacity:0;font-size:12px;transition:all .2s;transform:scale(.8)}.step-checkbox input[type=checkbox]:checked~.checkbox-custom{background-color:#f87b2d;border-color:#f87b2d}.step-checkbox input[type=checkbox]:checked~.checkbox-custom .checkbox-icon{opacity:1;transform:scale(1)}.similar-recipes-section{margin-top:1rem;padding:1.5rem 0 0}.similar-recipes-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:1rem;padding:0 1rem 1rem;display:flex;overflow-x:auto}.similar-recipes-scroll::-webkit-scrollbar{height:4px}.similar-recipes-scroll::-webkit-scrollbar-track{background:0 0}.similar-recipes-scroll::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.similar-recipe-card{cursor:pointer;background:#fff;border-radius:12px;flex:0 0 160px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #00000014}.similar-recipe-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.similar-recipe-image-container{width:100%;height:120px;position:relative;overflow:hidden}.similar-recipe-image{object-fit:cover;width:100%;height:100%}.similar-recipe-info-btn{position:absolute!important;top:6px!important;right:6px!important}.similar-recipe-header{justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px;display:flex}.similar-recipe-bookmark{flex-shrink:0;color:#888!important;background:0 0!important;border:none!important;padding:2px!important;font-size:14px!important}.similar-recipe-bookmark.bookmarked{color:#ff6b35!important}.similar-recipe-info{padding:10px}.similar-recipe-title{color:#222;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;min-width:0;margin:0;font-size:.9rem;font-weight:600;display:-webkit-box;overflow:hidden}.similar-recipe-author{color:#666;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:.75rem;overflow:hidden}.similar-recipe-meta{color:#888;justify-content:space-between;align-items:center;font-size:.7rem;display:flex}.similar-recipe-time,.similar-recipe-rating{align-items:center;gap:3px;display:flex}.similar-recipe-meta .meta-icon{font-size:.65rem}.similar-recipe-meta .meta-icon.star{color:#ffb400}.recipe-editor{max-width:800px;margin:0 auto;padding:20px 20px 80px}.recipe-editor-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.recipe-editor-header h1{color:#333;margin:0;font-size:28px}.recipe-editor-header .cancel-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;padding:8px 12px;font-size:16px;transition:all .3s;display:flex}.recipe-editor-header .cancel-btn:hover{color:#333;background-color:#f5f5f5}.recipe-form{flex-direction:column;gap:30px;display:flex}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{border:1px solid #ddd;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:15px;transition:all .3s}.image-preview{object-fit:cover;border:1px solid #ddd;border-radius:8px;width:100%;max-width:300px;height:200px;margin-top:10px}.dynamic-list{flex-direction:column;gap:15px;display:flex}.dynamic-item{align-items:flex-start;gap:10px;display:flex}.dynamic-item .item-number{color:#888;min-width:30px;padding-top:10px;font-weight:500}.dynamic-item input,.dynamic-item textarea{border:1px solid #ddd;border-radius:8px;flex:1;padding:10px 12px;font-family:inherit;font-size:15px}.dynamic-item .remove-btn{color:#fff;cursor:pointer;background:#f44;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-top:5px;transition:all .3s;display:flex}.dynamic-item .remove-btn:hover{background:#c00;transform:scale(1.1)}.add-btn{color:#fff;cursor:pointer;background:#4a90e2;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .3s;display:flex}.add-btn:hover{background:#357abd;transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.tag-remove{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .3s;display:flex}.checkbox-group{align-items:center;display:flex}.checkbox-group label{cursor:pointer;color:#333;align-items:center;gap:10px;font-size:15px;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:20px;height:20px}@media (width<=768px){.recipe-editor{padding:15px}.form-section{padding:20px 15px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .cancel-btn,.form-actions .submit-btn{width:100%}}.post-editor{max-width:800px;margin:0 auto;padding:20px 20px 80px}.post-editor-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.post-editor-header h1{color:#333;margin:0;font-size:28px}.post-editor-header .cancel-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;padding:8px 12px;font-size:16px;transition:all .3s;display:flex}.post-editor-header .cancel-btn:hover{color:#333;background-color:#f5f5f5}.error-message{color:#c33;background-color:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:20px;padding:12px}.post-form{flex-direction:column;gap:30px;display:flex}.form-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #00000014}.form-section h2{color:#333;border-bottom:1px solid #f0f0f0;margin:0 0 20px;padding-bottom:10px;font-size:20px}.form-group input[type=text],.form-group textarea,.form-group select{border:1px solid #ddd;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:15px;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.form-group input.error,.form-group textarea.error{border-color:#e74c3c}.field-error{color:#e74c3c;margin-top:5px;font-size:13px;display:block}.image-upload-area{margin-top:15px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;display:grid}.image-preview-container{aspect-ratio:1;background:#f5f5f5;border-radius:12px;position:relative;overflow:hidden}.image-preview{object-fit:cover;width:100%;height:100%}.remove-image-btn:hover{background:#e74c3c;transform:scale(1.1)}.add-image-btn{aspect-ratio:1;cursor:pointer;color:#666;background:#f9f9f9;border:2px dashed #ddd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .3s;display:flex}.add-image-btn:hover{color:#4a90e2;background:#f0f7ff;border-color:#4a90e2}.add-image-btn svg{font-size:24px}.add-image-btn span{font-size:13px;font-weight:500}.tags-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tag{color:#4a90e2;background:#f0f4f8;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:14px;display:inline-flex}.tag-remove{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:12px;transition:color .3s;display:flex}.tag-remove:hover{color:#e74c3c}.form-actions{border-top:1px solid #f0f0f0;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;display:flex}.form-actions .cancel-btn{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;padding:12px 30px;font-size:15px;transition:all .3s}.form-actions .cancel-btn:hover{color:#333;background:#e0e0e0}.form-actions .submit-btn{color:#fff;cursor:pointer;background:#4a90e2;border:none;border-radius:8px;padding:12px 30px;font-size:15px;font-weight:500;transition:all .3s}.form-actions .submit-btn:hover:not(:disabled){background:#357abd;transform:translateY(-1px);box-shadow:0 4px 12px #4a90e24d}.form-actions .submit-btn:disabled{cursor:not-allowed;background:#ccc}@media (width<=768px){.post-editor{padding:15px}.form-section{padding:20px 15px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.form-actions{flex-direction:column}.form-actions .cancel-btn,.form-actions .submit-btn{width:100%}}.post-upload-page{background:#fff;min-height:100vh;padding-bottom:80px}.post-upload-header{z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.post-upload-header h1{color:#333;flex:1;margin:0;font-size:15px;font-weight:600}.header-btn.share-btn{color:#fff;background:#ff6b35;border-radius:6px;padding:7px 18px;font-size:13px;font-weight:600;transition:background .2s}.header-btn.share-btn:hover:not(:disabled){background:#e85d2a}.header-btn.share-btn:disabled{cursor:not-allowed;background:#ffc4b0}.post-upload-content{max-width:600px;margin:0 auto}.media-section{background:#fafafa}.upload-placeholder{aspect-ratio:1;cursor:pointer;border-bottom:1px solid #f0f0f0;justify-content:center;align-items:center;transition:background .2s;display:flex}.upload-placeholder:hover{background:#fff5f0}.placeholder-content{text-align:center;color:#999}.placeholder-icon{color:#ccc;margin-bottom:12px;font-size:40px}.placeholder-content h3{color:#333;margin:0 0 4px;font-size:15px;font-weight:500}.placeholder-content p{color:#999;margin:0;font-size:12px}.media-preview{background:#1a1a1a}.main-image-container{aspect-ratio:1;position:relative;overflow:hidden}.main-preview-image{object-fit:contain;background:#1a1a1a;width:100%;height:100%}.remove-main-btn{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;transition:background .2s;display:flex;position:absolute;top:10px;right:10px}.remove-main-btn:hover{background:#000000b3}.image-counter{color:#fff;background:#00000080;border-radius:10px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;top:10px;right:44px}.thumbnail-strip{scrollbar-width:none;background:#1a1a1a;gap:3px;padding:6px;display:flex;overflow-x:auto}.thumbnail-strip::-webkit-scrollbar{display:none}.thumbnail{cursor:pointer;opacity:.5;border:2px solid #0000;border-radius:4px;flex-shrink:0;width:52px;height:52px;transition:opacity .2s;overflow:hidden}.thumbnail.active{opacity:1;border-color:#ff6b35}.add-thumbnail{cursor:pointer;color:#888;border:1.5px dashed #666;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;transition:all .2s;display:flex}.add-thumbnail:hover{color:#ff6b35;border-color:#ff6b35}.caption-section{border-bottom:1px solid #f0f0f0;padding:14px 16px}.caption-input{resize:none;box-sizing:border-box;border-radius:6px;outline:none;width:100%;min-height:60px;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5;color:#666!important;background-color:#fff!important;border:1px solid #ccc!important}.char-count{text-align:right;color:#bbb;margin-top:6px;font-size:11px;display:block}.options-list{border-top:1px solid #f0f0f0}.option-item{border-bottom:1px solid #f0f0f0}.option-header{cursor:pointer;width:100%;font-family:inherit;font-size:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .2s;display:flex}.option-header:hover{background:#fafafa}.option-left{align-items:center;gap:10px;display:flex}.option-icon{font-size:14px;color:#ff6b35!important}.option-right{color:#ccc;align-items:center;gap:6px;font-size:16px;display:flex}.option-value{color:#999;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;overflow:hidden}.option-badge{color:#fff;text-align:center;background:#ff6b35;border-radius:8px;min-width:16px;padding:2px 6px;font-size:10px;font-weight:600}.option-content{padding:0 16px 14px;animation:.15s slideDown}.text-input{border:1px solid #e5e5e5;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .2s}.text-input:focus{border-color:#ff6b35}.location-search-container{position:relative}.location-loading{text-align:center;color:#999;padding:10px;font-size:12px}.location-suggestions{z-index:10;background:#fff;border:1px solid #e5e5e5;border-top:none;border-radius:0 0 6px 6px;max-height:240px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.location-suggestion-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:12px;transition:background .2s;display:flex}.location-suggestion-item:last-child{border-bottom:none}.location-suggestion-item:hover{background:#fff5f0}.location-icon{font-size:16px}.location-name{color:#333;flex:1;font-size:13px}.no-results{text-align:center;color:#999;padding:16px;font-size:13px}.tagged-people-list{border-bottom:1px solid #f0f0f0;margin-bottom:10px;padding-bottom:10px}.people-list{background:#fafafa;border-radius:6px;max-height:180px;margin-top:10px;overflow-y:auto}.person-item{cursor:pointer;align-items:center;gap:10px;padding:8px 10px;transition:background .2s;display:flex}.person-item:hover{background:#f0f0f0}.person-item.selected{background:#fff5f0}.person-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.person-name{color:#333;flex:1;font-size:13px;font-weight:500}.check-mark{color:#ff6b35;font-size:14px;font-weight:600}.product-card-header{gap:6px;margin-bottom:6px;display:flex}.product-name-input{border:1px solid #e5e5e5;border-radius:5px;outline:none;flex:1;padding:8px 10px;font-size:13px}.product-name-input::placeholder{color:#bbb}.product-name-input:focus{border-color:#ff6b35}.remove-product-btn{color:#ccc;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:16px;display:flex}.remove-product-btn:hover{color:#e74c3c}.product-card-row{gap:6px;display:flex}.product-price-input{border:1px solid #e5e5e5;border-radius:5px;outline:none;width:80px;padding:8px 10px;font-size:13px}.product-price-input::placeholder{color:#bbb}.product-price-input:focus{border-color:#ff6b35}.product-link-input{border:1px solid #e5e5e5;border-radius:5px;outline:none;flex:1;padding:8px 10px;font-size:13px}.product-link-input::placeholder{color:#bbb}.product-link-input:focus{border-color:#ff6b35}.add-product-btn{color:#999;cursor:pointer;background:0 0;border:1.5px dashed #e0e0e0;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.add-product-btn:hover{color:#ff6b35;border-color:#ff6b35}.social-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.social-btn{cursor:pointer;background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex}.social-btn:hover{background:#f5f5f5}.social-btn.active{background:var(--platform-color);border-color:var(--platform-color);color:#fff}.social-btn.active .social-icon{color:#fff}.social-icon{color:var(--platform-color);font-size:16px}.social-btn span{font-size:12px;font-weight:500}.toggle-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-row span{color:#333;font-size:13px}@media (width<=360px){.post-upload-header{padding:10px 12px}.post-upload-header h1{font-size:14px}.header-btn.share-btn{padding:6px 14px;font-size:12px}.placeholder-icon{font-size:32px}.placeholder-content h3{font-size:14px}.placeholder-content p{font-size:11px}.thumbnail{width:44px;height:44px}.add-thumbnail{width:44px;height:44px;font-size:16px}.caption-section{padding:12px}.caption-input{min-height:50px;font-size:13px}.option-header{padding:12px}.option-icon,.option-label{font-size:12px}.option-content{padding:0 12px 12px}.text-input{padding:8px 10px;font-size:12px}.person-item{padding:6px 8px}.person-avatar{width:28px;height:28px}.person-name{font-size:12px}.product-card{padding:8px}.product-name-input,.product-price-input,.product-link-input{padding:6px 8px;font-size:12px}.product-price-input{width:70px}.social-grid{grid-template-columns:1fr;gap:6px}.social-btn{padding:8px 10px}.social-icon{font-size:14px}.social-btn span{font-size:11px}.toggle-row{padding:8px 0}.toggle-row span{font-size:12px}.option-value{max-width:70px;font-size:11px}.image-counter{padding:3px 8px;font-size:10px;top:8px;right:38px}.remove-main-btn{width:24px;height:24px;font-size:14px;top:8px;right:8px}.char-count{font-size:10px}.option-badge{padding:2px 5px;font-size:9px}}.post-page{background:#faf9f6;min-height:100vh;padding-bottom:120px;overflow-y:auto}.post-page-loading{background:#faf9f6;justify-content:center;align-items:center;height:100vh;display:flex}.post-header{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;align-items:center;padding:16px;display:flex;position:sticky;top:0}.post-header *{box-shadow:none}.post-header .post-author-avatar,.post-page .post-author-avatar{box-shadow:none!important;background:0 0!important}.back-button{color:#333;cursor:pointer;background:0 0;border:none;margin-right:12px;padding:8px;font-size:20px}.post-author-info{flex:1;align-items:center;gap:12px;display:flex}.post-author-avatar{flex-shrink:0;width:40px;height:40px;position:relative;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000);box-shadow:none!important;background:0 0!important;border:none!important;border-radius:50%!important;outline:none!important;margin:0!important;padding:0!important;overflow:hidden!important}.post-author-avatar:before,.post-author-avatar:after{content:none!important;display:none!important}.post-author-avatar img{clip-path:circle(50%);position:absolute;top:0;left:0;object-fit:cover!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:50%!important;outline:none!important;margin:0!important;padding:0!important;display:block!important}.author-name{align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.post-timestamp{color:#666;margin-top:2px;font-size:12px}.menu-button{color:#666;cursor:pointer;background:0 0;border:none;padding:8px;font-size:18px;position:relative}.post-menu{z-index:101;background:#fff;border-radius:8px;min-width:180px;position:absolute;top:100%;right:16px;overflow:hidden;box-shadow:0 2px 12px #00000026}.post-menu button{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.post-menu button:hover{background:#f5f5f5}.post-menu button.delete-option{color:#dc3545}.post-menu button.delete-option:hover{background:#fff0f0}.post-menu .menu-divider{background:#eee;height:1px;margin:4px 0}.post-media{background:#000;justify-content:center;align-items:center;width:100%;max-height:600px;display:flex;position:relative;overflow:hidden}.post-media img,.post-video{object-fit:contain;width:100%;height:auto;max-height:600px;margin:0 auto;display:block}.media-carousel{position:relative}.media-carousel img{cursor:pointer}.post-page-dots-container{background:#fff;justify-content:center;align-items:center;padding:8px 0;display:flex}.post-page-dots{align-items:center;gap:6px;display:flex}.post-page-dot{cursor:pointer;background:#ccc;border-radius:50%;width:8px;height:8px;transition:all .3s;display:inline-block}.post-page-dot.active{background:#ff6b35;width:10px;height:10px}.post-page-dot:hover{background:#999}.video-container{cursor:pointer;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.video-container img{object-fit:contain;width:100%;height:auto;max-height:600px}.play-overlay{color:#fff;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-container:hover .play-overlay{transform:translate(-50%,-50%)scale(1.1)}.video-duration{color:#fff;background:#000000b3;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;bottom:12px;right:12px}.sponsored-badge{color:#fff;background:#000000b3;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500;position:absolute;top:12px;left:12px}.post-actions{z-index:10;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:relative}.action-buttons{gap:20px;display:flex;-webkit-tap-highlight-color:transparent!important}.action-buttons *{-webkit-tap-highlight-color:transparent!important}.action-btn{color:#666;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:none;align-items:center;gap:6px;font-size:20px;display:flex;-webkit-tap-highlight-color:transparent!important;-webkit-tap-highlight-color:#0000!important;background:0 0!important;outline:none!important}.action-btn svg{color:#666;fill:currentColor}.action-btn:hover,.action-btn:focus,.action-btn:active{-webkit-tap-highlight-color:transparent!important;background:0 0!important;outline:none!important}.action-btn *{-webkit-tap-highlight-color:transparent!important}.action-btn span{font-size:14px;font-weight:500}.action-btn.liked svg{color:#f87b2d;fill:#f87b2d}.action-btn.liked span{color:#f87b2d}.action-btn:hover svg,.action-btn.active svg{color:#f87b2d;fill:#f87b2d}.bookmark-icon{color:#666;cursor:pointer;font-size:20px;transition:all .2s}.bookmark-icon.saved{color:#ff6b35}.bookmark-icon:active{transform:scale(.9)}.post-details{background:#fff;min-height:auto;margin-bottom:20px;padding:16px;overflow:visible}.recipe-title{color:#333;margin-bottom:12px;font-size:20px;font-weight:600}.recipe-stats{color:#666;flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:14px;display:flex}.recipe-stats span{align-items:center;gap:6px;display:flex}.difficulty{border-radius:4px;padding:2px 8px;font-weight:500}.difficulty.easy{color:#4caf50;background:#e8f5e9}.difficulty.medium{color:#ff9800;background:#fff3e0}.difficulty.hard{color:#f44336;background:#ffebee}.post-caption{color:#333;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;margin-bottom:12px;font-size:14px;line-height:1.5}.post-location{color:#666;margin-bottom:12px;font-size:13px}.post-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tag{color:#ff6b35;cursor:pointer;background:#f0f0f0;border-radius:4px;padding:4px 8px;font-size:13px;transition:background .2s}.tag:hover{background:#e0e0e0}.product-card{background:#f8f8f8;border-radius:12px;margin-bottom:16px;padding:16px}.product-info h3{color:#333;margin-bottom:8px;font-size:16px;font-weight:600}.product-pricing{align-items:center;gap:12px;margin-bottom:8px;display:flex}.current-price{color:#ff6b6b;font-size:20px;font-weight:600}.discount-badge{color:#fff;background:#ff6b6b;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.product-rating{color:#666;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.stars{color:#ffc107}.shop-now-btn{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.shop-now-btn:hover{background:#ff5252}.recipe-content{margin-top:24px}.recipe-section{margin-bottom:24px}.recipe-section h3{color:#333;margin-bottom:12px;font-size:16px;font-weight:600}.ingredients-list{padding:0;list-style:none}.ingredients-list li{border-bottom:1px solid #f0f0f0;align-items:center;padding:8px 0;display:flex}.ingredients-list input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin-right:12px}.ingredients-list label{color:#333;cursor:pointer;flex:1;font-size:14px}.ingredients-list input[type=checkbox]:checked+label{color:#999;text-decoration:line-through}.instructions-list{padding-left:20px}.instructions-list li{color:#333;padding:8px 0;font-size:14px;line-height:1.6}.cook-mode-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;width:100%;margin-top:20px;padding:14px;font-size:16px;font-weight:600;transition:background .2s}.cook-mode-btn:hover{background:#45a049}@media (width>=769px){.post-page{max-width:600px;margin:0 auto}.post-media,.post-media img,.post-video{max-height:700px}}@media (width<=768px){.post-page{padding-bottom:100px}.post-media,.post-media img,.post-video{max-height:500px}.recipe-stats{font-size:13px}.post-details{padding-bottom:20px}.post-caption{word-break:break-word;max-width:100%}}.bundle-detail-container{background:#fff;min-height:100vh;padding:0 0 100px;font-family:Roboto,sans-serif}.bundle-detail-header{z-index:10;background:#fff;border-bottom:1px solid #eee;align-items:center;padding:1rem 1rem .5rem;display:flex;position:sticky;top:0}.back-button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:50%;margin-right:1rem;padding:.5rem;font-size:1.5rem;transition:background-color .2s}.bundle-stats{background:#f8f9fa;border-bottom:1px solid #eee;padding:1rem}.recipe-count{color:#f87b2d;margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:block}.bundle-description{color:#666;font-size:.85rem}.bundle-recipe-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:0 4px;display:grid}.bundle-recipe-card{cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000012}.bundle-recipe-img-wrapper{background:#f0f0f0;flex-shrink:0;width:100%;height:160px;position:relative}.bundle-recipe-img{object-fit:cover;width:100%;height:100%;display:block}.bundle-recipe-info-btn{z-index:2;background:#ffffffe6;border-radius:50%;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0000001a}.bundle-recipe-content{pointer-events:auto;cursor:pointer;flex-direction:column;padding:8px 6px 12px;display:flex;position:relative}.bundle-recipe-title-row{justify-content:flex-start;align-items:center;gap:6px;margin-bottom:6px;display:flex}.bundle-recipe-author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.bundle-recipe-author-avatar-default{color:#bbb;flex-shrink:0;width:20px;height:20px}.bundle-recipe-title{color:#222;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.bundle-recipe-meta{color:#888;white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;width:100%;margin-bottom:0;font-size:.8rem;display:flex}.bundle-recipe-meta-group{white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.bundle-recipe-bookmark{cursor:pointer;pointer-events:auto;color:#888;background:0 0;border:none;flex-shrink:0;padding:0}.bundle-recipe-bookmark.bookmarked{color:#f87b2d}.bundle-empty{text-align:center;color:#666;padding:3rem 1rem}@media (width<=599px){.bundle-detail-header{padding:.75rem}.bundle-title{font-size:1.2rem}.bundle-recipe-grid{gap:6px;padding:0 4px}.bundle-recipe-img-wrapper{height:140px}.bundle-recipe-content{padding:8px 6px 12px}.bundle-recipe-title{font-size:13px}.bundle-recipe-meta,.bundle-recipe-meta-group{font-size:.75rem}}@media (width>=600px){.bundle-detail-container{max-width:800px;margin:0 auto}.bundle-recipe-grid{gap:6px;padding:0 4px}.bundle-recipe-img-wrapper{height:160px}}@media (width<=480px){.hours-dropdown{max-width:none;padding:12px;left:8px;right:8px}.hours-row td{padding:6px 0}.day-name{width:70px;padding-right:10px;font-size:12px!important}.day-hours{font-size:12px!important}}@media (width<=768px){.about-modal-overlay{padding:10px}.about-modal{max-height:85vh;margin:auto}.reservation-section,.reservation-button-wrapper{width:100%!important;display:block!important}.reservation-main-button{box-sizing:border-box!important;width:100%!important;display:flex!important}.reservation-dropdown{box-sizing:border-box!important;width:100%!important;display:block!important}.reservations-container{box-sizing:border-box!important;width:100%!important}}@media (width<=360px){.restaurant-profile-info{padding:12px}.restaurant-profile-header{gap:8px}.restaurant-profile-name{font-size:18px}.info-button{font-size:20px}.restaurant-profile-meta{flex-wrap:wrap;gap:8px;font-size:12px}.restaurant-profile-rating{gap:3px}.star-icon{font-size:14px}.review-count{font-size:11px}.cuisine-type{padding:0 8px;font-size:11px}.price-range{font-size:11px}.open-status{padding:3px 8px;font-size:11px}.contact-item{font-size:12px}.contact-icon{font-size:14px}}.restaurant-graphs-wrapper{width:100%;overflow:hidden}.restaurant-graphs-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:15px;padding:15px;display:flex;overflow:auto hidden}.graph-section{scroll-snap-align:start;box-sizing:border-box;background:#fff;border-radius:12px;flex-shrink:0;min-width:280px;max-width:320px;padding:15px;box-shadow:0 2px 8px #00000014}.graph-header{justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 15px;display:flex}.graph-title{align-items:center;gap:10px;display:flex}.graph-title h3{color:#333;margin:0;font-size:14px;font-weight:600}.graph-icon{color:#ff6b35;font-size:16px}.graph-legend{gap:20px;display:flex}.legend-dot{border-radius:2px;width:8px;height:8px}.legend-dot.current{background-color:#ff6b35}.legend-dot.average{opacity:.6;background-color:#ffb899}.wait-time-graph,.popular-times-graph{height:120px;display:flex;position:relative}.graph-y-axis{color:#999;flex-direction:column;justify-content:space-between;min-width:30px;padding-right:8px;font-size:9px;display:flex}.graph-bars{flex:1;align-items:flex-end;gap:4px;padding-bottom:20px;display:flex;overflow:auto hidden}.graph-bars.full-width{gap:2px;width:100%;padding:15px 0 20px;overflow-x:hidden}.bar-group{flex-direction:column;flex:1;align-items:center;min-width:20px;display:flex;position:relative}.bars-container{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:100px;display:flex}.bar{border-radius:4px 4px 0 0;min-height:2px;transition:all .3s;position:relative}.current-bar{background-color:#ff6b35;width:8px}.average-bar{opacity:.6;background-color:#ffb899;width:8px}.bar-group:hover .bar-value{opacity:1}.bar-label{color:#666;white-space:nowrap;font-size:8px;position:absolute;bottom:-16px}.busy-indicator{align-items:center;display:flex}.busy-level{border-radius:12px;padding:3px 8px;font-size:10px;font-weight:600}.busy-level.very-busy{color:#c62828;background-color:#ffebee}.busy-level.busy{color:#e65100;background-color:#fff3e0}.busy-level.moderate{color:#f57c00;background-color:#fff8e1}.busy-level.quiet{color:#2e7d32;background-color:#e8f5e9}.popular-bar{opacity:.8;background:linear-gradient(#ffb899,#ff6b35);width:15px;position:relative}.popular-bar.current-hour{opacity:1;animation:2s infinite pulse;box-shadow:0 0 0 2px #ff6b35}.current-indicator{color:#fff;background:#ff6b35;border-radius:8px;padding:2px 6px;font-size:8px;font-weight:600;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.day-selector{box-sizing:border-box;flex-wrap:nowrap;justify-content:center;gap:1px;width:100%;margin-top:10px;padding:0 2px;display:flex}.day-btn{color:#666;cursor:pointer;text-align:center;background:#f5f5f5;border:none;border-radius:3px;flex:1;justify-content:center;align-items:center;min-width:0;padding:0 2px;font-size:6px;font-weight:600;line-height:1;transition:all .2s;display:flex;height:18px!important}.day-btn:hover{background:#e0e0e0}.day-btn.active{color:#fff;background:#ff6b35}.restaurant-graphs-container::-webkit-scrollbar{height:6px}.restaurant-graphs-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.restaurant-graphs-container::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.restaurant-graphs-container::-webkit-scrollbar-thumb:hover{background:#ccc}@media (width<=768px){.restaurant-graphs-container{gap:15px;padding:15px}.graph-section{min-width:260px;max-width:280px;padding:12px}.graph-bars{gap:4px}.bar-group{min-width:28px}.current-bar,.average-bar{width:10px}.popular-bar{width:20px}.bar-label{font-size:9px}.graph-y-axis{min-width:35px;font-size:10px}.day-btn{flex:1;min-width:0;padding:0 1px;font-size:5px;height:16px!important}.graph-scroll-content{padding:0 10px}.bar-group.interval-bar-group{flex:0 0 40px!important;width:40px!important;min-width:40px!important}.bar-group.interval-bar-group .bars-container{width:40px!important}.bar-group.interval-bar-group .average-bar{width:16px!important}.bar-group.interval-bar-group.hour-start{margin-left:0}.time-labels-row{padding-top:6px}.time-label-group{justify-content:center;width:40px}.time-label-group.hour-start{margin-left:0}.time-label{font-size:10px}}.simple-graph{width:100%;max-width:none;padding:10px 0}.live-status{align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.live-indicator{background:#ff6b35;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-live}@keyframes pulse-live{0%{box-shadow:0 0 #ff6b35b3}70%{box-shadow:0 0 0 6px #ff6b3500}to{box-shadow:0 0 #ff6b3500}}.live-text{color:#666}.status-text{font-weight:600}.status-text.no-wait{color:#4caf50}.status-text.short-wait{color:#66bb6a}.status-text.moderate-wait{color:#ffa726}.status-text.long-wait{color:#ff6b35}.graph-legend .legend-dot.popular{opacity:.3;background:linear-gradient(#ffb899,#ff6b35)}.day-selector-inline{justify-content:space-between;gap:2px;margin:8px 4px;padding:0;display:flex}.day-btn-inline{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:4px;flex:1;min-width:0;padding:4px 2px;font-size:9px;font-weight:600;transition:all .2s}.day-btn-inline:hover{background:#e0e0e0}.day-btn-inline.active{color:#fff;background:#ff6b35}.day-btn-inline.today{box-shadow:inset 0 0 0 1px #ff6b35}.day-btn-inline.active.today{box-shadow:inset 0 0 0 1px #fff}.simple-graph-container{width:50%;height:120px;margin-top:10px;margin-left:auto;margin-right:auto;display:flex;position:relative}.graph-scroll-container{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:8px;overflow:auto hidden}.graph-scroll-container::-webkit-scrollbar{height:4px}.graph-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.graph-scroll-container::-webkit-scrollbar-thumb{background:#ffb899;border-radius:2px}.graph-scroll-container::-webkit-scrollbar-thumb:hover{background:#ff6b35}.graph-scroll-content{min-width:100%;padding:0 15px;display:inline-block}.simple-graph-container.interval-view{box-sizing:border-box;width:auto;height:100px;padding:0;overflow:visible}.simple-graph-container.interval-view .graph-bars{align-items:flex-end;gap:0;min-width:max-content;height:100%;padding-bottom:0;display:inline-flex}.interval-bars{gap:0!important}.bar-group.interval-bar-group{flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative;flex:0 0 44px!important;width:44px!important;min-width:44px!important}.bar-group.interval-bar-group .bars-container{justify-content:center;align-items:flex-end;height:90px;display:flex;width:44px!important}.bar-group.interval-bar-group .average-bar{border-radius:3px 3px 0 0;width:18px!important}.bar-group.interval-bar-group.hour-start{margin-left:0}.interval-bar-group .bar-label{display:none}.closed-message{color:#666;background:#f9f9f9;border-radius:8px;justify-content:center;align-items:center;height:100px;margin:10px 0;font-size:14px;display:flex}.closed-message p{margin:0}.time-labels-row{gap:0;padding-top:8px;display:inline-flex}.time-label-group{flex-shrink:0;justify-content:center;width:44px;display:flex}.time-label-group.hour-start{margin-left:0}.time-label{color:#666;white-space:nowrap;font-size:11px}.simple-graph-container.interval-view::-webkit-scrollbar{height:6px}.simple-graph-container.interval-view::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.simple-graph-container.interval-view::-webkit-scrollbar-thumb{background:#ffb899;border-radius:3px}.simple-graph-container.interval-view::-webkit-scrollbar-thumb:hover{background:#ff6b35}.bar-group-smart{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.bar-container-smart{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:130px;display:flex;position:relative}.smart-bar{border-radius:4px 4px 0 0;width:100%;max-width:30px;transition:all .3s;position:relative}.smart-bar.low{opacity:.7;background:#4caf50}.smart-bar.medium{opacity:.8;background:#ffa726}.smart-bar.high{opacity:.9;background:#ff6b35}.smart-bar.current-hour{opacity:1;box-shadow:0 0 10px #ff6b3566}.now-indicator{flex-direction:column;align-items:center;font-size:9px;font-weight:600;display:flex;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.now-text{color:#fff;background:#ff6b35;border-radius:10px;margin-bottom:2px;padding:2px 6px}.wait-text{color:#ff6b35}.wait-bar-primary{background:#ff6b35;border-radius:4px 4px 0 0;width:20px;position:relative}.wait-bar-secondary{opacity:.5;background:#ffb899;border-radius:4px 4px 0 0;width:20px;position:absolute;bottom:0}.popular-bar-simple{border-radius:4px 4px 0 0;width:100%;max-width:30px;transition:all .3s;position:relative}.popular-bar-simple.low{background:#81c784}.popular-bar-simple.medium{background:#ffb74d}.popular-bar-simple.high{background:#ff7043}.popular-bar-simple.current-hour{box-shadow:0 0 10px #ff6b3566}.now-marker{color:#fff;background:#ff6b35;border-radius:10px;padding:2px 6px;font-size:8px;font-weight:600;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.wait-time-note{text-align:center;color:#666;border-top:1px solid #eee;margin-top:12px;padding-top:10px;font-size:12px}.wait-time-note p{margin:0}.bar-group{cursor:pointer}.bar-group .bars-container{justify-content:center;align-items:flex-end;width:100%;height:100px;display:flex}.bar-group .average-bar{background-color:#ffb899;border-radius:4px 4px 0 0;width:15px;transition:all .3s;position:relative}.bar-group .average-bar.current-hour{opacity:1!important;background-color:#ff6b35!important}.bar-value{color:#888;white-space:nowrap;opacity:0;font-size:11px;font-weight:700;transition:opacity .2s;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.bar-value.visible{opacity:1!important}.bar-value.current-time{color:#ff6b35!important}.bar-label{color:#666;white-space:nowrap;font-size:8px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.graph-bars::-webkit-scrollbar{height:4px}.graph-bars::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.graph-bars::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.graph-bars::-webkit-scrollbar-thumb:hover{background:#ccc}.restaurant-followers-modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.restaurant-followers-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:80vh;display:flex;overflow:hidden}.restaurant-followers-modal-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.restaurant-followers-modal-title{color:#1a1a1a;margin:0;font-size:1.25rem;font-weight:600}.restaurant-followers-modal-close{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;font-size:1.25rem;transition:color .2s;display:flex}.restaurant-followers-modal-close:hover{color:#333}.restaurant-followers-modal-tabs{border-bottom:1px solid #e5e5e5;display:flex}.restaurant-followers-tab{color:#666;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;position:relative}.restaurant-followers-tab:hover{color:#333;background:#f5f5f5}.restaurant-followers-tab.active{color:#f87b2d}.restaurant-followers-tab.active:after{content:"";background:#f87b2d;height:2px;position:absolute;bottom:0;left:0;right:0}.restaurant-followers-tab-count{color:#999;font-size:.875rem}.restaurant-followers-tab.active .restaurant-followers-tab-count{color:#f87b2d}.restaurant-followers-modal-content{flex:1;padding:1rem;overflow-y:auto}.restaurant-follow-person-item{border-radius:12px;align-items:center;gap:1rem;padding:.75rem;transition:background .2s;display:flex}.restaurant-follow-person-item:hover{background:#f5f5f5}.restaurant-follow-person-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.restaurant-follow-person-info{flex:1;min-width:0}.restaurant-follow-person-name{color:#1a1a1a;margin:0 0 .25rem;font-size:1rem;font-weight:500}.restaurant-follow-person-username{color:#666;margin:0;font-size:.875rem}.restaurant-followers-empty{text-align:center;color:#999;padding:3rem 2rem}.restaurant-followers-empty p{margin:0;font-size:1rem}@media (width<=600px){.restaurant-followers-modal{max-height:90vh;margin:1rem}.restaurant-followers-modal-header{padding:1rem}.restaurant-followers-tab{padding:.75rem .5rem;font-size:.875rem}.restaurant-follow-person-item{padding:.5rem}.restaurant-follow-person-avatar{width:40px;height:40px}}.reservations-container{box-sizing:border-box;width:100%;padding:20px}.confirmation-banner{color:#2e7d32;text-align:center;background-color:#e8f5e9;border-radius:8px;margin-bottom:24px;padding:16px;font-weight:500;animation:.3s ease-out slideDown}.error-banner{color:#c62828;text-align:center;background-color:#ffebee;border-radius:8px;margin-bottom:24px;padding:16px;font-weight:500;animation:.3s ease-out slideDown}.error-banner p{margin:0}.closed-day-message{color:#e65100;text-align:center;background-color:#fff3e0;border-radius:8px;padding:12px;font-size:14px}.reservation-form-container{box-sizing:border-box;background:#fafafa;border-radius:8px;width:100%;max-width:600px;margin:0 auto;padding:20px}.reservation-title{color:#333;margin:0 0 8px;font-size:24px;font-weight:700}.reservation-subtitle{color:#666;margin:0 0 32px;font-size:16px}.reservation-form{flex-direction:column;gap:32px;display:flex}.form-section{flex-direction:column;gap:16px;display:flex}.section-title{color:#333;margin:0 0 8px;font-size:18px;font-weight:600}.form-row{flex-direction:column;gap:16px;padding:0;display:flex}.form-group label{color:#333;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.field-icon{color:#ff6b35;font-size:16px;display:inline-block;margin-right:8px!important}.form-input{box-sizing:border-box;border:1px solid #e5e5e5;border-radius:8px;height:52px;padding:16px 12px;font-family:inherit;font-size:16px;transition:border-color .2s}.form-input:focus{border-color:#ff6b35;outline:none}.form-input::placeholder{color:#999}select.form-input{cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}input[type=date].form-input{cursor:pointer;position:relative;box-sizing:border-box!important;width:100%!important;padding:16px 40px 16px 12px!important}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;width:20px;height:20px;display:block;position:absolute;right:12px}input[type=date]{padding-right:40px!important}input[type=date]::-webkit-datetime-edit{padding:0}input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}textarea.form-input{resize:vertical;min-height:100px;padding:12px;height:auto!important}.policies-section{background-color:#fff3e8;border-radius:8px;padding:20px}.policies-list{color:#666;margin:0;padding-left:20px;font-size:14px;line-height:1.6;list-style-type:disc}.submit-btn{color:#fff;cursor:pointer;background-color:#ff6b35;border:none;border-radius:6px;width:100%;padding:16px 32px;font-size:18px;font-weight:600;transition:background-color .2s}.submit-btn:hover{background-color:#e55a2b}.submit-btn:active{transform:translateY(1px)}@media (width<=768px){.form-row{flex-direction:column!important;gap:12px!important;padding:0!important;display:flex!important}.form-row .form-group{width:100%!important;max-width:100%!important}.reservation-form-container{border-radius:0;padding:12px}.reservations-container{padding:8px}.form-input{height:48px;padding:14px 10px;font-size:16px;width:100%!important}input[type=date].form-input{appearance:none;background-color:#fff;padding:14px 40px 14px 10px!important}input[type=date]::-webkit-calendar-picker-indicator{width:20px;height:20px;position:absolute;right:10px}select.form-input{background-position:right 8px center;background-size:16px;padding-right:30px}.section-title{margin-bottom:12px;font-size:16px}.reservation-title{margin-bottom:6px;font-size:20px}.reservation-subtitle{margin-bottom:24px;font-size:14px}.form-group label{gap:8px;font-size:13px}.field-icon{flex-shrink:0;font-size:14px;margin-right:6px!important}}.menu-container{max-width:800px;min-height:400px;margin:0 auto;padding:24px 20px}.menu-categories{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid #eee;gap:12px;margin-bottom:32px;padding-bottom:16px;display:flex;overflow-x:auto}.menu-categories::-webkit-scrollbar{display:none}.menu-category-btn{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e5e5e5;border-radius:8px;flex-shrink:0;padding:6px 16px;font-size:14px;font-weight:500;transition:all .2s}.menu-category-btn:hover{color:#ff6b35;border-color:#ff6b35}.menu-category-btn.active{color:#fff;background:#ff6b35;border-color:#ff6b35}.menu-section-title{color:#1f363d;margin:0 0 24px;font-size:24px;font-weight:700}.menu-items{margin-bottom:40px}.menu-item{border-bottom:1px solid #f5f5f5;margin-bottom:24px;padding-bottom:24px}.menu-item:last-child{border-bottom:none}.menu-item-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.menu-item-name{color:#333;margin:0;font-size:18px;font-weight:600}.menu-item-price{color:#ff6b35;font-size:18px;font-weight:600}.menu-item-description{color:#666;margin:0;font-size:14px;line-height:1.5}.menu-footer{border-top:1px solid #eee;margin-top:40px;padding-top:20px}.menu-note{color:#888;margin:8px 0;font-size:12px;font-style:italic}.no-menu{text-align:center;color:#999;padding:60px 20px}.no-menu p{margin:0;font-size:16px}.about-container{text-align:center;min-height:400px;padding:24px}.about-modal-overlay{z-index:99999;box-sizing:border-box;background:#000000b3;justify-content:center;align-items:flex-start;width:100vw;height:100vh;padding:5vh 20px 20px;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.about-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:90vh;margin:20px auto;display:flex;position:relative;overflow:hidden auto;box-shadow:0 10px 40px #0000004d}.about-modal-header{background:#fff;border-bottom:1px solid #e5e5e5;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:20px;display:flex}.about-modal-header h2{color:#333;margin:0;font-size:1.5rem;font-weight:600}.close-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.25rem;transition:all .2s}.about-modal-body{padding:20px}.about-section:last-child{margin-bottom:0}.about-section h3{color:#333;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:600;display:flex}.about-section h3 svg{color:#ff6b35;font-size:1rem}.about-section p{color:#666;text-align:left;margin:0;line-height:1.6}.hours-list{flex-direction:column;gap:4px;display:flex}.hours-item{background:#f9f9f9;border-radius:4px;align-items:center;gap:16px;padding:4px 8px;font-size:.8rem;display:flex}.hours-item .day{color:#333;flex-shrink:0;width:80px;min-width:80px;font-weight:500}.hours-item .hours{color:#666;flex:1}.no-hours{color:#999;margin:0;font-style:italic}.contact-list{flex-direction:column;gap:12px;display:flex}.contact-item{color:#666;align-items:center;gap:12px;display:flex}.contact-item svg{color:#ff6b35;flex-shrink:0;font-size:1rem}.details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.detail-item{background:#f9f9f9;border-radius:6px;align-items:center;gap:10px;padding:12px;display:flex}.detail-item svg{color:#ff6b35;flex-shrink:0;font-size:1rem}.detail-item span{color:#666;font-size:.9rem}.features-list{flex-wrap:wrap;gap:8px;display:flex}.feature-tag{color:#ff6b35;background:#fff5f0;border-radius:16px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-block}@media (width<=768px){.about-modal-content{width:95%;max-height:95vh}.about-modal-header,.about-modal-body{padding:16px}.details-grid{grid-template-columns:1fr}}@media (width<=360px){.about-modal-overlay{padding:2vh 4px 4px}.about-modal-content{border-radius:8px;width:100%;max-width:100%;margin:4px auto}.about-modal-header{padding:10px 8px}.about-modal-header h2{font-size:1.1rem}.about-modal-body{padding:8px}.about-section{margin-bottom:16px}.about-section h3{gap:6px;margin-bottom:8px;font-size:.9rem}.about-section p{font-size:.8rem}.hours-list{gap:2px}.hours-item{box-sizing:border-box;gap:6px;width:100%;margin:0;padding:4px;font-size:.7rem}.hours-item .day{width:50px;min-width:50px;font-size:.7rem}.hours-item .hours{text-align:left;font-size:.7rem}.contact-list{gap:8px}.contact-item{gap:6px;font-size:.8rem}.contact-item svg{font-size:.85rem}.detail-item{gap:6px;padding:6px}.detail-item span{font-size:.75rem}.feature-tag{padding:3px 6px;font-size:.7rem}.features-list{gap:4px}}.reviews-container{max-width:800px;min-height:400px;margin:0 auto;padding:24px 20px}.reviews-header{border-bottom:1px solid #eee;flex-direction:column;gap:12px;margin-bottom:32px;padding-bottom:20px;display:flex}.reviews-summary{flex:1}.average-rating{align-items:center;gap:12px;display:flex}.rating-number{color:#1f363d;font-size:36px;font-weight:700}.stars{gap:4px;font-size:20px;display:flex}.star-filled{color:#ffb400}.star-empty{color:#e5e5e5}.total-reviews{color:#666;font-size:14px}.sort-select{color:#333;cursor:pointer;border:1px solid #e5e5e5;border-radius:6px;padding:8px 16px;font-size:14px}.reviews-list{margin-bottom:32px}.review-item{border-bottom:1px solid #f5f5f5;padding:24px 0}.review-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.reviewer-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.reviewer-info{flex:1}.reviewer-top{align-items:center;gap:12px;margin-bottom:4px;display:flex}.reviewer-name{color:#333;margin:0;font-size:16px;font-weight:600}.review-stars{gap:2px;font-size:14px;display:flex}.review-text{color:#333;margin:0 0 16px;font-size:15px;line-height:1.6}.review-photos{gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.review-photo{object-fit:cover;cursor:pointer;border-radius:8px;width:120px;height:120px}.review-actions{align-items:center;gap:24px;display:flex}.helpful-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #e5e5e5;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;transition:all .2s;display:flex}.helpful-btn:hover{color:#ff6b35;border-color:#ff6b35}.photo-indicator{color:#888;align-items:center;gap:6px;font-size:14px;display:flex}.load-more-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #e5e5e5;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:500;transition:all .2s}.load-more-btn:hover{color:#ff6b35;border-color:#ff6b35}.reviews-actions{align-items:center;gap:12px;display:flex}.write-review-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.write-review-btn:hover{background:#e55a2b}.review-form-container{background:#f9f9f9;border-radius:12px;margin-bottom:24px;padding:20px}.review-form{flex-direction:column;gap:16px;display:flex}.form-header{justify-content:space-between;align-items:center;display:flex}.form-header h3{color:#333;margin:0;font-size:18px}.close-form-btn{color:#888;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.close-form-btn:hover{color:#333}.rating-input label,.comment-input label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.stars-input{gap:8px;display:flex}.stars-input .star-filled{color:#ffb400}.stars-input .star-empty{color:#ddd}.comment-input textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;min-height:100px;padding:12px;font-family:inherit;font-size:14px}.comment-input textarea:focus{border-color:#ff6b35;outline:none}.error-message{color:#d32f2f;background:#ffe8e8;border:1px solid #ffb8b8;border-radius:6px;padding:10px 12px;font-size:14px}.submit-review-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:background .2s}.submit-review-btn:hover:not(:disabled){background:#e55a2b}.submit-review-btn:disabled{cursor:not-allowed;background:#ccc}.reviews-loading{text-align:center;color:#666;padding:40px 20px;font-size:16px}.no-reviews{text-align:center;background:#f9f9f9;border-radius:12px;padding:40px 20px}.no-reviews p{color:#666;margin-bottom:16px;font-size:16px}.inline-review-form{background:#f9f9f9;border-radius:12px;margin-bottom:24px;padding:16px;transition:all .2s}.inline-review-form.expanded{background:#fff;border:1px solid #e5e5e5;box-shadow:0 2px 8px #00000014}.inline-review-input-wrapper{align-items:flex-start;gap:12px;display:flex}.inline-review-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.inline-review-input-container{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex;overflow:visible}.inline-rating-section{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.rating-label{color:#666;white-space:nowrap;font-size:13px}.inline-stars-input{gap:6px;display:flex}.inline-stars-input svg{cursor:pointer;font-size:18px;transition:transform .1s}.inline-stars-input svg:hover{transform:scale(1.1)}.inline-review-textarea{resize:none;box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.inline-review-textarea:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.inline-review-textarea::placeholder{color:#999;white-space:nowrap;font-size:12px}.inline-review-controls{opacity:0;max-height:0;transition:all .2s;overflow:hidden}.inline-review-controls.visible{opacity:1;max-height:60px}.inline-submit-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:6px;width:100%;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.inline-submit-btn:hover:not(:disabled){background:#e55a2b}.inline-submit-btn:disabled{cursor:not-allowed;background:#ccc}.inline-cancel-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;width:100%;margin-top:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.inline-cancel-btn:hover{background:#f5f5f5;border-color:#ccc}.inline-error-message{color:#d32f2f;background:#ffe8e8;border:1px solid #ffb8b8;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:13px}.textarea-wrapper{width:100%;position:relative}.textarea-wrapper .inline-review-textarea{padding-right:40px}.media-upload-icon{color:#999;cursor:pointer;justify-content:center;align-items:center;font-size:18px;transition:color .2s;display:flex;position:absolute;bottom:10px;right:12px}.media-upload-icon:hover{color:#ff6b35}.media-preview-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.media-preview-item{border-radius:8px;width:60px;height:60px;position:relative;overflow:hidden}.media-preview-item img,.media-preview-item video{object-fit:cover;width:100%;height:100%}.remove-media-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;line-height:1;display:flex;position:absolute;top:2px;right:2px}.remove-media-btn:hover{background:#000c}.review-history-section{border-top:1px solid #f0f0f0;margin-top:12px;padding-top:12px}.history-toggle-btn{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;transition:color .2s;display:flex}.history-toggle-btn:hover{color:#ff6b35}.history-toggle-btn .chevron-icon{margin-left:auto;transition:transform .2s}.history-toggle-btn.expanded .chevron-icon{transform:rotate(180deg)}.review-history-list{border-left:2px solid #e0e0e0;margin-top:12px;padding-left:16px}.history-item{opacity:.7;border-bottom:1px dashed #e5e5e5;padding:12px 0}.history-item:last-child{border-bottom:none}.history-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.history-stars{gap:2px;font-size:12px;display:flex}.history-date{color:#999;font-size:12px;font-style:italic}.history-text{color:#666;margin:0 0 8px;font-size:13px;line-height:1.5}.history-photos{flex-wrap:wrap;gap:6px;display:flex}.history-photo{object-fit:cover;opacity:.8;border-radius:6px;width:60px;height:60px}.review-menu-container{margin-left:auto;position:relative}.review-menu-btn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.review-menu-btn:hover{color:#333;background:#f0f0f0}.review-menu-dropdown{z-index:100;background:#fff;border-radius:8px;min-width:120px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.review-menu-dropdown button{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:14px;transition:background .2s;display:block}.review-menu-dropdown button:hover{background:#f5f5f5}.review-menu-dropdown button.delete-action{color:#d32f2f}.review-menu-dropdown button.delete-action:hover{background:#ffe8e8}.posts-header{text-align:center;margin-bottom:20px}.posts-subtitle{color:#666;margin:0;font-size:14px}.no-posts{text-align:center;color:#999;padding:60px 20px}.no-posts p{margin:0;font-size:16px}@media (width<=768px){.posts-grid{grid-template-columns:repeat(3,1fr);gap:2px}.post-stats{font-size:14px}}.photos-container{min-height:400px;padding:24px 20px}.photos-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.photos-title{color:#1f363d;margin:0;font-size:24px;font-weight:700}.add-photo-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:16px;font-weight:500;transition:background-color .2s;display:flex}.add-photo-btn:hover{background:#e55a2b}.photo-categories{-webkit-overflow-scrolling:touch;gap:12px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.photo-category-btn{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e5e5e5;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.photo-category-btn:hover{color:#ff6b35;border-color:#ff6b35}.photo-category-btn.active{color:#fff;background:#ff6b35;border-color:#ff6b35}.photo-count{opacity:.8;font-size:13px}.photos-grid{gap:6px;margin-bottom:32px;grid-template-columns:repeat(3,1fr)!important;display:grid!important}.photo-item{cursor:pointer;background:#f0f0f0;border-radius:6px;width:100%;padding-bottom:100%;position:relative;overflow:hidden}.photo-item img{object-fit:cover;width:100%;height:100%;transition:transform .2s;position:absolute;top:0;left:0}.photo-item:hover img{transform:scale(1.05)}.photo-overlay{opacity:0;background:linear-gradient(#0000 0%,#000000b3 100%);padding:6px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.photo-item:hover .photo-overlay{opacity:1}.photo-info{color:#fff;justify-content:space-between;align-items:center;font-size:10px;display:flex}.photo-user{text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-weight:500;overflow:hidden}.photo-date{opacity:.8;display:none}.photo-review-badge{color:#333;z-index:1;background:#ffb400e6;border-radius:3px;align-items:center;gap:2px;padding:2px 4px;font-size:9px;font-weight:600;display:flex;position:absolute;top:4px;left:4px}.photo-review-badge svg{font-size:8px}.load-more-photos-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #e5e5e5;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:500;transition:all .2s}.load-more-photos-btn:hover{color:#ff6b35;border-color:#ff6b35}.photo-modal-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.photo-modal{max-width:90vw;max-height:90vh;position:relative}.photo-modal img{object-fit:contain;border-radius:8px;max-width:100%;max-height:85vh}.photo-modal-info{color:#fff;background:#00000080;border-radius:4px;gap:16px;padding:8px 16px;font-size:14px;display:flex;position:absolute;bottom:20px;left:20px}.modal-user{font-weight:600}.modal-source{color:#333;background:#ffb400e6;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.delete-photo-btn{color:#fff;cursor:pointer;background:#d32f2f;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;position:absolute;bottom:20px;right:20px}.delete-photo-btn:hover{background:#b71c1c}.close-photo-modal{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:32px;line-height:1;transition:opacity .2s;position:absolute;top:20px;right:20px}.close-photo-modal:hover{opacity:.7}@media (width<=768px){.photos-grid{grid-template-columns:repeat(3,1fr);gap:5px}.photo-categories{gap:8px}.photo-category-btn{padding:6px 12px;font-size:13px}}@media (width<=480px){.photos-grid{grid-template-columns:repeat(3,1fr);gap:4px}.photos-header{flex-direction:column;align-items:flex-start;gap:12px}.add-photo-btn{justify-content:center;width:100%}.photo-item{border-radius:4px}}.photos-loading{text-align:center;color:#666;padding:40px 20px;font-size:16px}.no-photos{text-align:center;background:#f9f9f9;border-radius:12px;padding:40px 20px}.no-photos p{color:#666;margin:0;font-size:16px}.category-picker-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.category-picker-modal{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:320px;padding:24px}.category-picker-modal h4{color:#333;margin:0 0 20px;font-size:18px}.category-picker-options{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.category-picker-options button{color:#333;cursor:pointer;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.category-picker-options button:hover{color:#fff;background:#ff6b35;border-color:#ff6b35}.category-picker-cancel{color:#666;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;width:100%;padding:10px;font-size:14px;transition:all .2s}.category-picker-cancel:hover{background:#f5f5f5;border-color:#ccc}.restaurant-page{background-color:#f8f9fa;min-height:100vh;padding-bottom:80px}.restaurant-header{width:100%;height:250px;position:relative;overflow:hidden}.restaurant-hero-image{object-fit:cover;width:100%;height:100%}.back-button{cursor:pointer;background-color:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 2px 8px #00000026}.back-button:hover{background-color:#fff;transform:scale(1.05)}.restaurant-content{max-width:600px;margin:0 auto;padding:20px}.restaurant-info h1{color:#333;margin-bottom:10px;font-size:28px}.restaurant-meta{color:#666;align-items:center;gap:15px;margin-bottom:15px;font-size:14px;display:flex}.cuisine{color:#1976d2;background-color:#e3f2fd;border-radius:20px;padding:4px 12px;font-weight:500}.restaurant-description{color:#555;margin-bottom:20px;line-height:1.6}.restaurant-details{flex-direction:column;gap:12px;width:100%;margin-bottom:30px;display:flex}.detail-item{color:#666;flex-direction:row;align-items:center;gap:12px;width:100%;font-size:14px;display:flex}.detail-item svg{color:#ff6b35;flex-shrink:0;min-width:20px}.detail-item span{text-align:left;flex:1}.check-in-section{text-align:center;background-color:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #00000014}.check-in-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:25px;align-items:center;gap:8px;margin:0 auto;padding:12px 30px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.check-in-button:hover:not(:disabled){background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.check-in-button:disabled{opacity:.7;cursor:not-allowed}.check-in-button.checked-in{background-color:#2196f3}.check-in-message{color:#4caf50;margin-top:10px;font-size:14px;font-weight:500}.rewards-section{background-color:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #00000014}.rewards-section h2{color:#333;margin-bottom:20px;font-size:20px}.points-display{background-color:#fff8e1;border-radius:10px;align-items:center;gap:15px;margin-bottom:20px;padding:15px;display:flex}.points-display h3{color:#f57c00;margin:0;font-size:24px}.points-display p{color:#666;margin:0;font-size:14px}.current-tier{background-color:#e8f5e9;border-radius:10px;margin-bottom:20px;padding:15px}.current-tier h3{color:#2e7d32;margin:0 0 5px;font-size:18px}.tier-name{font-weight:700}.tier-benefit{color:#558b2f;margin:0;font-size:14px}.tier-progress{margin-bottom:25px}.tier-progress h4{color:#555;margin-bottom:10px;font-size:16px}.progress-bar{background-color:#e0e0e0;border-radius:4px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:100%;transition:width .5s}.progress-text{color:#666;font-size:13px}.all-tiers h3{color:#333;margin-bottom:15px;font-size:18px}.tier-item{background-color:#f5f5f5;border-radius:10px;align-items:center;gap:15px;margin-bottom:10px;padding:15px;transition:all .3s;display:flex}.tier-item.unlocked{background-color:#e8f5e9;border:1px solid #81c784}.tier-item.locked{opacity:.7}.tier-icon{font-size:24px}.tier-info{flex:1}.tier-info h4{color:#333;margin:0 0 5px;font-size:16px}.tier-info p{color:#666;margin:0;font-size:13px}.restaurant-photos{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.restaurant-photos h2{color:#333;margin-bottom:15px;font-size:20px}.photos-grid img{object-fit:cover;cursor:pointer;border-radius:8px;width:100%;height:100px;transition:transform .3s}.photos-grid img:hover{transform:scale(1.05)}@media (width<=480px){.restaurant-info h1{font-size:24px}.restaurant-meta{flex-wrap:wrap;gap:10px}.photos-grid{grid-template-columns:repeat(2,1fr)}}.restaurant-profile-container{background-color:#fafafa;min-height:100vh;padding-bottom:80px}.restaurant-header-image{width:100%;height:250px;position:relative;overflow:hidden}.restaurant-header-image img{object-fit:cover;width:100%;height:100%}.restaurant-profile-bookmark{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #00000026}.restaurant-profile-info{background:#fff;border-bottom:1px solid #e5e5e5;padding:20px}.restaurant-name-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.restaurant-profile-name{color:#333;margin:0;font-size:16px;font-weight:700}.info-button{color:#1f363d;cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;transition:color .2s}.restaurant-profile-meta{align-items:center;gap:16px;margin-bottom:16px;font-size:16px;display:flex}.restaurant-profile-rating{align-items:center;gap:4px;display:flex}.cuisine-type{color:#666;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding:0 16px}.price-range{color:#2e7d32;font-weight:600}.restaurant-contact-info{flex-direction:column;gap:10px;margin-top:16px;display:flex}.contact-icon.clickable{cursor:pointer;transition:color .2s}.contact-icon.clickable:hover{color:#ff6b35}.open-status{border-radius:6px;padding:4px 12px;font-size:14px;font-weight:500}.open-status.open{color:#2e7d32;background-color:#e8f5e9}.open-status.closed{color:#c62828;background-color:#ffebee}.hours-item{position:relative;display:block!important}.hours-dropdown{z-index:10;background:#fff;border:1px solid #e5e5e5;border-radius:8px;max-width:280px;padding:16px;position:absolute;top:100%;left:10px;right:10px;box-shadow:0 2px 8px #0000001a}.hours-dropdown table{border-collapse:collapse;table-layout:fixed;width:100%;display:table!important}.hours-dropdown tbody{display:table-row-group!important}.hours-row{display:table-row!important}.hours-row td{vertical-align:middle;border-bottom:1px solid #f5f5f5;padding:8px 0;line-height:1.4;display:table-cell!important}.hours-row:last-child td{border-bottom:none}.day-name{color:#333;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;width:80px;max-width:80px;padding-right:15px;font-weight:600;overflow:hidden;font-size:13px!important;display:table-cell!important}.day-hours{color:#666;text-align:right;white-space:nowrap;font-size:13px!important;display:table-cell!important}.restaurant-stats{background:#fff;justify-content:space-around;padding:20px;display:flex}.wait-times-section{background:#fff;border-bottom:1px solid #e5e5e5;overflow:hidden}.wait-times-toggle{cursor:pointer;color:#333;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;font-size:16px;font-weight:500;transition:background-color .2s;display:flex}.wait-times-toggle:hover{background-color:#f5f5f5}.wait-times-toggle>span:first-of-type{align-items:center;gap:10px;display:flex}.wait-times-icon{color:#ff6b35;font-size:18px}.toggle-arrow{color:#666;font-size:14px;transition:transform .3s}.toggle-arrow.open{transform:rotate(180deg)}.wait-times-dropdown{background:#fafafa;border-top:1px solid #e5e5e5;animation:.3s ease-out slideDown}.restaurant-stats>div{text-align:center}.reservation-section{background:#fff;border-bottom:1px solid #e5e5e5;width:100%;display:block;position:relative}.reservation-button-wrapper{box-sizing:border-box;width:100%;padding:16px 20px}.reservation-main-button{color:#fff;cursor:pointer;box-sizing:border-box;background:#ff6b35;border:none;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px;font-size:18px;font-weight:600;transition:background-color .2s;display:flex}.reservation-main-button:hover{background:#e55a2b}.reservation-icon{font-size:20px}.reservation-dropdown{box-sizing:border-box;background:#fafafa;border-top:1px solid #e5e5e5;width:100%;animation:.3s ease-out slideDown;overflow:hidden}.restaurant-actions{background:#fff;border-bottom:1px solid #e5e5e5;gap:12px;padding:16px 20px;display:flex}.restaurant-actions button{cursor:pointer;white-space:nowrap;border-radius:6px;flex:1;min-height:32px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s}.check-in-btn{color:#4caf50;background:#fff;border:1px solid #4caf50}.check-in-btn:hover{background:#f0f8f0;transform:translateY(-1px);box-shadow:0 2px 8px #4caf5033}.check-in-btn.checked-in{color:#fff;background:#4caf50;border-color:#4caf50}.menu-builder-btn{color:#fff;background:#f87b2d;border:none;justify-content:center;align-items:center;gap:.5rem;display:flex}.menu-builder-btn:hover{background:#e66d1f;transform:translateY(-1px)}.restaurant-tabs{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #eee;justify-content:space-around;min-height:48px;display:flex;position:relative;overflow-x:auto}.restaurant-tab-content{background:#fff;min-height:400px;margin-top:8px}@media (width<=480px){.hours-dropdown{max-width:none;padding:12px;left:8px;right:8px}.hours-row td{padding:6px 0}.day-name{width:70px;padding-right:10px;font-size:12px!important}.day-hours{font-size:12px!important}}.about-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;margin:auto;position:relative;overflow-y:auto;box-shadow:0 8px 32px #00000026}.close-modal{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:28px;line-height:1;transition:color .2s;position:absolute;top:16px;right:16px}.close-modal:hover{color:#333}@media (width<=768px){.about-modal-overlay{padding:10px}.about-modal{max-height:85vh;margin:auto}.reservation-section,.reservation-button-wrapper{width:100%!important;display:block!important}.reservation-main-button{box-sizing:border-box!important;width:100%!important;display:flex!important}.reservation-dropdown{box-sizing:border-box!important;width:100%!important;display:block!important}.reservations-container{box-sizing:border-box!important;width:100%!important}}@media (width<=360px){.restaurant-profile-info{padding:12px}.restaurant-profile-header{gap:8px}.restaurant-profile-name{font-size:18px}.info-button{font-size:20px}.restaurant-profile-meta{flex-wrap:wrap;gap:8px;font-size:12px}.restaurant-profile-rating{gap:3px}.star-icon{font-size:14px}.review-count{font-size:11px}.cuisine-type{padding:0 8px;font-size:11px}.price-range{font-size:11px}.open-status{padding:3px 8px;font-size:11px}.contact-item{font-size:12px}.contact-icon{font-size:14px}}.checkin-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.checkin-modal{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:500px;max-height:85vh;padding:24px;animation:.3s slideUp;position:relative;overflow-y:auto}.checkin-modal-close{color:#666;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;position:absolute;top:16px;right:16px}.checkin-modal-header{text-align:center;margin-bottom:20px}.checkin-modal-img{object-fit:cover;border-radius:12px;width:64px;height:64px;margin-bottom:12px}.checkin-modal-header h2{color:#333;margin:0 0 4px;font-size:1.3rem}.checkin-modal-subtitle{color:#888;margin:0;font-size:.9rem}.checkin-modal-note{margin-bottom:16px;position:relative}.checkin-modal-note textarea{resize:none;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.checkin-modal-note textarea:focus{border-color:#f87b2d;outline:none}.checkin-note-count{color:#bbb;font-size:.7rem;position:absolute;bottom:8px;right:12px}.checkin-modal-tags{margin-bottom:16px}.checkin-tag-label{color:#555;align-items:center;gap:6px;margin-bottom:6px;font-size:.85rem;font-weight:600;display:flex}.checkin-tag-input-row input{border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem}.checkin-tag-input-row input:focus{border-color:#f87b2d;outline:none}.checkin-tag-results{background:#fff;border:1px solid #e0e0e0;border-radius:8px;max-height:150px;margin-top:4px;overflow-y:auto}.checkin-tag-result{cursor:pointer;align-items:center;gap:10px;padding:8px 12px;font-size:.9rem;display:flex}.checkin-tag-result:hover{background:#f5f5f5}.checkin-tag-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.checkin-tagged-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.checkin-tagged-chip{color:#f87b2d;background:#ffe5d9;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.checkin-tagged-chip button{color:#f87b2d;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.checkin-modal-action{text-align:center;margin-bottom:24px}.checkin-action-row{justify-content:center;align-items:center;gap:12px;display:flex}.checkin-privacy-toggle{cursor:pointer;color:#666;background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.checkin-privacy-toggle.public{color:#4caf50;border-color:#4caf50}.checkin-privacy-toggle.private{color:#888;border-color:#888}.checkin-modal-btn{cursor:pointer;color:#fff;background:#f87b2d;border:none;border-radius:8px;align-items:center;gap:10px;padding:14px 32px;font-size:1.05rem;font-weight:600;transition:all .2s;display:inline-flex}.checkin-modal-btn:hover:not(:disabled){background:#e06a1f;transform:scale(1.02)}.checkin-modal-btn.checked{cursor:default;background:#4caf50}.checkin-modal-btn:disabled{opacity:.9}.checkin-modal-points{color:#4caf50;margin-top:10px;font-size:.85rem;font-weight:500}.checkin-modal-stats{background:#f9f9f9;border-radius:12px;justify-content:center;gap:32px;margin-bottom:24px;padding:16px;display:flex}.checkin-stat{align-items:center;gap:10px;display:flex}.checkin-stat div{flex-direction:column;display:flex}.checkin-stat strong{color:#333;font-size:1.2rem}.checkin-stat span{color:#888;font-size:.75rem}.checkin-modal-tiers h3{color:#333;margin:0 0 12px;font-size:1rem}.checkin-tier{opacity:.6;background:#f5f5f5;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.checkin-tier.unlocked{opacity:1;background:#f0faf0}.checkin-tier-icon{font-size:1.4rem}.checkin-tier-info{flex-direction:column;flex:1;display:flex}.checkin-tier-info strong{color:#333;font-size:.9rem}.checkin-tier-info span{color:#777;font-size:.78rem}.restaurant-dashboard-container .reservation-section{background:#fff;border-bottom:1px solid #e5e5e5;gap:.75rem;padding:1rem 1.25rem;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;display:flex!important}.restaurant-dashboard-container .reservation-main-button.manage{color:#fff;white-space:nowrap;background:#f87b2d;border-radius:8px;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;flex:none!important;width:auto!important;max-width:fit-content!important;padding:.8rem 1.5rem!important;display:inline-flex!important}.reservation-main-button.manage:hover{background:#e66d1f}.restaurant-dashboard-container .settings-dots-container{position:relative;flex:none!important;display:inline-block!important}.restaurant-actions.dashboard{background:#fff;border-bottom:1px solid #e5e5e5;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.edit-menu-btn{color:#f87b2d;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #f87b2d;border-radius:6px;align-items:center;gap:.5rem;width:auto;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.edit-menu-btn:hover{background:#fff5f0;transform:translateY(-1px)}.manage-reservations-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#f87b2d;border:2px solid #f87b2d;border-radius:6px;align-items:center;gap:.5rem;width:auto;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.manage-reservations-btn:hover{background:#e56a1e;border-color:#e56a1e;transform:translateY(-1px)}.restaurant-tabs .tab-btn:focus,.restaurant-tabs .tab-btn:focus-visible,.restaurant-tabs .tab-btn.active:focus,.restaurant-tabs .tab-btn.active:focus-visible{box-shadow:none!important;outline:none!important}.restaurant-tabs button{-webkit-tap-highlight-color:transparent}@media (width<=768px){.management-options-scroll{padding:.75rem 1rem}.management-option{padding:.5rem .75rem;font-size:.85rem}.restaurant-actions.dashboard{flex-direction:column;align-items:stretch}.edit-menu-btn{justify-content:center;width:100%}.today-performance{justify-content:space-around;padding:.75rem 0}.performance-item{text-align:center;flex-direction:column;align-items:center;gap:.5rem}.perf-value{font-size:1.1rem}}.restaurant-analytics{background:#faf9f6;min-height:100vh;padding-bottom:80px;font-family:Roboto,sans-serif}.metrics-container{-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;-ms-overflow-style:none;scrollbar-width:thin;margin-bottom:32px;padding-bottom:8px;position:relative;overflow:scroll hidden}.metrics-container:active{cursor:grabbing}.metrics-container::-webkit-scrollbar-thumb:hover{background:#e55a2b}.metrics-grid{gap:16px;padding:0 4px;display:flex}.metric-card{background:#fff;border-radius:8px;flex:none;min-width:200px;padding:16px;box-shadow:0 1px 3px #0000001a}.metric-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.metric-header span{color:#666;font-size:13px;font-weight:500}.metric-icon-wrapper{color:#ff6b35;background:#fff3ed;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.metric-bottom{flex-direction:column;gap:8px;display:flex}.metric-value{color:#333;font-size:1.25rem;font-weight:700;line-height:1}.metric-change span{font-weight:600}.analytics-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0000001a}.chart-container{background:#fff;border-radius:12px;margin-bottom:32px;padding:24px;position:relative;box-shadow:0 2px 8px #00000014}.chart-title{color:#333;margin:0;font-size:18px;font-weight:600}.period-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .3s;position:relative}.period-btn:hover{background:#f5f5f5}.period-btn.premium-locked{color:#999;background:#f9f9f9;padding-left:28px}.period-btn .lock-icon{font-size:10px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.chart-wrapper{min-height:300px;position:relative}.upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f87b2d,#ff9a5a);border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.premium-price{color:#999;margin-top:12px;font-size:12px;display:block}.bar-chart{justify-content:space-around;align-items:flex-end;height:250px;padding:20px 0;display:flex}.chart-bar-group{flex-direction:column;flex:1;align-items:center;display:flex}.chart-bar{cursor:pointer;background:linear-gradient(135deg,#f87b2d,#ff9a5a);border-radius:6px 6px 0 0;width:40px;transition:all .3s;position:relative}.chart-bar:hover{opacity:.8}.bar-value{color:#333;white-space:nowrap;font-size:12px;font-weight:600;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.section-container{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #00000014}.premium-label{color:#fff;background:linear-gradient(135deg,gold,orange);border-radius:20px;align-items:center;gap:4px;margin-left:auto;padding:4px 12px;font-size:11px;font-weight:600;display:flex}.dishes-table{overflow-x:auto}.table-header{color:#666;background:#f5f5f5;border-radius:8px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:8px;padding:12px;font-size:14px;font-weight:600;display:grid}.table-row{border-bottom:1px solid #f0f0f0;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;padding:12px;transition:background .2s;display:grid}.table-row:hover{background:#fafafa}.dish-name{align-items:center;gap:8px;font-weight:500;display:flex}.trophy-icon{color:gold;font-size:16px}.revenue-value{color:#4caf50;font-weight:600}.rating{align-items:center;gap:4px;display:flex}.peak-hours-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.peak-hour-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.peak-hour-card h4{color:#666;margin:0 0 12px;font-size:14px;font-weight:600}.hour-stats{flex-direction:column;gap:8px;display:flex}.hour-time{color:#333;font-size:14px;font-weight:600}.hour-traffic{color:#666;font-size:13px}.segments-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.segment-card{background:#f9f9f9;border-radius:8px;padding:16px}.segment-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.segment-type{color:#333;font-size:14px;font-weight:600}.segment-percentage{color:#f87b2d;font-size:18px;font-weight:700}.segment-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.segment-fill{height:100%;transition:width 1s}.segment-count{color:#666;font-size:12px}.competitor-locked{text-align:center;background:#f9f9f9;border:2px dashed #e0e0e0;border-radius:8px;padding:48px}.lock-icon-large{color:#ccc;margin-bottom:16px;font-size:48px}.competitor-locked h4{color:#333;margin:0 0 8px;font-size:18px;font-weight:600}.competitor-locked p{color:#666;margin-bottom:20px;font-size:14px}.unlock-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f87b2d,#ff9a5a);border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.unlock-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f87b2d4d}.competitor-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.competitor-metric{background:#f9f9f9;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.competitor-metric span:first-child{color:#666;font-size:14px}.competitor-metric .metric-value{color:#f87b2d;font-size:24px;font-weight:700}.blur-upgrade-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:600;text-decoration:none}.blur-upgrade-btn:hover{text-decoration:underline}@media (width<=768px){.metrics-grid{grid-template-columns:1fr}.bar-chart{min-width:500px;overflow-x:auto}.table-header,.table-row{font-size:12px}.peak-hours-grid,.segments-grid{grid-template-columns:1fr}}.restaurant-settings{background:#faf9f6;min-height:100vh;padding-bottom:80px;font-family:Roboto,sans-serif}.settings-header{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.back-button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.back-button:hover{background:#f5f5f5}.back-button svg{color:#333;font-size:20px}.settings-title{color:#333;text-align:center;flex:1;margin:0;font-size:24px;font-weight:600}.settings-content{max-width:800px;margin:0 auto;padding:20px}.settings-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0000001a}.restaurant-settings .section-title{align-items:center;gap:10px;margin:0 0 20px;font-size:18px;font-weight:600;display:flex;color:#333!important}.restaurant-settings .section-title svg{font-size:18px;color:#ff6b35!important}.settings-list{flex-direction:column;gap:4px;display:flex}.settings-item-link,.settings-item-toggle{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:16px;transition:background .2s;display:flex}.settings-item-link:hover{background:#f9f9f9}.item-left{flex:1;align-items:center;gap:16px;display:flex}.item-icon{color:#ff6b35;background:#fff3ed;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.item-text{flex-direction:column;gap:4px;display:flex}.item-title{color:#333;font-size:15px;font-weight:500}.item-subtitle{color:#666;font-size:13px}.toggle-switch{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:32px;display:flex}.toggle-on{color:#ff6b35}.toggle-off{color:#ccc}.restaurant-settings .danger-zone .section-title,.restaurant-settings .danger-zone .section-title svg{color:#d32f2f!important}.settings-item-link.danger .item-icon{color:#d32f2f;background:#ffebee}.settings-item-link.danger .item-title{color:#d32f2f}@media (width<=768px){.settings-content{padding:16px}.settings-section{border-radius:8px;padding:16px}.settings-item-link,.settings-item-toggle{padding:12px}.item-icon{width:36px;height:36px;font-size:16px}.item-title{font-size:14px}.item-subtitle{font-size:12px}}.settings-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-modal{background:#fff;border-radius:12px;width:100%;max-width:380px;padding:24px}.settings-modal h3{color:#333;margin:0 0 10px;font-size:18px;font-weight:600}.settings-modal p{color:#555;margin:0;font-size:14px;line-height:1.5}.settings-modal-input{border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;margin-top:8px;padding:10px 12px;font-family:inherit;font-size:14px}.settings-modal-input:focus{border-color:#f87b2d}.settings-modal-actions{gap:10px;margin-top:16px;display:flex}.settings-modal-actions button{cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;flex:1;margin:0;padding:11px 0;font-family:inherit;font-size:14px;font-weight:500;line-height:1}.settings-modal-cancel{color:#555;background:#f5f5f5}.settings-modal-cancel:hover{background:#eee}.settings-modal-confirm.warn{color:#fff;background:#f87b2d}.settings-modal-confirm.warn:hover{background:#e06a1f}.settings-modal-confirm.danger{color:#fff;background:#e74c3c}.settings-modal-confirm.danger:hover{background:#c0392b}.settings-modal-confirm:disabled{color:#999;cursor:not-allowed;background:#ccc}.edit-restaurant-profile{background:#fff;min-height:100vh;padding-bottom:80px}.edit-profile-header{z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.edit-profile-header .back-button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.edit-profile-header .back-button svg{color:#333;font-size:18px}.edit-profile-header h1{color:#333;text-align:center;flex:1;margin:0;font-size:17px;font-weight:600}.edit-profile-header .header-spacer{width:36px}.edit-profile-loading{text-align:center;color:#888;padding:60px 20px}.edit-profile-form{max-width:480px;margin:0 auto;padding:0 16px 16px}.edit-photos{align-items:flex-end;gap:14px;padding:20px 0 16px;display:flex}.photo-box{cursor:pointer;background:#f5f5f5;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:relative;overflow:hidden}.photo-box:hover{opacity:.85}.photo-box.logo{border:3px solid #fff;border-radius:50%;flex-shrink:0;width:72px;height:72px;box-shadow:0 1px 4px #0000001f}.photo-box.cover{border-radius:10px;flex:1;height:88px}.photo-box img{object-fit:cover;width:100%;height:100%}.photo-box .photo-label{color:#bbb;flex-direction:column;align-items:center;gap:2px;display:flex}.photo-box .photo-label svg{font-size:18px}.photo-box .photo-label span{font-size:10px;font-weight:500}.photo-box input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-box .remove-photo{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;line-height:1;display:flex;position:absolute;top:2px;right:2px}.edit-section{padding-top:14px}.edit-section-label{color:#999;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:11px;font-weight:700}.field{margin-bottom:10px}.field label{color:#666;margin-bottom:3px;font-size:12px;font-weight:500;display:block}.field input,.field textarea,.field select{color:#333;background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;outline:none;width:100%;padding:9px 11px;font-family:inherit;font-size:14px;transition:border-color .2s,background .2s}.field input:focus,.field textarea:focus,.field select:focus{background:#fff;border-color:#f87b2d}.field textarea{resize:vertical;min-height:64px}.field-row{gap:8px;display:flex}.field-row .field{flex:1}.edit-actions{align-items:stretch;gap:10px;padding-top:18px;display:flex}.edit-actions button{cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;flex:1;margin:0;padding:11px 0;font-family:inherit;font-size:14px;font-weight:500;line-height:1}.edit-actions .btn-save{color:#fff;background:#f87b2d}.edit-actions .btn-save:hover{background:#e06a1f}.edit-actions .btn-save:disabled{cursor:not-allowed;background:#ccc}.edit-actions .btn-cancel{color:#555;background:#f5f5f5}.edit-actions .btn-cancel:hover{background:#eee}.restaurant-overview{background:#faf9f6;min-height:100vh;padding-bottom:80px;font-family:Roboto,sans-serif}.overview-metrics-container{margin-bottom:24px;display:inline-block}.metrics-row{gap:15px;margin-bottom:15px;display:flex}.metrics-row:last-child{margin-bottom:0}.metric-card{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;flex:0 0 70px;align-items:center;gap:4px;width:70px;height:auto;min-height:90px;padding:10px;display:flex;box-shadow:0 1px 3px #0000001a}.metric-icon{color:#ff6b35;background:#ff6b351a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.metric-label{color:#666;text-align:center;width:100%;margin-bottom:2px;font-size:11px}.metric-value{color:#333;text-align:center;width:100%;margin-bottom:2px;font-size:16px;font-weight:600}.metric-change{justify-content:center;align-items:center;gap:3px;width:100%;font-size:10px;display:flex}.action-card{cursor:pointer;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .3s;display:flex}.action-card:hover{color:#fff;background:#ff6b35;transform:translateY(-2px)}.action-icon{color:#ff6b35;font-size:24px}.action-card:hover .action-icon{color:#fff}.action-card:hover .action-label{color:#fff}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;margin-bottom:24px;display:grid}.section-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.section-title svg{color:#ff6b35;font-size:16px}.view-all-btn{color:#ff6b35;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ff6b35;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.view-all-btn:hover{color:#fff;background:#ff6b35}.reservation-item{background:#f9f9f9;border-radius:8px;align-items:center;gap:16px;padding:12px;transition:background .2s;display:flex;position:relative}.reservation-item:hover{background:#f5f5f5}.reservation-time{color:#666;align-items:center;gap:6px;min-width:80px;font-size:14px;display:flex}.reservation-time svg{font-size:14px}.reservation-info{flex-direction:column;flex:1;align-self:center;align-items:flex-start;min-width:0;display:flex}.reservation-name{color:#333;align-items:center;gap:6px;font-weight:600;display:flex}.vip-badge{color:gold;font-size:14px}.reservation-details{color:#666;margin-top:3px;font-size:12px}.reservation-status{z-index:1;text-align:center;box-sizing:border-box;font-size:11px;font-weight:500;display:inline-block;position:absolute;bottom:8px;right:8px;border-radius:6px!important;min-width:80px!important;height:26px!important;padding:6px 14px!important;line-height:14px!important}.reservation-status.confirmed{color:#4caf50!important;background:#e8f5e9!important;border-radius:6px!important}.reservation-status.pending{color:#ff9800!important;background:#fff3e0!important;border-radius:6px!important}.top-items-list{flex-direction:column;gap:12px;display:flex}.top-item{background:#f9f9f9;border-radius:8px;align-items:center;gap:16px;padding:12px;transition:background .2s;display:flex}.top-item:hover{background:#f5f5f5}.item-rank{color:#fff;background:#ff6b35;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.item-details{flex:1}.item-name{color:#333;margin-bottom:4px;font-weight:600}.item-stats{color:#666;gap:12px;font-size:13px;display:flex}.item-trend{align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.item-trend.up{color:#4caf50}.item-trend.down{color:#f44336}.item-trend.same{color:#999}.item-trend svg{font-size:12px}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{background:#f9f9f9;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.activity-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.activity-icon.review{color:#f9a825;background:#fff9c4}.activity-icon.reservation{color:#ff6b35;background:#fff3ed}.activity-icon.alert{color:#f44336;background:#ffebee}.activity-icon.milestone{color:#4caf50;background:#e8f5e9}.activity-content{flex:1}.activity-text{color:#333;margin-bottom:4px;font-size:14px}.staff-list{flex-direction:column;gap:12px;display:flex}.staff-item{background:#f9f9f9;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.staff-info{flex-direction:column;gap:2px;display:flex}.staff-name{color:#333;font-size:14px;font-weight:600}.staff-role{color:#666;font-size:12px}.staff-stats{align-items:center;gap:16px;display:flex}.staff-rating{color:#ffa000;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.staff-rating svg{font-size:14px}.staff-metric{color:#666;font-size:13px}.performance-summary{background:#fff;border-radius:12px;margin-top:24px;padding:20px;box-shadow:0 1px 3px #0000001a}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:16px;display:grid}.summary-item{border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.summary-item.positive{color:#2e7d32;background:#e8f5e9}.summary-item.warning{color:#e65100;background:#fff3e0}.summary-item svg{font-size:16px}@media (width<=968px){.overview-grid{grid-template-columns:1fr}}@media (width<=768px){.overview-metrics-container{width:fit-content!important}.metrics-row{gap:12px!important}.metric-card{flex:0 0 167px!important;width:167px!important;min-width:167px!important;max-width:167px!important;height:auto!important;padding:8px!important}.metric-value{font-size:14px!important}.metric-label{font-size:10px!important}.metric-icon{width:20px!important;height:20px!important;font-size:12px!important}.metric-change{font-size:9px!important}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.metric-card{flex:0 0 167px!important;width:167px!important;min-width:167px!important;max-width:167px!important;height:auto!important;padding:8px!important}.metrics-row{gap:10px!important}.summary-grid{grid-template-columns:1fr}.overview-content{padding:16px}}.restaurant-orders-page{background:#fafafa;min-height:100vh;padding-bottom:80px}.orders-header{z-index:100;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.orders-header .orders-back-btn{color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;display:flex;position:static}.orders-header .orders-back-btn:hover{background-color:#f5f5f5}.orders-header h1{text-align:center;flex:1;margin:0;font-size:17px;font-weight:600}.orders-content{max-width:560px;margin:0 auto;padding:16px}.orders-state{text-align:center;color:#888;padding:40px 20px}.orders-empty{text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;padding:36px 24px}.orders-empty-icon{color:#ccc;margin-bottom:12px;font-size:36px}.orders-empty h2{color:#222;margin:0 0 8px;font-size:17px}.orders-empty p{color:#666;max-width:340px;margin:0 auto;font-size:13px;line-height:1.5}.orders-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.order-row{background:#fff;border:1px solid #eee;border-radius:12px;padding:14px}.order-row-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-customer{color:#222;font-size:15px;font-weight:600}.order-meta{color:#888;margin-top:2px;font-size:12px}.order-status{color:#555;white-space:nowrap;background:#f5f5f5;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.order-status.status-confirmed,.order-status.status-preparing{color:#c2531a;background:#fff5ee}.order-status.status-ready{color:#1b5e20;background:#e8f5e9}.order-status.status-completed{color:#333;background:#eef}.order-status.status-cancelled{color:#b71c1c;background:#fdecea}.order-items{color:#555;flex-direction:column;gap:4px;margin:10px 0;padding:0;font-size:13px;list-style:none;display:flex}.order-row-foot{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.order-total{color:#222;font-size:15px;font-weight:700}.order-actions{flex-wrap:wrap;gap:8px;display:flex}.order-btn{cursor:pointer;color:#333;background:#fff;border:1px solid #d0d0d0;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.order-btn.confirm{color:#fff;background:#f87b2d;border-color:#f87b2d}.order-btn.cancel{color:#b71c1c;border-color:#f5c6c2}.order-btn:disabled{opacity:.5;cursor:wait}.my-reservations-page{background:#f5f5f5;min-height:100vh;padding-bottom:80px}.reservations-header{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:center;align-items:center;padding:16px;display:flex;position:sticky;top:0}.reservations-header h1{color:#333;margin:0;font-size:18px;font-weight:600}.reservations-tabs{z-index:99;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;position:sticky;top:60px}.tab-button{color:#666;cursor:pointer;background:0 0;border:none;flex:1;padding:14px;font-size:14px;font-weight:500;transition:all .3s;position:relative}.tab-button.active{color:#f87b2d}.tab-button.active:after{content:"";background:#f87b2d;height:2px;position:absolute;bottom:0;left:0;right:0}.reservations-content{padding:16px}.reservations-list{flex-direction:column;gap:16px;display:flex}.reservation-card{background:#fff;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #00000014}.reservation-card:active{transform:scale(.98)}.reservation-card.past{opacity:.95}.reservation-image{width:100%;height:180px;position:relative;overflow:hidden}.reservation-image img{object-fit:cover;width:100%;height:100%}.reservation-status{color:#fff;text-transform:capitalize;background:#4caf50f2;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;display:flex;position:absolute;top:12px;right:12px}.reservation-status svg{font-size:14px}.reservation-info{padding:16px}.reservation-header h3{color:#333;cursor:pointer;margin:0;font-size:18px;font-weight:600;transition:color .2s}.reservation-header h3:hover{color:#f87b2d}.time-until{color:#f87b2d;background:#fff3e0;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500}.posted-badge{color:#4caf50;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.reservation-details{gap:16px;margin-bottom:12px;display:flex}.detail-item{color:#666;align-items:center;gap:6px;font-size:13px;display:flex}.detail-item svg{color:#999;font-size:16px}.reservation-location,.reservation-phone{color:#666;align-items:flex-start;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.reservation-location svg,.reservation-phone svg{color:#999;margin-top:2px;font-size:16px}.reservation-phone a{color:#f87b2d;text-decoration:none}.special-requests,.cancellation-reason{color:#666;background:#f5f5f5;border-radius:6px;margin-bottom:8px;padding:8px;font-size:12px}.special-requests strong,.cancellation-reason strong{color:#333}.confirmation-code{color:#999;text-align:center;background:#f9f9f9;border-radius:6px;margin-bottom:12px;padding:8px;font-size:12px}.confirmation-code strong{color:#333;font-family:monospace;font-size:14px}.reservation-actions{border-top:1px solid #f0f0f0;flex-direction:row;gap:8px;width:100%;padding-top:12px;display:flex}.action-btn{cursor:pointer;text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-width:0;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.action-btn.modify{color:#666}.action-btn.modify:active{background:#f5f5f5}.action-btn.cancel{color:#d32f2f}.action-btn.cancel:active{background:#ffebee}.action-btn.restaurant{color:#f87b2d}.action-btn.restaurant:active{background:#fff3e0}.action-btn.post{color:#fff;background:#f87b2d;border-color:#f87b2d}.action-btn.post:active{background:#e66a1e}.action-btn.rebook{color:#2196f3}.action-btn.rebook:active{background:#e3f2fd}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{color:#ddd;margin-bottom:16px;font-size:64px}.empty-state h3{color:#333;margin:0 0 8px;font-size:18px;font-weight:600}.empty-state p{color:#666;margin:0 0 20px;font-size:14px}.browse-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:20px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s}.browse-btn:active{transform:scale(.95)}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cancel-modal,.post-modal{background:#fff;border-radius:12px;width:100%;max-width:400px;max-height:80vh;padding:20px;overflow-y:auto}.cancel-modal h3,.post-modal h3{color:#333;margin:0 0 8px;font-size:18px;font-weight:600}.cancel-modal p,.post-modal p{color:#666;margin:0 0 16px;font-size:14px}.modal-details{background:#f5f5f5;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;display:flex}.modal-details .detail-item{color:#666;align-items:center;gap:8px;font-size:13px;display:flex}.cancel-reason-input{resize:vertical;border:1px solid #e0e0e0;border-radius:8px;width:100%;min-height:80px;margin-bottom:16px;padding:12px;font-size:14px}.modal-actions{gap:12px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.modal-btn.keep,.modal-btn.skip{color:#666;background:#f5f5f5;border:1px solid #e0e0e0}.modal-btn.keep:active,.modal-btn.skip:active{background:#eee}.modal-btn.confirm-cancel{color:#fff;background:#d32f2f}.modal-btn.confirm-cancel:active{background:#b71c1c}.modal-btn.share{color:#fff;background:#f87b2d}.modal-btn.share:active{background:#e66a1e}@media (width<=480px){.reservation-details{flex-wrap:wrap;gap:8px}.detail-item{font-size:12px}.reservation-actions{flex-direction:row;display:flex}.action-btn{flex:1 1 0;padding:8px;font-size:11px}}.modify-reservation-page{background:#f5f5f5;min-height:100vh;padding-bottom:80px}.modify-header{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.back-button{cursor:pointer;color:#333;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background .2s;display:flex}.back-button:active{background:#f0f0f0}.modify-header h1{color:#333;text-align:center;flex:1;margin:0;font-size:18px;font-weight:600}.header-spacer{width:36px}.restaurant-info-section{background:#fff;border-bottom:1px solid #e0e0e0;align-items:center;gap:16px;padding:16px;display:flex}.restaurant-info-section img{object-fit:cover;border-radius:8px;width:80px;height:80px}.restaurant-details{flex:1}.restaurant-details h2{color:#333;margin:0 0 4px;font-size:18px;font-weight:600}.restaurant-details p{color:#666;margin:0 0 8px;font-size:13px}.confirmation-code{color:#999;background:#f9f9f9;border-radius:6px;padding:6px 10px;font-size:12px;display:inline-block}.confirmation-code strong{color:#333;font-family:monospace}.modification-form{padding:16px}.form-section{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.section-label{color:#333;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.section-label svg{color:#f87b2d;font-size:18px}.date-input{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:8px;padding:12px;font-size:14px}.formatted-date{color:#666;font-size:13px;font-style:italic}.time-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:300px;padding:4px;display:grid;overflow-y:auto}.time-slot{color:#333;cursor:pointer;text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:10px;font-size:13px;font-weight:500;transition:all .2s;position:relative}.time-slot:hover:not(.unavailable){background:#fff3e0;border-color:#f87b2d}.time-slot.selected{color:#fff;background:#f87b2d;border-color:#f87b2d}.time-slot.unavailable{color:#999;cursor:not-allowed;background:#f5f5f5;text-decoration:line-through}.time-slot.current{border-width:2px;border-color:#4caf50}.current-badge{color:#fff;background:#4caf50;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:-8px;right:-8px}.party-size-selector{background:#f9f9f9;border-radius:8px;justify-content:center;align-items:center;gap:24px;padding:16px;display:flex}.size-button{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:500;transition:all .2s;display:flex}.size-button:hover:not(:disabled){color:#fff;background:#f87b2d;border-color:#f87b2d}.size-button:disabled{opacity:.3;cursor:not-allowed}.party-size-display{flex-direction:column;align-items:center;min-width:80px;display:flex}.size-number{color:#f87b2d;font-size:32px;font-weight:600;line-height:1}.size-label{color:#666;margin-top:4px;font-size:12px}.requests-input{resize:vertical;border:1px solid #e0e0e0;border-radius:8px;width:100%;min-height:80px;padding:12px;font-family:inherit;font-size:14px}.requests-input:focus{border-color:#f87b2d;outline:none}.modification-summary{background:#fff3e0;border-radius:12px;margin-bottom:20px;padding:16px}.modification-summary h3{color:#333;margin:0 0 12px;font-size:16px;font-weight:600}.summary-details{flex-direction:column;gap:8px;display:flex}.summary-item{justify-content:space-between;font-size:13px;display:flex}.summary-label{color:#666;font-weight:500}.summary-value{color:#333;text-align:right;flex:1;margin-left:12px;font-size:12px;font-weight:600}.action-buttons{gap:12px;margin-top:24px;padding:0 16px;display:flex}.cancel-button,.save-button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.cancel-button{color:#666;background:#f5f5f5;border:1px solid #e0e0e0}.cancel-button:active{background:#e0e0e0;transform:scale(.95)}.save-button{color:#fff;background:#f87b2d}.save-button:active:not(:disabled){background:#e66a1e;transform:scale(.95)}.save-button:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal{z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.confirmation-content{text-align:center;background:#fff;border-radius:16px;max-width:300px;padding:32px;animation:.3s slideUp}.success-icon{color:#4caf50;margin-bottom:16px;font-size:64px}.confirmation-content h3{color:#333;margin:0 0 8px;font-size:20px;font-weight:600}.confirmation-content p{color:#666;margin:0 0 8px;font-size:14px}.redirect-message{color:#999;font-size:12px;font-style:italic}.loading{color:#666;justify-content:center;align-items:center;min-height:100vh;font-size:16px;display:flex}@media (width<=480px){.time-grid{grid-template-columns:repeat(2,1fr)}.restaurant-info-section{text-align:center;flex-direction:column}.restaurant-info-section img{width:100px;height:100px}}.subscription-page{background:#faf9f6;min-height:100vh;padding-bottom:80px}.subscription-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:24px;box-shadow:0 2px 8px #0000000d}.back-button{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;padding:8px 16px;font-size:14px;transition:all .3s}.back-button:hover{color:#f87b2d;background:#f5f5f5;border-color:#f87b2d}.header-content{text-align:center}.subscription-title{color:#333;justify-content:center;align-items:center;gap:12px;margin:0 0 8px;font-size:32px;font-weight:700;display:flex}.crown-icon{color:gold;animation:3s ease-in-out infinite float}.subscription-subtitle{color:#666;margin:0;font-size:16px}.subscription-content{max-width:1200px;margin:0 auto;padding:24px}.billing-section{text-align:center;margin-bottom:32px}.billing-toggle{background:#fff;border-radius:12px;gap:4px;padding:4px;display:inline-flex;box-shadow:0 2px 8px #00000014}.billing-option{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s;position:relative}.billing-option:hover{color:#333}.billing-option.active{color:#fff;background:#f87b2d;font-weight:600}.save-badge{color:#fff;white-space:nowrap;background:#4caf50;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:-8px;right:-8px}.pricing-section{margin-bottom:48px}.section-title{color:#fff;text-align:center;margin-bottom:32px;font-size:24px;font-weight:600}.pricing-tiers{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px;display:grid}.tier-card{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:16px;flex-direction:column;padding:32px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 12px #00000014}.tier-card:hover{border-color:#f87b2d;transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.tier-card.selected{border-color:#f87b2d;transform:scale(1.02);box-shadow:0 8px 32px #f87b2d26}.tier-card.popular{border-color:gold;box-shadow:0 6px 20px #ffd70026}.tier-header{text-align:center;margin-bottom:24px}.tier-icon{margin-bottom:16px;font-size:48px;display:block}.tier-name{color:#333;margin:0 0 8px;font-size:24px;font-weight:700}.tier-description{color:#666;margin:0;font-size:14px}.tier-price{justify-content:center;align-items:baseline;gap:4px;margin-bottom:24px;display:flex;position:relative}.tier-savings{color:#fff;background:#4caf50;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.tier-features{flex:1;margin:0 0 24px;padding:0;list-style:none}.tier-feature{color:#555;border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:8px;padding:8px 0;font-size:14px;display:flex}.tier-feature:last-child{border-bottom:none}.feature-check{color:#4caf50;flex-shrink:0;margin-top:2px;font-size:14px}.select-tier-btn{color:#f87b2d;cursor:pointer;background:#fff;border:2px solid #f87b2d;border-radius:8px;width:100%;margin-top:auto;padding:14px;font-size:16px;font-weight:600;transition:all .3s}.select-tier-btn:hover,.select-tier-btn.selected{color:#fff;background:#f87b2d}.popular-badge{color:#fff;background:linear-gradient(135deg,gold,orange);border-radius:8px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-name{color:#333;text-align:center;margin:0 0 16px;font-size:20px;font-weight:600}.plan-price{justify-content:center;align-items:baseline;gap:4px;margin-bottom:24px;display:flex}.currency{color:#666;font-size:20px}.amount{color:#333;font-size:36px;font-weight:700}.period{color:#666;font-size:16px}.select-plan-btn{color:#f87b2d;cursor:pointer;background:#fff;border:2px solid #f87b2d;border-radius:8px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:all .3s}.select-plan-btn:hover,.select-plan-btn.selected{color:#fff;background:#f87b2d}.free-plan-section{margin-bottom:48px}.free-plan-card{text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:32px;box-shadow:0 4px 16px #00000014}.free-plan-card h3{color:#333;margin:0 0 16px;font-size:24px;font-weight:600}.free-plan-card p{color:#666;margin:0 0 24px;font-size:16px}.free-features-list{flex-wrap:wrap;justify-content:center;gap:16px;margin:0 0 24px;padding:0;list-style:none;display:flex}.free-features-list li{color:#555;background:#f5f5f5;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.free-note{color:#856404;background:#fff3cd;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;display:inline-block}.features-section{background:#fff;border-radius:16px;margin-bottom:48px;padding:48px}.features-section .section-title{color:#333}.features-comparison{grid-template-columns:1fr 1fr;gap:48px;display:grid}.feature-column{border-radius:12px;padding:24px}.free-column{background:#f5f5f5}.premium-column{background:linear-gradient(135deg,#fff4e6 0%,#ffe8cc 100%);border:2px solid #f87b2d}.column-header{border-bottom:2px solid #0000001a;margin-bottom:24px;padding-bottom:16px}.column-header h3{color:#333;margin:0 0 8px;font-size:20px;font-weight:600}.column-header.premium h3{color:#f87b2d;align-items:center;gap:8px;display:flex}.column-header p{color:#666;margin:0;font-size:14px}.feature-item{border-bottom:1px solid #0000000d;align-items:center;gap:12px;padding:12px 0;display:flex}.feature-item:last-child{border-bottom:none}.feature-item.highlight{color:#f87b2d;font-weight:600}.feature-icon{color:#666;justify-content:center;align-items:center;width:24px;display:flex}.feature-item.highlight .feature-icon{color:#f87b2d}.feature-text{flex:1;font-size:15px}.testimonials-section{margin-bottom:48px}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.testimonial-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px;transition:all .3s;box-shadow:0 4px 16px #00000014}.testimonial-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.testimonial-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.testimonial-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.testimonial-info h4{color:#333;margin:0;font-size:16px;font-weight:600}.testimonial-info p{color:#666;margin:0;font-size:14px}.testimonial-text{color:#555;margin-bottom:16px;font-size:15px;font-style:italic;line-height:1.6}.testimonial-stars{gap:4px;display:flex}.cta-section{margin-bottom:48px}.cta-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;align-items:center;gap:48px;padding:48px;display:flex;box-shadow:0 6px 24px #00000014}.cta-content{flex:1}.cta-content h2{color:#333;margin:0 0 12px;font-size:28px;font-weight:700}.cta-content p{color:#666;margin:0 0 24px;font-size:16px}.selected-plan-summary{background:#f5f5f5;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:16px;display:flex}.billing-type{color:#666;font-size:14px}.plan-price-summary{color:#f87b2d;margin-left:auto;font-weight:600}.upgrade-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f87b2d,#ff9a5a);border:none;border-radius:8px;align-items:center;gap:12px;padding:16px 32px;font-size:18px;font-weight:600;transition:all .3s;display:flex}.upgrade-cta-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f87b2d4d}.upgrade-cta-btn:disabled{opacity:.6;cursor:not-allowed}.security-note{color:#666;align-items:center;gap:8px;margin-top:16px;font-size:14px;display:flex}.cta-visual{background:linear-gradient(135deg,#ffe8cc,#ffd4a3);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;display:flex}.premium-icon-large{color:#f87b2d;font-size:80px;animation:2s ease-in-out infinite pulse}.faq-section{background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:48px;box-shadow:0 4px 16px #0000000f}.faq-section .section-title{color:#333}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.faq-item h3{color:#333;margin:0 0 12px;font-size:18px;font-weight:600}.faq-item p{color:#666;margin:0;font-size:15px;line-height:1.6}@media (width<=768px){.features-comparison{grid-template-columns:1fr}.cta-card{text-align:center;flex-direction:column}.cta-visual{width:150px;height:150px}.premium-icon-large{font-size:60px}.pricing-cards{grid-template-columns:1fr}}.business-dashboard-container{background:#faf9f6;min-height:100vh;padding-bottom:60px;font-family:Roboto,sans-serif}.settings-dots-container{justify-content:center;align-items:center;display:flex;position:relative}.business-stats .settings-dots-container{flex:none}.business-stats .settings-dropdown{z-index:1000;margin-top:.5rem;position:absolute;top:100%;right:0}.settings-dots-btn{cursor:pointer;background:#f0f0f0;border:none;border-radius:6px;grid-template-rows:repeat(2,7px);grid-template-columns:repeat(2,7px);justify-content:center;align-items:center;gap:3px;width:36px;height:36px;transition:all .2s;display:grid}.settings-dots-btn:hover{background:#e0e0e0}.settings-dots-btn .dot{background:#888;border-radius:50%;width:7px;height:7px}.management-options-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-bottom:1px solid #e5e5e5;gap:.75rem;padding:1rem 1.25rem;display:flex;overflow-x:auto}.management-options-scroll::-webkit-scrollbar{display:none}.management-option{color:#666;cursor:pointer;white-space:nowrap;background:#f5f5f5;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.management-option:hover{color:#333;background:#ececec}.management-option.active{color:#f87b2d;background:#ffe5d9}.management-option svg{font-size:1rem}.business-actions.dashboard{background:#fff;border-bottom:1px solid #e5e5e5;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.today-performance{flex:1;gap:1.5rem;padding:.5rem 0;display:flex;overflow-x:auto}.performance-item{white-space:nowrap;align-items:center;gap:.75rem;display:flex}.perf-icon{color:#666;font-size:1.25rem}.perf-content{flex-direction:column;display:flex}.perf-value{color:#333;font-size:1.25rem;font-weight:700;line-height:1}.perf-label{color:#999;margin-top:.25rem;font-size:.8rem}.business-tabs .tab-btn:focus,.business-tabs .tab-btn:focus-visible,.business-tabs .tab-btn.active:focus,.business-tabs .tab-btn.active:focus-visible{box-shadow:none!important;outline:none!important}.business-tabs button{-webkit-tap-highlight-color:transparent}@media (width<=768px){.management-options-scroll{padding:.75rem 1rem}.management-option{padding:.5rem .75rem;font-size:.85rem}.business-actions.dashboard{flex-direction:column;align-items:stretch}.today-performance{justify-content:space-around;padding:.75rem 0}.performance-item{text-align:center;flex-direction:column;align-items:center;gap:.5rem}.perf-value{font-size:1.1rem}}.business-info-btn-overlay{cursor:pointer;z-index:10;color:#ff6b35;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.business-info-btn-overlay:hover{color:#ff8856;transform:scale(1.15)}.business-about-backdrop{background:#0000004d;z-index:99999!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;inset:0!important}.business-about-modal{background:#fff;border-radius:16px;width:90vw;max-width:400px;max-height:90vh;padding:24px;animation:.2s ease-out slideIn;position:relative;overflow-y:auto;box-shadow:0 8px 32px #00000026}.business-about-close{color:#666;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;transition:color .2s,transform .2s;display:flex;position:absolute;top:12px;right:12px}.business-about-close:hover{color:#333;transform:scale(1.1)}@media (height<=600px){.business-about-modal{max-height:50vh}}.products-container{padding:24px 20px}.products-header{text-align:center;margin-bottom:32px;position:relative}.products-header.dashboard-view{text-align:right;justify-content:flex-end;display:flex}.products-title{color:#333;margin:0 0 8px;font-size:24px;font-weight:700}.products-subtitle{color:#666;margin:0;font-size:16px}.create-product-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:8px;align-items:center;gap:8px;margin-left:auto;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.create-product-btn:hover{background:#e55a2b}.products-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.product-card{background:#fff;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #00000014}.product-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.product-image{width:100%;height:160px;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.product-category{color:#fff;background:#000000bf;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;position:absolute;top:8px;right:8px}.product-info{padding:12px}.product-name{color:#333;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:16px;font-weight:600;overflow:hidden}.product-price{color:#ff6b35;margin:0 0 12px;font-size:18px;font-weight:700}.product-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:6px;width:100%;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s}.product-btn:hover{background:#e55a2b}@media (width>=768px){.products-grid{grid-template-columns:repeat(3,1fr);gap:20px}.product-image{height:200px}}@media (width<=480px){.products-container{padding:16px}.product-image{height:140px}}.bundles-container{padding:24px 20px}.bundles-header{text-align:center;margin-bottom:32px;position:relative}.bundles-header.dashboard-view{text-align:right;justify-content:flex-end;display:flex}.bundles-title{color:#1f363d;margin:0 0 8px;font-size:28px;font-weight:700}.bundles-subtitle{color:#666;margin:0;font-size:16px}.create-bundle-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:8px;align-items:center;gap:8px;margin-left:auto;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.create-bundle-btn:hover{background:#e55a2b}.bundles-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;align-items:start;gap:20px;max-width:800px;margin:0 auto;display:grid}.bundle-card{background:#fff;border-radius:12px;align-self:start;height:auto;margin:0;padding:0;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:visible;box-shadow:0 2px 8px #00000014}.bundle-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.bundle-card>:last-child{margin-bottom:0!important}.bundle-image{border-radius:12px 12px 0 0;width:100%;height:200px;position:relative;overflow:hidden}.bundle-image img{object-fit:cover;width:100%;height:100%}.bundle-savings{color:#fff;background:#ff6b35;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600;position:absolute;top:12px;right:12px}.bundle-content{padding:20px;display:block;margin:0!important;padding-bottom:0!important}.bundle-name{color:#333;margin:0 0 8px;font-size:20px;font-weight:600}.bundle-description{color:#666;margin:0 0 12px;font-size:14px;line-height:1.4}.bundle-rating{align-items:center;gap:4px;margin-bottom:16px;display:flex}.bundle-items{flex-direction:column;margin-bottom:8px;display:flex}.items-label{color:#666;margin:0 0 8px;font-size:13px;font-weight:600}.items-list{margin:0;padding:0;list-style:none}.items-list li{color:#666;padding:4px 0 4px 16px;font-size:13px;position:relative}.items-list li:before{content:"•";color:#ff6b35;position:absolute;left:0}.more-items{font-size:13px;font-style:italic;color:#999!important}.bundle-pricing{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:4px 20px 20px;display:flex;margin:4px 0 0!important}.price-group{align-items:baseline;gap:12px;display:flex}.bundle-bookmark-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.bundle-bookmark-btn{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex;background:0 0!important;border:none!important;padding:4px!important}.bundle-bookmark-btn svg{color:#757575;font-size:20px;transition:color .2s}.bundle-bookmark-btn:hover svg{color:#616161;transform:scale(1.1)}.bundle-bookmark-btn:active svg{transform:scale(.95)}.bundle-bookmark-btn.bookmarked svg{color:#ff6b35!important}@media (width<=768px){.bundles-container{padding:20px 16px}.bundles-grid{grid-template-columns:1fr;gap:16px}.bundle-card{min-height:auto;overflow:visible}.bundle-image{border-radius:12px 12px 0 0;height:180px;overflow:hidden}.bundle-content{padding:16px 16px 0}.bundles-title{font-size:24px}.bundle-name{font-size:18px}.bundle-description{font-size:13px}.bundle-items{margin-bottom:10px}.more-items{font-size:12px}.bundle-pricing{justify-content:space-between;align-items:center}.bundle-bookmark-wrapper .bundle-bookmark-btn svg{font-size:18px}}.posts-container{min-height:400px;padding:16px}.posts-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.post-item{aspect-ratio:1;cursor:pointer;position:relative;overflow:hidden}.post-image{width:100%;height:100%}.post-image img{object-fit:cover;width:100%;height:100%}.post-overlay{opacity:0;background:#000000b3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.post-item:hover .post-overlay{opacity:1}.post-stats{color:#fff;gap:20px;font-size:16px;font-weight:500;display:flex}.post-stats span{align-items:center;gap:6px;display:flex}@media (width<=768px){.posts-grid{grid-template-columns:repeat(3,1fr);gap:2px}.post-stats{font-size:14px}}.business-analytics{background:#faf9f6;min-height:100vh;padding-bottom:80px;font-family:Roboto,sans-serif}.analytics-header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex}.analytics-title{color:#333;margin:0;font-size:24px;font-weight:600}.analytics-content{max-width:1200px;margin:0 auto;padding:20px}.period-selector{background:#fff;border-radius:8px;gap:8px;width:fit-content;margin-bottom:20px;padding:8px;display:flex}.period-selector button{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s}.period-selector button.active{color:#fff;background:#ff6b35}.period-selector button:hover:not(.active){background:#f5f5f5}.metrics-container{-webkit-overflow-scrolling:touch;margin-bottom:24px;overflow-x:auto}.metrics-container::-webkit-scrollbar{height:6px}.metrics-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.metrics-container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.metrics-grid{gap:16px;width:396px;grid-template-rows:repeat(2,auto)!important;grid-template-columns:repeat(2,190px)!important;display:grid!important}.metric-card{background:#fff;border-radius:10px;flex-direction:column;min-width:180px;height:auto;padding:10px 14px;display:flex;box-shadow:0 1px 3px #0000001a}.metric-header{align-items:flex-start;gap:8px;width:100%;margin-bottom:-8px;display:flex;position:relative}.metric-icon-wrapper{background:#ff6b351a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.metric-icon-wrapper svg{color:#ff6b35;width:16px;height:16px}.metric-header span{color:#666;white-space:nowrap;margin-top:-2px;font-size:13px;font-weight:500}.metric-bottom{align-items:baseline;gap:10px;margin-top:-12px;padding-left:40px;display:flex}.metric-value{color:#333;font-size:20px;font-weight:600}.metric-change{white-space:nowrap;align-items:center;gap:3px;font-size:12px;display:flex}.analytics-section{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px;position:relative}.section-header h2{color:#333;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.section-title.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;transition:color .2s}.section-title.clickable:hover{color:#ff6b35}.section-header h2 svg{color:#ff6b35;font-size:16px}.info-icon-btn{color:#888;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:inline-flex}.info-icon-btn:hover{color:#666}.legend-modal-container{z-index:99999;pointer-events:all;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.legend-overlay{z-index:1;background:#0000004d;width:100%;height:100%;position:absolute;top:0;left:0}.legend-popup{z-index:2;background:#fff;border-radius:12px;width:90%;max-width:400px;max-height:80vh;margin:20px;padding:20px;position:relative;overflow-y:auto;box-shadow:0 4px 20px #00000026}.legend-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.legend-header h3{color:#333;margin:0;font-size:18px}.legend-close{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.legend-close:hover{color:#333}.legend-content{flex-direction:column;gap:12px;display:flex}.legend-item{align-items:center;gap:12px;display:flex}.legend-item .metric-badge{min-width:80px}.legend-description{color:#666;flex:1;font-size:13px}.product-performance-badges{flex-direction:column;gap:16px;display:flex}.product-item{border-bottom:1px solid #f0f0f0;padding:16px 0}.product-item:last-child{border-bottom:none}.product-name{color:#333;margin-bottom:10px;font-size:15px;font-weight:600}.product-metrics{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.metric-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.metric-badge svg{flex-shrink:0}.metric-badge.views{color:#2980b9;background:#3498db1a}.metric-badge.clicks{color:#8e44ad;background:#9b59b61a}.metric-badge.time{color:#f39c12;background:#f1c40f1a}.metric-badge.engagement{color:#27ae60;background:#2ecc711a}.metric-badge.engagement.down{color:#e74c3c;background:#e74c3c1a}.metric-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.blurred-item{filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none}.traffic-sources{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.traffic-card{border:1px solid #e0e0e0;border-radius:8px;padding:16px}.traffic-card h3{color:#333;margin:0 0 12px;font-size:15px;font-weight:600}.traffic-stats{gap:8px;display:grid}.traffic-stats .stat{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.traffic-stats .label{color:#666;font-size:13px}.traffic-stats .value{color:#333;font-size:14px;font-weight:500}.behavior-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid;position:relative}.behavior-card{border:1px solid #e0e0e0;border-radius:8px;padding:16px}.behavior-card h3{color:#333;align-items:center;gap:6px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.behavior-card h3 svg{color:#ff6b35;font-size:12px}.peak-hours,.locations,.device-stats{gap:6px;display:grid}.hour-item,.location-item,.device-item{color:#666;align-items:center;gap:8px;font-size:13px;display:flex}.rank{color:#ff6b35;font-weight:600}.location-bar{background:#f0f0f0;border-radius:3px;flex:1;height:6px;overflow:hidden}.bar-fill{background:#ff6b35;border-radius:3px;height:100%}.device-item{justify-content:space-between}.percentage{color:#333;font-weight:600}.return-rate{text-align:center;padding:12px 0}.rate-value{color:#ff6b35;margin-bottom:4px;font-size:28px;font-weight:600}.rate-label{color:#666;font-size:13px}.predictive-content{position:relative}.prediction-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.prediction-card{border:1px solid #e0e0e0;border-radius:8px;padding:16px}.prediction-card h3{color:#333;margin:0 0 4px;font-size:15px;font-weight:600}.prediction-desc{color:#666;margin-bottom:12px;font-size:12px}.prediction-card ul{margin:0;padding:0;list-style:none}.prediction-card li{color:#666;padding:4px 0;font-size:13px}.blurred-row td{filter:blur(4px);-webkit-user-select:none;user-select:none}.pro-overlay{z-index:10;text-align:center;background:#fffffff2;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:20px 24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000026}.pro-overlay h3{color:#333;margin:0;font-size:18px;font-weight:600}.pro-overlay p{color:#666;margin:0;font-size:14px}.pro-overlay button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#ff8856);border:none;border-radius:6px;margin-top:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .3s}.pro-badge{color:#fff;vertical-align:middle;background:linear-gradient(135deg,#ff6b35,#ff8856);border-radius:4px;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:600}@media (width<=768px){.analytics-header{flex-direction:column;align-items:flex-start;gap:12px}.traffic-sources,.behavior-grid,.prediction-cards{grid-template-columns:1fr}.period-selector{justify-content:space-between;width:100%}.product-performance-table{font-size:12px}.product-performance-table th,.product-performance-table td{padding:8px 6px}}.business-marketing{background:#faf9f6;min-height:100vh;padding-bottom:80px;font-family:Roboto,sans-serif}.marketing-header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex}.marketing-title{color:#333;margin:0;font-size:24px;font-weight:600}.marketing-content{max-width:1200px;margin:0 auto;padding:20px}.marketing-tabs{background:#fff;border-radius:12px;gap:10px;margin-bottom:24px;padding:12px;display:flex;overflow-x:auto}.marketing-tabs button{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:all .3s;display:flex;position:relative}.marketing-tabs button:disabled{opacity:.6;cursor:not-allowed}.marketing-tabs button.active{color:#fff;background:#ff6b35}.tab-lock{margin-left:4px;font-size:12px}.marketing-stats-wrapper{margin-bottom:24px;position:relative;overflow:hidden}.marketing-stats{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,minmax(240px,1fr));gap:16px;min-width:100%;padding:2px;display:grid;overflow:auto hidden}.marketing-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;position:relative}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h2{color:#333;align-items:center;gap:8px;margin:0;font-size:20px;display:flex}.create-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .3s}.create-btn:hover{background:#ff8856;transform:translateY(-2px)}.campaigns-list{gap:16px;display:grid}.campaign-card{border:1px solid #e0e0e0;border-radius:8px;padding:16px}.campaign-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.campaign-header h3{color:#333;margin:0;font-size:16px}.status{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.status.active{color:#155724;background:#d4edda}.status.scheduled{color:#856404;background:#fff3cd}.campaign-details{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px;display:grid}.detail{flex-direction:column;gap:4px;display:flex}.detail .label{color:#999;font-size:12px}.detail .value{color:#333;font-size:14px;font-weight:500}.campaign-actions{gap:8px;display:flex}.action-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:6px 12px;font-size:14px;transition:all .3s}.action-btn:hover{color:#ff6b35;background:#f8f9fa;border-color:#ff6b35}.social-platforms{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;display:grid}.platform-card{background:#fff;border-radius:12px;padding:20px}.platform-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.platform-header svg{color:#ff6b35;font-size:24px}.platform-name{color:#333;text-transform:capitalize;font-size:18px;font-weight:600}.platform-metrics{gap:12px;display:grid}.platform-metrics .metric{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.metric-value{color:#333;font-weight:600}.metric-value.growth{color:#28a745}.metric-label{color:#666;font-size:14px}.content-calendar-section{background:#fff;border-radius:12px;padding:24px}.calendar-list{gap:12px;display:grid}.calendar-item{border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:80px 1fr auto 80px;align-items:center;gap:16px;padding:16px;display:grid}.calendar-date{color:#ff6b35;font-weight:600}.calendar-content h4{color:#333;margin:0 0 4px;font-size:16px}.platform-tag{color:#666;background:#f0f0f0;border-radius:4px;padding:2px 8px;font-size:12px;display:inline-block}.calendar-status{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.calendar-status.scheduled{color:#155724;background:#d4edda}.calendar-status.draft{color:#6c757d;background:#f8f9fa}.calendar-actions{gap:8px;display:flex}.calendar-actions button{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:6px 10px;transition:all .3s}.calendar-actions button:hover{color:#ff6b35;background:#f8f9fa;border-color:#ff6b35}.advanced-analytics{position:relative}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.analytics-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px}.analytics-card h3{color:#333;margin:0 0 16px;font-size:16px}.roi-metric{text-align:center;padding:20px 0}.roi-value{color:#28a745;margin-bottom:8px;font-size:36px;font-weight:700;display:block}.roi-label{color:#666;font-size:14px}.funnel-stages{gap:8px;display:grid}.stage{background:#f8f9fa;border-left:3px solid #ff6b35;padding:8px 12px;font-size:14px}.test-results{gap:8px;display:grid}.variant{background:#f8f9fa;border-radius:6px;padding:8px 12px;font-size:14px}.variant.winner{color:#155724;background:#d4edda;font-weight:600}.audience-insights{position:relative}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.insight-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px}.insight-card h3{color:#333;margin:0 0 12px;font-size:16px}.demographic-list,.time-list,.content-types{gap:8px;display:grid}.demographic-list div,.time-list div,.content-types div{color:#666;padding:4px 0;font-size:14px}.creator-tools{position:relative}.creator-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.creator-card{text-align:center;border:1px solid #e0e0e0;border-radius:12px;padding:24px}.creator-icon{color:#ff6b35;margin-bottom:16px;font-size:48px}.creator-card h3{color:#333;margin:0 0 8px;font-size:18px}.creator-card p{color:#666;margin:0 0 16px;font-size:14px}.creator-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .3s}.creator-btn:hover{background:#ff8856;transform:translateY(-2px)}.blurred-content{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.blurred-text{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.pro-section{position:relative}.pro-overlay{z-index:10;background:#fffffff2;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:20px 30px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000026}.pro-overlay.large{gap:15px;padding:30px 40px}.pro-overlay svg{color:#ff6b35;font-size:24px}.pro-overlay h3{color:#333;margin:0;font-size:1.2rem}.pro-overlay p{color:#666;text-align:center;margin:0}.pro-overlay button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#ff8856);border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s}.pro-overlay button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.pro-badge{color:#fff;background:linear-gradient(135deg,#ff6b35,#ff8856);border-radius:4px;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:600}@media (width<=768px){.stat-label{font-size:10px}.stat-value{font-size:16px}.calendar-item{grid-template-columns:1fr;gap:8px}.campaign-details{grid-template-columns:1fr 1fr}}.campaign-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.campaign-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.close-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.close-btn:hover{color:#333;background:#f5f5f5}.close-btn svg{font-size:20px}.progress-bar{background:#fff;justify-content:space-between;min-height:60px;padding:20px 24px;display:flex;position:relative}.progress-bar:before{content:"";z-index:0;background:#e0e0e0;height:2px;position:absolute;top:39px;left:24px;right:24px}.progress-step{z-index:1;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.progress-step span{color:#999;background:#fff;border:2px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .3s;display:flex}.progress-step.active span{color:#fff;background:#ff6b35;border-color:#ff6b35}.modal-body{background:#fff;min-height:300px;padding:24px}.step-content{box-shadow:none;background:0 0}.form-group label{color:#333;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.form-group label svg{color:#ff6b35;font-size:14px}.form-group input[type=date]{width:95%;height:44px;min-height:44px;padding:10px 35px 10px 12px}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;height:56px;min-height:56px;padding:16px 12px;line-height:24px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.budget-suggestions{background:#fff;border-radius:8px;margin-top:20px;padding:16px}.budget-suggestions p{color:#666;margin:0 0 12px;font-size:13px}.suggestion-chips{flex-wrap:wrap;gap:8px;display:flex}.suggestion-chips button{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .2s}.suggestion-chips button:hover{color:#ff6b35;background:#ff6b350d;border-color:#ff6b35}.platform-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px;display:grid}.platform-option{text-align:center;cursor:pointer;color:#666;border:2px solid #e0e0e0;border-radius:8px;padding:12px;font-size:14px;transition:all .2s}.platform-option:hover{color:#ff6b35;border-color:#ff6b35}.platform-option.selected{color:#fff;background:#ff6b35;border-color:#ff6b35}.modal-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;padding:24px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background:#ff6b35}.btn-primary:hover:not(:disabled){background:#ff5722;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#666;background:#fff;border:1px solid #e0e0e0}.btn-secondary:hover{color:#333;background:#f5f5f5}@media (width<=640px){.campaign-modal{max-width:100%;margin:10px}.form-row{grid-template-columns:1fr}.platform-grid{grid-template-columns:repeat(2,1fr)}}.business-engagement{background:#faf9f6;min-height:100vh;padding-bottom:80px;font-family:Roboto,sans-serif}.engagement-header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex}.engagement-title{color:#333;margin:0;font-size:24px;font-weight:600}.engagement-content{max-width:1200px;margin:0 auto;padding:20px}.engagement-stats-wrapper{margin-bottom:24px;position:relative;overflow:hidden}.engagement-stats{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,minmax(240px,1fr));gap:16px;min-width:100%;padding:2px;display:grid;overflow:auto hidden}.stat-card{background:#fff;border-radius:10px;flex-direction:column;padding:16px;display:flex;box-shadow:0 1px 3px #0000001a}.stat-card-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.stat-icon-wrapper{background:#ff6b351a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon-wrapper svg{color:#ff6b35;width:16px;height:16px}.stat-label{color:#666;white-space:nowrap;flex:1;font-size:11px}.stat-value{color:#333;width:100%;font-size:18px;font-weight:600;line-height:1;display:block}.header-upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#ff8856);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.header-upgrade-btn svg{font-size:14px}.subscription-badge{border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.subscription-badge.premium{color:#fff;background:linear-gradient(135deg,gold,orange)}.engagement-tabs{background:#fff;border-radius:12px;gap:10px;margin-bottom:24px;padding:12px;display:flex}.engagement-tabs button{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 16px;font-weight:500;transition:all .3s}.engagement-tabs button.active{color:#fff;background:#ff6b35}.interactions-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px}.interactions-list{gap:16px;display:grid}.interaction-card{border:1px solid #e0e0e0;border-radius:8px;padding:16px}.interaction-header{justify-content:space-between;align-items:start;margin-bottom:12px;display:flex}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#ff6b35,#ff8856);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.user-name{color:#333;font-weight:600}.interaction-time{color:#999;font-size:12px}.interaction-type svg{color:#ff6b35;font-size:20px}.interaction-content{color:#666;margin-bottom:12px}.rating{color:orange;margin-top:8px}.interaction-actions{gap:8px;display:flex}.reply-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;transition:all .3s;display:flex}.reply-btn:hover{background:#ff8856}.replied-badge{color:#28a745;font-size:14px}.sentiment-content{padding:20px;position:relative}.sentiment-overview{text-align:center}.sentiment-score{margin-bottom:24px}.score-value{color:#28a745;font-size:48px;font-weight:700}.score-label{color:#666;font-size:16px}.sentiment-breakdown{gap:8px;max-width:500px;margin:0 auto;display:grid}.sentiment-bar{color:#fff;border-radius:6px;padding:8px 12px;font-size:14px}.sentiment-bar.positive{background:#28a745}.sentiment-bar.neutral{background:#ffc107}.sentiment-bar.negative{background:#dc3545}.followers-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px}.follower-growth{margin-bottom:24px}.growth-stats{gap:24px;margin-top:12px;display:flex}.growth-item{flex-direction:column;gap:4px;display:flex}.growth-label{color:#666;font-size:14px}.growth-value{color:#28a745;font-size:24px;font-weight:700}.followers-list{gap:12px;display:grid}.follower-card{border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.follower-avatar{color:#fff;background:linear-gradient(135deg,#ff6b35,#ff8856);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.follower-info{flex:1}.follower-name{color:#333;margin-bottom:4px;font-weight:600}.follower-stats{color:#666;font-size:14px}.demographics-content{position:relative}.demographics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.demo-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px}.demo-card h3{color:#333;margin:0 0 12px;font-size:16px}.demo-list{gap:8px;display:grid}.demo-list div{color:#666;padding:4px 0;font-size:14px}.engagement-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;position:relative}.business-overview{background:#faf9f6;min-height:100vh;padding-bottom:80px;font-family:Roboto,sans-serif}.overview-header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex}.overview-title{color:#333;margin:0 0 4px;font-size:24px;font-weight:600}.overview-subtitle{color:#666;margin:0;font-size:13px}.overview-content{max-width:1200px;margin:0 auto;padding:20px}.time-selector{background:#fff;border-radius:8px;gap:8px;width:fit-content;margin-bottom:24px;padding:8px;display:flex}.time-selector button{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-weight:500;transition:all .3s}.time-selector button.active{color:#fff;background:#ff6b35}.overview-metrics{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.metric-card{background:#fff;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 1px 3px #0000001a}.metric-icon{color:#ff6b35;background:#ff6b351a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.metric-details{flex:1}.metric-label{color:#666;margin-bottom:2px;font-size:13px}.metric-value{color:#333;margin-bottom:2px;font-size:20px;font-weight:600}.metric-change{align-items:center;gap:4px;font-size:13px;display:flex}.metric-change.up{color:#28a745}.metric-change.down{color:#dc3545}.metric-change svg{font-size:10px}.overview-section{background:#fff;border-radius:10px;margin-bottom:20px;padding:20px}.overview-section h2{color:#333;align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:600;display:flex}.overview-section h2 svg{color:#ff6b35;font-size:18px}.performers-list{gap:12px;display:grid}.performer-item{border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.performer-rank{color:#ff6b35;font-size:18px;font-weight:700}.performer-badge{font-size:24px}.performer-info{flex:1}.performer-name{color:#333;margin-bottom:4px;font-weight:600}.performer-metric{color:#666;font-size:14px}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.action-card{text-align:center;cursor:pointer;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .3s}.action-card:hover{background:#fff;border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-icon{color:#ff6b35;margin-bottom:8px;font-size:24px}.action-label{color:#333;font-size:14px;font-weight:500}.pro-preview{text-align:center;background:linear-gradient(135deg,#fff5f2,#fff);border:2px solid #ff6b35;border-radius:12px;padding:24px}.pro-preview-header{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.crown-icon{color:gold;font-size:24px}.pro-preview-header h3{color:#333;margin:0;font-size:20px}.pro-features-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px;display:grid}.pro-feature{background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.pro-feature svg{color:#ff6b35;font-size:24px}.pro-feature span{color:#333;font-size:14px;font-weight:500}.pro-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#ff8856);border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .3s}.pro-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.header-upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#ff8856);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s;display:flex}.business-settings{background:#faf9f6;min-height:100vh;padding-bottom:80px;font-family:Roboto,sans-serif}.business-settings .settings-header{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.business-settings .back-button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.business-settings .back-button:hover{background:#f5f5f5}.business-settings .back-button svg{color:#333;font-size:20px}.business-settings .settings-title{color:#333;text-align:center;flex:1;margin:0;font-size:24px;font-weight:600}.business-settings .header-spacer{width:40px}.business-settings .settings-content{max-width:800px;margin:0 auto;padding:20px}.business-settings .settings-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0000001a}.business-settings .section-title{color:#333;align-items:center;gap:10px;margin:0 0 20px;font-size:18px;font-weight:600;display:flex}.business-settings .section-title svg{color:#ff6b35;font-size:18px}.business-settings .settings-list{flex-direction:column;gap:4px;display:flex}.business-settings .settings-item-link,.business-settings .settings-item-toggle{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:16px;transition:background .2s;display:flex}.business-settings .settings-item-link:hover{background:#f9f9f9}.business-settings .item-left{flex:1;align-items:center;gap:16px;display:flex}.business-settings .item-icon{color:#ff6b35;background:#fff3ed;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.business-settings .item-text{flex-direction:column;gap:4px;display:flex}.business-settings .item-title{color:#333;font-size:15px;font-weight:500}.business-settings .item-subtitle{color:#666;font-size:13px}.business-settings .item-arrow{color:#999;font-size:14px}.business-settings .toggle-switch{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:32px;display:flex}.business-settings .toggle-on{color:#ff6b35}.business-settings .toggle-off{color:#ccc}@media (width<=768px){.business-settings .settings-content{padding:16px}.business-settings .settings-section{border-radius:8px;padding:16px}.business-settings .settings-item-link,.business-settings .settings-item-toggle{padding:12px}.business-settings .item-icon{width:36px;height:36px;font-size:16px}.business-settings .item-title{font-size:14px}.business-settings .item-subtitle{font-size:12px}}.pro-creator-settings{background:#faf9f6;min-height:100vh;padding-bottom:80px;font-family:Roboto,sans-serif}.pro-creator-settings .settings-header{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.pro-creator-settings .back-button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.pro-creator-settings .back-button:hover{background:#f5f5f5}.pro-creator-settings .back-button svg{color:#333;font-size:20px}.pro-creator-settings .settings-title{color:#333;text-align:center;flex:1;margin:0;font-size:24px;font-weight:600}.pro-creator-settings .header-spacer{width:40px}.pro-creator-settings .settings-content{max-width:800px;margin:0 auto;padding:20px}.pro-creator-settings .settings-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0000001a}.pro-creator-settings .section-title{color:#333;align-items:center;gap:10px;margin:0 0 20px;font-size:18px;font-weight:600;display:flex}.pro-creator-settings .section-title svg{color:#ff6b35;font-size:18px}.pro-creator-settings .settings-list{flex-direction:column;gap:4px;display:flex}.pro-creator-settings .settings-item-link,.pro-creator-settings .settings-item-toggle{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:16px;transition:background .2s;display:flex}.pro-creator-settings .settings-item-link:hover{background:#f9f9f9}.pro-creator-settings .item-left{flex:1;align-items:center;gap:16px;display:flex}.pro-creator-settings .item-icon{color:#ff6b35;background:#fff3ed;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.pro-creator-settings .item-text{flex-direction:column;gap:4px;display:flex}.pro-creator-settings .item-title{color:#333;font-size:15px;font-weight:500}.pro-creator-settings .item-subtitle{color:#666;font-size:13px}.pro-creator-settings .item-arrow{color:#999;font-size:14px}.pro-creator-settings .toggle-switch{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:32px;display:flex}.pro-creator-settings .toggle-on{color:#ff6b35}.pro-creator-settings .toggle-off{color:#ccc}@media (width<=768px){.pro-creator-settings .settings-content{padding:16px}.pro-creator-settings .settings-section{border-radius:8px;padding:16px}.pro-creator-settings .settings-item-link,.pro-creator-settings .settings-item-toggle{padding:12px}.pro-creator-settings .item-icon{width:36px;height:36px;font-size:16px}.pro-creator-settings .item-title{font-size:14px}.pro-creator-settings .item-subtitle{font-size:12px}}.business-profile-container{background-color:#fafafa;min-height:100vh;padding-bottom:80px}.business-header-image{width:100%;height:250px;position:relative;overflow:hidden}.business-header-image img{object-fit:cover;width:100%;height:100%}.business-profile-bookmark{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #00000026}.business-profile-info{background:#fff;border-bottom:1px solid #e5e5e5;padding:20px}.business-name-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.business-profile-name{color:#333;margin:0;font-size:16px;font-weight:700}.info-button{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:4px;font-size:20px;transition:color .2s;display:flex}.info-button:hover{color:#ff6b35}.business-profile-meta{align-items:center;gap:16px;margin-bottom:16px;font-size:16px;display:flex}.business-profile-rating{align-items:center;gap:4px;display:flex}.category-type{color:#666;border-left:1px solid #e5e5e5;padding:0 16px}.business-description{color:#666;margin:0 0 20px;font-size:16px;line-height:1.5}.business-contact-info{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.contact-item{color:#666;align-items:center;gap:10px;font-size:14px;display:flex}.contact-icon{color:#999;width:20px;font-size:16px}.contact-item a{color:#ff6b35;text-decoration:none}.contact-item a:hover{text-decoration:underline}.business-services{margin-top:20px}.services-title{color:#333;margin:0 0 16px;font-size:16px;font-weight:600}.services-list{flex-wrap:wrap;gap:6px;margin-left:20px;display:flex}.service-tag{color:#ff6b35;background-color:#fff3e8;border-radius:4px;justify-content:center;align-items:center;height:22px;padding:3px 10px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.business-stats{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-around;padding:20px;display:flex}.business-stats>div{text-align:center}.stat-number{color:#333;font-size:24px;font-weight:700}.stat-label{color:#666;margin-top:4px;font-size:14px}.business-actions{background:#fff;border-bottom:1px solid #e5e5e5;gap:12px;padding:16px 20px;display:flex}.business-actions button{cursor:pointer;border-radius:6px;flex:1;padding:10px 16px;font-size:16px;font-weight:500;transition:all .2s}.follow-btn{color:#ff6b35;background:#fff;border:1px solid #ff6b35}.follow-btn.following{color:#ff6b35;background:#fff5f0;border:1px solid #ff6b35}.message-btn,.share-btn{color:#333;background:#fff;border:1px solid #e5e5e5}.message-btn:hover,.share-btn:hover{background:#f5f5f5}.business-tabs{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #eee;justify-content:space-around;min-height:48px;display:flex;position:relative;overflow-x:auto}.tab-btn{color:#888;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;flex:none;margin-right:2px;padding:.7rem 0 .3rem;font-family:Roboto,sans-serif;font-size:.95rem;font-weight:700;transition:color .2s;position:relative}.tab-btn:last-child{margin-right:0}.tab-btn:hover{color:#666}.tab-btn.active{color:#1f363d!important}.tab-btn.active:after{content:"";background:#ff6b35;border-radius:2px;width:100%;height:3px;position:absolute;bottom:0;left:0}.business-tab-content{background:#fff;min-height:400px;margin-top:8px}.tab-btn{background:0 0!important}.about-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.about-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;margin:auto;animation:.3s ease-out slideUp;position:relative;overflow-y:auto}.close-modal{color:#666;cursor:pointer;z-index:10;background:#fff;border:1px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.about-container{max-width:800px;min-height:400px;margin:0 auto;padding:24px 20px;position:relative}.about-header{justify-content:flex-end;gap:12px;margin-bottom:20px;display:flex}.edit-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.edit-btn:hover{background:#e55a2b}.edit-actions{gap:12px;display:flex}.cancel-edit-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.cancel-edit-btn:hover{background:#f8f9fa}.save-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.about-textarea{resize:vertical;border:1px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:12px;font-family:Roboto,sans-serif;font-size:16px;line-height:1.6;transition:border-color .2s}.about-textarea:focus{border-color:#ff6b35;outline:none}.about-title{color:#1f363d;margin:0 0 20px;font-size:24px;font-weight:700}.about-text{color:#666;text-align:left;margin:0 0 16px;font-size:16px;line-height:1.6}.about-highlights{grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0;display:grid}.highlight-card{text-align:center;background:#fff3e8;border-radius:12px;padding:24px}.highlight-icon{color:#ff6b35;margin-bottom:12px;font-size:32px}.highlight-card h3{color:#333;margin:0 0 8px;font-size:18px;font-weight:600}.highlight-card p{color:#666;margin:0;font-size:14px;line-height:1.4}.hours-grid{background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.hours-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:12px 20px;display:flex}.hours-row:last-child{border-bottom:none}.hours-row.today{background:#fff3e8;font-weight:600}.day-name{color:#333;font-size:15px}.day-hours{color:#666;font-size:15px}.hours-row.today .day-hours{color:#ff6b35}.offerings-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.offering-item{text-align:left;background:#fafafa;border-radius:8px;padding:20px}.offering-item h4{color:#333;margin:0 0 8px;font-size:16px;font-weight:600}.offering-item p{color:#666;margin:0;font-size:14px;line-height:1.4}.highlight-title-input,.offering-title-input{border:1px solid #e0e0e0;border-radius:6px;width:100%;margin-bottom:8px;padding:8px;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;transition:border-color .2s}.highlight-desc-input,.offering-desc-input{resize:vertical;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:8px;font-family:Roboto,sans-serif;font-size:14px;line-height:1.4;transition:border-color .2s}.hours-input{color:#666;border:1px solid #e0e0e0;border-radius:6px;min-width:150px;padding:6px 10px;font-family:Roboto,sans-serif;font-size:15px;transition:border-color .2s}.highlight-title-input:focus,.highlight-desc-input:focus,.offering-title-input:focus,.offering-desc-input:focus,.hours-input:focus{border-color:#ff6b35;outline:none}.icon-selector{margin-bottom:12px;position:relative}.current-icon-btn{cursor:pointer;background:#fff;border:2px solid #ff6b35;border-radius:8px;flex-direction:column;align-items:center;gap:8px;width:100%;padding:12px;transition:all .2s;display:flex}.current-icon-btn:hover{background:#fff3e8}.highlight-icon-edit{color:#ff6b35;font-size:32px}.change-icon-text{color:#666;font-size:12px;font-weight:500}.icon-picker-dropdown{z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:8px;grid-template-columns:repeat(5,1fr);gap:8px;max-height:200px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.icon-option{cursor:pointer;color:#666;aspect-ratio:1;background:#fff;border:1px solid #f0f0f0;border-radius:6px;justify-content:center;align-items:center;padding:12px;font-size:20px;transition:all .2s;display:flex}.icon-option:hover{color:#ff6b35;background:#fff3e8;border-color:#ff6b35;transform:scale(1.1)}.icon-option svg{width:20px;height:20px}.icon-picker-dropdown::-webkit-scrollbar{width:6px}.icon-picker-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.icon-picker-dropdown::-webkit-scrollbar-thumb{background:#ff6b35;border-radius:3px}.icon-picker-dropdown::-webkit-scrollbar-thumb:hover{background:#e55a2b}@media (width<=768px){.about-highlights,.offerings-grid{grid-template-columns:1fr;gap:16px}.hours-row{padding:10px 16px}.about-title{font-size:20px}.icon-picker-dropdown{grid-template-columns:repeat(4,1fr)}}.reviews-container{min-height:400px;padding:16px}.reviews-summary{background:#f9f9f9;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.reviews-avg{align-items:center;gap:8px;display:flex}.reviews-avg-num{color:#333;font-size:24px;font-weight:600}.reviews-stars{gap:2px;display:inline-flex}.reviews-count{color:#666;font-size:14px}.reviews-form{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;padding:16px}.reviews-form h3{margin:0 0 12px;font-size:16px;font-weight:600}.reviews-form-stars{margin-bottom:12px}.reviews-form-textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:12px;padding:8px 12px;font-family:inherit;font-size:14px}.reviews-form-submit{color:#fff;cursor:pointer;background:#5c8c5e;border:none;border-radius:8px;padding:8px 18px;font-weight:600}.reviews-form-submit:disabled{opacity:.6;cursor:not-allowed}.reviews-form-cancel{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 18px;font-weight:600}.reviews-empty,.reviews-loading{text-align:center;color:#888;padding:32px}.reviews-list{flex-direction:column;gap:12px;display:flex}.review-card{background:#fff;border:1px solid #eee;border-radius:8px;padding:12px 16px}.review-card-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.review-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.review-user{flex:1}.review-name{color:#333;font-size:14px;font-weight:600}.review-date{color:#999;font-size:12px}.review-comment{color:#444;font-size:14px;line-height:1.5}.review-actions{gap:8px;margin-top:10px;display:flex}.review-action{color:#555;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.review-action.danger{color:#c0392b;border-color:#e6b8b3}.create-product-container{background:#f8f9fa;min-height:100vh;padding-bottom:80px}.create-product-header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:center;align-items:center;padding:20px;display:flex}.create-product-header h1{color:#333;margin:0;font-size:20px;font-weight:600}.create-product-form{max-width:800px;margin:0 auto;padding:20px}.form-group input,.form-group textarea,.form-group select{border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px;font-family:Roboto,sans-serif;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#ff6b35;outline:none}.savings-indicator{color:#ff6b35;margin-top:4px;font-size:12px;font-weight:500;display:block}button.remove-btn,button.add-btn,button.cancel-btn,button.submit-btn{box-shadow:none!important;border-radius:4px!important;outline:none!important;padding:6px 16px!important;font-size:12px!important;transition:none!important}button.remove-btn:focus,button.add-btn:focus,button.cancel-btn:focus,button.submit-btn:focus{box-shadow:none!important;outline:none!important}.feature-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.feature-row input{border:1px solid #e0e0e0;border-radius:8px;flex:1;padding:12px;font-size:14px;transition:border-color .2s}.spec-row{align-items:center;gap:12px;display:flex}.spec-row input:first-child{flex:1}.spec-row input:nth-child(2){flex:2}.spec-row input{border:1px solid #e0e0e0;border-radius:8px;padding:12px;font-size:14px;transition:border-color .2s}.feature-row input:focus,.spec-row input:focus{border-color:#ff6b35;outline:none}.remove-btn{color:#666!important;cursor:pointer!important;text-align:center!important;box-sizing:border-box!important;background:#f5f5f5!important;border:none!important;border-radius:4px!important;width:auto!important;min-width:60px!important;height:24px!important;max-height:24px!important;padding:4px 12px!important;font-size:12px!important;line-height:1.2!important;transition:none!important;display:inline-block!important}.remove-btn:hover{background:#f5f5f5!important;border-color:#0000!important}.add-btn{color:#fff!important;cursor:pointer!important;text-align:center!important;box-sizing:border-box!important;background:#f87b2d!important;border:none!important;border-radius:4px!important;gap:4px!important;width:auto!important;min-width:100px!important;height:28px!important;max-height:28px!important;margin-top:12px!important;padding:4px 16px!important;font-size:12px!important;font-weight:500!important;line-height:1.2!important;transition:none!important;display:inline-block!important}.add-btn:hover{background:#f87b2d!important;border-color:#0000!important}.add-btn svg{vertical-align:middle!important;width:10px!important;height:10px!important;margin-right:2px!important;display:inline!important}.form-actions{background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:16px;margin-top:32px;padding:20px;display:flex;box-shadow:0 2px 8px #00000014}.cancel-btn{color:#333!important;cursor:pointer!important;box-sizing:border-box!important;vertical-align:middle!important;background:#f5f5f5!important;border:none!important;border-radius:4px!important;width:auto!important;min-width:80px!important;height:32px!important;margin:0!important;padding:6px 20px!important;font-size:13px!important;font-weight:500!important;line-height:1.2!important;transition:none!important;display:inline-block!important}.cancel-btn:hover{background:#f5f5f5!important;border-color:#0000!important}.submit-btn{color:#fff!important;cursor:pointer!important;box-sizing:border-box!important;vertical-align:middle!important;background:#f87b2d!important;border:none!important;border-radius:4px!important;width:auto!important;min-width:100px!important;height:32px!important;margin:0!important;padding:6px 20px!important;font-size:13px!important;font-weight:500!important;line-height:1.2!important;transition:none!important;display:inline-block!important}.submit-btn:hover{background:#f87b2d!important;border-color:#0000!important}@media (width<=768px){.create-product-form{padding:16px}.form-section{padding:20px 16px}.form-row{grid-template-columns:1fr}.spec-row{flex-direction:column}.spec-row input:first-child,.spec-row input:nth-child(2){flex:unset;width:100%}.image-preview-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:12px!important;display:flex!important}.cancel-btn,.submit-btn{padding:12px 24px;font-size:14px;vertical-align:middle!important;width:auto!important;margin:0!important;display:inline-block!important}}.create-bundle-container{background:#f8f9fa;min-height:100vh;padding-bottom:80px}.create-bundle-header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:center;align-items:center;padding:20px;display:flex}.create-bundle-header h1{color:#333;margin:0;font-size:20px;font-weight:600}.create-bundle-form{max-width:800px;margin:0 auto;padding:20px}.form-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 2px 8px #00000014}.form-section h2{color:#333;border-bottom:1px solid #f0f0f0;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.form-group input,.form-group textarea{border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px;font-family:Roboto,sans-serif;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#ff6b35;outline:none}.form-group textarea{resize:vertical;min-height:100px}.field-hint{color:#666;margin-top:4px;font-size:12px}.form-row{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.savings-display{color:#ff6b35;text-align:center;background:#fff3e8;border-radius:8px;padding:12px;font-size:18px;font-weight:600}.savings-percentage{margin-top:4px;font-size:14px;font-weight:400;display:block}.item-row,.feature-row{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.item-inputs{flex:1;grid-template-columns:1fr 2fr;gap:12px;display:grid}.item-inputs input,.feature-row input{border:1px solid #e0e0e0;border-radius:8px;padding:12px;font-size:14px;transition:border-color .2s}.item-inputs input:focus,.feature-row input:focus{border-color:#ff6b35;outline:none}.feature-row input{flex:1}.remove-btn{color:#fff;cursor:pointer;background:#ff4458;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;transition:background .2s;display:flex}.remove-btn:hover{background:#e63946}.add-btn{color:#ff6b35;cursor:pointer;background:#f8f9fa;border:2px dashed #ff6b35;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.add-btn:hover{background:#fff3e8}.image-upload-area{text-align:center;background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:8px;padding:20px}.image-upload-btn{color:#fff;cursor:pointer;background:#ff6b35;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:background .2s;display:inline-flex}.image-upload-btn:hover{background:#e55a2b}.upload-hint{color:#666;margin-top:12px;font-size:12px}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:20px;display:grid}.image-preview-item{aspect-ratio:1;border-radius:8px;position:relative;overflow:hidden}.image-preview-item img{object-fit:cover;width:100%;height:100%}.remove-image-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.main-badge{color:#fff;background:#ff6b35;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;bottom:8px;left:8px}.form-actions{background:#fff;border-radius:12px;justify-content:center;gap:16px;margin-top:32px;padding:20px;display:flex;box-shadow:0 2px 8px #00000014}.cancel-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:500;transition:all .2s}.submit-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:500;transition:background .2s}.submit-btn:hover{background:#e55a2b}@media (width<=768px){.create-bundle-form{padding:16px}.form-section{padding:20px 16px}.form-row,.item-inputs{grid-template-columns:1fr}.image-preview-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.bundle-page-container{background:#f5f5f5;min-height:100vh;padding-bottom:80px}.bundle-page-header{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.back-button{color:#333;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:20px;display:flex}.bundle-page-header h1{color:#333;text-align:center;margin:0;font-size:20px;font-weight:600}.header-actions{gap:12px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.bundle-detail-bookmark-btn,.share-button{color:#666;cursor:pointer;padding:8px;font-size:20px;transition:color .2s;background:0 0!important;border:none!important}.bundle-detail-bookmark-btn svg{color:#757575;font-size:20px;transition:color .2s}.bundle-detail-bookmark-btn:hover svg{color:#616161}.bundle-detail-bookmark-btn.bookmarked svg{color:#ff6b35!important;fill:#ff6b35!important}.share-button:hover{color:#ff6b35}.bundle-page-content{max-width:1200px;margin:0 auto;padding:20px}.image-gallery{margin-bottom:24px}.main-image{background:#fff;border-radius:12px;width:100%;height:400px;margin-bottom:12px;position:relative;overflow:hidden}.main-image img{object-fit:cover;width:100%;height:100%}.savings-badge{color:#fff;background:#ff6b35;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:600;position:absolute;top:16px;right:16px}.image-thumbnails{gap:12px;padding:4px 0;display:flex;overflow-x:auto}.thumbnail{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:8px;flex-shrink:0;width:80px;height:80px;transition:border-color .2s;overflow:hidden}.thumbnail.active{border-color:#ff6b35}.thumbnail img{object-fit:cover;width:100%;height:100%}.bundle-info{background:#fff;border-radius:12px;padding:24px}.bundle-header-info{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:24px}.bundle-title{color:#333;margin:0 0 12px;font-size:28px;font-weight:700}.bundle-meta{align-items:center;gap:20px;margin-bottom:16px;display:flex}.bundle-rating{align-items:center;gap:6px;display:flex}.star-icon{color:#ffb400;font-size:18px}.bundle-rating span{color:#333;font-size:16px}.review-count{color:#666!important;font-size:14px!important}.in-stock{color:#4caf50;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.out-of-stock{color:#f44336;font-size:14px;font-weight:600}.bundle-short-description{color:#666;margin:0;font-size:16px;line-height:1.5}.price-section{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:24px}.price-info{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.original-price{color:#999;font-size:20px;text-decoration:line-through}.bundle-price{color:#ff6b35;font-size:32px;font-weight:700}.savings-text{color:#4caf50;font-size:16px;font-weight:600}.purchase-section{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:24px}.quantity-selector{align-items:center;gap:16px;margin-bottom:20px;display:flex}.quantity-selector label{color:#333;font-size:16px;font-weight:600}.quantity-controls{border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:16px;padding:4px;display:flex}.quantity-controls button{cursor:pointer;background:#f5f5f5;border:none;border-radius:6px;width:36px;height:36px;font-size:18px;font-weight:600;transition:background .2s}.quantity-controls button:hover{background:#e0e0e0}.quantity-controls span{text-align:center;min-width:40px;font-size:16px;font-weight:600}.website-redirect-info{background:#f0f8ff;border:1px solid #d4e6f9;border-radius:8px;margin-bottom:16px;padding:12px}.redirect-message{color:#4a5568;text-align:center;margin:0;font-size:14px;font-style:italic}.purchase-buttons{gap:12px;display:flex}.shop-website-btn{cursor:pointer;color:#fff;background:#ff6b35;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:17px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #ff6b3540}.shop-website-btn:hover{background:#e55a2b;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b3559}.shop-website-btn:active{transform:translateY(0)}.shop-website-btn svg{font-size:18px}.trust-badges{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:24px;display:flex}.badge{color:#666;align-items:center;gap:12px;font-size:14px;display:flex}.badge svg{color:#ff6b35;font-size:20px}.tabs-section{margin-bottom:24px}.tabs{box-shadow:none;background:#e0e0e0;border:none;border-radius:8px;margin-bottom:24px;padding:4px;display:flex;position:relative;overflow-x:auto}.tab{color:#666;cursor:pointer;white-space:nowrap;z-index:2;text-align:center;background:0 0;border-radius:6px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s;position:relative;box-shadow:none!important;border:none!important;outline:none!important}.tab.active{color:#1f363d;font-weight:700}.tab-indicator{z-index:1;background:#fff;border-radius:6px;height:calc(100% - 8px);transition:left .3s,width .3s;position:absolute;top:4px;box-shadow:none!important;border:none!important;outline:none!important}.tab-content{min-height:200px}.description-content p{color:#666;margin:0;font-size:16px;line-height:1.6}.included-content h3,.features-content h3,.specs-content h3{color:#333;margin:0 0 16px;font-size:18px;font-weight:600}.items-detailed-list{margin:0;padding:0;list-style:none}.items-detailed-list li{background:#f9f9f9;border-radius:8px;margin-bottom:12px;padding:16px}.items-detailed-list li strong{color:#333;margin-bottom:8px;font-size:16px;display:block}.items-detailed-list li p{color:#666;margin:0;font-size:14px}.features-list{margin:0;padding:0;list-style:none}.features-list li{color:#666;border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:12px;padding:12px 0;font-size:16px;display:flex}.features-list li:last-child{border-bottom:none}.check-icon{color:#4caf50;flex-shrink:0;margin-top:2px;font-size:18px}.specs-table{border-collapse:collapse;width:100%}.specs-table tr{border-bottom:1px solid #f0f0f0}.specs-table tr:last-child{border-bottom:none}.specs-table td{padding:12px 0;font-size:16px}.spec-label{color:#333;width:40%;font-weight:600}.spec-value{color:#666}.business-link{text-align:center;border-top:1px solid #f0f0f0;padding-top:24px}.business-link p{color:#666;margin:0;font-size:14px}.business-link button{color:#ff6b35;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.business-link button:hover{color:#e55a2b}.bundle-not-found{flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:20px;display:flex}.bundle-not-found h2{color:#333;margin-bottom:20px;font-size:24px}.bundle-not-found button{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600}@media (width>=768px){.bundle-page-content{grid-template-columns:1fr 1fr;gap:32px;display:grid}.image-gallery{height:fit-content;position:sticky;top:100px}.main-image{height:500px}.purchase-buttons{max-width:400px}.trust-badges{flex-direction:row;gap:24px}}@media (width<=480px){.bundle-title{font-size:24px}.bundle-price{font-size:28px}.tabs{padding:3px}.tab{padding:10px 8px;font-size:13px}.tab-indicator{height:calc(100% - 6px);top:3px;left:3px}}.category-page{background:#faf9f6;min-height:100vh;padding-bottom:80px}.category-header{background:0 0;align-items:center;gap:16px;padding:20px;display:flex}.category-back-button{color:#222;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:24px;display:flex}.category-header-content{flex:1}.category-title{color:#222;margin:0 0 4px;font-size:28px;font-weight:700}.category-description{color:#666;margin:0;font-size:14px}.category-search-container{padding:0 20px 16px}.category-search-bar{background:#fff;border:1px solid #e5e5e5;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.category-search-icon{color:#666;font-size:20px}.category-search-input{color:#222;border:none;outline:none;flex:1;font-family:Roboto,sans-serif;font-size:16px}.category-search-input::placeholder{color:#999}.category-tabs-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 20px 20px;overflow-x:auto}.category-tabs-container::-webkit-scrollbar{display:none}.category-tabs{gap:8px;min-width:max-content;display:flex}.category-tab{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.category-tab:hover{color:#f87b2d;border-color:#f87b2d}.category-tab.active{color:#fff;background:#f87b2d;border-color:#f87b2d}.category-content{padding:20px 0}.subcategory-section{margin-bottom:40px}.active-tab-content{margin-bottom:0}.subcategory-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 20px;display:flex}.recipe-count{color:#999;font-size:14px;font-weight:400}.subcategory-title{color:#222;margin:0;font-size:22px;font-weight:600}.see-more-btn{color:#f87b2d;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:600}.recipe-cards-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:0 4px;display:grid}.recipe-cards-wrapper{margin:0 -20px;padding:0 20px;position:relative}.recipe-cards-wrapper:after{content:"";pointer-events:none;z-index:10;opacity:0;background:linear-gradient(90deg,#faf9f600 0%,#faf9f6cc 50%,#faf9f6 100%);width:60px;transition:opacity .3s;position:absolute;top:0;bottom:0;right:20px}.recipe-cards-wrapper.show-fade:after{opacity:1}.recipe-cards-container{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.recipe-cards-container::-webkit-scrollbar{display:none}.recipe-cards-scroll{gap:16px;min-width:min-content;padding:0 20px;display:flex}.category-recipe-card{cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #00000012}.category-recipe-img-wrapper{background:#f0f0f0;flex-shrink:0;width:100%;height:160px;position:relative}.category-recipe-img{object-fit:cover;width:100%;height:100%;display:block}.category-recipe-info-btn{z-index:2;background:#ffffffe6;border-radius:50%;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0000001a}.category-recipe-content{pointer-events:auto;cursor:pointer;flex-direction:column;padding:8px 6px 12px;display:flex;position:relative}.category-recipe-title-row{justify-content:flex-start;align-items:center;gap:6px;margin-bottom:6px;display:flex}.category-recipe-author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.category-recipe-author-avatar-default{color:#bbb;flex-shrink:0;width:20px;height:20px}.category-recipe-title{color:#222;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex:1;margin:0;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.category-recipe-meta{color:#888;white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;width:100%;margin-bottom:0;font-size:.8rem;display:flex}.category-recipe-meta-group{white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.category-recipe-difficulty-wrapper{pointer-events:none;position:absolute;bottom:16px;left:16px}.category-recipe-bookmark{cursor:pointer;pointer-events:auto;color:#888;background:0 0;border:none;flex-shrink:0;padding:0}.category-recipe-bookmark.bookmarked{color:#f87b2d}@media (width>=768px){.category-recipe-card{flex:0 0 280px}.category-recipe-img{height:180px}.category-title{font-size:32px}.subcategory-title{font-size:24px}}@media (width<=480px){.category-recipe-card{flex:0 0 220px}.category-recipe-img{height:140px}.category-title{font-size:24px}.subcategory-title{font-size:20px}}.recipe-dots-container{justify-content:center;align-items:center;gap:.25rem;margin:0;padding:8px 0 4px;display:flex}.recipe-dots-container .dot{cursor:pointer;background:#c7c7c7;border-radius:50%;width:6px;height:6px;transition:all .3s}.recipe-dots-container .dot.active{background:#ff6b35}.loading-container{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;font-size:14px;display:flex}.end-of-recipes{text-align:center;color:#999;padding:40px;font-size:14px}.circles-page{z-index:1;background:#fff;min-height:100vh;padding-bottom:6rem;font-family:Roboto,sans-serif;position:relative}.circles-header{flex-direction:column;align-items:center;padding:1rem 1rem .5rem;display:flex;position:relative}.circles-title{text-align:center;color:#222;margin:0;font-size:1.5rem;font-weight:500}.circles-search-bar{background:#f5f5f5;border-radius:8px;align-items:center;width:100%;margin-top:1rem;padding:.5rem .8rem;display:flex}.circles-search-icon{color:#aaa;margin-right:.3rem;font-size:1.1rem}.circles-search-input{background:0 0;border:none;outline:none;width:100%;font-size:1rem}.circles-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin:1rem;padding:4px 0;display:flex;overflow-x:auto}.circles-tabs::-webkit-scrollbar{display:none}.circles-tab{color:#666;white-space:nowrap;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.circles-tab:hover{background:#ebebeb}.circles-tab.active{color:#fff;background:#f87b2d}.circles-filter-section{padding:1rem;overflow-x:auto}.circles-filter-buttons{gap:.8rem;min-width:max-content;padding-bottom:.5rem;display:flex}.circles-filter-btn{color:#aaa;cursor:pointer;white-space:nowrap;background:#fafafa;border:1px solid #ddd;border-radius:8px;flex-shrink:0;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s}.circles-filter-btn:hover{background:#f0f0f0;border-color:#ccc}.circles-filter-btn.active{color:#f87b2d;background:#fff;border:2px solid #f87b2d;padding:calc(.6rem - 1px) calc(1.2rem - 1px)}.circles-filter-section::-webkit-scrollbar{height:4px}.circles-filter-section::-webkit-scrollbar-track{background:0 0}.circles-filter-section::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.circles-filter-section::-webkit-scrollbar-thumb:hover{background:#bbb}.circles-create-section{justify-content:center;padding:1rem;display:flex}.circles-create-btn{color:#fff;cursor:pointer;background:#f19e41;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex}.circles-create-btn:hover{background:#e18e31}.circles-section{margin:1.5rem 0;padding:0 1rem}.your-circles-section{margin:1rem 0;padding:0}.circles-section-title{color:#222;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.circles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.your-circles-grid{gap:1rem;width:100%;padding:0 1rem;grid-template-columns:1fr 1fr!important;display:grid!important}@media (width<=768px){.your-circles-grid{grid-template-columns:1fr!important}}.circles-card{background:#fff;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.your-circles-grid .circles-card{box-shadow:0 2px 8px #00000014}.circles-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.your-circles-grid .circles-card{width:100%;max-width:none}.circles-card-header{height:180px;position:relative;overflow:hidden}.circles-card-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:.5rem;display:flex}.circles-card-bookmark{flex-shrink:0}.your-circles-grid .circles-card-header{height:140px}.circles-card-image{object-fit:cover;width:100%;height:100%}.circles-privacy-indicator{color:#666;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 4px #0000001a}.circles-owner-badge{color:#fff;background:#f19e41;border-radius:8px;padding:.25rem .75rem;font-size:.7rem;font-weight:600;position:absolute;top:.5rem;left:.5rem;box-shadow:0 2px 4px #0000001a}.circles-card-content{padding:1.5rem}.your-circles-grid .circles-card-content{padding:1rem}.your-circles-grid .circles-card-name{margin-bottom:.5rem;font-size:1rem;font-weight:600}.your-circles-grid .circles-card-description{-webkit-line-clamp:2;color:#666;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.85rem;line-height:1.3;display:-webkit-box;overflow:hidden}.circles-card-name{color:#222;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:1.1rem;font-weight:600;overflow:hidden}.circles-card-description{color:#666;margin:0 0 1rem;font-size:.9rem;line-height:1.4}.circles-card-stats{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.your-circles-grid .circles-card-stats{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-direction:row!important;display:flex!important}.circles-stat{color:#888;align-items:center;gap:.3rem;font-size:.85rem;display:flex}.your-circles-grid .circles-stat{white-space:nowrap;align-items:center;gap:.25rem;font-size:.8rem;display:flex}.your-circles-grid .circles-stat svg{font-size:.7rem}.circles-stat svg{font-size:.8rem}.circles-card-btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.circles-join-btn{color:#fff;background:#f87b2d}.circles-join-btn:hover{background:#e66a26}.circles-joined-btn{color:#2d7a2d;background:#e8f5e8;border:2px solid #4caf50}.circles-joined-btn:hover{background:#d4edda}.your-circles-grid .circles-card-btn{padding:.5rem 1rem;font-size:.85rem;font-weight:500}@media (width<=768px){.circles-grid{grid-template-columns:1fr}.circles-card{margin-bottom:1rem}.circles-create-btn{padding:.6rem 1.5rem;font-size:.9rem}}@media (width<=480px){.circles-section{padding:0 .5rem}.circles-header{padding:.7rem .5rem .3rem}.circles-tabs{padding-left:.5rem}.circles-card-header{height:100px}.circles-card:not(.your-circles-grid .circles-card) .circles-card-image{width:60px;height:60px}.circles-card-content{padding:1rem}.circles-card-stats{flex-direction:column;gap:.5rem}.your-circles-grid .circles-card-stats{flex-direction:row!important;gap:.5rem!important}.your-circles-grid .circles-stat,.your-circles-grid .circles-stat svg{font-size:.75rem!important}.your-circles-grid .circles-card-header{height:120px}}.circles-info-bar{justify-content:center;align-items:center;margin:.5rem 1rem 1rem;padding:.75rem 1rem;display:flex}.circles-info-text{color:#666;font-size:.9rem;font-weight:500}.circles-sort-container{position:relative}.circles-sort-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.circles-sort-btn:hover{color:#f87b2d;border-color:#f87b2d}.circles-sort-menu{z-index:10;background:#fff;border:1px solid #e5e5e5;border-radius:8px;min-width:180px;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 4px 12px #0000001a}.circles-sort-menu button{text-align:left;color:#666;cursor:pointer;background:0 0;border:none;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s;display:block}.circles-sort-menu button:hover{color:#f87b2d;background:#f5f5f5}.circles-discover-header{flex-direction:column;gap:1rem;padding:1rem;display:flex}.circles-category-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.circles-category-filters::-webkit-scrollbar{display:none}.category-filter-btn{color:#666;white-space:nowrap;cursor:pointer;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.category-filter-btn:hover{background:#ebebeb}.category-filter-btn.active{color:#fff;background:#f87b2d;border-color:#f87b2d}.discover-card .circles-card-header{margin:0;padding:0;position:relative}.discover-card .circles-card-image{object-fit:cover!important;width:100%!important;height:100%!important}.circles-trending-badge{color:#fff;background:#f87b2de6;border-radius:8px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:.5rem;left:.5rem}.circles-card-category{color:#666;background:#f5f5f5;border-radius:12px;margin:.5rem 0;padding:.25rem .75rem;font-size:.75rem;display:inline-block}.circles-manage-header{justify-content:center;padding:1rem;display:flex}.circles-create-btn.primary{background:#f87b2d;box-shadow:0 4px 12px #f87b2d33}.circles-create-btn.primary:hover{background:#e66b1d;box-shadow:0 6px 16px #f87b2d4d}.circles-empty-state{text-align:center;padding:4rem 2rem}.circles-empty-state h3{color:#333;margin:0 0 .5rem;font-size:1.5rem}.circles-empty-state p{color:#666;margin:0 0 2rem}.circles-manage-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.circles-manage-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;transition:all .3s;overflow:hidden}.circles-manage-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.manage-card-header{background:#fafafa;gap:1rem;padding:1rem;display:flex}.manage-card-image{object-fit:cover;border-radius:12px;width:60px;height:60px}.manage-card-info h3{color:#333;margin:0 0 .5rem;font-size:1.1rem}.manage-stats{color:#666;gap:1rem;font-size:.875rem;display:flex}.manage-stats span{align-items:center;gap:.25rem;display:flex}.manage-alerts{flex-direction:column;gap:.5rem;padding:0 1rem;display:flex}.alert-item{border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;display:flex}.alert-item.requests{color:#f87b2d;background:#fff3e6}.alert-item.posts{color:#45b7d1;background:#e8f5f8}.manage-analytics{border-top:1px solid #f0f0f0;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;display:grid}.analytics-item{text-align:center}.analytics-value{color:#333;font-size:1.25rem;font-weight:700;display:block}.analytics-label{color:#999;font-size:.75rem}.manage-actions{border-top:1px solid #f0f0f0;gap:.5rem;padding:1rem;display:flex}.manage-btn{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.manage-btn:hover{background:#ebebeb}.manage-btn.primary{color:#fff;background:#f87b2d}.manage-btn.primary:hover{background:#e66b1d}.circles-discover-section{width:100%;margin-bottom:2rem;overflow:hidden}.discover-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 1rem;display:flex}.see-more-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600;transition:opacity .2s}.see-more-btn:hover{opacity:.8;text-decoration:underline}.discover-horizontal-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:calc(100% + 2rem);margin-left:-1rem;padding:0 1rem 1rem;position:relative;overflow:auto hidden}.discover-horizontal-scroll::-webkit-scrollbar{display:none}.discover-scroll-container{gap:1rem;padding:0 1rem;display:inline-flex}.discover-card-wrapper{flex:none;width:220px;display:inline-block}.discover-card-wrapper .circles-card{width:100%;max-width:none}.discover-card-wrapper .circles-card-header{height:120px;margin:0;padding:0}.discover-card-wrapper .circles-card-image{object-fit:cover!important;width:100%!important;height:100%!important}.discover-card-wrapper .circles-card-content{padding:.75rem}.discover-card-wrapper .circles-card-name{margin-bottom:.25rem;font-size:.9rem}.discover-card-wrapper .circles-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.75rem;line-height:1.2;display:-webkit-box;overflow:hidden}.discover-card-wrapper .circles-card-stats{justify-content:space-between;gap:.75rem;margin-bottom:.5rem;display:flex}.discover-card-wrapper .circles-stat{font-size:.7rem}@media (width<=600px){.circles-stats-bar{text-align:center;flex-direction:column}.circles-manage-grid{grid-template-columns:1fr}.circles-discover-header{flex-direction:column}}.discover-two-column-grid{box-sizing:border-box;gap:1rem;width:100%;max-width:100%;padding:0 1rem;grid-template-columns:repeat(2,1fr)!important;display:grid!important}.discover-two-column-grid>div{width:100%}.discover-two-column-grid .circles-card{width:100%;max-width:none;box-shadow:0 2px 8px #00000014}.discover-two-column-grid .circles-card-header{height:100px;margin:0;padding:0}.discover-two-column-grid .circles-card-image{object-fit:cover!important;width:100%!important;height:100%!important}.discover-two-column-grid .circles-card-content{padding:1rem}.discover-two-column-grid .circles-card-name{margin-bottom:.5rem;font-size:1rem}.discover-two-column-grid .circles-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.85rem;line-height:1.3;display:-webkit-box;overflow:hidden}.discover-two-column-grid .circles-card-stats{justify-content:space-between;gap:.75rem;margin-bottom:.75rem;display:flex}.discover-two-column-grid .circles-stat{font-size:.8rem}.discover-two-column-grid .circles-card-btn{padding:.5rem 1rem;font-size:.85rem}@media (width<=768px){.discover-two-column-grid:not(.see-more-grid){grid-template-columns:1fr}}.see-more-grid{grid-template-columns:1fr 1fr!important}.see-more-grid .circles-card-header{margin:0;padding:0;height:120px!important}.see-more-grid .circles-card-image{object-fit:cover!important;width:100%!important;height:100%!important}.see-more-grid .circles-card-content{padding:.75rem!important}.see-more-grid .circles-card-name{margin-bottom:.25rem!important;font-size:.95rem!important;font-weight:600!important}.see-more-grid .circles-card-stats{justify-content:center!important;margin-bottom:.5rem!important}.see-more-grid .circles-stat{font-size:.75rem!important}.see-more-grid .circles-card-btn{padding:.4rem .8rem!important;font-size:.8rem!important}@media (width<=768px){.see-more-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.see-more-grid .circles-card-header{height:100px!important}.see-more-grid .circles-card-content{padding:.5rem!important}.see-more-grid .circles-card-name{font-size:.85rem!important}.see-more-grid .circles-stat{font-size:.7rem!important}}.circles-loader{text-align:center;color:#666;padding:2rem 1rem}.circles-loading-spinner{color:#f87b2d;font-size:.9rem;font-weight:500}.circles-loading-placeholder{color:#999;font-size:.9rem}.circles-end-message{color:#666;font-size:.9rem;font-style:italic}.circles-activity-feed{max-width:600px;margin:0 auto;padding:1rem}.activity-item{background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:1rem;padding:1.25rem;transition:all .2s}.activity-item:hover{box-shadow:0 2px 8px #00000014}.activity-item.pinned{background:#fff9f5;border-color:#f87b2d}.activity-pinned-badge{color:#fff;background:#f87b2d;border-radius:20px;align-items:center;gap:.25rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.activity-card-wrapper{flex-direction:column;width:100%;display:flex}.activity-header{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.activity-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.activity-meta{flex:1}.activity-user-circle{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.activity-username{color:#333;font-weight:600}.activity-separator{color:#999;font-size:.9rem}.activity-circle{color:#f87b2d;cursor:pointer;font-size:.95rem;font-weight:500}.activity-circle:hover{text-decoration:underline}.activity-time{color:#999;font-size:.85rem}.activity-type-icon{color:#666;font-size:1.25rem}.activity-type-icon.recipe{color:#f87b2d}.activity-type-icon.member{color:#82e0aa}.activity-type-icon.announcement{color:#45b7d1}.activity-content{margin-top:1rem}.activity-caption{color:#333;margin:0 0 .75rem;line-height:1.5}.activity-image{object-fit:cover;border-radius:8px;width:100%;max-height:400px;margin-top:.75rem}.activity-video{border-radius:8px;width:100%;max-height:400px;margin-top:.75rem}.activity-members-joined{text-align:center;color:#666;background:#f5f5f5;border-radius:8px;padding:.75rem;font-size:.9rem}.activity-actions{justify-content:space-between;align-items:center;width:100%;margin-bottom:.75rem;padding:.5rem 0;display:flex}.activity-actions-left{align-items:center;gap:1rem;display:flex}.activity-bookmark-btn{color:#666!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:18px!important;display:flex!important}.activity-bookmark-btn.bookmarked{color:#ff6b35!important}.activity-action-btn{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.9rem;transition:color .2s;display:flex}.activity-action-btn:hover{color:#f87b2d}.activity-loader{text-align:center;min-height:100px;padding:2rem}.activity-loading{color:#666;flex-direction:column;align-items:center;gap:1rem;display:flex}.activity-end-message{text-align:center;color:#666;padding:3rem 2rem}.activity-end-message p{margin:0;font-size:1.1rem;font-weight:500}@media (width<=600px){.circles-activity-feed{padding:.5rem}.activity-item{padding:1rem}.circles-grid.two-column{grid-template-columns:1fr}}.circles-page .your-circles-section .your-circles-grid{grid-template-columns:1fr 1fr!important;gap:1rem!important;width:100%!important;max-width:100%!important;padding:0 1rem!important;display:grid!important}.circles-page .your-circles-section .your-circles-grid .circles-card{width:100%!important;max-width:100%!important;margin:0!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-header{height:120px!important;margin:0!important;padding:0!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-image{object-fit:cover!important;width:100%!important;height:100%!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-content{padding:.75rem!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-name{margin-bottom:.25rem!important;font-size:.95rem!important;font-weight:600!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-description{margin-bottom:.75rem!important;font-size:.85rem!important;line-height:1.3!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-stat{font-size:.75rem!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-stats{justify-content:center!important;margin-bottom:.5rem!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-btn{padding:.4rem .8rem!important;font-size:.8rem!important}@media screen and (width<=768px){.circles-page .your-circles-section .your-circles-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-header{height:100px!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-image{width:100%!important;height:100%!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-content{padding:.5rem!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-name{font-size:.85rem!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-stat{font-size:.7rem!important}}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-content .circles-card-stats{flex-flow:row!important;justify-content:space-between!important;align-items:center!important;gap:.5rem!important;display:flex!important}@media screen and (width<=480px){.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-content .circles-card-stats{flex-direction:row!important;gap:.3rem!important;display:flex!important}.circles-page .your-circles-section .your-circles-grid .circles-card .circles-card-content .circles-card-stats .circles-stat{font-size:.6rem!important}}.circles-all-tab{padding:12px 16px 80px}.circles-search-header{color:#555;justify-content:space-between;align-items:center;padding:6px 4px 14px;font-size:14px;font-weight:600;display:flex}.circles-clear-search{color:#333;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.circles-section{margin-bottom:22px}.circles-section-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.circles-section-header h3{color:#333;margin:0;font-size:15px;font-weight:700}.circles-section-header button{color:#f87b2d;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.circles-empty-inline{text-align:center;color:#999;background:#fafafa;border-radius:8px;padding:16px;font-size:13px}.circles-public-posts{flex-direction:column;gap:10px;display:flex}.circles-public-post-card{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:10px;gap:10px;padding:10px;display:flex}.circles-public-post-img{object-fit:cover;background:#f3f3f3;border-radius:6px;flex-shrink:0;width:64px;height:64px}.circles-public-post-body{flex:1;min-width:0}.circles-public-post-circle{text-transform:uppercase;letter-spacing:.4px;color:#f87b2d;margin-bottom:3px;font-size:11px;font-weight:600}.circles-public-post-text{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.circles-public-post-meta{color:#999;font-size:11px}.events-page{background:#fff;min-height:100vh;padding-bottom:6rem;font-family:Roboto,sans-serif}.events-header{flex-direction:column;align-items:center;padding:1rem 1rem .5rem;display:flex;position:relative}.events-title{text-align:center;color:#222;margin:0;font-size:1.5rem;font-weight:500}.events-search-bar{background:#f5f5f5;border-radius:8px;align-items:center;width:100%;margin-top:1rem;padding:.5rem .8rem;display:flex}.events-search-icon{color:#aaa;margin-right:.3rem;font-size:1.1rem}.events-search-input{background:0 0;border:none;outline:none;width:100%;font-size:1rem}.events-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin:1rem;padding:4px 0;display:flex;overflow-x:auto}.events-tabs::-webkit-scrollbar{display:none}.events-tab{color:#666;white-space:nowrap;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.events-tab.active{color:#fff;background:#f87b2d}.events-filter-section{padding:.5rem 1rem;overflow-x:auto}.events-filter-buttons{gap:.5rem;min-width:max-content;padding-bottom:.25rem;display:flex}.events-filter-btn{color:#aaa;cursor:pointer;white-space:nowrap;background:#fafafa;border:1px solid #ddd;border-radius:6px;flex-shrink:0;padding:.3rem .8rem;font-size:.8rem;font-weight:500;line-height:1.2;transition:all .2s}.events-filter-btn.active{color:#f87b2d;background:#fff;border:2px solid #f87b2d;padding:calc(.3rem - 1px) calc(.8rem - 1px)}.events-filter-section::-webkit-scrollbar{height:4px}.events-filter-section::-webkit-scrollbar-track{background:0 0}.events-filter-section::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.events-filter-section::-webkit-scrollbar-thumb:hover{background:#bbb}.events-create-section{justify-content:center;padding:1rem;display:flex}.events-create-btn{color:#fff;cursor:pointer;background:#f87b2d;border:2px solid #f87b2d;border-radius:12px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex}.events-section{margin:1.5rem 0;padding:0 1rem}.events-section-title{color:#222;margin-bottom:1rem;font-size:1.2rem;font-weight:700}.events-list{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.event-card{box-sizing:border-box;cursor:pointer;background:#fff;border-radius:12px;width:100%;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.event-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.event-card.past-event{opacity:.8}.event-bookmark-action{color:#888!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:18px!important;display:flex!important}.event-bookmark-action.bookmarked{color:#ff6b35!important}.event-share-btn.icon-btn{color:#666!important;background:0 0!important;border:none!important;flex:none!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:18px!important;display:flex!important}.event-share-btn.icon-btn:hover{color:#333!important}.event-completed-overlay{color:#fff;background:#000000b3;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.event-host{gap:4px;margin-bottom:10px;font-size:11px;display:flex}.event-host-label{color:#888}.event-host-name{color:#f87b2d;font-weight:600}.event-actions{align-items:center;gap:8px;display:flex}.event-share-btn,.event-view-btn{color:#666;background:#f5f5f5}@media (width<=480px){.events-list{grid-template-columns:1fr}.event-image-container{height:140px}.events-section{padding:0 .5rem}.events-header{padding:.7rem .5rem .3rem}.events-tabs{padding-left:.5rem}.events-filter-section,.events-create-section{padding:.5rem}.events-create-btn{padding:.6rem 1.5rem;font-size:.9rem}}.circles-page{background:#faf9f6;min-height:100vh;padding-bottom:80px}.circle-header{background-position:50%;background-size:cover;height:200px;position:relative}.circle-header-overlay{background:linear-gradient(#0000004d,#00000080);justify-content:space-between;align-items:flex-start;padding:20px;display:flex;position:absolute;inset:0}.more-icon{color:#fff;cursor:pointer;background:#0000004d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:10px;font-size:20px;display:flex}.more-menu{z-index:10;background:#fff;border-radius:8px;position:absolute;top:70px;right:20px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.more-menu button{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:14px;transition:background .2s;display:flex}.more-menu button.leave-btn{color:#e74c3c;border-top:1px solid #eee}.more-menu button.leave-btn:hover{background:#fef2f2}.more-menu button svg{width:16px;font-size:14px}.circle-info{background:#fff;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;gap:16px;margin-top:-40px;padding:20px;display:flex;position:relative}.circle-main-info{flex:1;align-items:center;gap:16px;display:flex}.circle-avatar{background:#fff;border:4px solid #fff;border-radius:50%;width:80px;height:80px;margin-top:-60px}.circle-details{flex:1}.circle-name{margin:0 0 8px;font-size:24px;font-weight:700}.circle-meta{color:#666;align-items:center;gap:16px;font-size:14px;display:flex}.circle-privacy,.circle-members{align-items:center;gap:4px;display:flex}.circle-join-btn,.circle-joined-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.circle-join-btn{color:#fff;background:#f87b2d}.circle-joined-btn{color:#666;background:#e8e8e8}.circle-tabs{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #eee;padding:0 20px;display:flex;overflow-x:auto}.circle-tab{color:#666;cursor:pointer;white-space:nowrap;background:#f5f5f5;border:2px solid #0000;border-radius:8px;margin:8px 4px;padding:12px 20px;font-weight:500;transition:all .2s;position:relative}.circle-tab.active{color:#f87b2d;background:#ffe0cd;border:2px solid #f87b2d}.circle-tab.active:after{display:none}.circle-content{background:#fff;width:100%;min-height:300px;overflow-x:hidden}.circle-posts{padding:16px}.circle-post{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:16px;position:relative}.circle-post.pinned{border-color:#f87b2d}.circle-post.menu-active{z-index:100}.post-header{background:#fff;align-items:center;gap:12px;padding:16px 16px 12px;display:flex;position:relative}.post-header.pinned-header{background:#fff;padding-right:100px}.pinned-indicator{color:#f87b2d;background:#fff3e6;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:8px;right:50px}.alert-indicator{color:#e74c3c;background:#fdeaea;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:8px;right:50px}.promoted-indicator{color:#3498db;background:#e8f4fc;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:8px;right:50px}.post-menu-container{z-index:20;position:absolute;top:12px;right:12px}.post-menu-btn{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:16px;transition:color .2s;display:flex}.post-menu-btn:hover{color:#333}.post-menu-btn:active{color:#000}.post-menu-dropdown{z-index:1000;background:#fff;border-radius:12px;min-width:200px;animation:.15s ease-out menuFadeIn;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 20px #0003}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.post-menu-dropdown button{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.post-menu-dropdown button:hover{background:#f5f5f5}.post-menu-dropdown button.danger{color:#e74c3c}.post-menu-dropdown button.danger:hover{background:#fdeaea}.post-menu-dropdown button svg{flex-shrink:0;width:16px;font-size:14px}.menu-divider{background:#eee;height:1px;margin:4px 0}.post-avatar{object-fit:cover;background-color:#e0e0e0;border-radius:50%;flex-shrink:0;width:40px;min-width:40px;height:40px;min-height:40px}.post-meta{flex-direction:column;flex:1;display:flex}.post-author{font-size:14px;font-weight:600}.post-time{color:#666;font-size:12px}.post-type-badge{border-radius:8px;justify-content:center;align-items:center;padding:4px 8px;font-size:12px;display:flex;position:absolute;top:12px;right:50px}.post-type-badge.video{color:#7b1fa2;background:#f3e5f5}.post-type-badge.photo{color:#388e3c;background:#e8f5e9}.post-content{padding:0 16px 16px}.post-content p{margin:0 0 12px;line-height:1.5}.post-image{border-radius:8px;width:100%}.post-images-grid{border-radius:8px;gap:4px;margin-top:12px;display:grid;overflow:hidden}.post-images-grid.images-1{grid-template-columns:1fr}.post-images-grid.images-2{grid-template-columns:1fr 1fr}.post-images-grid.images-3{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.post-images-grid.images-3 .post-grid-image:first-child{grid-row:span 2}.post-images-grid.images-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.post-grid-image{object-fit:cover;width:100%;height:100%;min-height:150px;max-height:300px}.post-video-container{width:100%;margin-top:12px;position:relative}.post-video{object-fit:cover;border-radius:8px;width:100%;max-height:400px}.video-overlay{pointer-events:none;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-icon{color:#fff;font-size:24px}.post-actions{border-top:1px solid #eee;align-items:center;gap:16px;padding:12px 16px 16px;display:flex}.post-actions-spacer{flex:1}.post-bookmark-btn{color:#666!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:18px!important;display:flex!important}.post-bookmark-btn.bookmarked{color:#ff6b35!important}.post-action-btn{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px;font-size:16px;transition:color .2s;display:flex}.heart-icon{color:#666}.heart-icon.liked{color:#f87b2d}.action-count{color:#666}.circle-about{padding:20px}.request-badge-btn{color:#f87b2d;cursor:pointer;background:#fff;border:2px solid #f87b2d;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.about-section{margin-bottom:32px}.about-section h3{color:#333;margin-bottom:12px;font-size:18px;font-weight:600}.about-section p{color:#666;line-height:1.5}.circle-rules{padding-left:20px}.circle-rules li{color:#666;margin-bottom:8px;line-height:1.5}.circle-category-tag{color:#fff;background:#f87b2d;border-radius:8px;padding:6px 16px;font-size:14px;font-weight:500;display:inline-block}.moderators-list{flex-direction:column;gap:12px;display:flex}.moderator-item{align-items:center;gap:12px;display:flex}.moderator-item img{border-radius:50%;width:36px;height:36px}.moderator-item span{font-weight:500}.circle-stats-grid{box-sizing:border-box!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:20px!important;width:100%!important;height:140px!important;margin-bottom:32px!important;margin-left:0!important;margin-right:0!important;padding:10px!important;display:flex!important}.stat-item{text-align:center!important;box-sizing:border-box!important;background:#f5f5f5!important;border:none!important;border-radius:12px!important;flex-direction:column!important;flex:1!important;justify-content:space-between!important;align-items:center!important;height:120px!important;min-height:120px!important;max-height:120px!important;margin:0!important;padding:15px 50px!important;display:flex!important;position:relative!important;overflow:visible!important}.circle-stats-grid .stat-value{color:#f87b2d!important;word-break:break-word!important;text-align:center!important;margin:auto!important;font-size:32px!important;font-weight:700!important;line-height:1!important;display:block!important;position:absolute!important;top:42%!important;left:50%!important;transform:translate(-50%,-50%)!important}.circle-stats-grid .stat-label{color:#666!important;word-break:break-word!important;text-align:center!important;white-space:nowrap!important;font-size:9px!important;font-weight:500!important;line-height:1.1!important;position:absolute!important;bottom:12px!important;left:50%!important;transform:translate(-50%)!important}.circle-media{padding:20px}.media-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.media-item{aspect-ratio:1;cursor:pointer;background:#f5f5f5;position:relative;overflow:hidden}.media-item:hover{opacity:.9}.media-image{object-fit:cover;width:100%;height:100%}.media-video-container{width:100%;height:100%;position:relative}.media-video-thumbnail{object-fit:cover;width:100%;height:100%}.media-play-overlay{pointer-events:none;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-play-icon{color:#fff;margin-left:2px;font-size:14px}.no-media-message{text-align:center;color:#999;padding:60px 20px}.no-media-icon{color:#ddd;margin-bottom:16px;font-size:48px}.no-media-message h3{color:#666;margin:0 0 8px;font-size:18px;font-weight:600}.no-media-message p{color:#999;margin:0;font-size:14px}@media (width>=768px){.media-grid{grid-template-columns:repeat(4,1fr);gap:8px}}@media (width>=1024px){.media-grid{grid-template-columns:repeat(5,1fr)}}.circle-content .circle-members{padding:20px;display:block}.members-sub-tabs{background:#f5f5f5;border-radius:8px;gap:8px;margin-bottom:16px;padding:4px;display:flex}.member-sub-tab{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.member-sub-tab.active{color:#1a1a1a;background:#fff;box-shadow:0 1px 3px #0000001a}.members-search{background:#f5f5f5;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.members-search input{background:0 0;border:none;outline:none;flex:1;font-size:16px}.members-list{flex-direction:column;gap:4px;display:flex}.member-item{background:#f5f5f5;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.member-avatar{border-radius:50%;width:48px;height:48px}.member-info{flex-direction:column;flex:1;display:flex}.member-name{color:#1a1a1a;align-items:center;gap:6px;margin:0 0 .25rem;font-size:1rem;font-weight:500;display:flex}.member-badge-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:6px;font-size:10px;display:inline-flex}.member-badge-title{color:#999;margin:2px 0 0;font-size:.75rem}.member-username{color:#666;margin:0;font-size:.875rem}.member-follow-btn{color:#f87b2d;cursor:pointer;background:#fff;border:2px solid #f87b2d;border-radius:8px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.member-follow-btn:hover{background:#ffe0cd;transform:translateY(-1px)}.member-follow-btn.following{color:#fff;background:#f87b2d;border:2px solid #f87b2d}.member-follow-btn.following:hover{background:#e86d2a;border-color:#e86d2a}.circle-events{padding:20px}.events-header-actions{justify-content:flex-end;margin-bottom:20px;display:flex}.create-event-btn{color:#fff;cursor:pointer;background:#f87b2d;border:2px solid #f87b2d;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.circle-events-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.circle-event-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.event-image-container{height:120px;position:relative;overflow:hidden}.event-image{object-fit:cover;width:100%;height:100%}.event-category-badge{width:fit-content;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:8px;right:8px;color:#fff!important;background:#0009!important;border-radius:4px!important}.event-content{padding:12px}.event-title{color:#1a1a1a;margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.2}.event-description{color:#666;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 0 10px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.event-details{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.event-detail{color:#666;align-items:center;gap:6px;font-size:11px;display:flex}.event-icon{color:#999;font-size:12px}.event-actions{gap:8px;display:flex}.event-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.event-join-btn{color:#fff;background:#f87b2d}.event-attending-btn{border:none;border-radius:6px;color:#2e7d32!important;background:#e8f5e9!important}.event-share-btn{color:#666;background:#f5f5f5}@media (width<=480px){.circle-events-grid{grid-template-columns:1fr}.event-image-container{height:140px}}.circle-manage{padding:20px}.manage-section{border-bottom:1px solid #eee;margin-bottom:32px;padding-bottom:32px}.manage-section:last-child{border-bottom:none}.manage-section h3{margin-bottom:16px;font-size:18px;font-weight:600}.pending-count{color:#f87b2d;background:#ffe5cc;border-radius:6px;margin-bottom:12px;padding:12px 16px;font-weight:500}.manage-btn{text-align:left;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;width:100%;margin-bottom:8px;padding:12px 16px;font-weight:500;transition:all .2s;display:block}.posts-loader{text-align:center;padding:20px}.posts-loading{color:#666;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.circle-creation-notice{text-align:center;background:#f5f5f5;border-radius:12px;margin:20px 0;padding:40px 20px}.creation-icon{margin-bottom:16px;font-size:48px}.circle-creation-notice h3{color:#333;margin:0 0 8px;font-size:20px;font-weight:600}.circle-creation-notice p{color:#666;margin:4px 0}.creation-message{color:#888;margin-top:12px;font-style:italic}.media-modal-overlay{z-index:1000;background:#000000f2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.media-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1200px;max-height:90vh;display:flex;position:relative;overflow:hidden}.media-modal-main{flex-direction:column;height:100%;display:flex}.media-modal-media{background:#000;flex:1;justify-content:center;align-items:center;min-height:300px;display:flex}.media-modal-image,.media-modal-video{object-fit:contain;max-width:100%;max-height:100%}.media-modal-details{background:#fff;border-top:1px solid #eee;padding:20px}.media-modal-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.media-modal-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.media-modal-author-info{flex-direction:column;display:flex}.media-modal-author{color:#333;font-size:14px;font-weight:600}.media-modal-time{color:#666;font-size:12px}.media-modal-caption{color:#333;max-height:200px;margin-bottom:16px;padding-right:8px;font-size:14px;line-height:1.5;overflow-y:auto}.media-modal-caption::-webkit-scrollbar{width:6px}.media-modal-caption::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.media-modal-caption::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.media-modal-caption::-webkit-scrollbar-thumb:hover{background:#999}.media-modal-actions{border-top:1px solid #f0f0f0;gap:20px;padding-top:12px;display:flex}.media-modal-action{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 8px;font-size:14px;transition:color .2s;display:flex}.media-modal-action:hover{color:#333}.media-modal-action .heart-icon{font-size:18px}.media-modal-action .heart-icon.liked{color:#f87b2d}@media (width>=768px){.media-modal-main{flex-direction:row}.media-modal-media{flex:1}.media-modal-details{border-top:none;border-left:1px solid #eee;flex-direction:column;width:350px;display:flex}.media-modal-caption{flex:1;max-height:400px}}.post-composer{background:#fff;border-radius:12px;margin-bottom:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 2px #0000001a}.post-composer.expanded{box-shadow:0 2px 8px #00000026}.composer-main{align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.composer-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.composer-placeholder{color:#65676b;cursor:pointer;background:#f0f2f5;border-radius:20px;flex:1;padding:10px 16px;font-size:15px;transition:background .2s}.composer-placeholder:hover{background:#e4e6eb}.composer-textarea{resize:none;color:#050505;background:#f0f2f5;border:none;border-radius:12px;outline:none;flex:1;min-height:80px;padding:10px 16px;font-family:inherit;font-size:16px;transition:min-height .2s}.composer-textarea:focus{background:#e8eaed;min-height:100px}.composer-textarea::placeholder{color:#65676b}.composer-actions-row{border-top:1px solid #e4e6eb;justify-content:flex-start;gap:8px;padding:8px 16px;display:flex}.composer-media-btn{cursor:pointer;color:#65676b;background:#f0f2f5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.composer-media-btn:hover{background:#e4e6eb}.composer-media-btn svg{font-size:18px}.composer-submit-row{border-top:1px solid #e4e6eb;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.composer-cancel-btn{color:#050505;cursor:pointer;background:#e4e6eb;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .2s}.composer-cancel-btn:hover{background:#d8dadf}.composer-post-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:600;transition:background .2s}.composer-post-btn:hover:not(:disabled){background:#e66a1c}.composer-post-btn:disabled{color:#bcc0c4;cursor:not-allowed;background:#e4e6eb}.composer-input-area{flex-direction:column;flex:1;gap:8px;display:flex}.composer-feeling-display{color:#1877f2;background:#e8f4fd;border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-size:13px;display:flex}.remove-feeling-btn{cursor:pointer;color:#65676b;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;font-size:12px;display:flex}.remove-feeling-btn:hover{color:#050505}.composer-images-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;max-width:100%;padding:8px 16px;display:grid}.preview-image-container{aspect-ratio:1;background:#f0f2f5;border-radius:8px;position:relative;overflow:hidden}.preview-media{object-fit:cover;width:100%;height:100%}.remove-image-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:background .2s;display:flex;position:absolute;top:6px;right:6px}.remove-image-btn:hover{background:#000c}.video-indicator{color:#fff;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex;position:absolute;bottom:6px;left:6px}.composer-media-btn:disabled{opacity:.5;cursor:not-allowed}.composer-media-btn.active{background:#e4e6eb}.feeling-picker{background:#f9f9f9;border-top:1px solid #e4e6eb;grid-template-columns:repeat(4,1fr);gap:4px;padding:12px 16px;display:grid}.feeling-option{cursor:pointer;background:#fff;border:1px solid #e4e6eb;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;transition:all .2s;display:flex}.feeling-option:hover{background:#f0f2f5;border-color:#d0d4db}.feeling-option.selected{background:#e8f4fd;border-color:#1877f2}.feeling-emoji{font-size:24px;line-height:1}.feeling-label{color:#65676b;text-transform:capitalize;font-size:11px}.feeling-option.selected .feeling-label{color:#1877f2}@media (width<=480px){.feeling-picker{grid-template-columns:repeat(3,1fr)}.composer-images-preview{grid-template-columns:repeat(2,1fr)}}.member-menu-container{margin-left:8px;position:relative}.member-menu-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.member-menu-btn:hover{color:#333;background:#f0f0f0}.member-menu-dropdown{z-index:1000;background:#fff;border-radius:12px;min-width:180px;animation:.2s slideDown;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.member-menu-dropdown button{cursor:pointer;color:#333;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;transition:background .2s;display:flex}.member-menu-dropdown button:hover{background:#f5f5f5}.member-menu-dropdown button svg{color:#666;flex-shrink:0;font-size:14px}.member-menu-dropdown button.warning,.member-menu-dropdown button.warning svg{color:#f87b2d}.member-menu-dropdown button.danger,.member-menu-dropdown button.danger svg{color:#c62828}.member-menu-dropdown .menu-divider{background:#eee;height:1px;margin:4px 0}.ban-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ban-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;animation:.3s modalSlideUp;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ban-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ban-modal-header h2{color:#333;margin:0;font-size:18px;font-weight:600}.ban-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.ban-modal-close:hover{color:#333;background:#f0f0f0}.ban-modal-content{padding:20px}.ban-target-info{background:#f9f9f9;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.ban-target-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.ban-target-info h3{color:#333;margin:0 0 2px;font-size:15px;font-weight:600}.ban-target-info p{color:#666;margin:0;font-size:13px}.ban-warning{background:#fff3e0;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:12px;display:flex}.ban-warning svg{color:#f57c00;flex-shrink:0;margin-top:2px;font-size:18px}.ban-warning p{color:#e65100;margin:0;font-size:13px;line-height:1.5}.ban-form-group{margin-bottom:16px}.ban-form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.ban-duration-select{color:#333;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 14px center no-repeat;border:1px solid #ddd;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.ban-duration-select:focus{border-color:#f87b2d;outline:none}.ban-reason-textarea{color:#333;resize:none;box-sizing:border-box;border:1px solid #ddd;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px}.ban-reason-textarea:focus{border-color:#f87b2d;outline:none}.ban-reason-textarea::placeholder{color:#999}.ban-modal-actions{background:#fafafa;border-top:1px solid #eee;gap:12px;padding:16px 20px;display:flex}.ban-cancel-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.ban-cancel-btn:hover:not(:disabled){background:#f5f5f5}.ban-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.ban-confirm-btn{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:10px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.ban-confirm-btn:hover:not(:disabled){background:#b71c1c}.ban-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.member-item{position:relative}@media (width<=360px){.circle-info{flex-wrap:wrap;gap:10px;padding:12px}.circle-main-info{flex:1;gap:10px;min-width:0}.circle-avatar{width:60px;height:60px;margin-top:-50px}.circle-name{margin-bottom:4px;font-size:16px}.circle-meta{flex-wrap:wrap;gap:8px;font-size:11px}.circle-join-btn,.circle-joined-btn{white-space:nowrap;padding:6px 12px;font-size:11px}.circle-tabs{padding:0 8px}.circle-tab{margin:6px 2px;padding:8px 12px;font-size:12px}.post-composer{margin:0 8px 12px}.composer-main{gap:8px;padding:10px 12px}.composer-avatar{width:32px;height:32px}.composer-textarea{min-height:60px;padding:8px 12px;font-size:14px}.composer-actions-row{flex-wrap:wrap;gap:4px;padding:6px 10px}.composer-media-btn{gap:4px;padding:6px 8px;font-size:11px}.composer-media-btn svg{font-size:14px}.composer-submit-row{gap:6px;padding:10px 12px}.composer-cancel-btn,.composer-post-btn{padding:6px 12px;font-size:12px}.feeling-picker{grid-template-columns:repeat(3,1fr);gap:4px;padding:8px 10px}.feeling-option{padding:8px 4px}.feeling-emoji{font-size:20px}.feeling-label{font-size:9px}.composer-images-preview{grid-template-columns:repeat(2,1fr);padding:6px 10px}}.modal-overlay{z-index:10000;box-sizing:border-box;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;inset:0}.request-badge-modal{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:85vh;margin:0 auto;display:flex;position:relative;overflow:hidden}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.close-btn{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:20px;display:flex}.modal-content{flex:1;padding:20px;overflow-y:auto}.badge-selection h3{color:#333;margin:0 0 16px;font-size:16px;font-weight:600}.badges-grid{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.badge-option{cursor:pointer;background:#f5f5f5;border:2px solid #0000;border-radius:8px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.badge-option.selected{background:#fff9f5;border-color:#f87b2d}.badge-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.badge-details{flex:1}.badge-details h4{color:#333;margin:0 0 4px;font-size:16px;font-weight:600}.badge-desc{color:#666;margin:0 0 4px;font-size:14px}.badge-req{color:#999;margin:0;font-size:12px;font-style:italic}.evidence-section{margin-top:24px}.evidence-section h3{color:#333;margin:0 0 12px;font-size:16px;font-weight:600}.evidence-section textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;min-height:100px;max-height:200px;padding:12px;font-family:inherit;font-size:14px}.evidence-section textarea:focus{border-color:#f87b2d;outline:none}.char-count{color:#999;text-align:right;margin:4px 0 0;font-size:12px}.modal-actions{background:#fafafa;border-top:1px solid #eee;flex-flow:row;align-items:stretch;gap:12px;padding:20px;display:flex}.cancel-btn,.submit-btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:36px;margin:0;padding:0 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.cancel-btn{color:#666;background:#f5f5f5}.submit-btn{color:#fff;background:#f87b2d}.submit-btn:disabled{color:#999;cursor:not-allowed;background:#ddd}.success-message{text-align:center;padding:60px 20px}.success-message h3{color:#333;margin:0 0 8px;font-size:20px;font-weight:600}.success-message p{color:#666;margin:0;font-size:16px}@media (width<=480px){.modal-overlay{padding:0}.request-badge-modal{border-radius:0;max-height:100vh}.badge-option{padding:12px}.badge-icon{width:40px;height:40px;font-size:18px}.badge-details h4{font-size:15px}.badge-desc{font-size:13px}.badge-req{font-size:11px}}.report-modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.report-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:80vh;display:flex;overflow:hidden}.report-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.report-modal-title{align-items:center;gap:10px;display:flex}.report-icon{color:#f44336;font-size:20px}.report-modal-title h2{color:#333;margin:0;font-size:18px;font-weight:600}.report-modal-close{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:20px;display:flex}.report-modal-close:hover{color:#333}.report-modal-body{flex:1;padding:20px;overflow-y:auto}.report-description{color:#666;margin:0 0 20px;font-size:14px}.report-description strong{color:#333}.report-reasons{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.report-reason-item{cursor:pointer;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.report-reason-item:hover{background:#fff9f7;border-color:#ff6b35}.report-reason-item input[type=radio]{cursor:pointer;margin:0}.report-reason-item span{color:#333;flex:1;font-size:14px}.report-details{margin-top:20px}.report-details label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.report-details textarea{resize:vertical;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.report-details textarea:focus{border-color:#ff6b35;outline:none}.report-modal-footer{border-top:1px solid #eee;gap:12px;padding:20px;display:flex}.report-cancel-btn,.report-submit-btn{cursor:pointer;border-radius:8px;flex:1;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.report-cancel-btn{color:#666;background:#fff;border:1px solid #e0e0e0}.report-cancel-btn:hover{background:#f5f5f5}.report-submit-btn{color:#fff;background:#ff6b35;border:none}.report-submit-btn:hover:not(:disabled){background:#e55a2b}.report-submit-btn:disabled{opacity:.5;cursor:not-allowed}.report-success{text-align:center;padding:40px 20px}.success-icon{color:#fff;background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:30px;font-weight:700;display:flex}.report-success h3{color:#333;margin:0 0 12px;font-size:18px;font-weight:600}.report-success p{color:#666;margin:0;font-size:14px;line-height:1.5}.leave-modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.leave-modal-content{background:#fff;border-radius:12px;width:100%;max-width:450px;overflow:hidden}.leave-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.leave-modal-header h2{color:#333;margin:0;font-size:18px;font-weight:600}.leave-modal-close{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:20px;display:flex}.leave-modal-close:hover{color:#333}.leave-modal-body{padding:20px}.leave-warning{background:#fff3e0;border:1px solid #ffcc80;border-radius:8px;gap:12px;margin-bottom:20px;padding:16px;display:flex}.warning-icon{color:#ff9800;flex-shrink:0;font-size:24px}.warning-content{flex:1}.warning-title{color:#333;margin:0 0 8px;font-size:14px;font-weight:500}.warning-title strong{color:#ff6b35}.warning-description{color:#666;margin:0;font-size:13px;line-height:1.5}.leave-info{margin-top:20px}.leave-info h4{color:#333;margin:0 0 12px;font-size:14px;font-weight:600}.leave-info ul{margin:0;padding:0 0 0 20px}.leave-info li{color:#666;margin-bottom:8px;font-size:13px;line-height:1.5}.leave-modal-footer{border-top:1px solid #eee;gap:12px;padding:20px;display:flex}.leave-cancel-btn,.leave-confirm-btn{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.leave-cancel-btn{color:#666;background:#fff;border:1px solid #e0e0e0}.leave-cancel-btn:hover{background:#f5f5f5}.leave-confirm-btn{color:#fff;background:#f44336;border:none}.leave-confirm-btn:hover:not(:disabled){background:#d32f2f}.leave-confirm-btn:disabled{opacity:.7;cursor:not-allowed}.leave-success{text-align:center;padding:40px 20px}.leave-success .success-icon{color:#666;background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:24px;display:flex}.leave-success h3{color:#333;margin:0 0 12px;font-size:18px;font-weight:600}.leave-success p{color:#666;margin:0;font-size:14px}.username-autocomplete{width:100%;position:relative}.username-autocomplete-input{box-sizing:border-box;width:100%}.username-autocomplete-menu{z-index:100;background:#fff;border:1px solid #e5e5e5;border-radius:8px;max-height:280px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #00000014}.username-autocomplete-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.username-autocomplete-item:hover,.username-autocomplete-item.highlighted{background:#fff5ee}.username-autocomplete-avatar{object-fit:cover;background:#f3f3f3;border-radius:50%;flex-shrink:0;width:32px;height:32px}.username-autocomplete-body{flex:1;min-width:0}.username-autocomplete-name{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.username-autocomplete-handle{color:#888;font-size:12px}.new-circle-page{background:#fff;min-height:100vh;padding-bottom:6rem;font-family:Roboto,sans-serif}.new-circle-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.new-circle-back-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;font-size:1.2rem;transition:background-color .2s}.new-circle-back-btn:hover{background:#fff3e8}.new-circle-title{color:#222;margin:0;font-size:1.2rem;font-weight:600}.new-circle-spacer{width:2rem}.new-circle-progress-section{border-bottom:1px solid #f0f0f0;justify-content:center;padding:1.5rem 1rem;display:flex}.new-circle-progress-bar{width:380px;height:11.5px;position:relative}.new-circle-progress-background{background-color:#fcbd96;border-radius:6px;width:100%;height:100%;position:relative;overflow:hidden}.new-circle-progress-fill{background-color:#f87b2d;border-radius:6px;height:100%;transition:width .3s}.new-circle-progress-divider{background-color:#f87b2d;width:2px;height:100%;position:absolute;top:0;transform:translate(-1px)}.new-circle-progress-icon{color:#1f363d;background-color:#bfd1e5;border:2px solid #1f363d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:left .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.new-circle-form{max-width:500px;margin:0 auto;padding:2rem 1rem}.new-circle-image-section{justify-content:center;margin-bottom:2rem;display:flex}.new-circle-image-upload{cursor:pointer;background:#fafafa;border:2px dashed #ddd;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;transition:all .2s;display:flex}.new-circle-image-upload:hover{background:#fff3e8;border-color:#f87b2d}.new-circle-camera-icon{color:#aaa;margin-bottom:.5rem;font-size:1.5rem}.new-circle-image-upload:hover .new-circle-camera-icon{color:#f87b2d}.new-circle-image-text{color:#aaa;text-align:center;font-size:.8rem}.new-circle-image-upload:hover .new-circle-image-text{color:#f87b2d}.new-circle-form-group{margin-bottom:1.5rem}.new-circle-label{color:#333;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.new-circle-input,.new-circle-textarea,.new-circle-select{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:.8rem;font-size:1rem;transition:border-color .2s}.new-circle-input:focus,.new-circle-textarea:focus,.new-circle-select:focus{border-color:#f87b2d;outline:none}.new-circle-textarea{resize:vertical;min-height:100px;font-family:inherit}.new-circle-privacy-options{flex-direction:column;gap:.8rem;display:flex}.new-circle-privacy-option{cursor:pointer;border:1px solid #ddd;border-radius:8px;align-items:center;padding:1rem;transition:all .2s;display:flex}.new-circle-privacy-option:hover{background:#fff3e8;border-color:#f87b2d}.new-circle-privacy-option:has(.new-circle-radio:checked){background:#fff3e8;border-color:#f87b2d}.new-circle-radio{accent-color:#f87b2d;margin-right:1rem}.new-circle-privacy-content{align-items:center;gap:.8rem;display:flex}.new-circle-privacy-icon{color:#666;font-size:1.2rem}.new-circle-privacy-title{color:#333;margin-bottom:.2rem;font-weight:600}.new-circle-privacy-desc{color:#666;font-size:.85rem}.new-circle-form-actions{gap:1rem;margin-top:2rem;display:flex}.new-circle-previous-btn{color:#1f363d;cursor:pointer;background:#bfd1e5;border:none;border-radius:8px;flex:1;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.new-circle-previous-btn:hover:not(:disabled){background:#a8c4db}.new-circle-previous-btn:disabled{opacity:.5;cursor:not-allowed}.new-circle-preview-btn{color:#f87b2d;cursor:pointer;background:#fff;border:2px solid #f87b2d;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.new-circle-preview-btn:hover{background:#ffe0cd;transform:translateY(-1px);box-shadow:0 2px 8px #f87b2d33}.new-circle-next-btn{color:#f87b2d;cursor:pointer;background:#ffe0cd;border:none;border-radius:8px;flex:1;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s}.new-circle-next-btn:hover{background:#ffd4b8}.new-circle-create-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex}.new-circle-create-btn:hover{background:#e66a26}.step-content{padding:1rem 0}.step-form-group{margin-bottom:1.5rem}.step-label{color:#333;text-align:left;white-space:nowrap;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:block}.step-input,.step-textarea,.step-select{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:.8rem;font-size:1rem;transition:border-color .2s}.step-input:focus,.step-textarea:focus,.step-select:focus{border-color:#f87b2d;outline:none}.step-textarea{resize:vertical;min-height:100px;font-family:inherit}.privacy-button{border-radius:8px;align-items:center;gap:.5rem;padding:1rem;font-weight:600;transition:all .2s;display:flex}.privacy-icon{font-size:1.2rem}.invite-link-section{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.invite-link-label{color:#333;font-weight:600}.copy-link-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.5rem 1rem;font-size:.9rem;transition:background-color .2s;display:flex}.copy-link-btn:hover{background:#e66a26}.invite-link-display{color:#666;word-break:break-all;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;padding:.8rem;font-size:.9rem}.friends-list{flex-direction:column;gap:.8rem;display:flex}.friend-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;align-items:center;gap:.8rem;padding:.8rem;display:flex}.friend-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.friend-info{flex:1}.friend-name{color:#333;margin-bottom:.2rem;font-weight:600}.friend-username{color:#666;font-size:.9rem}.invite-btn{color:#f87b2d;cursor:pointer;background:#ffe0cd;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:background-color .2s}.invite-btn:hover{background:#ffd4b8}.photo-upload-section{justify-content:center;margin-bottom:1.5rem;display:flex}.photo-upload-area{cursor:pointer;background:linear-gradient(#fafafa,#f5f5f5);border:3px dashed #e5e5e5;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;height:200px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.photo-upload-area:before{content:"";opacity:0;background:radial-gradient(circle,#f87b2d08 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.photo-upload-area:hover{background:linear-gradient(#fff9f5,#fff3e8);border-color:#f87b2d;transform:translateY(-2px);box-shadow:0 4px 16px #f87b2d26}.photo-upload-area:hover:before{opacity:1}.photo-camera-icon{color:#999;margin-bottom:.75rem;font-size:3rem;transition:all .3s}.photo-upload-area:hover .photo-camera-icon{color:#f87b2d;transform:scale(1.1)}.photo-upload-text{color:#666;text-align:center;font-size:1rem;font-weight:500}.photo-upload-area:hover .photo-upload-text{color:#f87b2d}.photo-upload-area.has-image{background:0 0;border:none;padding:0}.photo-upload-area.has-image:before{display:none}.photo-preview-image{object-fit:cover;border-radius:16px;width:100%;height:100%}.photo-remove-btn{color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.photo-remove-btn:hover{background:#f00c;transform:scale(1.1)}.notes-container{background:#fafafa;border:2px dashed #ddd;border-image:;border-radius:12px;padding:1.5rem;position:relative}.suggested-text{color:#666;z-index:1;margin:0;font-size:.9rem;font-style:italic;position:relative}.rules-container{flex-direction:column;gap:1rem;display:flex}.rule-item{align-items:flex-start;gap:.5rem;display:flex}.rule-textarea{box-sizing:border-box;resize:vertical;background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;min-height:80px;padding:.8rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.rule-textarea:focus{border-color:#f87b2d;outline:none}.remove-rule-btn{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:6px;padding:.5rem;transition:background-color .2s}.remove-rule-btn:hover{background:#ff3742}.add-rule-btn{color:#f87b2d;cursor:pointer;background:#ffe0cd;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:background-color .2s;display:flex}.photo-preview{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:2rem;padding:0;display:flex}.photo-preview .preview-image{object-fit:cover;border-radius:12px;width:100%;max-width:350px;height:180px;margin:0 auto;display:block;box-shadow:0 2px 8px #00000014}.preview-image-placeholder{color:#777;background:linear-gradient(135deg,#f5f5f5 0%,#e0e0e0 100%);border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:350px;height:180px;margin:0 auto;font-size:1rem;font-weight:500;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.preview-image-placeholder:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);width:200%;height:200%;animation:2s infinite shimmer;position:absolute;top:-50%;left:-50%}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.preview-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.preview-btn:hover{color:#e66a26;text-decoration:underline}.linked-accounts,.social-platforms{flex-direction:column;gap:1rem;display:flex}.account-item,.platform-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.account-info{flex-direction:column;display:flex}.account-name{color:#333;margin-bottom:.2rem;font-weight:600}.account-username{color:#666;font-size:.9rem}.platform-name{color:#333;font-weight:600}.new-circle-page .toggle-switch{box-sizing:border-box!important;border:none!important;outline:none!important;width:80px!important;height:36px!important;margin:0!important;padding:0!important;display:inline-block!important;position:relative!important}.new-circle-page .toggle-switch *{box-sizing:border-box!important}.new-circle-page .toggle-switch input{opacity:0!important;z-index:2!important;cursor:pointer!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important}.new-circle-page .toggle-switch .toggle-slider{cursor:pointer!important;background-color:#e0e0e0!important;border:none!important;border-radius:8px!important;width:80px!important;height:36px!important;margin:0!important;padding:0!important;transition:background-color .3s!important;position:absolute!important;inset:0!important;overflow:visible!important}.new-circle-page .toggle-switch .toggle-slider:before{content:""!important;z-index:1!important;background-color:#fff!important;border:none!important;border-radius:6px!important;width:28px!important;height:28px!important;transition:transform .3s!important;position:absolute!important;top:4px!important;left:4px!important;box-shadow:0 2px 4px #0000001a!important}.new-circle-page .toggle-switch .toggle-slider:after{content:none!important;display:none!important}.new-circle-page .toggle-switch input:checked+.toggle-slider{background-color:#f87b2d!important}.new-circle-page .toggle-switch input:checked+.toggle-slider:before{transform:translate(44px)!important}.preview-container{padding:1rem 0}.preview-title{color:#333;text-align:center;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.preview-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}.preview-header{background:#f8f9fa;justify-content:center;align-items:center;height:120px;display:flex;position:relative}.preview-photo-placeholder{color:#666;font-size:.9rem}.preview-photo-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preview-privacy-badge{color:#666;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex;position:absolute;top:1rem;right:1rem}.preview-content{padding:1.5rem}.preview-circle-name{color:#333;margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.preview-stats{gap:1rem;margin-bottom:1rem;display:flex}.preview-stat{color:#888;align-items:center;gap:.3rem;font-size:.85rem;display:flex}.preview-rules{margin-bottom:1rem}.preview-rules h5{color:#333;margin:0 0 .5rem;font-size:.9rem;font-weight:600}.preview-rules ul{margin:0;padding-left:1.2rem}.preview-rules li{color:#666;margin-bottom:.3rem;font-size:.85rem}.category-tag{color:#f87b2d;background:#ffe0cd;border-radius:8px;padding:.3rem .8rem;font-size:.8rem;font-weight:600}.preview-note{text-align:center;color:#666;font-size:.9rem;font-style:italic}@media (width<=480px){.new-circle-form{padding:1.5rem .5rem}.new-circle-header{padding:.8rem}.new-circle-title{font-size:1.1rem}.new-circle-progress-bar{width:320px}.new-circle-progress-section{padding:1rem .5rem}.photo-upload-area{max-width:calc(100% - 2rem);height:180px}.photo-camera-icon{font-size:2.5rem}.new-circle-image-upload{width:100px;height:100px}.new-circle-camera-icon{font-size:1.2rem}.new-circle-image-text{font-size:.75rem}.new-circle-privacy-option{padding:.8rem}.new-circle-form-actions{flex-direction:column}}.manage-page *{box-sizing:border-box}.manage-page{box-sizing:border-box;background:#faf9f6;width:100%;max-width:100vw;min-height:100vh;padding-bottom:80px;position:relative;overflow-x:hidden}.manage-header{z-index:100;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.manage-header h1{text-align:center;flex:1;margin:0;font-size:18px;font-weight:600}.manage-header .back-icon{color:#666;cursor:pointer;font-size:18px;transition:color .2s}.manage-header .back-icon:hover{color:#333}.manage-title{margin:0;font-size:18px;font-weight:600}.manage-count{color:#666;background:#f5f5f5;border-radius:6px;padding:6px 16px;font-size:14px;font-weight:500}.manage-content{box-sizing:border-box;flex-direction:column;align-items:center;max-width:100%;margin:0 auto;padding:16px;display:flex;overflow-x:hidden}.empty-state{text-align:center;padding:60px 20px}.empty-icon{color:#ccc;margin-bottom:16px;font-size:48px}.empty-state h3{color:#333;margin:0 0 8px;font-size:20px}.empty-state p{color:#666;margin:0}.requests-list{flex-direction:column;gap:16px;display:flex}.request-card{background:#fff;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #0000000d}.request-card.approved{opacity:.7;border:2px solid #4caf50}.request-card.rejected{opacity:.7;border:2px solid #f44336}.request-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.request-user{align-items:center;gap:12px;display:flex}.request-avatar{cursor:pointer;border-radius:50%;width:48px;height:48px}.request-user-info h3{cursor:pointer;color:#333;margin:0 0 4px;font-size:16px;font-weight:600}.request-user-info p{color:#666;margin:0;font-size:14px}.request-time{color:#666;align-items:center;gap:6px;font-size:14px;display:flex}.request-message{background:#f5f5f5;border-radius:8px;margin-bottom:16px;padding:16px}.request-message p{color:#333;margin:0;line-height:1.5}.request-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.stat{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.stat-label{color:#666;margin-bottom:0;font-size:12px}.request-stats .stat-value{color:#f87b2d;margin-top:0;padding-top:8px;font-weight:600;font-size:14px!important}.mutual-circles{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.mutual-label{color:#666;font-size:14px}.mutual-circle{color:#2e7d32;background:#e8f5e9;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500}.request-actions{gap:12px;display:flex}.action-btn{cursor:pointer;text-transform:capitalize;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;height:32px;padding:2px 12px;font-family:Roboto,sans-serif;line-height:1;transition:all .2s;display:flex;font-size:12px!important;font-weight:500!important}.action-btn.approve{color:#f87b2d;background:#ffe5cc}.action-btn.reject{color:#1f363d;background:#e6f2ff}.status-badge{text-align:center;border-radius:8px;width:100%;padding:10px;font-weight:600}.status-badge.approved{color:#2e7d32;background:#e8f5e9}.status-badge.rejected{color:#c62828;background:#ffebee}.filter-tabs{-webkit-overflow-scrolling:touch;align-self:stretch;gap:8px;width:100%;margin-bottom:20px;display:flex;overflow-x:auto}.filter-tab{color:#666;cursor:pointer;white-space:nowrap;background:#f5f5f5;border:none;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.filter-tab.active{color:#fff;background:#f87b2d}.reports-list{flex-direction:column;gap:16px;display:flex}.report-card{background:#fff;border-radius:12px;padding:20px;position:relative;box-shadow:0 2px 4px #0000000d}.dismiss-btn{cursor:pointer;color:#999;z-index:10;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:-8px;right:-8px}.dismiss-btn:hover{color:#666}.dismiss-btn svg{font-size:22px}.report-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.report-type{align-items:center;gap:8px;display:flex}.severity-badge{border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.severity-badge.high{color:#c62828;background:#ffebee}.severity-badge.medium{color:#e65100;background:#fff3e0}.severity-badge.low{color:#1565c0;background:#e3f2fd}.reported-content{background:#f5f5f5;border-left:4px solid #f44336;border-radius:4px;margin-bottom:16px;padding:16px}.content-preview{margin:0 0 12px;line-height:1.5}.content-author{color:#666;align-items:center;gap:8px;font-size:14px;display:flex}.report-details{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.detail-item{flex-direction:column;display:flex}.detail-label{color:#666;margin-bottom:4px;font-size:12px}.detail-value{color:#333;font-size:14px;font-weight:500}.report-meta{border-top:1px solid #eee;border-bottom:1px solid #eee;align-items:center;gap:20px;margin-bottom:12px;padding:10px 0;display:flex}.report-meta-item{align-items:center;gap:6px;display:flex}.report-meta-item svg{color:#f87b2d;flex-shrink:0}.report-meta-value{color:#555;font-size:13px}.report-reason{background:#fff9c4;border-radius:8px;margin-bottom:16px;padding:12px}.report-reason h4{margin:0 0 8px;font-size:14px}.report-reason p{color:#666;margin:0;font-size:14px;line-height:1.5}.report-actions{gap:10px;width:100%;display:flex}.report-actions .action-btn{flex:1;padding:8px 14px;font-size:12px}.action-btn.remove{color:#fff;background:#f44336}.action-btn.warn{color:#f87b2d;background:#fff;border:2px solid #f87b2d}.action-btn.dismiss{color:#666;background:#f5f5f5}.settings-form{box-sizing:border-box;word-wrap:break-word;background:#fff;border-radius:12px;width:calc(100% - 32px);max-width:calc(100vw - 32px);margin:0 auto;padding:12px;overflow-x:hidden;box-shadow:0 2px 4px #0000000d}.form-group{box-sizing:border-box;width:100%;margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-label{color:#333;word-wrap:break-word;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group:has(.checkbox-group){box-sizing:border-box;background:#fafafa;border-radius:8px;width:100%;max-width:calc(100vw - 32px);margin-bottom:20px;padding:10px;overflow:hidden}.form-input,.form-textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:16px;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:#f87b2d;outline:none}.form-textarea{resize:vertical;min-height:100px}.form-hint{color:#666;margin-top:4px;font-size:12px}.image-upload{align-items:center;gap:16px;display:flex}.current-image{object-fit:cover;border-radius:8px;width:80px;height:80px}.upload-btn{cursor:pointer;background:#f5f5f5;border:1px dashed #ddd;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.radio-group,.checkbox-group{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;padding-right:5px;display:flex}.radio-item,.checkbox-item{box-sizing:border-box;gap:8px;width:100%;margin-bottom:8px;flex-direction:row!important;align-items:center!important;display:flex!important}label.checkbox-item{flex-direction:row!important;align-items:center!important;padding-left:0!important;display:flex!important;position:relative!important}.checkbox-item input[type=checkbox]{cursor:pointer;flex-shrink:0;margin:0;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;margin-top:2px!important;position:relative!important;transform:none!important}.radio-item input[type=radio]{cursor:pointer;flex-shrink:0;margin:2px 0 0;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important}.radio-label,.checkbox-label{color:#333;cursor:pointer;word-wrap:break-word;overflow-wrap:break-word;flex:1;padding-right:5px;font-size:13px;line-height:1.4;text-align:left!important;white-space:normal!important;display:block!important;position:relative!important}span.checkbox-label{vertical-align:baseline!important;margin-top:25px!important;margin-left:8px!important;line-height:1.4!important;display:inline-block!important;position:relative!important}.badges-list .checkbox-item{justify-content:flex-end!important;align-items:center!important;margin:0!important;padding-right:10px!important;display:flex!important}.badges-list .checkbox-item input[type=checkbox]{margin:0!important}.privacy-options{gap:.75rem;display:flex}.privacy-option{cursor:pointer;flex:1}.privacy-radio{display:none}.privacy-button{border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-weight:600;transition:all .2s;display:flex}.privacy-button.public{color:#f87b2d;background:#ffe0cd}.privacy-button.private{color:#1f363d;background:#bfd1e5}.privacy-button.private .privacy-icon{color:#1f363d}.privacy-option:hover .privacy-button{transform:translateY(-2px)}.privacy-radio:checked+.privacy-button.public{box-shadow:0 0 0 2px #f87b2d}.privacy-radio:checked+.privacy-button.private{box-shadow:0 0 0 2px #1f363d}.privacy-icon{color:inherit;font-size:1.2rem}.form-actions{border-top:1px solid #eee;justify-content:flex-start;align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex;flex-direction:row!important}.save-btn{cursor:pointer;transition:all .2s;color:#fff!important;width:auto!important;min-width:unset!important;background:#f87b2d!important;border:none!important;border-radius:8px!important;flex:none!important;padding:8px 16px!important;font-size:14px!important;font-weight:600!important}.save-btn:hover{background:#e66d1f!important}.cancel-btn{cursor:pointer;transition:all .2s;color:#888!important;width:auto!important;min-width:unset!important;background:#f5f5f5!important;border:1px solid #ddd!important;border-radius:8px!important;flex:none!important;padding:8px 16px!important;font-size:14px!important;font-weight:500!important}.cancel-btn:hover{background:#e5e5e5!important}.moderators-list{box-sizing:border-box;background:#f8f8f8;border-radius:8px;width:100%;max-height:600px;margin-bottom:12px;padding:10px;overflow-y:auto}.moderator-item{box-sizing:border-box;background:#fff;border-radius:6px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:10px;display:flex}.moderator-item:last-child{margin-bottom:0}.moderator-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.moderator-info{flex-direction:column;flex:1;min-width:0;display:flex}.moderator-name{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.moderator-username{color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.remove-moderator-btn{color:#999;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;transition:color .2s}.remove-moderator-btn:hover{color:#f44}.add-moderator-container{box-sizing:border-box;gap:8px;width:100%;display:flex}.add-moderator-container .form-input{flex:1;min-width:0}.add-moderator-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#f87b2d;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.add-moderator-btn:hover{background:#e66d1f}.rules-list{box-sizing:border-box;background:#f8f8f8;border-radius:8px;width:100%;max-height:300px;margin-bottom:12px;padding:10px;overflow-y:auto}.rule-item{box-sizing:border-box;background:#fff;border-radius:6px;align-items:flex-start;gap:10px;width:100%;margin-bottom:8px;padding:10px;display:flex}.rule-item:last-child{margin-bottom:0}.rule-number{color:#f87b2d;flex-shrink:0;min-width:20px;font-size:14px;font-weight:600}.rule-text{color:#333;word-wrap:break-word;overflow-wrap:break-word;flex:1;max-width:calc(100% - 60px);font-size:13px;line-height:1.4}.remove-rule-btn{color:#999;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;transition:color .2s}.remove-rule-btn:hover{color:#f44}.add-rule-container{box-sizing:border-box;gap:8px;width:100%;display:flex}.add-rule-container .form-input{flex:1;min-width:0}.add-rule-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#f87b2d;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.add-rule-btn:hover{background:#e66d1f}.manage-subtitle{color:#888;margin-top:4px;font-size:14px}.admin-assist-container{flex-direction:column;gap:24px;display:flex}.assist-tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.assist-tool-card{cursor:pointer;background:#fff;border-radius:12px;align-items:flex-start;gap:16px;padding:20px;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 4px #0000000d}.assist-tool-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.assist-tool-card.selected{background:#fff9f5;border:2px solid #f87b2d}.tool-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.tool-info{flex:1}.tool-title{color:#333;margin:0 0 6px;font-size:16px;font-weight:600}.tool-description{color:#666;margin:0;font-size:13px;line-height:1.4}.tool-selected-badge{color:#f87b2d;font-size:16px;position:absolute;top:12px;right:12px}.assist-output-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px #0000000d}.output-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.output-header h3{color:#333;margin:0;font-size:18px}.output-actions{gap:12px;display:flex}.generate-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.generate-btn:hover:not(:disabled){background:#e66d1f}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.copy-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.copy-btn:hover{background:#45a049}.output-content{background:#f8f9fa;border-radius:8px;min-height:200px;padding:20px}.generating-loader{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:200px;display:flex}.spinner{border:3px solid #f3f3f3;border-top-color:#f87b2d;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.generated-text{white-space:pre-wrap;color:#333;line-height:1.6}.generated-text p{margin:0 0 12px}.generated-text p:last-child{margin-bottom:0}.output-placeholder{color:#999;justify-content:center;align-items:center;min-height:200px;font-style:italic;display:flex}.output-footer{border-top:1px solid #eee;margin-top:16px;padding-top:16px}.output-note{color:#666;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.assist-welcome{text-align:center;background:#fff;border-radius:12px;padding:48px 24px;box-shadow:0 2px 4px #0000000d}.welcome-icon{color:#f87b2d;margin-bottom:16px;font-size:48px}.assist-welcome h3{color:#333;margin:0 0 12px;font-size:24px}.assist-welcome p{color:#666;margin:0 0 32px}.feature-highlights{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.feature-item{color:#555;align-items:center;gap:8px;font-size:14px;display:flex}.feature-item svg{color:#f87b2d}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:32px;display:grid}.insights-scroll-container{cursor:grab;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;width:100%;max-width:400px;margin-bottom:24px;padding-bottom:8px;position:relative;overflow:auto hidden}.insights-scroll-container:active{cursor:grabbing}.insights-scroll-container::-webkit-scrollbar{height:4px}.insights-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.insights-scroll-container::-webkit-scrollbar-thumb{background:#f87b2d;border-radius:2px}.insights-scroll-container:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#faf9f6cc);width:20px;position:absolute;top:0;bottom:0;right:0}.insights-grid-2x2{gap:12px;min-width:fit-content;display:flex}.insights-grid-column{flex-direction:column;gap:12px;min-width:160px;display:flex}.insights-grid-2x2 .insight-card{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;min-height:100px;padding:16px;display:flex;box-shadow:0 2px 4px #0000000d}.insight-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d}.insight-label{color:#666;margin-bottom:8px;font-size:14px}.insight-value{color:#f87b2d;margin-bottom:4px;font-size:32px;font-weight:700}.insight-change{align-items:center;gap:4px;font-size:14px;display:flex}.insight-change.positive{color:#4caf50}.insight-change.negative{color:#f44336}.chart-container{background:#fff;border-radius:12px;width:100%;max-width:400px;margin-bottom:20px;padding:20px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-title{margin:0;font-size:18px;font-weight:600}.chart-period{gap:8px;display:flex}.period-btn{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.period-btn.active{color:#fff;background:#f87b2d;border-color:#f87b2d}.spam-info-banner{box-sizing:border-box;background:#e3f2fd;border:1px solid #1976d2;border-radius:8px;align-items:flex-start;gap:12px;width:100%;margin-bottom:20px;padding:16px;display:flex}.spam-info-icon{color:#1976d2;flex-shrink:0;font-size:24px}.spam-info-text h4{color:#1976d2;margin:0 0 4px;font-size:16px;font-weight:600}.spam-info-text p{color:#555;margin:0;font-size:14px;line-height:1.4}.spam-list{flex-direction:column;gap:16px;width:100%;display:flex}.spam-card{box-sizing:border-box;background:#fff;border:1px solid #eee;border-radius:12px;width:100%;padding:20px;position:relative;box-shadow:0 2px 4px #0000000d}.spam-header{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:16px;display:flex}.spam-type-info{align-items:center;gap:12px;display:flex}.spam-type{color:#666;font-size:12px;font-weight:600}.spam-score{color:#fff;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.previous-actions{color:#ff9800;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex;position:absolute;top:20px;right:20px}.warning-text{text-align:right;line-height:1.2}.spam-content{background:#f5f5f5;border-radius:8px;margin-bottom:16px;padding:16px}.content-text{color:#333;margin:0 0 12px;line-height:1.5}.author-name{font-weight:500}.spam-indicators{margin-bottom:16px}.spam-indicators h4{color:#333;margin:0 0 8px;font-size:14px;font-weight:600}.indicator-list{flex-wrap:wrap;gap:8px;display:flex}.indicator-tag{color:#c62828;background:#ffebee;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.user-stats-grid{box-sizing:border-box!important;background:#fafafa!important;border-radius:6px!important;justify-content:space-around!important;align-items:center!important;gap:0!important;width:100%!important;margin:0 0 12px!important;padding:8px 4px!important;display:flex!important;overflow:hidden!important}.spam-card .user-stats-grid .stat-item{text-align:center!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:2px!important;min-width:0!important;max-width:33.33%!important;height:auto!important;min-height:auto!important;max-height:none!important;padding:4px 2px!important;display:flex!important;position:relative!important;overflow:visible!important}.spam-card .user-stats-grid .stat-icon{color:#f87b2d!important;background-color:#fff5f0!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;margin-bottom:2px!important;font-size:14px!important;display:flex!important;position:static!important;top:auto!important;bottom:auto!important;left:auto!important;transform:none!important}.spam-card .user-stats-grid .stat-icon svg,.spam-card .user-stats-grid .stat-icon>svg,.spam-card .user-stats-grid .stat-icon *{width:14px!important;max-width:14px!important;height:14px!important;max-height:14px!important;font-size:14px!important}.banned-info-banner{background:#fff3e0;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.banned-info-icon{color:#f44336;font-size:24px}.banned-info-text h4{margin:0 0 4px;font-size:16px;font-weight:600}.banned-info-text p{color:#666;margin:0;font-size:14px}.banned-list{flex-direction:column;gap:16px;width:100%;display:flex}.banned-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d}.banned-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.banned-user{align-items:center;gap:12px;display:flex}.banned-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.banned-user-info h3{margin:0;font-size:16px;font-weight:600}.banned-user-info p{color:#666;margin:4px 0 0;font-size:14px}.ban-duration{background:#fff5f5;border-radius:16px;padding:4px 12px;font-size:14px;font-weight:600}.ban-details{background:#f5f5f5;border-radius:8px;margin-bottom:16px;padding:16px}.ban-reason h4{color:#333;margin:0 0 8px;font-size:14px;font-weight:600}.ban-reason p{color:#666;margin:0;font-size:14px;line-height:1.5}.ban-meta{border-top:1px solid #e0e0e0;justify-content:space-between;margin-top:12px;padding-top:12px;display:flex}.meta-item{flex:1;align-items:center;gap:5px;display:flex}.meta-item svg{color:#f87b2d;flex-shrink:0;font-size:14px}.meta-info{flex-direction:column;gap:0;display:flex}.meta-value{color:#333;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.2}.meta-label{color:#888;font-size:9px;line-height:1.2}.banned-actions{gap:10px;display:flex}.banned-actions .action-btn{cursor:pointer;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 10px;transition:all .2s;display:flex;font-size:12px!important;font-weight:400!important}.banned-actions .action-btn svg{font-size:10px}.action-btn.unban{color:#fff;background:#81c784;border:none}.action-btn.unban:hover{background:#66bb6a}.action-btn.delete{color:#fff;background:#e57373;border:none}.action-btn.delete:hover{background:#ef5350}.unban-confirm{background:#fff9c4;border-radius:8px;padding:16px}.unban-confirm p{margin:0 0 12px;font-size:14px;font-weight:500}.confirm-actions{gap:12px;display:flex}.confirm-actions button{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 16px;font-size:14px;font-weight:500}.confirm-btn{color:#fff;background:#4caf50}.cancel-btn{color:#666;background:#fff;border:1px solid #ddd}.spam-card .user-stats-grid .stat-value{color:#333!important;text-align:center!important;white-space:nowrap!important;margin:0!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;display:block!important;position:static!important;top:auto!important;left:auto!important;transform:none!important}.spam-card .user-stats-grid .stat-label{color:#888!important;text-align:center!important;white-space:nowrap!important;font-size:10px!important;line-height:1.2!important;display:block!important;position:static!important;bottom:auto!important}.spam-actions{gap:12px;display:flex}.action-btn.mark-spam{border:2px solid #f44336;color:#fff!important;background:#f44336!important}.action-btn.mark-safe{color:#4caf50;background:#fff;border:2px solid #4caf50}.badge-info-section{margin-bottom:32px}.badge-info-section h3{color:#333;margin-bottom:16px;font-size:18px;font-weight:600}.available-badges-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;display:grid}.available-badge-card{background:#fff;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 2px 4px #0000000d}.badge-icon-display{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.badge-info h4{color:#333;margin:0 0 4px;font-size:16px;font-weight:600}.badge-info p{color:#666;margin:0;font-size:14px}.badge-requests-list{flex-direction:column;gap:16px;display:flex}.badge-request-card{background:#fff;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 4px #0000000d}.badge-request-card.approved{opacity:.7;border:2px solid #4caf50}.badge-request-card.rejected{opacity:.7;border:2px solid #f44336}.badge-request-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.badge-request-user{align-items:center;gap:12px;display:flex}.badge-request-type{color:#333;align-items:center;gap:8px;font-weight:600;display:flex}.badge-icon-small{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.badge-request-evidence{background:#f5f5f5;border-radius:8px;margin-bottom:16px;padding:16px}.badge-request-evidence h4{color:#333;margin:0 0 8px;font-size:14px;font-weight:600}.badge-request-evidence p{color:#666;margin:0;line-height:1.5}.badge-qualifications{margin-bottom:16px}.badge-qualifications h4{color:#333;margin:0 0 8px;font-size:14px;font-weight:600}.badge-qualifications ul{margin:0;padding-left:20px}.badge-qualifications li{color:#666;margin-bottom:4px;font-size:14px;line-height:1.4}.badge-user-stats{background:#fafafa;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;padding:16px;display:grid}.badge-user-stats .stat{text-align:center;flex-direction:column;align-items:center;display:flex}.badge-user-stats .stat-label{color:#666;white-space:normal;margin-bottom:4px;font-size:12px;line-height:1.3}.badge-user-stats .stat-value{color:#333;font-weight:600;font-size:14px!important}.request-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.badge-request-card .action-btn{height:28px;padding:6px 16px;font-size:14px!important}.chart-wrapper{box-sizing:border-box;background:#f8f9fa;border-radius:8px;width:100%;padding:20px;overflow:auto hidden}.bar-chart{box-sizing:border-box;justify-content:space-around;align-items:flex-end;min-width:fit-content;height:180px;margin-bottom:20px;display:flex}.chart-bar-group{flex-direction:column;flex:1;align-items:center;min-width:50px;max-width:100px;display:flex}.chart-bars{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:150px;display:flex}.chart-bar{cursor:pointer;background:linear-gradient(#ffa366,#f87b2d);border-radius:4px 4px 0 0;width:20px;transition:all .3s}.chart-bar:hover{transform:scaleY(1.05)}.chart-bar.posts-bar{background:linear-gradient(#ffa366,#f87b2d)}.chart-bar.members-bar{background:linear-gradient(#74b3ff,#4a90e2)}.chart-label{color:#666;margin-top:8px;font-size:12px}.chart-legend{justify-content:center;gap:20px;display:flex}.legend-item{color:#666;align-items:center;gap:6px;font-size:13px;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.legend-color.posts-legend{background:#f87b2d}.legend-color.members-legend{background:#4a90e2}.insights-row{box-sizing:border-box;flex-direction:column;gap:20px;width:90%;max-width:400px;margin-bottom:24px;margin-left:auto;margin-right:auto;padding:0;display:flex}.growth-metrics{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;margin:0;padding:10px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.engagement-breakdown{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;margin:0;padding:10px;box-shadow:0 2px 4px #0000000d}.section-title{color:#333;align-items:center;gap:6px;margin:0 0 12px;font-size:16px;font-weight:600;display:flex}.metric-cards{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;display:grid}.metric-card{box-sizing:border-box;background:#f8f9fa;border-radius:6px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-width:0;padding:6px;display:flex}.metric-icon{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.metric-icon svg{font-size:12px}.metric-info{width:100%}.metric-label{color:#666;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:1px;font-size:9px;line-height:1;overflow:hidden}.metric-value{color:#333;white-space:nowrap;margin-bottom:1px;font-size:13px;font-weight:600}.metric-sublabel{color:#999;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:8px;line-height:1;overflow:hidden}.engagement-stats{flex-direction:column;gap:16px;display:flex}.engagement-stat{flex-direction:column;gap:8px;display:flex}.stat-bar{background:#f0f0f0;border-radius:4px;height:24px;overflow:hidden}.stat-fill{border-radius:4px;height:100%;transition:width .5s}.stat-info{justify-content:space-between;font-size:13px;display:flex}.stat-label{color:#666}.stat-value{color:#333;font-weight:600}.badge-request-card .stat-value{font-weight:600;font-size:14px!important}.activity-heatmap{background:#f8f9fa;border-radius:8px;padding:20px}.heatmap-days{gap:8px;margin-bottom:16px;display:flex}.heatmap-day{flex-direction:column;flex:1;align-items:center;display:flex}.day-label{color:#666;margin-bottom:8px;font-size:12px;font-weight:500}.hour-blocks{flex-direction:column;gap:4px;display:flex}.hour-block{cursor:pointer;border-radius:4px;width:100%;height:20px;transition:transform .2s}.hour-block:hover{transform:scale(1.1)}.heatmap-legend{color:#666;justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.legend-gradient{background:linear-gradient(90deg,#f87b2d33,#f87b2d);border-radius:4px;width:100px;height:8px}.insights-recommendations{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:24px;box-shadow:0 2px 4px #0000000d}.recommendation-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.recommendation-card{background:#f8f9fa;border-radius:8px;gap:16px;padding:16px;transition:all .2s;display:flex}.recommendation-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.rec-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.rec-icon svg{font-size:20px}.rec-content{flex:1}.rec-content h4{color:#333;margin:0 0 8px;font-size:16px}.rec-content p{color:#666;margin:0;font-size:13px;line-height:1.5}.rec-content strong{color:#f87b2d;font-weight:600}.premium-section{position:relative;overflow:hidden}.premium-section>:not(.premium-overlay){filter:blur(8px);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.premium-overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffffff2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.premium-content{text-align:center;max-width:400px;padding:32px}.premium-icon{color:gold;margin-bottom:16px;font-size:48px;animation:3s ease-in-out infinite float}.premium-content h3{color:#333;margin:0 0 12px;font-size:24px;font-weight:600}.premium-content p{color:#666;margin:0 0 24px;font-size:14px;line-height:1.5}.upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #667eea66}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.premium-price{color:#999;margin-top:12px;font-size:13px;font-style:italic;display:block}.subscription-badge{border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.subscription-badge.free{color:#856404;background:#fff3cd;border:1px solid #ffeaa7}.subscription-badge.premium{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);animation:3s ease-in-out infinite shimmer}.header-upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f87b2d 0%,#ff9a5a 100%);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;animation:2s infinite pulse}.header-upgrade-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #f87b2d66}@media (width<=768px){.insights-row{width:95%;max-width:380px}.metric-cards{grid-template-columns:repeat(3,1fr);gap:3px}.heatmap-days{overflow-x:auto}.recommendation-cards{grid-template-columns:1fr}.request-stats{grid-template-columns:repeat(3,1fr);font-size:14px}.stat-value{font-size:16px}.report-actions{grid-template-columns:1fr}.form-actions{flex-direction:column}.save-btn,.cancel-btn{width:100%}}@media (width<=480px){.manage-header,.manage-content,.request-card{padding:16px}.request-header{flex-direction:column;gap:12px}.request-stats{grid-template-columns:1fr;gap:8px}.stat{text-align:left;flex-direction:row;justify-content:space-between}.report-details{grid-template-columns:1fr}}.chart-wrapper{position:relative}.chart-premium-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fffffff2;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chart-premium-content{text-align:center;max-width:350px;padding:32px}.chart-premium-content .premium-icon{color:gold;margin-bottom:16px;font-size:42px;animation:3s ease-in-out infinite float}.chart-premium-content h3{color:#333;margin:0 0 8px;font-size:18px;font-weight:600}.chart-premium-content p{color:#666;margin-bottom:20px;font-size:14px}.chart-premium-content .upgrade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f87b2d,#ff9a5a);border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.chart-premium-content .upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f87b2d4d}.chart-premium-content .premium-price{color:#999;margin-top:12px;font-size:12px;display:block}.blurred-chart{filter:blur(6px);opacity:.6;pointer-events:none}.premium-blur-wrapper{display:inline-block;position:relative}.premium-blur-content{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}.premium-blur-overlay{white-space:nowrap;background:#fffffff2;border-radius:4px;align-items:center;gap:6px;padding:2px 8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000001a}.blur-icon{color:gold;font-size:12px}.blur-upgrade-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s}.blur-upgrade-btn:hover{color:#e06b1d;text-decoration:underline}.period-btn.premium-locked{color:#999;cursor:pointer;background:#f9f9f9;border-color:#e0e0e0;padding-left:28px;position:relative}.period-btn.premium-locked:hover{color:#f87b2d;background:linear-gradient(135deg,#ffe8cc,#ffd4a3);border-color:#f87b2d}.period-btn .lock-icon{color:inherit;font-size:10px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.hour-block.premium-blur-block{cursor:pointer;transition:all .3s;position:relative}.hour-block.premium-blur-block:after{content:"🔒";opacity:0;font-size:10px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hour-block.premium-blur-block:hover:after{opacity:1}.hour-block.premium-blur-block:hover{transform:scale(1.1);box-shadow:0 2px 8px #f87b2d4d;background:linear-gradient(135deg,#ffe8cc,#ffd4a3)!important}.premium-blur-text{cursor:pointer;position:relative}.premium-blur-text .premium-blur-wrapper{width:100%}.premium-blur-text:hover .premium-blur-content{filter:blur(3px)}.analytics-time-selector{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-bottom:1px solid #eee;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.analytics-time-selector::-webkit-scrollbar{display:none}.time-btn{color:#666;cursor:pointer;white-space:nowrap;background:#f5f5f5;border:none;border-radius:20px;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.time-btn.active{color:#fff;background:#f87b2d}.analytics-tabs{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #eee;display:flex;overflow-x:auto}.analytics-tab{color:#666;cursor:pointer;background:0 0;border:none;flex:1;min-width:fit-content;padding:16px;font-size:14px;font-weight:500;position:relative}.analytics-tab.active{color:#f87b2d}.analytics-tab.active:after{content:"";background:#f87b2d;height:3px;position:absolute;bottom:0;left:0;right:0}.analytics-content{box-sizing:border-box;max-width:100%;margin:0 auto;padding:16px;overflow-x:hidden}.analytics-overview .stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{box-sizing:border-box;background:#fff;border-radius:12px;min-width:0;padding:12px;box-shadow:0 2px 4px #0000000d}.stat-icon{color:#f87b2d;background:#fff5f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;display:flex}.stat-details h3{color:#333;word-break:break-word;margin:0 0 4px;font-size:20px;font-weight:700}.stat-details p{color:#666;word-break:break-word;margin:0 0 8px;font-size:13px}.stat-change{align-items:center;gap:4px;font-size:12px;display:inline-flex}.stat-change.positive{color:#4caf50}.stat-change.negative{color:#f44336}.stat-subtitle{color:#999;font-size:12px}.chart-container{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;margin-bottom:20px;padding:16px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.chart-container h3{color:#333;margin:0 0 16px;font-size:16px;font-weight:600}.top-posts-section{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;padding:16px;box-shadow:0 2px 4px #0000000d}.top-posts-section h3{color:#333;margin:0 0 16px;font-size:16px;font-weight:600}.top-post-item{border-bottom:1px solid #f0f0f0;padding:16px 0}.top-post-item:last-child{border-bottom:none}.post-content p{color:#333;word-break:break-word;overflow-wrap:break-word;margin:0 0 8px;font-size:14px}.post-author{color:#999;font-size:12px}.post-stats{gap:16px;margin-top:8px;display:flex}.post-stats span{color:#666;align-items:center;gap:4px;font-size:12px;display:flex}.analytics-engagement{box-sizing:border-box;width:100%;padding:0 16px;overflow-x:hidden}.analytics-engagement .chart-container{box-sizing:border-box;width:100%}.engagement-metrics{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;max-width:100%;margin-top:20px;margin-left:-36.5px;padding:0;display:grid}.engagement-metrics .metric-card{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;min-width:0;padding:16px;box-shadow:0 2px 4px #0000000d}.engagement-metrics .metric-card h4{color:#999;margin:0 0 8px;font-size:12px;font-weight:400}.engagement-metrics .metric-value{color:#333;font-size:24px;font-weight:700}.engagement-metrics .metric-change{align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.engagement-metrics .metric-subtitle{color:#999;margin-top:4px;font-size:11px}.engagement-metrics .metric-change.positive{color:#4caf50}.engagement-metrics .metric-change.negative{color:#f44336}.members-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.member-stat-card{text-align:center;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d}.member-stat-card h4{color:#666;margin:0 0 12px;font-size:14px;font-weight:400}.stat-large{color:#f87b2d;font-size:32px;font-weight:700}.top-contributors{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;margin-bottom:20px;padding:16px;box-shadow:0 2px 4px #0000000d}.top-contributors h3{color:#333;margin:0 0 16px;font-size:16px;font-weight:600}.contributor-item{border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:12px 0;display:flex}.contributor-item:last-child{border-bottom:none}.contributor-rank{color:#999;min-width:30px;font-size:14px;font-weight:700}.contributor-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.contributor-info{flex:1}.contributor-info h4{color:#333;margin:0 0 4px;font-size:14px;font-weight:600}.contributor-info p{color:#666;margin:0;font-size:12px}.trophy-icon{font-size:20px}.trophy-icon.gold{color:gold}.trophy-icon.silver{color:silver}.trophy-icon.bronze{color:#cd7f32}.member-activity-chart{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;padding:16px;box-shadow:0 2px 4px #0000000d}.member-activity-chart h3{color:#333;margin:0 0 16px;font-size:16px;font-weight:600}.activity-bars{flex-direction:column;gap:12px;display:flex}.activity-bar{background:#f5f5f5;border-radius:8px;align-items:center;height:40px;display:flex;position:relative;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#f87b2d,#ff9a5c);border-radius:8px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.bar-label{z-index:1;color:#333;white-space:nowrap;align-items:center;height:40px;padding:0 12px 8px;font-weight:500;line-height:40px;display:flex;position:relative;font-size:14px!important}.analytics-content-tab .content-type-chart{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #0000000d}.content-type-chart h3{color:#333;text-align:center;margin:0 0 16px;font-size:16px;font-weight:600}.content-stats{background:#fff;border-radius:12px;flex-direction:column;gap:16px;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 2px 4px #0000000d}.content-stat{align-items:center;gap:12px;display:flex}.content-stat svg{color:#f87b2d;font-size:20px}.content-stat h4{color:#333;margin:0 0 4px;font-size:14px}.content-stat p{color:#666;margin:0;font-size:12px}.content-trends{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d}.content-trends h3{color:#333;margin:0 0 16px;font-size:16px;font-weight:600}.trend-tags{flex-wrap:wrap;gap:8px;display:flex}.trend-tag{color:#f87b2d;background:#fff5f0;border-radius:16px;padding:6px 12px;font-size:12px;font-weight:500}.settings-container{box-sizing:border-box;max-width:100%;margin:0 auto;padding:16px;overflow-x:hidden}.settings-section{background:#fff;border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.settings-section-header{cursor:pointer;justify-content:space-between;align-items:center;padding:20px;transition:background .2s;display:flex}.settings-section-header:hover{background:#fafafa}.section-title-group{align-items:center;gap:12px;display:flex}.section-icon{color:#f87b2d;font-size:20px}.settings-section-header h3{color:#333;word-break:break-word;margin:0;font-size:15px;font-weight:600}.section-arrow{color:#999;font-size:20px;transition:transform .2s}.section-arrow.expanded{transform:rotate(90deg)}.settings-items{border-top:1px solid #f0f0f0}.settings-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;width:100%;padding:16px 20px;transition:background .2s;display:flex}.settings-item:hover{background:#fafafa}.settings-item:not(:last-child){border-bottom:1px solid #f0f0f0}.settings-item.danger,.settings-item.danger .item-icon{color:#f44336}.item-icon{color:#666;margin-right:16px;font-size:18px}.item-label{color:inherit;flex:1;font-size:14px}.item-arrow{color:#999;font-size:16px}.settings-footer{text-align:center;padding:20px}.settings-info{color:#999;margin:0;font-size:12px}.general-settings-container{flex-direction:column;gap:16px;max-width:500px;margin:0 auto;padding:16px;display:flex}.settings-section-card{background:#fff;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 1px 3px #00000014}.settings-section-title{color:#888;text-transform:uppercase;letter-spacing:.5px;background:#fafafa;border-bottom:1px solid #f0f0f0;margin:0;padding:12px 16px 8px;font-size:13px;font-weight:600}.setting-row{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.setting-row:last-child{border-bottom:none}.setting-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.setting-label{color:#333;font-size:15px;font-weight:500}.setting-description{color:#888;font-size:12px}.toggle-switch-custom{cursor:pointer;background-color:#e0e0e0;border-radius:6px;flex-shrink:0;width:44px;height:26px;transition:background-color .2s;position:relative}.toggle-switch-custom.active{background-color:#f87b2d}.toggle-knob{background-color:#fff;border-radius:4px;width:18px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000026}.toggle-switch-custom.active .toggle-knob{transform:translate(20px)}.select-row{gap:12px}.setting-select{color:#333;cursor:pointer;appearance:none;background:#fafafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #e0e0e0;border-radius:8px;min-width:120px;padding:8px 30px 8px 12px;font-size:14px}.setting-select:focus{border-color:#f87b2d;outline:none}.settings-save-container{padding:8px 0 24px}.settings-save-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:12px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:background .2s,transform .1s}.settings-save-btn:hover{background:#e06a1f}.settings-save-btn:active{transform:scale(.98)}.privacy-toggle-group{gap:12px;margin-bottom:12px;display:flex}.privacy-toggle-option{cursor:pointer;color:#666;background:#fafafa;border:2px solid #e0e0e0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.privacy-toggle-option:hover{background:#f5f5f5;border-color:#ccc}.privacy-toggle-option.active{color:#f87b2d;background:#fff5f0;border-color:#f87b2d}.privacy-toggle-option.active.private{color:#1f363d;background:#bfd1e5;border-color:#1f363d}.privacy-toggle-option svg{font-size:16px}.privacy-hint{color:#888;text-align:center;margin:0;font-size:12px}.setting-row.clickable:hover{background:#f5f5f5;border-radius:8px;margin:0 -16px;padding:12px 16px}.settings-action-btn{color:#333;cursor:pointer;background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;align-items:center;width:100%;padding:14px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.settings-action-btn:hover{background:#f0f0f0;border-color:#ccc}.settings-action-btn:disabled{opacity:.6;cursor:not-allowed}.settings-action-btn.danger{color:#c62828;background:#fff;border-color:#c62828}.settings-action-btn.danger:hover{background:#ffebee}.confirm-action-box{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:10px;margin-top:8px;padding:16px}.confirm-action-box.warning{background:#fff8f0;border-color:#ffd4a3}.confirm-action-box.danger{background:#fff5f5;border-color:#ffd4d4}.confirm-action-box p{color:#666;margin:0 0 12px;font-size:13px}.confirm-buttons{gap:8px;margin-top:12px;display:flex}.confirm-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:background .2s}.confirm-btn:hover{background:#e06a1f}.confirm-btn:disabled{cursor:not-allowed;background:#ccc}.confirm-btn.danger{background:#c62828}.confirm-btn.danger:hover{background:#b71c1c}.confirm-btn.danger:disabled{background:#ccc}.cancel-action-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.cancel-action-btn:hover{background:#f5f5f5;border-color:#ccc}.setting-input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.setting-input:focus{border-color:#f87b2d;outline:none}.settings-section-card.danger-zone{background:#fff5f5;border:1px solid #ffd4d4}.info-row{border-bottom:1px solid #eee;justify-content:space-between;padding:8px 0;display:flex}.info-row:last-child{border-bottom:none}.new-event-page{background:#fff;min-height:100vh;padding-bottom:6rem;font-family:Roboto,sans-serif}.new-event-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.new-event-back-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;font-size:1.2rem;transition:background-color .2s}.new-event-back-btn:hover{background:#fff3e8}.new-event-title{color:#222;margin:0;font-size:1.2rem;font-weight:600}.new-event-spacer{width:2rem}.new-event-progress-section{border-bottom:1px solid #f0f0f0;justify-content:center;padding:1.5rem 1rem;display:flex}.new-event-progress-bar{width:380px;height:11.5px;position:relative}.new-event-progress-background{background-color:#fcbd96;border-radius:6px;width:100%;height:100%;position:relative;overflow:hidden}.new-event-progress-fill{background-color:#f87b2d;border-radius:6px;height:100%;transition:width .3s}.new-event-progress-divider{background-color:#f87b2d;width:2px;height:100%;position:absolute;top:0;transform:translate(-1px)}.new-event-progress-icon{color:#1f363d;background-color:#bfd1e5;border:2px solid #1f363d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:left .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.new-event-form{max-width:500px;margin:0 auto;padding:2rem 1rem}.new-event-form-actions{gap:1rem;margin-top:2rem;display:flex}.new-event-previous-btn{color:#1f363d;cursor:pointer;background:#bfd1e5;border:none;border-radius:8px;flex:1;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.new-event-previous-btn:hover:not(:disabled){background:#a8c4db}.new-event-previous-btn:disabled{opacity:.5;cursor:not-allowed}.new-event-next-btn{color:#f87b2d;cursor:pointer;background:#ffe0cd;border:none;border-radius:8px;flex:1;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s}.new-event-next-btn:hover{background:#ffd4b8}.new-event-create-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex}.new-event-create-btn:hover{background:#e66a26}.event-step-content{padding:1rem 0}.event-step-form-group{margin-bottom:1.5rem}.event-step-label{color:#333;text-align:left;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:block}.event-step-input,.event-step-textarea,.event-step-select{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:.8rem;font-size:1rem;transition:border-color .2s}.event-step-input:focus,.event-step-textarea:focus,.event-step-select:focus{border-color:#f87b2d;outline:none}.event-step-textarea{resize:vertical;min-height:100px;font-family:inherit}.event-step-row{gap:1rem;display:flex}.event-step-row .event-step-form-group{flex:1}.event-privacy-options{gap:1rem;display:flex}.event-privacy-option{cursor:pointer;flex:1}.event-privacy-radio{display:none}.event-privacy-button{border-radius:8px;align-items:center;gap:.5rem;padding:1rem;font-weight:600;transition:all .2s;display:flex}.event-privacy-button.public{color:#f87b2d;background:#ffe0cd}.event-privacy-button.private{color:#1f363d;background:#bfd1e5}.event-privacy-option:hover .event-privacy-button{transform:translateY(-2px)}.event-privacy-radio:checked+.event-privacy-button.public{box-shadow:0 0 0 2px #f87b2d}.event-privacy-radio:checked+.event-privacy-button.private{box-shadow:0 0 0 2px #1f363d}.event-privacy-icon{font-size:1.2rem}.event-location-section{flex-direction:column;gap:1rem;display:flex}.event-location-type{gap:1rem;display:flex}.event-location-option{cursor:pointer;text-align:center;border:1px solid #ddd;border-radius:8px;flex:1;padding:1rem;transition:all .2s}.event-location-option.active{background:#fff3e8;border-color:#f87b2d}.event-location-option:hover{border-color:#f87b2d}.event-attendee-limit{align-items:center;gap:1rem;display:flex}.event-attendee-limit input[type=checkbox]{accent-color:#f87b2d}.event-requirements-section{background:#fafafa;border:2px dashed #ddd;border-radius:12px;padding:1.5rem}.event-invite-list{background:#fafafa;border:1px solid #ddd;border-radius:8px;max-height:200px;padding:1rem;overflow-y:auto}.event-invite-item{border-bottom:1px solid #eee;align-items:center;gap:.5rem;padding:.5rem;display:flex}.event-invite-item:last-child{border-bottom:none}.event-preview-container{padding:1rem 0}.event-preview-title{color:#333;text-align:center;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.event-preview-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}.event-preview-header{background:linear-gradient(135deg,#f87b2d 0%,#e66a26 100%);justify-content:center;align-items:center;height:120px;display:flex;position:relative}.event-preview-category{color:#f87b2d;background:#ffffffe6;border-radius:8px;padding:.3rem .8rem;font-size:.8rem;font-weight:600;position:absolute;top:1rem;left:1rem}.event-preview-content{padding:1.5rem}.event-preview-event-title{color:#333;margin:0 0 .5rem;font-size:1.2rem;font-weight:600}.event-preview-description{color:#666;margin:0 0 1rem;font-size:.9rem;line-height:1.4}.event-preview-details{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.event-preview-detail{color:#666;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.event-preview-icon{color:#f87b2d;font-size:.9rem}.event-preview-note{text-align:center;color:#666;font-size:.9rem;font-style:italic}.event-media-section{background:#fafafa;border:2px dashed #ddd;border-radius:12px;padding:1.5rem}.event-media-upload-buttons{justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.event-media-btn{cursor:pointer;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.event-media-btn.photo-btn{color:#f87b2d;background:#ffe0cd}.event-media-btn.photo-btn:hover{background:#ffd4b8;transform:translateY(-2px)}.event-media-btn.video-btn{color:#4caf50;background:#e8f5e8}.event-media-btn.video-btn:hover{background:#d4edda;transform:translateY(-2px)}.event-media-btn svg{font-size:1.5rem}.event-media-item{flex-direction:column;align-items:center;display:flex}.event-media-preview{background:#fff;border:1px solid #eee;border-radius:8px;justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:relative;overflow:hidden}.event-media-preview img{object-fit:cover;width:100%;height:100%}.video-placeholder{color:#4caf50;flex-direction:column;align-items:center;gap:.3rem;font-size:.8rem;display:flex}.video-placeholder svg{font-size:1.5rem}.event-media-remove{color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:13px;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.event-media-remove:hover{background:#f00c;transform:scale(1.1)}.event-media-name{color:#666;text-align:center;margin-top:.3rem;font-size:.8rem}.event-media-note{text-align:center;color:#666;border-top:1px solid #eee;margin-top:1rem;padding-top:1rem;font-size:.9rem;font-style:italic}.event-media-note p{margin:0}@media (width<=480px){.new-event-form{padding:1.5rem .5rem}.new-event-header{padding:.8rem}.new-event-title{font-size:1.1rem}.new-event-progress-bar{width:320px}.new-event-progress-section{padding:1rem .5rem}.event-step-row,.event-privacy-options,.event-location-type{flex-direction:column;gap:.5rem}.new-event-form-actions{flex-direction:column}}.event-detail-page{background:#faf9f6;min-height:100vh;padding-bottom:80px}.event-detail-header{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.event-detail-header h1{color:#333;text-align:center;flex:1;margin:0;font-size:18px;font-weight:600}.event-detail-page-title{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;padding:0 8px;overflow:hidden}.event-circle-chip{cursor:pointer;background:#fff5ee;border:1px solid #f3d8c4;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;max-width:40%;padding:4px 8px 4px 4px;display:inline-flex}.event-circle-chip:hover{background:#ffe8d6}.event-circle-chip-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.event-circle-chip-name{color:#333;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.event-back-btn,.event-save-btn{color:#333;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:20px;transition:opacity .2s;display:flex}.event-back-btn:hover,.event-save-btn:hover{opacity:.7}.event-save-btn .saved,.event-share-icon-btn .saved{color:#f87b2d}.event-header-actions{align-items:center;gap:4px;display:flex}.event-more-wrapper{position:relative}.event-more-btn{color:#333;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:20px;transition:opacity .2s;display:flex}.event-more-btn:hover{opacity:.7}.event-more-menu{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:160px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.event-more-item{cursor:pointer;color:#333;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;display:flex}.event-more-item:hover{background:#f5f5f5}.event-more-item.danger{color:#d9534f}.event-detail-content{background:#fff}.event-hero-image{width:100%;height:250px;position:relative;overflow:hidden}.event-hero-image img{object-fit:cover;width:100%;height:100%}.event-hero-image .event-category-badge{color:#fff;background:#f87b2df2;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:16px;right:16px}.event-main-info{padding:20px}.event-title-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.event-title{color:#333;flex:1;margin:0;font-size:18px;font-weight:700}.event-share-icon-btn{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:20px;transition:opacity .2s;display:flex}.event-share-icon-btn:hover{opacity:.7}.event-attend-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;width:100%;margin-bottom:20px;padding:14px 20px;font-size:16px;font-weight:600;transition:all .2s}.event-attend-btn.attending{background:#4caf50}.event-attend-btn.disabled{cursor:not-allowed;background:#ccc}.event-attend-btn:hover:not(.disabled){opacity:.9}.event-host-info{background:#f8f8f8;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:12px;display:flex}.host-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.host-label{color:#666;margin:0;font-size:12px}.host-name{color:#333;align-items:center;gap:4px;margin:2px 0 0;font-size:14px;font-weight:600;display:flex}.verified-badge{color:#f87b2d;font-size:12px}.event-quick-info{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.info-item{align-items:flex-start;gap:12px;display:flex}.info-icon{color:#f87b2d;margin-top:2px;font-size:18px}.info-label{color:#666;margin:0;font-size:12px}.info-value{color:#333;margin:2px 0 0;font-size:14px;font-weight:600}.info-subvalue{color:#666;margin:2px 0 0;font-size:13px}.event-attendance-section{background:#fff8f3;border-radius:12px;margin-bottom:24px;padding:16px}.attendance-stats{align-items:center;gap:8px;margin-bottom:12px;display:flex}.attendance-icon{color:#f87b2d;font-size:18px}.attendance-text{color:#333;margin:0;font-size:14px}.attendance-text strong{color:#f87b2d;font-weight:600}.max-attendees{color:#666}.attendees-preview{align-items:center;gap:-8px;margin-bottom:12px;display:flex}.attendee-avatar{object-fit:cover;z-index:1;border:2px solid #fff;border-radius:50%;width:32px;height:32px;margin-right:-8px;position:relative}.attendee-avatar:hover{z-index:2;transition:transform .2s;transform:scale(1.1)}.more-attendees{color:#fff;background:#f87b2d;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;font-size:12px;font-weight:600;display:flex}.view-attendees-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.view-attendees-btn:hover{opacity:.8}.all-attendees-list{border-top:1px solid #f0f0f0;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px;padding-top:16px;display:grid}.attendee-item{align-items:center;gap:8px;display:flex}.attendee-item img{object-fit:cover;border-radius:50%;width:28px;height:28px}.attendee-item span{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.event-description-section{margin-bottom:24px}.event-description-section h3{color:#333;margin:0 0 12px;font-size:16px;font-weight:600}.event-description{color:#666;white-space:pre-line;font-size:14px;line-height:1.6}.event-requirements{background:#f0f7ff;border-radius:8px;margin-bottom:20px;padding:16px}.event-requirements h3{color:#333;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:600;display:flex}.event-requirements p{color:#666;margin:0;font-size:14px}.event-tags{flex-wrap:wrap;gap:8px;display:flex}.event-tag{color:#666;background:#f5f5f5;border-radius:20px;padding:6px 12px;font-size:12px}.event-media-section{margin-bottom:24px}.event-media-section h3{color:#333;align-items:center;gap:8px;margin:0 0 8px;font-size:16px;font-weight:600;display:flex}.event-media-description{color:#666;margin:0 0 16px;font-size:14px}.event-media-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.event-media-item{aspect-ratio:1;cursor:pointer;background:#f5f5f5;border-radius:8px;position:relative;overflow:hidden}.event-media-item:hover{opacity:.9}.event-media-item img{object-fit:cover;width:100%;height:100%}.event-media-video{width:100%;height:100%;position:relative}.event-media-video img{object-fit:cover;width:100%;height:100%}.event-media-play{color:#fff;pointer-events:none;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.event-media-modal-overlay{z-index:1000;background:#000000f2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.event-media-modal-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.event-media-modal-main{flex-direction:column;align-items:center;max-width:100%;max-height:100%;display:flex}.event-media-modal-image,.event-media-modal-video{object-fit:contain;max-width:100%;max-height:70vh}@media (width>=768px){.event-detail-content{max-width:800px;margin:0 auto}.event-hero-image{height:400px}.event-main-info{padding:32px}.event-media-grid{grid-template-columns:repeat(4,1fr)}}.legal-page{background:#f5f5f5;min-height:100vh;padding:40px 20px 80px}.legal-container{background:#fff;border-radius:12px;max-width:800px;margin:0 auto;padding:40px;box-shadow:0 2px 10px #00000014}.legal-page h1{color:#333;border-bottom:2px solid #f0f0f0;margin:0 0 10px;padding-bottom:20px;font-size:32px}.last-updated{color:#666;margin-bottom:30px;font-size:14px;font-style:italic}.legal-page section{margin:30px 0}.legal-page h2{color:#333;margin:0 0 15px;padding-top:10px;font-size:22px}.legal-page h3{color:#555;margin:15px 0 10px;font-size:18px}.legal-page p{color:#555;text-align:justify;margin:0 0 15px;font-size:15px;line-height:1.8}.legal-page ul{margin:15px 0;padding-left:30px}.legal-page li{color:#555;margin:8px 0;font-size:15px;line-height:1.8}.legal-page strong{color:#333;font-weight:600}@media (width<=768px){.legal-page{padding:20px 15px 70px}.legal-container{border-radius:0;padding:25px 20px}.legal-page h1{font-size:26px}.legal-page h2{font-size:20px}.legal-page p,.legal-page li{font-size:14px}}.story-upload-page{z-index:100000;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.camera-container{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.camera-preview{object-fit:cover;width:100%;height:100%}.camera-preview.mirrored{transform:scaleX(-1)}.camera-loading,.camera-error{text-align:center;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}.camera-error p{max-width:280px;margin-bottom:16px;font-size:14px}.camera-error-buttons{flex-direction:column;align-items:center;gap:12px;display:flex}.camera-error button{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:24px;min-width:180px;padding:12px 24px;font-size:14px;transition:all .2s}.camera-error button:hover{background:#ffffff4d}.camera-error .gallery-fallback-btn{cursor:pointer;background:#ff6b35;border:none;font-size:14px}.story-top-controls{z-index:10;padding:16px;padding-top:env(safe-area-inset-top,16px);background:linear-gradient(#0006 0%,#0000 100%);justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.story-top-controls.preview-mode{background:linear-gradient(#0009 0%,#0000 100%)}.control-btn{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;transition:background .2s;display:flex}.control-btn:hover{background:#0009}.top-right-controls{gap:12px;display:flex}.story-bottom-controls{padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:10;background:linear-gradient(#0000 0%,#0009 100%);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.album-picker-btn{color:#fff;cursor:pointer;background:#fff3;border:2px solid #fff9;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .2s;display:flex;overflow:hidden}.album-picker-btn:hover{background:#ffffff4d;border-color:#fff}.album-picker-btn img{object-fit:cover;width:100%;height:100%}.capture-btn{cursor:pointer;background:0 0;border:4px solid #fff;border-radius:50%;width:80px;height:80px;padding:4px;transition:transform .2s}.capture-btn:hover:not(:disabled){transform:scale(1.05)}.capture-btn:active:not(:disabled){transform:scale(.95)}.capture-btn:disabled{opacity:.5;cursor:not-allowed}.capture-btn-inner{background:#fff;border-radius:50%;width:100%;height:100%;transition:background .2s}.capture-btn:hover:not(:disabled) .capture-btn-inner{background:#f0f0f0}.switch-camera-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;transition:all .2s;display:flex}.switch-camera-btn:hover{background:#ffffff4d}.story-upload-page .preview-container{background:#000;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.story-upload-page .preview-media{object-fit:contain;width:100%;height:100%}.caption-overlay{z-index:15;padding:16px;position:absolute;bottom:120px;left:0;right:0}.caption-input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff4d;border-radius:24px;outline:none;width:100%;padding:14px 20px;font-size:16px}.caption-input::placeholder{color:#fff9}.caption-input:focus{border-color:#ff6b35}.preview-bottom-controls{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:10;background:linear-gradient(#0000 0%,#000c 100%);justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.retake-btn,.add-caption-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff6;border-radius:24px;flex:1;padding:14px 16px;font-size:14px;font-weight:500;transition:all .2s}.retake-btn:hover,.add-caption-btn:hover{background:#ffffff4d}.share-story-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);border:none;border-radius:24px;flex:1.5;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s}.share-story-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.share-story-btn:disabled{opacity:.6;cursor:not-allowed}.preview-error{text-align:center;z-index:20;background:#e53935e6;border-radius:12px;padding:12px 16px;position:absolute;bottom:100px;left:16px;right:16px}.preview-error p{color:#fff;margin:0;font-size:14px}@media (width<=480px){.story-bottom-controls{padding:20px 16px}.capture-btn{width:72px;height:72px}.album-picker-btn,.switch-camera-btn{width:44px;height:44px;font-size:22px}.preview-bottom-controls{flex-wrap:wrap}.retake-btn,.add-caption-btn{flex:1;min-width:calc(50% - 6px)}.share-story-btn{flex:100%;margin-top:8px}}@media (orientation:landscape) and (height<=500px){.story-bottom-controls{padding:12px 24px}.capture-btn{width:60px;height:60px}}.archives-page{color:#222;background-color:#fafafa;min-height:100vh}.archives-header{z-index:100;background-color:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.archives-header .back-button{box-shadow:none;color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;display:flex;position:static;inset:auto;transform:none}.archives-header .back-button:hover{background-color:#f5f5f5}.archives-header .header-spacer{width:36px}.header-title-container{position:relative}.title-dropdown-btn{color:#222;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:17px;font-weight:600;transition:background-color .2s;display:flex}.title-dropdown-btn:hover{background-color:#f5f5f5}.dropdown-chevron{color:#888;font-size:12px;transition:transform .2s}.dropdown-chevron.open{transform:rotate(180deg)}.archive-type-dropdown{z-index:200;background-color:#fff;border:1px solid #eee;border-radius:12px;min-width:180px;margin-top:8px;position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 18px #0000001f}.archive-type-dropdown .dropdown-item{color:#222;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;font-size:14px;transition:background-color .18s;display:block}.archive-type-dropdown .dropdown-item:hover{background-color:#f5f5f5}.archive-type-dropdown .dropdown-item.active{color:#f87b2d;font-weight:600}.archive-type-dropdown .dropdown-item:not(:last-child){border-bottom:1px solid #f0f0f0}.archives-content{padding:16px 16px 80px}.archives-loading{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-spinner{border:3px solid #eee;border-top-color:#f87b2d;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.archives-loading p{color:#888;margin-top:16px}.archives-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.archives-empty .empty-icon{margin-bottom:20px;font-size:64px}.archives-empty h2{color:#222;margin:0 0 12px;font-size:20px;font-weight:600}.archives-empty p{color:#888;max-width:280px;font-size:14px;line-height:1.5}.archives-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.archive-item{aspect-ratio:9/16;cursor:pointer;background-color:#f0f0f0;border-radius:8px;transition:transform .2s;position:relative;overflow:hidden}.archive-item:hover{transform:scale(1.02)}.archive-item img{object-fit:cover;width:100%;height:100%}.archive-overlay{background:linear-gradient(#0000,#0000008c);padding:8px;position:absolute;bottom:0;left:0;right:0}.archive-date{color:#fffffff2;font-size:10px}.posts-grid .post-item{aspect-ratio:1}.archives-list{flex-direction:column;gap:10px;display:flex}.archive-list-item{cursor:pointer;background-color:#fff;border:1px solid #eee;border-radius:12px;gap:12px;padding:12px;transition:background-color .2s,box-shadow .2s;display:flex}.archive-list-item:hover{background-color:#fafafa;box-shadow:0 2px 8px #0000000d}.archive-list-item img{object-fit:cover;border-radius:8px;width:80px;height:80px}.archive-list-info{flex-direction:column;flex:1;justify-content:center;display:flex}.archive-list-info h3{color:#222;margin:0 0 4px;font-size:15px;font-weight:600}.archive-list-info p{color:#888;margin:0;font-size:13px}.archive-placeholder{background-color:#f0f0f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;display:flex}.archive-item .archive-placeholder{border-radius:0;width:100%;height:100%;font-size:48px}.archive-menu-btn{color:#fff;cursor:pointer;opacity:0;z-index:5;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:14px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.archive-item:hover .archive-menu-btn{opacity:1}.archive-menu-btn:hover{background:#000000a6}.archive-menu-container{position:relative}.archive-menu-btn-list{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:16px;transition:color .2s;display:flex}.archive-menu-btn-list:hover{color:#333}.archive-action-menu{z-index:100;background-color:#fff;border:1px solid #eee;border-radius:12px;min-width:160px;position:absolute;top:40px;right:8px;overflow:hidden;box-shadow:0 6px 18px #0000001f}.archive-action-menu.list-menu{margin-bottom:8px;top:auto;bottom:100%}.archive-action-menu button{color:#222;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:14px;transition:background-color .18s;display:flex}.archive-action-menu button:hover{background-color:#f5f5f5}.archive-action-menu button.delete-option{color:#c0392b}.archive-action-menu button:not(:last-child){border-bottom:1px solid #f0f0f0}.confirm-btn{color:#fff;background-color:#f87b2d}.archive-delete-btn{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:16px;transition:color .2s;display:flex}.archive-delete-btn:hover{color:#c0392b}.archive-viewer{z-index:1000;background-color:#000;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-header{z-index:10;background:linear-gradient(#0009,#0000);justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;top:0;left:0;right:0}.close-viewer{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px;font-size:20px}.viewer-info{text-align:center}.viewer-date{color:#ffffffe6;font-size:12px}.delete-archive-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px;font-size:18px}.viewer-content{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.viewer-content img{object-fit:contain;max-width:100%;max-height:100%}.viewer-caption{text-align:center;color:#fff;text-shadow:0 1px 3px #00000080;padding:16px 24px;font-size:16px;position:absolute;bottom:80px;left:0;right:0}.delete-confirm-overlay{z-index:1100;background-color:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.delete-confirm-modal{text-align:center;background-color:#fff;border-radius:16px;width:100%;max-width:320px;padding:22px}.delete-confirm-modal h3{color:#222;margin:0 0 8px;font-size:17px;font-weight:600}.delete-confirm-modal p{color:#666;margin:0 0 20px;font-size:14px;line-height:1.5}.confirm-buttons{gap:10px;display:flex}.confirm-buttons button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:11px;font-size:14px;font-weight:600}.delete-btn{color:#fff;background-color:#c0392b}@media (width>=768px){.archives-grid{grid-template-columns:repeat(4,1fr);gap:8px}.archive-item{border-radius:12px}.posts-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1024px){.archives-grid,.posts-grid{grid-template-columns:repeat(5,1fr)}}.halfmoon-upload-root{z-index:10000;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.halfmoon-upload-root>*{pointer-events:auto}.halfmoon-upload-btn{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#f60,#f84);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 6px 20px #ff66004d,0 2px 8px #00000026,inset 0 1px 2px #ffffff4d}.halfmoon-upload-btn.open{background:linear-gradient(135deg,#f84,#fa6);transform:scale(1.1)rotate(45deg);box-shadow:0 8px 25px #f606,0 4px 12px #0003}.halfmoon-upload-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px #ff660059,0 3px 10px #0000002e}.halfmoon-plus{font-size:2.2rem;font-weight:700;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.halfmoon-upload-btn.open .halfmoon-plus{transform:rotate(-45deg)}.halfmoon-popup{opacity:0;pointer-events:none;z-index:10001;transition:all .35s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:75px;left:50%;transform:translate(-50%,20px)scale(.8)}.halfmoon-popup.show{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.halfmoon-moon-bg{-webkit-backdrop-filter:blur(24px)saturate(180%);background:linear-gradient(135deg,#fffffffa 0%,#fff5eef2 100%);border:1px solid #ffffff2e;border-radius:24px;justify-content:center;align-items:center;width:280px;height:auto;padding:24px;animation:.5s cubic-bezier(.68,-.55,.27,1.55) halfmoon-pop;display:flex;position:relative;overflow:visible;box-shadow:0 20px 40px #0000001f,0 8px 32px #f87b2d14,inset 0 0 0 1px #ffffff80,0 0 80px #ff66000d}@keyframes halfmoon-pop{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.halfmoon-popup.show .halfmoon-moon-bg{animation:.35s cubic-bezier(.34,1.56,.64,1) halfmoon-pop}.halfmoon-actions-container{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.halfmoon-bottom-row{display:none}.halfmoon-action{cursor:pointer;z-index:1;-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,#fff9,#fff3);border:1px solid #ffffff4d;border-radius:16px;outline:none;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000f,inset 0 1px 2px #fffc}.halfmoon-action:hover{background:linear-gradient(145deg,#ffffffd9,#ffffff80);border-color:#ff66004d;transform:translateY(-2px);box-shadow:0 6px 20px #f603,0 4px 12px #0000001a,inset 0 1px 3px #fffc}.halfmoon-action:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,inset 0 1px 2px #fff9}.halfmoon-action-icon{filter:drop-shadow(0 1px 2px #0000001a);margin-bottom:.35rem;font-size:1.5rem;transition:all .3s}.halfmoon-action-icon.gray{color:#64748b}.halfmoon-action-icon.orange{color:#f60}.halfmoon-action-icon.dark{color:#334155}.halfmoon-action:hover .halfmoon-action-icon{filter:drop-shadow(0 2px 4px #ff66004d)}.halfmoon-action-label{color:#4a5568;text-align:center;white-space:nowrap;letter-spacing:.3px;font-size:.7rem;font-weight:600;line-height:1.2;transition:color .3s}.halfmoon-action:hover .halfmoon-action-label{color:#2d3748}.halfmoon-upload-backdrop{-webkit-backdrop-filter:blur(2px);z-index:9999;background:#0006;animation:.2s ease-out fadeIn;position:fixed;inset:0}@media (width<=400px){.halfmoon-moon-bg{width:260px;padding:20px}.halfmoon-action{width:65px;height:65px}.halfmoon-action-label{font-size:.6rem}.halfmoon-action-icon{font-size:1.1rem}.halfmoon-actions-container{gap:10px}}.bundle-modal-overlay{z-index:10002;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.bundle-modal{background:#fff;border-radius:12px;width:100%;max-width:400px;max-height:90vh;padding:2rem;animation:.2s ease-out modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 4px 20px #00000026}.bundle-modal-title{color:#333;text-align:center;margin:0 0 1.5rem;font-size:1.3rem;font-weight:600}.bundle-modal-field{margin-bottom:1.2rem}.bundle-modal-label{color:#333;margin-bottom:.5rem;font-size:1rem;font-weight:600;display:block}.bundle-modal-input{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:.8rem;font-size:1rem;transition:border-color .2s}.bundle-modal-input:focus{border-color:#f87b2d;outline:none}.bundle-modal-textarea{box-sizing:border-box;resize:vertical;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;min-height:80px;padding:.8rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.bundle-modal-textarea:focus{border-color:#f87b2d;outline:none}.bundle-modal-actions{gap:1rem;margin-top:2rem;display:flex}.bundle-modal-cancel,.bundle-modal-create{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.bundle-modal-cancel{color:#666;background:#f0f0f0}.bundle-modal-cancel:hover{background:#e0e0e0}.bundle-modal-create{color:#fff;background:#f87b2d}.bundle-modal-create:hover:not(:disabled){background:#e66a26}.bundle-modal-create:disabled{cursor:not-allowed;background:#ccc}.bundle-modal-toggle-field{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.bundle-modal-toggle{cursor:pointer;background:#ddd;border-radius:12px;width:50px;height:24px;transition:background-color .3s;position:relative}.bundle-modal-toggle.active{background:#f87b2d}.bundle-modal-toggle-slider{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.bundle-modal-toggle.active .bundle-modal-toggle-slider{transform:translate(26px)}.bundle-modal-help-text{color:#666;margin-top:0;font-size:.8rem}.bundle-modal-search{margin-top:8px;margin-bottom:12px;position:relative}.bundle-modal-search-icon{color:#999;font-size:.9rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.bundle-modal-search-input{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:8px 8px 8px 36px;font-size:.9rem;transition:border-color .2s}.bundle-modal-search-input:focus{border-color:#f87b2d;outline:none}.bundle-modal-search-input::placeholder{color:#999}.bundle-modal-recipes-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-height:200px;padding:4px;display:grid;overflow-y:auto}.bundle-modal-recipe-item{cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;padding:8px;transition:all .2s;display:flex}.bundle-modal-recipe-item:hover{background:#f5f5f5}.bundle-modal-recipe-item.selected{background:#fff5ee;border-color:#f87b2d}.bundle-modal-recipe-image-container{border-radius:8px;width:80px;height:80px;margin-bottom:6px;position:relative;overflow:hidden}.bundle-modal-recipe-image{object-fit:cover;width:100%;height:100%}.bundle-modal-recipe-check{color:#fff;background:#f87b2d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #0003}.bundle-modal-recipe-title{text-align:center;color:#333;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:80px;font-size:.75rem;overflow:hidden}.bundle-modal-no-results{text-align:center;color:#666;grid-column:1/-1;padding:20px;font-size:.9rem}@media (width<=480px){.bundle-modal{max-height:85vh;margin:auto 1rem;padding:1.5rem}.bundle-modal-overlay{align-items:flex-start;padding-top:2rem}.bundle-modal-actions{flex-direction:column}.bundle-modal-recipes-grid{grid-template-columns:repeat(2,1fr)}}.error-boundary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.error-content{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:500px;padding:40px;box-shadow:0 20px 60px #0003}.error-icon{margin:0 auto 20px;display:inline-block}.error-icon svg{animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-content h1{color:#333;margin:0 0 15px;font-size:24px}.error-content p{color:#666;margin:0 0 30px;font-size:16px;line-height:1.5}.error-details{text-align:left;background:#f5f5f5;border-radius:8px;margin:20px 0;padding:15px}.error-details summary{cursor:pointer;color:#666;margin-bottom:10px;font-weight:500}.error-details pre{white-space:pre-wrap;word-break:break-all;color:#e74c3c;background:#fff;border-radius:4px;margin:10px 0;padding:10px;font-size:12px;overflow-x:auto}.error-actions{justify-content:center;gap:15px;display:flex}.reset-btn,.back-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 30px;font-size:15px;font-weight:500;transition:all .3s}.reset-btn{color:#fff;background:#4a90e2}.reset-btn:hover{background:#357abd;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.back-btn{color:#666;background:#f5f5f5}.back-btn:hover{color:#333;background:#e0e0e0}@media (width<=768px){.error-content{padding:30px 20px}.error-actions{flex-direction:column}.reset-btn,.back-btn{width:100%}}.bottom-nav{z-index:9999;height:calc(72px + env(safe-area-inset-bottom,0px));box-sizing:border-box;backface-visibility:hidden;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0);box-shadow:0 -2px 8px #0000000f}.bottom-nav-btn{color:#979797;cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;height:100%;padding:8px 0 12px;font-size:10px;transition:color .2s;display:flex}.bottom-nav-btn .nav-icon{width:22px;height:22px;color:inherit;margin-bottom:3px;font-size:22px!important}.bottom-nav-btn.active,.bottom-nav-btn:active,.bottom-nav-btn.active .nav-icon{color:#f87b2d!important}.nav-icon-wrapper{display:inline-flex;position:relative}.nav-unread-dot{background:#f87b2d;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-4px}.general-signup-container{background-color:#faf9f6;min-height:100vh;padding-bottom:40px}.signup-header{z-index:10;background-color:#fff;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.signup-back-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;font-size:1.2rem;transition:background-color .2s}.signup-back-btn:hover{background:#fff3e8}.signup-spacer{width:2rem}.step-subtitle{color:#666;margin-bottom:2rem}.preference-section{margin-bottom:2rem}.preference-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.preference-option{cursor:pointer;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem;transition:all .2s;display:flex}.preference-option:hover{background-color:#fff8f5;border-color:#f87b2d}.preference-option input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}.preference-option input[type=checkbox]:checked{background:#f87b2d;border-color:#f87b2d}.preference-option input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preference-option input[type=checkbox]:hover{border-color:#f87b2d}.preference-option input[type=checkbox]:checked+span{color:#f87b2d;font-weight:600}.preference-option span{color:#333;font-size:.9rem}.profile-photo-upload{justify-content:center;display:flex}.upload-box.circle{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;padding:1rem;display:flex}.upload-box.circle img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.photo-overlay{opacity:0;cursor:pointer;background:#000000b3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.upload-box.circle:hover .photo-overlay{opacity:1}.upload-box.small{border-radius:8px;width:100px;height:100px;padding:.5rem}.notification-section{margin-top:2rem}.notification-option{cursor:pointer;border:1px solid #e0e0e0;border-radius:8px;align-items:flex-start;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.notification-option:hover{background-color:#fff8f5}.notification-option input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:4px;flex-shrink:0;width:18px;height:18px;margin-top:.25rem;transition:all .2s;position:relative}.notification-option input[type=checkbox]:checked{background:#f87b2d;border-color:#f87b2d}.notification-option input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notification-option input[type=checkbox]:hover{border-color:#f87b2d}.notification-title{color:#333;margin-bottom:.25rem;font-weight:600;display:block}.notification-desc{color:#666;margin:0;font-size:.85rem}.form-actions{gap:1rem;margin-top:2rem;display:flex}.general-signup-container .btn-primary,.general-signup-container .btn-secondary{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;border:none!important}.general-signup-container .btn-primary{color:#f87b2d!important;background:#ffe0cd!important}.general-signup-container .btn-primary:hover{background:#ffd4b8!important}.general-signup-container .btn-secondary{color:#1f363d!important;background:#bfd1e5!important}.general-signup-container .btn-secondary:hover{background:#a8c4db!important}.general-signup-container .btn-submit{cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex;color:#fff!important;background:#f87b2d!important;border:none!important}.general-signup-container .btn-submit:hover{background:#e66a26!important}.signup-footer{text-align:center;padding:1rem 0}.signup-footer p{color:#666;margin:.5rem 0}.signup-footer a{color:#f87b2d;cursor:pointer;font-weight:600;text-decoration:none}.signup-footer a:hover{text-decoration:underline}.business-link{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem}@media (width<=768px){.signup-form{padding:0 1rem}.step-content{padding:1.5rem 1.25rem}.preference-grid{grid-template-columns:1fr}.notification-option{padding:.75rem}}@media (width<=480px){.signup-progress-bar{width:320px}.signup-progress-section{padding:1rem .5rem}.form-actions{flex-direction:column}}.link-mode-banner{color:#fff;background:linear-gradient(135deg,#f87b2d,#e66a26);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.link-mode-banner svg{font-size:16px}.account-type-dropdown{width:100%;position:relative}.dropdown-trigger{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;min-height:50px;padding:.75rem 1rem;transition:all .2s;display:flex}.dropdown-trigger:hover{border-color:#f87b2d}.dropdown-trigger.open{border-color:#f87b2d;border-bottom-right-radius:0;border-bottom-left-radius:0}.dropdown-trigger .placeholder{color:#999;font-size:1rem}.dropdown-trigger .selected-option{align-items:center;gap:12px;display:flex}.dropdown-trigger .chevron{color:#666;font-size:14px;transition:transform .2s}.dropdown-trigger .chevron.rotated{transform:rotate(180deg)}.dropdown-menu{z-index:100;background:#fff;border:1px solid #f87b2d;border-top:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px;max-height:280px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.dropdown-option{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex}.dropdown-option:hover{background-color:#fff8f5}.dropdown-option.selected{background-color:#fff3e8}.option-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.option-content{flex-direction:column;gap:2px;display:flex}.option-label{color:#333;font-size:.95rem;font-weight:600}.option-description{color:#666;font-size:.8rem;line-height:1.3}.business-signup-container{background-color:#faf9f6;min-height:100vh;padding-bottom:80px}.business-signup-header{z-index:10;background-color:#fff;align-items:center;gap:1rem;padding:1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.business-signup-title{color:#333;flex:1;margin:0;font-size:1.5rem;font-weight:600}.business-signup-content{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.business-signup-subtitle{color:#666;text-align:center;margin-bottom:2rem;font-size:1.1rem}.profile-types-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.profile-type-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;padding:1.5rem;transition:all .3s;position:relative;box-shadow:0 2px 8px #00000014}.profile-type-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.profile-type-card.selected{border-color:var(--card-color);background-color:var(--card-bg-color)}.profile-type-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex;position:relative}.profile-type-icon{background-color:var(--card-bg-color);width:48px;height:48px;color:var(--card-color);border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.profile-type-card.selected .profile-type-icon{background-color:var(--card-color);color:#fff}.profile-type-title{color:#333;flex:1;margin:0;font-size:1.3rem;font-weight:600}.selected-indicator{background-color:var(--card-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex;position:absolute;top:0;right:0}.profile-type-description{color:#666;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.profile-type-features{margin-top:1rem}.profile-type-features h4{color:#333;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.profile-type-features ul{margin:0;padding:0;list-style:none}.profile-type-features li{color:#666;padding:.25rem 0 .25rem 1.2rem;font-size:.85rem;position:relative}.profile-type-features li:before{content:"✓";color:var(--card-color);font-weight:700;position:absolute;left:0}.business-signup-footer{text-align:center}.pricing-note{color:#666;margin-bottom:2rem;font-size:1rem}.pricing-note strong{color:#4caf50;font-weight:600}.continue-button{color:#fff;cursor:pointer;background-color:#f87b2d;border:none;border-radius:8px;padding:1rem 3rem;font-size:1.1rem;font-weight:600;transition:all .3s}.continue-button:hover{background-color:#e66d1f;transform:translateY(-2px)}.continue-button.disabled{cursor:not-allowed;background-color:#ccc;transform:none}.continue-button.disabled:hover{background-color:#ccc;transform:none}@media (width<=768px){.profile-types-grid{grid-template-columns:1fr;gap:1rem}.business-signup-content{padding:1.5rem 1rem}.profile-type-card{padding:1rem}.business-signup-title{font-size:1.2rem}}.restaurant-signup-container{background-color:#faf9f6;min-height:100vh;padding-bottom:80px}.step-subtitle{color:#666;margin-bottom:2rem;font-size:.95rem}.hours-section{margin-bottom:2rem}.hours-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.hours-header h3{margin:0}.same-hours-toggle{align-items:center;gap:.5rem;display:flex}.toggle-switch{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.toggle-slider{cursor:pointer;background-color:#ccc;border-radius:6px;transition:all .3s;position:absolute;inset:0}.toggle-slider:after{content:"";background-color:#fff;border-radius:4px;width:18px;height:18px;transition:all .3s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:#f87b2d}.toggle-switch input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{color:#666;font-size:.85rem;font-weight:500}.hours-day-container{border-bottom:1px solid #f0f0f0;margin-bottom:.75rem;padding-bottom:.5rem}.hours-row{flex-wrap:nowrap;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.day-name{color:#333;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:95px;min-width:95px;max-width:95px;font-weight:600;overflow:hidden}.hours-inputs{flex-wrap:nowrap;flex:1;align-items:center;gap:.5rem;display:flex}.time-picker{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex-shrink:0;align-items:center;gap:2px;padding:.35rem .5rem;display:flex}.time-picker:focus-within{border-color:#f87b2d}.time-select{color:#333;cursor:pointer;appearance:none;background:0 0;border:none;padding:.1rem;font-size:.9rem}.time-select:focus{outline:none}.hour-select{text-align:right;width:32px}.minute-select{text-align:left;width:32px}.period-select{color:#f87b2d;width:38px;margin-left:4px;font-weight:500}.time-colon{color:#333;font-size:.9rem;font-weight:600}.time-separator{color:#666;padding:0 .25rem;font-size:.85rem}.hours-inputs .closed-text{color:#999;font-style:italic}.closed-checkbox-row{margin-top:0;padding-top:0;padding-bottom:0}.closed-checkbox-row .day-name{visibility:hidden;height:0;padding:0}.checkbox-content{align-items:center;gap:.5rem;display:flex}.closed-checkbox-row input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}.closed-checkbox-row input[type=checkbox]:checked{background:#f87b2d;border-color:#f87b2d}.closed-checkbox-row input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.closed-checkbox-row input[type=checkbox]:hover{border-color:#f87b2d}.closed-checkbox-row label{color:#666;cursor:pointer;font-size:.85rem}.service-types-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.service-type-option{cursor:pointer;align-items:center;gap:.5rem;display:flex}.service-type-option input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}.service-type-option input[type=checkbox]:checked{background:#f87b2d;border-color:#f87b2d}.service-type-option input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.service-type-option input[type=checkbox]:hover{border-color:#f87b2d}.service-type-option span{color:#333;font-size:.95rem}.upload-box{text-align:center;cursor:pointer;border:2px dashed #e0e0e0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:2rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.upload-box img{object-fit:contain;width:100%;height:100%;padding:10px;position:absolute;top:0;left:0}.photo-overlay{opacity:0;background:#000000b3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.upload-box:hover .photo-overlay{opacity:1}.photo-overlay svg,.photo-overlay span{color:#fff}.file-uploaded{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex;position:relative}.remove-file{color:#fff;cursor:pointer;z-index:10;background:#f44;border-radius:50%;padding:.4rem;font-size:1rem;position:absolute;top:-1.5rem;right:-1.5rem}.remove-file:hover{background:#c00}.file-icon{font-size:3rem}.file-name{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 1rem;font-size:.9rem;font-weight:500;overflow:hidden}.logo-upload .upload-box{max-width:200px;margin:0 auto}.photos-grid{justify-content:center;gap:1rem;display:flex}.photos-grid .upload-box{width:200px}.add-photos-section{justify-content:center;margin-bottom:1rem;display:flex}.upload-box.small{width:100px;height:100px;min-height:auto;padding:.5rem}.upload-box.small svg{font-size:1.2rem}.upload-box.small span{font-size:.75rem}.photo-thumbnails{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.info-box{background-color:#fff8f5;border:1px solid #ffe5d9;border-radius:8px;margin-top:2rem;padding:1rem}.info-box p{color:#666;margin:0;font-size:.9rem;line-height:1.5}.info-box strong{color:#f87b2d}.btn-primary{margin-left:auto;color:#fff!important;background:#f87b2d!important}.btn-primary:hover{transform:translateY(-2px);background:#e66d1f!important}@media (width<=768px){.signup-form{padding:0 1rem}.step-content{padding:1.5rem 1.25rem}.form-row{grid-template-columns:1fr}.hours-row{gap:.5rem}.day-name{width:80px;min-width:80px;max-width:80px;font-size:.85rem}.hours-inputs{gap:.25rem}.time-picker{padding:.25rem .35rem}.time-select{font-size:.8rem}.hour-select,.minute-select{width:26px}.period-select{width:32px;font-size:.75rem}.time-colon{font-size:.8rem}.time-separator{padding:0 .15rem;font-size:.75rem}.closed-checkbox-row label{font-size:.8rem}.service-types-grid{grid-template-columns:1fr}}@media (width<=400px){.day-name{width:65px;min-width:65px;max-width:65px;font-size:.75rem}.time-picker{padding:.2rem .25rem}.time-select{font-size:.75rem}.hour-select,.minute-select{width:22px}.period-select{width:28px;margin-left:2px;font-size:.7rem}.time-colon{font-size:.75rem}.time-separator{font-size:.7rem}}@media (width<=360px){.step-content{padding:1rem .5rem}.hours-section{padding:.5rem}.hours-row{gap:4px}.day-name{width:45px;min-width:45px;max-width:45px;font-size:.65rem}.hours-inputs{gap:2px}.time-picker{gap:1px;padding:2px 3px}.time-select{padding:0;font-size:.65rem}.hour-select,.minute-select{width:18px}.period-select{width:22px;margin-left:1px;font-size:.6rem}.time-colon{font-size:.65rem}.time-separator{padding:0 1px;font-size:.6rem}.closed-checkbox-row label{font-size:.7rem}.checkbox-content{gap:4px}.checkbox-content input[type=checkbox]{width:14px;height:14px}}.business-type-signup-container{background-color:#faf9f6;min-height:100vh;padding-bottom:80px}.form-group{margin-bottom:1.5rem}.social-media-section,.delivery-section{margin-top:2rem}.delivery-options{gap:.75rem;display:grid}.media-section{margin-bottom:2rem}.logo-upload .upload-box,.video-upload .upload-box{max-width:200px;margin:0 auto}.logo-preview{border:2px solid #e0e0e0;border-radius:8px;max-width:200px;margin:0 auto;position:relative;overflow:hidden}.logo-preview img{width:100%;height:auto;display:block}.photo-preview{aspect-ratio:1;border:2px solid #e0e0e0;border-radius:8px;position:relative;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:100%;display:block}.video-preview{background-color:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;max-width:200px;margin:0 auto;padding:1rem;display:flex}.video-preview .video-name{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.9rem;overflow:hidden}.remove-btn{color:#fff;cursor:pointer;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;transition:background-color .2s;display:flex;position:absolute;top:8px;right:8px}.remove-btn:hover{background-color:#dc3545e6}.video-preview .remove-btn{flex-shrink:0;margin-left:.5rem;position:static}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.photos-grid .photo-preview{min-height:150px}.brand-photos-add{margin-top:1rem}.brand-photos-add .upload-box{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:1.25rem;display:flex}.video-upload{max-width:300px}.video-upload .upload-box{max-width:100%;padding:1.5rem}@media (width<=768px){.signup-form{padding:0 1rem}.step-content{padding:1.5rem 1.25rem}}.pro-creator-signup-container{background-color:#faf9f6;min-height:100vh;padding-bottom:80px}.signup-header{z-index:10;background-color:#fff;align-items:center;gap:1rem;padding:1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.signup-header h1{color:#333;margin:0;font-size:1.5rem;font-weight:600}.signup-progress-section{border-bottom:1px solid #f0f0f0;justify-content:center;padding:1.5rem 1rem;display:flex}.signup-progress-bar{width:380px;height:11.5px;position:relative}.signup-progress-background{background-color:#fcbd96;border-radius:6px;width:100%;height:100%;position:relative;overflow:hidden}.signup-progress-fill{background-color:#f87b2d;border-radius:6px;height:100%;transition:width .3s}.signup-progress-divider{background-color:#f87b2d;width:2px;height:100%;position:absolute;top:0;transform:translate(-1px)}.signup-progress-icon{color:#1f363d;background-color:#bfd1e5;border:2px solid #1f363d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:left .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.signup-form{max-width:600px;margin:0 auto;padding:0 1.5rem}.step-content{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #00000014}.step-content h2{color:#333;margin-bottom:2rem;font-size:1.5rem}.step-content h3{color:#333;margin-top:2rem;margin-bottom:1rem;font-size:1.1rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{color:#333;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.char-count{color:#999;font-size:.8rem;position:absolute;bottom:.75rem;right:.75rem}.checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.checkbox-option{cursor:pointer;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.checkbox-option input[type=checkbox]{appearance:none;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}.checkbox-option input[type=checkbox]:checked{background:#f87b2d;border-color:#f87b2d}.checkbox-option input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-option input[type=checkbox]:hover{border-color:#f87b2d}.checkbox-option span{color:#333;font-size:.95rem}.social-media-section{margin-top:2rem}.social-input{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.social-input svg{color:#666;flex-shrink:0;font-size:1.5rem}.social-input input{flex:1}.media-section{text-align:center;margin-bottom:2rem}.media-section h3{text-align:left}.upload-box{text-align:center;cursor:pointer;border:2px dashed #e0e0e0;border-radius:8px;padding:2rem;transition:all .2s;position:relative;overflow:hidden}.upload-box:hover{background-color:#fcf4ff;border-color:#9c27b0}.upload-box.circle{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto;padding:1rem;display:flex}.upload-box.wide{height:200px}.upload-box svg{color:#999;margin-bottom:.5rem;font-size:2rem}.upload-box span{color:#666;font-size:.95rem;display:block}.upload-box input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.profile-photo-upload,.media-kit-upload{max-width:200px;margin:0 auto}.portfolio-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.portfolio-grid .upload-box{flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;padding:1rem;display:flex}.help-text{color:#666;margin-top:.5rem;font-size:.85rem}.content-thumbnails{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.thumbnail-item{border:2px solid #e0e0e0;border-radius:8px;width:80px;height:80px;transition:all .2s;position:relative;overflow:hidden}.thumbnail-item:hover{border-color:#9c27b0;transform:scale(1.05)}.thumbnail-item img{object-fit:cover;width:100%;height:100%}.remove-thumbnail{color:#fff;cursor:pointer;opacity:0;z-index:10;background:#f44;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;transition:opacity .2s;display:flex;position:absolute;top:-8px;right:-8px}.thumbnail-item:hover .remove-thumbnail{opacity:1}.remove-thumbnail:hover{background:#c00;transform:scale(1.1)}.form-actions{justify-content:space-between;align-items:center;padding:2rem 0;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{color:#fff;background-color:#9c27b0;margin-left:auto}.btn-primary:hover{background-color:#7b1fa2;transform:translateY(-2px)}.btn-secondary{color:#333;background-color:#f0f0f0}.btn-secondary:hover{background-color:#e0e0e0}@media (width<=768px){.signup-form{padding:0 1rem}.step-content{padding:1.5rem 1.25rem}.checkbox-grid{grid-template-columns:1fr}}.forgot-password-container{background-color:#faf9f6;min-height:100vh}.forgot-password-header{z-index:10;background-color:#fff;justify-content:center;align-items:center;padding:1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.forgot-password-header h1{color:#222;text-align:center;margin:0;font-size:1.2rem;font-weight:600}.forgot-password-content{text-align:center;max-width:400px;margin:0 auto;padding:2rem 1.5rem}.forgot-password-content h2{color:#333;margin:0 0 1rem;font-size:1.5rem}.forgot-password-content p{color:#666;margin:0 0 1.5rem;line-height:1.5}.forgot-password-content .small-text{color:#888;font-size:.9rem}.forgot-password-content form{text-align:left}.forgot-password-content .form-group{margin-bottom:1.5rem}.forgot-password-content .form-group label{color:#333;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.forgot-password-content .input-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;padding-left:1rem;transition:border-color .2s,box-shadow .2s;display:flex}.forgot-password-content .input-container:focus-within{border-color:#f87b2d;box-shadow:0 0 0 3px #f87b2d1a}.forgot-password-content .input-icon{color:#999;flex-shrink:0;width:1rem;height:1rem;margin-right:.75rem;font-size:1rem}.forgot-password-content input{appearance:none;flex:1;min-width:0;padding:.875rem 1rem .875rem 0;font-size:1rem;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.forgot-password-content .error-message{color:#c00;background:#fee;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.forgot-password-content .primary-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:background-color .2s}.forgot-password-content .primary-btn:hover:not(:disabled){background:#e66a26}.forgot-password-content .primary-btn:disabled{cursor:not-allowed;background:#ccc}.forgot-password-content .secondary-btn{color:#333;cursor:pointer;background:#f0f0f0;border:none;border-radius:8px;width:100%;padding:1rem;font-size:1rem;font-weight:500;transition:background-color .2s}.forgot-password-content .secondary-btn:hover{background:#e0e0e0}.forgot-password-content .text-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;margin-top:1rem;padding:.5rem;font-size:1rem;font-weight:500}.forgot-password-content .text-btn:hover{text-decoration:underline}.dev-section{background:#fff3cd;border:1px dashed #ffc107;border-radius:8px;margin:1.5rem 0;padding:1rem}.dev-note{color:#856404;font-size:.85rem;margin-bottom:.75rem!important}.dev-section .primary-btn{margin-bottom:0}.reset-password-container{background-color:#faf9f6;min-height:100vh}.reset-password-header{z-index:10;background-color:#fff;justify-content:center;align-items:center;padding:1rem;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.reset-password-header h1{color:#222;text-align:center;margin:0;font-size:1.2rem;font-weight:600}.reset-password-content{text-align:center;max-width:400px;margin:0 auto;padding:2rem 1.5rem}.icon-circle{background:linear-gradient(135deg,#f87b2d,#e66a26);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.icon-circle svg{color:#fff;font-size:2rem}.success-icon{background:#d4edda;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1.5rem;display:flex}.success-icon svg{color:#28a745;font-size:2.5rem}.error-icon{background:#f8d7da;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1.5rem;display:flex}.error-icon svg{color:#dc3545;font-size:2.5rem}.reset-password-content h2{color:#333;margin:0 0 1rem;font-size:1.5rem}.reset-password-content p{color:#666;margin:0 0 1.5rem;line-height:1.5}.reset-password-content form{text-align:left}.reset-password-content .form-group{margin-bottom:1.5rem}.reset-password-content .form-group label{color:#333;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.reset-password-content .input-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;padding-left:1rem;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.reset-password-content .input-container:focus-within{border-color:#f87b2d;box-shadow:0 0 0 3px #f87b2d1a}.reset-password-content .input-icon{color:#999;flex-shrink:0;width:1rem;height:1rem;margin-right:.75rem;font-size:1rem}.reset-password-content input{appearance:none;flex:1;min-width:0;padding:.875rem 2.75rem .875rem 0;font-size:1rem;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.reset-password-content .toggle-password{color:#999;cursor:pointer;background:0 0;border:none;padding:.25rem;position:absolute;right:1rem}.reset-password-content .toggle-password:hover{color:#666}.reset-password-content .error-message{color:#c00;text-align:center;background:#fee;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.reset-password-content .primary-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:background-color .2s}.reset-password-content .primary-btn:hover:not(:disabled){background:#e66a26}.reset-password-content .primary-btn:disabled{cursor:not-allowed;background:#ccc}.reset-password-content .text-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:.5rem;font-size:1rem;font-weight:500}.reset-password-content .text-btn:hover{text-decoration:underline}.loading-state{flex-direction:column;justify-content:center;align-items:center;padding:3rem 0;display:flex}.spinner{border:3px solid #f0f0f0;border-top-color:#f87b2d;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}.loading-state p{color:#666;margin:0}.verify-email-page{background:#faf9f6;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.verify-email-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:400px;padding:40px 32px;box-shadow:0 10px 40px #00000014}.verify-email-logo{color:#f87b2d;margin:0 0 24px}.verify-email-card h3{color:#333;margin:12px 0 8px}.verify-email-msg{color:#666;margin:0 0 24px;font-size:15px;line-height:1.5}.verify-email-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 8px;font-size:32px;font-weight:700;display:flex}.verify-email-icon.success{background:#f87b2d}.verify-email-icon.error{background:#e74c3c}.verify-email-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;width:100%;padding:12px 28px;font-size:15px;font-weight:600}.verify-email-btn:hover{background:#e06a1f}.menu-builder-container{background-color:#faf9f6;min-height:100vh;padding-bottom:80px}.menu-builder-header{z-index:10;background-color:#fff;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.menu-builder-header h1{color:#333;margin:0;font-size:1.5rem;font-weight:600}.back-button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;font-size:1.2rem;transition:background-color .2s;display:flex}.back-button:hover{background-color:#f0f0f0}.save-menu-btn{color:#fff;cursor:pointer;background-color:#f87b2d;border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.save-menu-btn:hover{background-color:#e66d1f;transform:translateY(-1px)}.menu-builder-tabs{background-color:#fff;border-bottom:1px solid #eee;gap:2rem;padding:0 1.5rem;display:flex}.menu-builder-tabs .tab{color:#666;cursor:pointer;background:0 0;border:none;padding:1rem 0;font-size:1rem;font-weight:500;transition:color .2s;position:relative}.menu-builder-tabs .tab.active{color:#f87b2d}.menu-builder-tabs .tab.active:after{content:"";background-color:#f87b2d;height:3px;position:absolute;bottom:0;left:0;right:0}.menu-builder-content{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.menu-categories-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.menu-categories-tabs::-webkit-scrollbar{display:none}.category-tab{color:#333;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.category-tab:hover{background-color:#fff8f5;border-color:#f87b2d}.category-tab.active{color:#fff;background-color:#f87b2d;border-color:#f87b2d}.item-count{background-color:#ffffff4d;border-radius:12px;padding:.1rem .5rem;font-size:.85rem}.category-tab.active .item-count{background-color:#ffffff4d}.category-tab.add-category{color:#999;background-color:#f5f5f5;border:2px solid #ddd;min-width:auto;padding:.75rem 1rem;font-size:1.1rem}.category-tab.add-category:hover{color:#666;background-color:#ececec;border-color:#ccc}.menu-items-section{background-color:#fff;border-radius:12px;width:100%;padding:2rem;overflow:visible;box-shadow:0 2px 8px #0000000d}.section-header{justify-content:flex-start;align-items:center;width:100%;margin-bottom:1rem;display:flex}.section-header h3{color:#333;margin:0;font-size:1.5rem}.add-item-container{justify-content:flex-end;width:100%;margin-top:.5rem;margin-bottom:1rem;display:flex}.category-name-input{color:#333;background-color:#0000;border:2px dashed #ddd;border-radius:6px;width:auto;max-width:300px;height:auto;padding:.25rem 1rem;font-family:inherit;font-size:1.5rem;font-weight:600;line-height:1.2;transition:all .2s}.category-name-input:hover{background-color:#f8f8f8;border-color:#ccc}.category-name-input:focus{background-color:#fff;border-style:solid;border-color:#f87b2d;outline:none}.add-item-btn{cursor:pointer;transition:all .3s}.add-item-btn:hover{opacity:.8;transform:scale(1.05)}.add-item-form{background-color:#f8f8f8;border:2px solid #e0e0e0;border-radius:8px;margin-top:0;margin-bottom:2rem;padding:1.5rem}.form-row{grid-template-columns:1fr auto;gap:1rem;margin-bottom:1rem;display:grid}.item-input,.price-input,.description-input{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.item-input:focus,.price-input:focus,.description-input:focus{border-color:#f87b2d;outline:none}.item-input::placeholder,.price-input::placeholder,.description-input::placeholder{color:#999;opacity:1;font-size:.85rem}.price-input{width:120px}.price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-input[type=number]{-moz-appearance:textfield}.description-input{resize:vertical;margin-bottom:1rem}.dietary-tags{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tags-label{color:#333;margin-right:.5rem;font-weight:600}.tag-checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.tag-checkbox input[type=checkbox]{cursor:pointer}.tag-checkbox span{color:#666;align-items:center;gap:.25rem;font-size:.9rem;display:flex}.popular-checkbox{cursor:pointer;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.popular-checkbox input[type=checkbox]{cursor:pointer}.form-actions{justify-content:flex-end;gap:1rem;display:flex}.cancel-btn,.save-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.cancel-btn{color:#666;background-color:#f0f0f0}.cancel-btn:hover{background-color:#e0e0e0}.save-btn{color:#fff;background-color:#4caf50}.save-btn:hover{background-color:#45a049}.menu-items-list{flex-direction:column;gap:1rem;display:flex}.menu-item-card{background-color:#f8f8f8;border-radius:8px;justify-content:space-between;align-items:start;padding:1.5rem;transition:all .2s;display:flex}.menu-item-card:hover{box-shadow:0 4px 12px #00000014}.item-main{flex:1;justify-content:space-between;gap:2rem;display:flex}.item-info h4{color:#333;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.1rem;display:flex}.popular-badge{color:#f87b2d;background-color:#ffe5d9;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.item-info p{color:#666;margin:0 0 .75rem;font-size:.95rem;line-height:1.4}.item-tags{flex-wrap:wrap;gap:.5rem;display:flex}.dietary-tag{color:#2e7d32;background-color:#e8f5e9;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;display:flex}.item-price{color:#f87b2d;white-space:nowrap;font-size:1.25rem;font-weight:600}.item-actions{gap:.5rem;margin-left:1rem;display:flex}.edit-btn,.delete-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:.5rem;transition:all .2s}.edit-btn:hover{color:#1976d2;background-color:#e3f2fd}.delete-btn:hover{color:#d32f2f;background-color:#ffebee}.empty-state{text-align:center;color:#999;padding:4rem 2rem}.empty-state svg{margin-bottom:1rem;font-size:3rem}.empty-state p{margin-bottom:1.5rem;font-size:1.1rem}.empty-state button{color:#fff;cursor:pointer;background-color:#f87b2d;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.empty-state button:hover{background-color:#e66d1f;transform:translateY(-2px)}.menu-preview-view{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.menu-preview-header{color:#fff;text-align:center;background-color:#f87b2d;padding:3rem 2rem}.menu-preview-header h2{margin:0 0 .5rem;font-size:2.5rem}.menu-preview-header p{opacity:.9;margin:0;font-size:1.1rem}.menu-preview-content{padding:2rem}.preview-category{margin-bottom:3rem}.preview-category-title{color:#333;border-bottom:2px solid #f87b2d;margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.5rem}.preview-items{flex-direction:column;gap:1.5rem;display:flex}.preview-item{border-bottom:1px solid #f0f0f0;padding-bottom:1.5rem}.preview-item:last-child{border-bottom:none;padding-bottom:0}.preview-item-header{justify-content:space-between;align-items:start;margin-bottom:.5rem;display:flex}.preview-item-header h4{color:#333;align-items:center;gap:.75rem;margin:0;font-size:1.1rem;display:flex}.preview-popular{color:#f87b2d;font-size:.9rem;font-weight:500}.preview-price{color:#333;font-size:1.1rem;font-weight:600}.preview-description{color:#666;margin:0 0 .5rem;font-size:.95rem;line-height:1.5}.preview-tags{gap:.5rem;display:flex}.preview-tag{color:#4caf50;font-size:1rem}.preview-footer{text-align:center;color:#666;background-color:#f8f8f8;padding:1.5rem;font-size:.9rem}@media (width<=768px){.menu-builder-header h1{font-size:1.25rem}.save-menu-btn{padding:.5rem 1rem;font-size:.9rem}.menu-builder-content{padding:1rem}.menu-items-section{padding:1.5rem;overflow:visible}.section-header{width:100%;margin-bottom:.5rem}.category-name-input{width:100%;max-width:100%;font-size:1.2rem}.form-row{grid-template-columns:1fr}.price-input{width:100%}.dietary-tags{flex-direction:column;align-items:flex-start}.item-main{flex-direction:column;gap:1rem}.menu-preview-header{padding:2rem 1.5rem}.menu-preview-header h2{font-size:2rem}}@media (width<=480px){.category-name-input{width:100%!important;max-width:100%!important}.section-header{width:100%!important}}.manage-reservations-container{background:#f8f8f8;min-height:100vh;padding-bottom:60px;font-family:Roboto,sans-serif}.reservations-header{background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;padding:1.25rem 1.25rem 1rem;display:flex;position:relative}.header-top-row{justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.reservations-header .back-btn{color:#333;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:1.25rem;display:flex}.reservations-header h1{color:#333;text-align:center;flex:1;margin:0;font-size:1.5rem;font-weight:600}.refresh-btn{color:#f87b2d;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:1.1rem;transition:transform .2s;display:flex}.refresh-btn:hover{transform:rotate(30deg)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn.refreshing svg{animation:1s linear infinite spin}.last-updated{color:#999;text-align:center;padding-bottom:.5rem;font-size:11px}.reservations-stats{background:#f9f9f9;border-radius:8px;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:.5rem;padding:1rem;display:flex}.stat-item{text-align:center;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;box-shadow:0 1px 3px #0000001a;width:130px!important;height:130px!important;padding:1.25rem!important}.stat-box{width:160px!important;min-width:160px!important;max-width:none!important;height:160px!important;min-height:160px!important}.stat-item:last-child{border-right:none}.stat-number{color:#333;text-align:center;font-weight:600;line-height:1.2;font-size:1.1rem!important}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;text-align:center;white-space:nowrap;font-weight:500;font-size:.7rem!important}.stat-item.warning .stat-number{color:#ff9800}.reservations-controls{background:#fff;border-bottom:1px solid #e5e5e5;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.search-bar{background:#f5f5f5;border-radius:8px;flex:1;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.search-bar svg{color:#666;font-size:1rem}.search-bar input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.search-bar input::placeholder{color:#999}.control-buttons{gap:.5rem;display:flex}.filter-btn,.sort-btn{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.85rem;transition:all .2s;display:flex}.filter-btn:hover,.sort-btn:hover{background:#f5f5f5;border-color:#ccc}.reservations-tabs{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #eee;display:flex;overflow-x:auto}.reservations-tabs .tab{color:#888;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:0 0;border:none;flex:1;padding:1rem 0;font-family:Roboto,sans-serif;font-size:.9rem;font-weight:700;transition:color .2s;position:relative}.reservations-tabs .tab:hover{color:#666}.reservations-tabs .tab.active{color:#f87b2d}.reservations-tabs .tab.active:after{content:"";background:#f87b2d;border-radius:2px;height:3px;position:absolute;bottom:0;left:10%;right:10%}.reservations-content{min-height:400px;margin-bottom:1rem;padding:1rem 1.25rem}.reservations-list{flex-direction:column;gap:1rem;display:flex;transform:translateZ(0)}.reservation-card{background:#fff;border-radius:12px;padding:1.25rem;transition:all .2s;transform:translateZ(0);box-shadow:0 2px 4px #0000000d}.reservation-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.reservation-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.reservation-time-date{flex-direction:column;gap:.5rem;display:flex}.reservation-date,.reservation-time{color:#666;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.reservation-date svg,.reservation-time svg{color:#999;font-size:.85rem}.reservation-status{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:relative;background:0 0!important;border:none!important}.reservation-status:before,.reservation-status:after{display:none!important}.status-row{align-items:center;gap:.5rem;display:flex;position:relative;background:0 0!important}.status-row:before,.status-row:after{display:none!important}.status-badge{text-transform:uppercase;letter-spacing:.5px;z-index:10;backface-visibility:hidden;opacity:.999;contain:layout style paint;border-radius:8px;padding:.4rem 1rem;font-size:.75rem;font-weight:600;display:inline-block;position:relative;transform:translateZ(0)}.table-number{color:#666;font-size:.85rem;font-weight:500}.reservation-guest-info{margin-bottom:1rem}.reservation-guest-info h3{color:#333;margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.guest-details{flex-wrap:wrap;gap:1rem;display:flex}.guest-contact,.party-size{color:#666;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.guest-contact svg,.party-size svg{color:#999;font-size:.8rem}.reservation-notes{color:#666;background:#f8f8f8;border-radius:8px;margin-bottom:1rem;padding:.75rem;font-size:.85rem;line-height:1.4}.reservation-notes strong{color:#333}.reservation-actions{flex-wrap:wrap;gap:.5rem;display:flex}.action-btn-group{gap:.75rem;width:100%;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.3rem;min-width:60px;padding:.3rem .6rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.action-btn.confirm{color:#fff;background:#ff6b35;flex:1;min-width:auto;padding:.4rem .8rem}.action-btn.confirm:hover{background:#e55a2b}.action-btn.cancel{color:#1f363d;background:#bfd1e5;flex:1;min-width:auto;padding:.4rem .8rem}.action-btn.cancel:hover{background:#a8c2dc}.action-btn.seat{color:#1f363d;background:#bfd1e5;width:100%;min-width:80px}.action-btn.seat:hover{background:#a8c2dc}.action-btn.edit{color:#666;background:#f5f5f5;border:1px solid #ddd;width:100%;min-width:60px}.action-btn.edit:hover{background:#ececec;border-color:#ccc}.action-btn.more{color:#666;background:0 0;border:none;flex:0;min-width:auto;margin-left:.5rem;padding:.3rem;font-size:1rem}.action-btn.more:hover{background:#0000000d;border-radius:50%}.empty-state{color:#999;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state svg{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state p{margin:0;font-size:1rem}.quick-actions-section{background:#fff;border-bottom:1px solid #e5e5e5;gap:.5rem;padding:.75rem 1.25rem;display:flex}.quick-action-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.quick-action-btn:hover{background:#f5f5f5;border-color:#ccc}.quick-action-btn.add-reservation{color:#fff;background:#f87b2d;border-color:#f87b2d}.quick-action-btn.add-reservation:hover{background:#e66d1f;border-color:#e66d1f}.edit-form{background:#f8f8f8;border-radius:8px;margin-top:.75rem;padding:1rem}.edit-field{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.edit-field label{color:#666;flex-shrink:0;width:80px;font-size:.85rem}.edit-input{background:#fff;border:1px solid #ddd;border-radius:4px;flex:1;padding:.4rem .6rem;font-family:inherit;font-size:.85rem}.edit-input.small{padding:.2rem .4rem;font-size:.85rem}.edit-input:focus{background:#fff;border-color:#f87b2d;outline:none}.save-edit-btn{color:#fff;cursor:pointer;background:#f87b2d;border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:500}.save-edit-btn:hover{background:#e66a1c}.reservation-card.editing .reservation-guest-info h3,.reservation-card.editing .guest-contact span,.reservation-card.editing .party-size span{cursor:text}.reservation-card.editing .reservation-guest-info h3:hover,.reservation-card.editing .guest-contact span:hover,.reservation-card.editing .party-size span:hover{background:#f0f0f0;border-radius:4px;margin:-.2rem -.4rem;padding:.2rem .4rem}.more-menu{z-index:10;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:160px;position:absolute;top:2.5rem;right:1rem;box-shadow:0 4px 12px #00000026}.more-menu button{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;font-size:.85rem;transition:background .2s;display:flex}.more-menu button:hover{background:#f5f5f5}.more-menu button:first-child{border-radius:8px 8px 0 0}.more-menu button:last-child{border-radius:0 0 8px 8px}.more-menu button svg{color:#666;font-size:.9rem}body.modal-open{overflow:hidden!important}.modal-overlay{z-index:99999!important;box-sizing:border-box!important;background:#000000b3!important;justify-content:center!important;align-items:flex-start!important;width:100vw!important;height:100vh!important;padding:5vh 20px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden auto!important}.modal-content{z-index:100000;background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:500px;min-height:200px;max-height:90vh;padding-bottom:40px;display:flex;overflow:hidden auto;box-shadow:0 10px 40px #0000004d;margin:auto!important;position:relative!important}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:8px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}.modal-header{z-index:1;background:#fff;border-bottom:1px solid #e5e5e5;border-radius:12px 12px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:sticky;top:0}.modal-header h2{color:#333;margin:0;font-size:1.5rem;font-weight:600}.close-modal{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;font-size:1.25rem;transition:all .2s;display:flex}.close-modal:hover{color:#333;background:#f5f5f5}.modal-body{box-sizing:border-box;flex:1;width:100%;min-height:0;padding:1.5rem 1.5rem .5rem;overflow:hidden auto}.reservation-form,.block-time-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#333;font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:.75rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f87b2d;outline:none}.form-row{gap:1rem;display:flex}.form-row .form-group{flex:1}.btn-cancel{border:none;border-radius:8px;width:48%;margin-top:.5rem;margin-bottom:1rem;margin-right:4%;padding:.75rem 1.5rem;font-size:.9rem;display:inline-block}.btn-submit{cursor:pointer;border:none;border-radius:8px;width:48%;margin-top:.5rem;margin-bottom:1rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-block}.btn-cancel{color:#666;cursor:pointer;background:#f5f5f5;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#ececec}.btn-submit{color:#fff;background:#f87b2d}.btn-submit:hover{background:#e66a1c}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{color:#333;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.settings-group{flex-direction:column;gap:1rem;display:flex}.settings-group label{color:#333;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.settings-group label span{flex:1}.settings-group input[type=number],.settings-group select{border:1px solid #ddd;border-radius:6px;width:120px;padding:.5rem;font-size:.85rem}.toggle-setting{cursor:pointer}.toggle-setting input[type=checkbox],.form-group input[type=checkbox]{cursor:pointer;appearance:none;background:#fff;border:2px solid #ddd;border-radius:3px;width:18px;height:18px;margin-right:8px;transition:all .2s;position:relative}.toggle-setting input[type=checkbox]:checked,.form-group input[type=checkbox]:checked{background:#ff6b35;border-color:#ff6b35}.toggle-setting input[type=checkbox]:checked:after,.form-group input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.filter-section{border-bottom:1px solid #e5e5e5;margin-bottom:1.5rem;padding-bottom:1.5rem}.filter-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-section h3{color:#333;margin:0 0 1rem;font-size:1rem;font-weight:600}.checkbox-group{flex-direction:column;gap:.75rem;display:flex}.checkbox-group label{color:#333;cursor:pointer;align-items:center;font-size:.9rem;display:flex}.checkbox-group input[type=checkbox]{margin-right:.5rem}.sort-options{flex-direction:column;gap:1rem;display:flex}.sort-option{cursor:pointer;background:#f9f9f9;border-radius:8px;align-items:center;padding:.75rem;transition:background .2s;display:flex}.sort-option:hover{background:#f0f0f0}.sort-option input[type=radio]{cursor:pointer;width:18px;height:18px;margin-right:.75rem}.sort-option span{color:#333;font-size:.9rem}@media (width<=768px){.reservations-stats{gap:.8rem;width:100%;padding:.8rem}.stat-item{gap:.4rem;width:150px!important;height:150px!important;padding:1.25rem!important}.stat-box{width:180px!important;min-width:180px!important;max-width:none!important;height:180px!important;min-height:180px!important}.stat-number{font-size:.95rem!important}.stat-label{font-size:.6rem!important}.reservations-controls{flex-direction:column;gap:.75rem}.search-bar{width:100%}.control-buttons{justify-content:stretch;width:100%}.filter-btn,.sort-btn{flex:1}.guest-details{flex-direction:column;gap:.5rem}.reservation-actions{flex-direction:column}.action-btn{width:100%;min-width:unset}.quick-action-btn{flex-direction:column;gap:.25rem;padding:.6rem .4rem;font-size:.8rem}.quick-action-btn svg{font-size:1.1rem}.modal-overlay{padding:10px}.modal-content{max-width:100%;max-height:calc(100vh - 20px);margin:0}.modal-header,.modal-body{padding:1rem}}.settings-page{background:#f5f5f5;min-height:100vh;padding-bottom:80px}.settings-header{z-index:10;background:#fff;border-bottom:1px solid #eee;align-items:center;gap:15px;padding:15px 20px;display:flex;position:sticky;top:0}.settings-header .back-btn{color:#333;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:18px;display:flex}.settings-header h1{margin:0;font-size:20px;font-weight:600}.settings-menu-list{padding:15px}.settings-group{background:#fff;border-radius:12px;margin-bottom:15px;overflow:hidden}.settings-group h2{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0;padding:12px 15px 8px;font-size:13px;font-weight:600}.settings-menu-item{cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;width:100%;padding:15px;display:flex}.settings-menu-item:first-of-type{border-top:none}.menu-item-left{align-items:center;gap:12px;display:flex}.menu-icon{color:#666;width:24px;font-size:18px}.menu-item-left span{color:#333;font-size:15px}.chevron{color:#ccc;font-size:12px}.settings-menu-item:hover{background:#f9f9f9}.settings-menu-item.danger .menu-icon,.settings-menu-item.danger span,.danger-zone h2{color:#e74c3c}.settings-section-content{background:#fff;border-radius:12px;margin:15px;padding:20px}.settings-section-content h3{margin:0 0 20px;font-size:18px;font-weight:600}.current-email{color:#666;background:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:10px;font-size:14px}.settings-form-group{margin-bottom:15px}.settings-form-group label{color:#666;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.settings-form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 15px;font-size:15px}.settings-form-group input:focus{border-color:#ff6b35;outline:none}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:45px}.password-toggle{color:#999;cursor:pointer;background:0 0;border:none;padding:5px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.settings-form-actions{gap:10px;margin-top:20px;display:flex}.cancel-btn{cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;flex:1;padding:12px;font-size:15px;font-weight:500}.save-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:8px;flex:1;padding:12px;font-size:15px;font-weight:500}.save-btn:disabled{opacity:.6;cursor:not-allowed}.delete-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:8px;flex:1;padding:12px;font-size:15px;font-weight:500}.delete-btn:disabled{opacity:.6;cursor:not-allowed}.notification-options{flex-direction:column;gap:5px;display:flex}.toggle-option{cursor:pointer;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle-option:last-child{border-bottom:none}.toggle-option span:first-child{color:#333;font-size:15px}.toggle-option input{display:none}.toggle-slider{background:#ddd;border-radius:14px;width:50px;height:28px;transition:background .3s;position:relative}.toggle-slider:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.toggle-option input:checked+.toggle-slider{background:#ff6b35}.toggle-option input:checked+.toggle-slider:after{transform:translate(22px)}.delete-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.delete-modal{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:25px}.delete-modal h3{color:#e74c3c;margin:0 0 15px;font-size:20px;font-weight:600}.delete-warning{color:#666;background:#fff5f5;border-left:3px solid #e74c3c;border-radius:8px;margin-bottom:20px;padding:12px;font-size:14px;line-height:1.5}@media (width<=360px){.settings-header{padding:12px 15px}.settings-header h1{font-size:18px}.settings-menu-list{padding:10px}.settings-section-content{margin:10px;padding:15px}.settings-form-group input{padding:10px 12px;font-size:14px}.settings-form-actions{flex-direction:column}.delete-modal{padding:20px}}#root{max-width:1280px;margin:0 auto}body{margin:0;padding:0}body.modal-open{overscroll-behavior:none!important;width:100%!important;height:100%!important;position:fixed!important;overflow:hidden!important}.main-content-container{padding-bottom:60px}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.homepage-container{max-width:480px;min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));background:#faf9f6;flex-direction:column;margin:0 auto;display:flex;overflow:visible!important}.feed-header{color:#444;text-align:left;margin:16px 0 8px 16px;font-size:2rem;font-weight:700}.avatar-scroll,.suggested-scroll{gap:16px;margin-bottom:8px;padding:8px 0 8px 16px;display:flex;overflow-x:auto}.avatar-circle,.suggested-card{flex:none}.avatar-circle{background:#fff;border:3px solid #ff7f32;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.avatar-img{object-fit:cover;border-radius:50%;width:48px;height:48px}.suggested-card{background:#fff;border-radius:16px;width:240px;position:relative;overflow:visible;box-shadow:0 2px 8px #0000000a}.feed-cards{flex-direction:column;gap:20px;padding:0 8px 16px;display:flex;overflow:visible!important}.feed-card{background:#fff;border-radius:18px;flex-direction:column;margin-bottom:0;padding-bottom:0;display:flex;position:relative;overflow:visible;box-shadow:0 2px 12px #00000012}.feed-card-img{object-fit:cover;border-radius:18px 18px 0 0;width:100%;height:180px}.feed-card-content{padding:12px 16px;position:relative;overflow:visible}.feed-card-title{margin:0 0 4px;font-size:1.2rem;font-weight:600}.feed-card-caption{color:#555;text-align:left;margin-bottom:8px;font-size:.95rem}.feed-card-meta{color:#888;text-align:center;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;font-size:.85rem;display:flex}.feed-card-meta-group{align-items:center;gap:4px;display:flex}.feed-card-profile{align-items:center;gap:8px;margin-bottom:6px;display:flex}.feed-card-profile-img{object-fit:cover;border:2px solid #ff7f32;border-radius:50%;width:28px;height:28px}.feed-card-info-btn{background:#fffc;border-radius:50%;position:absolute;top:12px;right:12px}.feed-card-bookmark-btn{cursor:pointer;z-index:2;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0000001a}.feed-card-hashtags{color:#ff7f32;text-align:left;word-break:break-word;margin-top:4px;font-size:.85em}.feed-card-actions{border-top:1px solid #f0f0f0;align-items:center;gap:1rem;margin-top:.75rem;padding-top:.75rem;display:flex}.feed-action-btn{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;font-size:1.1rem;transition:all .2s;display:flex}.feed-action-btn:hover{color:#333;transform:scale(1.1)}.feed-action-btn:active{transform:scale(.95)}.feed-action-btn.liked{color:#f87b2d}.avatar-scroll,.suggested-scroll,.feed-cards{scrollbar-width:none;-ms-overflow-style:none}.avatar-scroll::-webkit-scrollbar{display:none}.suggested-scroll::-webkit-scrollbar{display:none}.feed-cards::-webkit-scrollbar{display:none}body,.homepage-container{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}.homepage-container::-webkit-scrollbar{display:none}@media (width>=600px){.homepage-container{max-width:480px}}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-cyrillic-ext-400-normal-DzMWdK87.woff2)format("woff2"),url(/assets/roboto-cyrillic-ext-400-normal-5IDvadIC.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-cyrillic-400-normal-DAIM1_dR.woff2)format("woff2"),url(/assets/roboto-cyrillic-400-normal-C5q4FMUG.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA5cABIAAAAAGtgAAA38AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhQbHhw0BmA/U1RBVF4AXgiBfgmfBhEMCoJ0gnQLFAABNgIkAyQEIAWEeAcgDIVOG4kZIxHmlLUCwF8V2MbMoa4AxWgkRCthOLSyMZeTQC5uuOJg8u6E3LDs4xbJUqAc5hwClMNy/OePZYQksz9fV/beV6lD19AduEZiD8BOMgHVE619Io7rU3LbKR6I/eb7XiLXiZBIeONoXDeJWimViYW8pUXLJnW3vOum0Jq2rJBTxgHxjUABglAv/FCYGVNlZkz8z7H9YZ5Md+9lxCLcImIaGnXUht+bapJuld5NR8rgTTqoPbsVUTVFbb0AnQKIkp093FLP6ze5XT5S6dxqfBzN+b2dJM29HAELQ0qeMZ3ZbpvZTQo53PYR9R3muDnMU+QOPrARxCzkl19oC6hLwh3l21mn+wJJmOo2nHRQZhKIQpC1L6cDArD4Mkg2C+sAqvWrjvWohAxGMZYzTBMAJA52zcLTbez1tDbA2lFrZX02Z17a3iR4U3Kvz6I6PIQDvktCADCXT9A7qAoBADrABjHUV2d0Ozk6vOamloB5qrIzIejwSPFzlbgDgI7C+pO0Xp57L77IuqK9BhGga1TTjgD4X2E+BBIg3K0kUAQJPFuFmIVTBB7aRy7xaDUPqOACUrCgMT+ViTMLybwW25kL6C7lEludwgFeYb7gp7n522s+z8ckSQFWJA7LoRfvWATMvzvmvfmc4xV1418A8Ia3nT+nvuqk9njVJ73uLvpcZ3zpsdPBb3AivLPbgQajHrhkv+NecdsqR7n1++xz2S8t5z3TxNcecAUxfusd6qNmnbHXfuRLh51232NvBp/g//pNtFNdwgby/sXqGTiMmLDPsZqfqp5plRTlug0YY/hQz6/zige+8kvgDn1mHHXedU/iAxaX406fOnlianJifGx0ZHhocKC/r7enu6uzo72ttaXZ1tTYUF9XW1NdVdmEzKpp8F9/9eUXN6Wzz66fTsbDweefffpJv9fttFsfvpNtrOdp1AJXfDXfaORJVIOlv3mdkkIYSIRPg2RDMIZW90e2aCqtnWINAwwF7A0zKSf6roOTzghCzXP1x9wflpYKKQmIDptgJE9pny5Lh0BMbRBlHldfIDqVrJhUKMayPCMTYCL2WQQnuC5DRSy8Mjc/5yLZOEaZYc12rm+IsmyVJv7qOcbyTCm1QQzVi5NpPFo94xpDQ2mh+1vX6egCBwBOG9fQ5G/LH8hDr4ggwNOBFSfghRVu6sjys1+VOLEm52rznez2DbFu5JHIZXRJ71Ojkd6nl7ZenEC/z7C/ELVw5S9ddOWzDOiOYTsoEcIuLk3i0/7I9rU7VRtyZ9h2affpqmoUvOODBw8lQ4KYMdsdWYtkWLErYbGMnLGupyXbi095AIdKcMt9RRF659XON5bP187Xz7cWthdURDT/cj3tXyiJopJfLWo7pWDYGbXXaOf0dVWjwOXTsvQAm3+PI3K1Mt8ducYPedqKCzNL+6tFtpXKoUpdfj1MIy8iGRke2tl4CAQEYKd3ilFAmbwTxtjyd3ilXfjcrtnICTAhy3PFLi5/SZoLJBuOpSvveyMDjYbXIc4OdwIU3YpbnsuAIXAXbqiuyaPMm7KDspZIqnoVJL4SxCNxvhfR9V56mpxGdKxsQdXzS2j6kjrjLDmzBUjNwLivf+GCC3rtuZTzlAjGwN6pWxegVzA4gOlLFZlcau1eSxs5FRFGptnI+8NofG4GNxYFXEJib9LA0vuhCuczmlqxFvJ9XZpNJ+UXXnech8qrvMIJlczEK0ZyoBmMIRgIMOcyKku5zzIprVgePOOxjca5lFIVFFVOSW7l5/ZmI08DJEOW1ySZ1MJMN6huk9NrPZl6niLvGLq/jXgX+FaZihH3TIq8g3WJ42KmIuiHmaBmZDXNHOf9y4CJnbu0I3YRKAy0yuIjjIt44b4Dcdylpm9UCy71YHgiUkRSfoVGnUKDM2zPFjA8JdEzPuSMUGC1oc28SAxXAQQQ4w9Bq3c+2anSDoxelFGH10FGa7dHk1H7LEzAhdUgaFIjhgfkHXnPwLSsVW7xKt2GAUaLrRq0CdOppSUTJL0/gu3M6YC0sOJDc9YI4bXzLfUOmX8nPcDcAjJiZ3GkWzC0GhIETgh2s7gTzYbDHLq36etG8igNxEOksV8VrB2Ji/xJzuusiUwz31UlLoFQ6A049mSp6AeS8wDHLAFjde0Na8qoRd1dCQqZJ3rW7XZHjZzZUyB0CHAF0Whi4ep72FzYZzMC42SeTYCZRQqbliLwWIsBSewLyAGn4Ky0YJ0VgbKUu74XjEgrDV0Esoghe6mueKiwwDJCuS9b5+vsaNKwFsCxgAJye5MBa5UsSmpSXq8o708xckDDlkbgIHMhUW0eekSVYf7K/QhSI2DcCSMwfBZVm29PLAzPMHKuClo2RlJCvZYzNZoeo8vuIGoB2JruNiNF0mrUUr2Rl80axp1f8GCtNt/2njjLG1FbKF7MTDn3oBJqgplkuLKKG6Jq16ga7mM03FitWa8qwiKnB0K6kfL2BS88G/RWCKwuo7TFSQs8JSCeAHQnzbQnOnCWQbwpTfAvRFIf71/Bf3IkahUYX5CeJ9veknKWcj/7eY4PLKCjjmlyCCiW8uxEp2HAwi6rJXfxBRp0datmjpjyCVl8g6LkTSWHJgHuSCBAUI7C6GuSt4B9zSDIWgNKCWJFugmuPYPFTqr1wLLBgnbuRYo0ryOxL2/VWLgzS42Fe1z8EVQcQIpUU+GfgX4DmJjXMlZco4ltTKh1XQWbJGd6/ffwRsiSQGjFSTdTm+bvLiWkI3DQB7dkkRroraTIbqoWZH+rVsjNJhxgIZBe+QsmQKE4CEOJFdKPfcBaJaYc0V9rYpfUsoNKykBx6FOfnyxhZdkhmuh93+ZAWsW++RtA6fADiJHsUt4hbAX5eGDANHKxr4WpI65R9PZJ9nRpO08EOSUGVAPN7MNw0CplEJzxBBw//b/uXIPBOTa/Biil9TXIax+oB2xG3iVUuTWDx6kT+xN5y/wPkltY5dSQ1b9PWBTjfL/N7N7yT9oIoyox25LoeQAzKUclvmz0QB24xUJnxB4IFYq5gxf/tRn1R/vEzzMuLWeUHifHh0AhH12cYAkMlkgeOOClNv/Irlm0RWjD2ER0yvboRtEfAa+YMNNlmvFHmSDIiRW+9omdl1qQ2FqQ+DEYj8P8jckbs3BYdcOnDIsiHUmgruHD32p/xGo48XeaijF0+sJKnwHwh+GbTux0KpdjqH3XNkcMgFCpKu32ZwoykBvOSAj9BnGk19q862Vtu+kHX1EqyiO7dv+eAkbeZzmwV2n+rg5AVwZhaT8uBZLHmgUMzsZb1kngYGHNwdwftvTsgAiZ/E+LfI1TeEt5Ki+Dd4y3kGexKJiwHUGAacZPs3KlUPtgYaD1pLwock9d6evO/V707fbB8OtXX6n2529+QBz5+PZbbd/T199n3P6zZRn/8ZgDMPyUNf/FGvswX4OcLmqv8u4MzfmBxx1b7FvWAU8xhlcPE3T0MnHP6wVutvYdoxX4ovT0KWei4FoqPX3+TfHEiPWfe5pJr4FzMsjZC29k4q/4zLM08ub/6qj1o8qpI5GFeYciq6a2fjS6Orb145rpQ5F5RYcjK6ZDPl62xnV8SVvoeyt+2d3zf+bN5BivzXMx24Xv0uzSBeCONwEzEH8+0jCY35h/8xT+jaF4iPVLaKtQWsEnH7wkJDDoGecLJEIkCCgELP4iOCAw6CVK/JcALO2AT9EKCICGSbMvPr26tmjXc59HBgCA97/3cgAAvz8SmwX9bQ9pcgE8T5rPW2TAbxUe5BA2/bWREu1XYR/+wATf6oqcoLkspDXqfWe+hF0YYrEAZwD5WtSBUNh6oQcojJWWR8Hq50pkCSxMdO78SirY5yuZ9RwrOXd2FpzbtGKhLbadgQAWvnElgsqZibkrQ2GPguXhquxZPTNAGptGpZokVbq1fLhBrPZnvVa57MUVGNdUXFlztal2iGvtZm12CGCbxys1qWLLwnZ5wnLb0P76dbVFLotWO/shXIlzh55LFZzl3Nqha7UYXUgnB55mu52IH7wwDrdq2YWeljLRks+7Hm2n3TQmza3DW8U9jGy1rAcHnUaXgULlYDXiFDc2dawul6mF6vCWtrXtjnWenqtWq+VC7UAZf+X9QRT8MjbVq1TpU27jhre2RpXXHIdu83aXF+prT2YdVHja/RgcrNyL/j3sa45eb+vP0NPcgasWdrW04qKqRUcT25s2cdo4jpNGttSxuaFma2BT/Sr262uvof5/b319Fjv1TmxXWFNidalWVWZlkRUFlhd+cStsYiPHktwTznkW5SUcsyzIMD/NvFQtN8WclA7ZSWYlmBmPYCaexXR0FVNRpkZ/MYkxOfaEUYSJ4TRGwr/ohxkXnsVgOI2BEKMDjAqcoDfIiOAJusEwv4Sen4aPe73c3Sx1/O9qrqCpqsf2uhM01I2jvi6EuqqEeqkDxcIJ8rkhpFMdiLtUcI8mEC17XMsRtxlhtXvNcshFp0ArAg1O+zKcWfgd3GDnersW68ou75KzYvcuuc+243fH5mqzfyxaimZhKhqFecG4oLNaBLcyYclluZtUa4wsYkPsP0YXFS3M1KyqkKxCYBBk6nPVXJE7JDBAjAuboHvFmhgSFFxehgFgk/2HKlZZUCsRci7J3aRYI2QRGSL/EUoNg+PL6SFkpIf/JHM27FBS8h04Dbd57pMak3kOMQ0Qi/k5c4iz7v3AAfBVhx2H0ucfUXi+o4U5QsJTc+YYnXWn7eDDJ5/+wFjtAJ8zJUmUuKHyjR5KfpkKPvCQLwrpIo5UlOT8TQZbNvimnA==)format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAXEAA8AAAAABxQAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABWAAAABQAAAAUAA8ACUdQT1MAAAFsAAAAHgAAAB5EdEx1R1NVQgAAAYwAAAAzAAAANJMNggJPUy8yAAABwAAAAE0AAABgdArg2VNUQVQAAAIQAAAASQAAAF5e+0M1Y21hcAAAAlwAAABAAAAAXj5j4n9nYXNwAAACnAAAAAwAAAAMAAgAGWdseWYAAAKoAAABNgAAATZnhEGkaGVhZAAAA+AAAAA2AAAANglAYTFoaGVhAAAEGAAAAB8AAAAkCroFqmhtdHgAAAQ4AAAAHwAAACQX6f/DbG9jYQAABFgAAAATAAAAFAFZAbFtYXhwAAAEbAAAABwAAAAgACkBIW5hbWUAAASIAAABJQAAAng3dGTWcG9zdAAABbAAAAATAAAAIP9tAGQAAQAAAAwAAAAAAAAAAQAIAAEAAQABAAAACgAcABwAAURGTFQACAAEAAAAAP//AAAAAAAAeNpjYGRgYOBiMAJCFhc3nxAGueTKohwGqfSi1GwGqZzEkjwGKQYQYAER//+DSADdjQkeAHjaY2BhaWecwMDKwMA6i9WYgYFRHkIzX2RIY2JgYABiKHAACjIgAXd/f3eQoLwvG8M/BoY09llMDAoMjPNBcixWrBuAlAIDMwDj2QowAAAAeNoNx7EBQVEQALDcPdDCAgAwFADowBoGMpzfJUJoKegpWMnP/nmO4HM6P4O4PDf3SKmhYyCQMbVHEZUb8SV/KLL6DAR/orwHzQAAAHjaY2BgYAJiZiAWAZKMYJqFwQtI8zFwAOXYwCp4GRQYFsj7/v8P5KHwQTr+f/v/5H/6g91g3TwMCMAEANCmDfkAAQACAAgACP//AA8ABQBkAAADKAWwAAMABgAJAAwADwAAAREhEQUBASUJAyEJAgMo/TwCjv7vARH9qAEN/vMBKv7+AgP9/QECAQEFsPpQBbBU/Xz9fAwCeAJ4/UT9ogVE/aICXgAAAgB3/+wFCgXEABUAKwAAARUUAgYGIyImJgI1NTQSNjYzMhYWEgM1NC4CIyIOAhUVFB4CMzI+AgUKUprXhYHXnVZVnNeBhdebU781ZpNdWpFnODhpkVpekmU0AwZcpP78tmBgtgEEpFykAQO3YGC3/v3/AF6CyIhGRojIgl6DyYlGRonJAAACAHAEcQLJBdcABQAPAAABNRMzFQMlNTMVFBYXByYmAZJ0w9/+hqcqKklWXASEEQFCFf7C/lVPSGgtOi2P///+eP/sBVAF1gAmAAVGAAAHAAb+CP//AAAAAQAAAAMCTqtYHyJfDzz1ABsIAAAAAADE8BEuAAAAAOHUAm/6Gv3VCTEIcwAAAAkAAgAAAAAAAHjaY2BkYGDP+cfDwMDp9UvqnxenIVAEFXACAG+cBHIAeNpj7mFIYYACxj8QzNrIUM6syFAAZh//VwEAaU4HvgB42mNgYNCFwwKGfiCcDQATpAMLAHjaY2BkYGDgZFjJIMpQxsAO5iEAMwMjAB3kAUt42n2QRVYDQBBEK+7Z4e7uDhvcXbdxd88VuAt6Dq6E1BsaJ3ljv2tm2gA4cQsdNHoL+VFTL6yBXWMX1vLNi7AOk3gS1qMZ98IG9OJa2Eg9IezELObfWQPYMSysgRWdwlrqtcLGr1iaPupW4X4ScIok4nDT+yEpoziGHeTUGYYXV9x9tEMkPzlIyoGLI4UsFjHGkST76SVASiAnf6kgy31U+Q6qaB6uHNcILT+1PN+6eXtJK8PXYeWhHVP8Nc6xgCVak6RJTP/w0P7Tw48fWzji2CJVi/nb+nq5pioqU5WKJYcJjnacU/Gj/Vc2x3ydRIQ3XvV+hZ7ZKVV7lnb/n64FEVYv8vQyCi9fxpWa5AgyK/9nP7PUMz8q8aqssxxh8sAbFBtciwAAAHjaY2BmAIP/WQwpDFgAACofAdEA)format("woff");unicode-range:U+1F??}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-greek-400-normal-jFM2czAU.woff2)format("woff2"),url(/assets/roboto-greek-400-normal-DwVopRQH.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-math-400-normal-B3wgz80t.woff2)format("woff2"),url(/assets/roboto-math-400-normal-BRMeFL5Z.woff)format("woff");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-symbols-400-normal-fF1SLJBj.woff2)format("woff2"),url(/assets/roboto-symbols-400-normal-B2LMqLB2.woff)format("woff");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-vietnamese-400-normal-CDDxGrUb.woff2)format("woff2"),url(/assets/roboto-vietnamese-400-normal-BYP5tVVv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-ext-400-normal-ZYmyxeOy.woff2)format("woff2"),url(/assets/roboto-latin-ext-400-normal-BG57dRWO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-400-normal-CNwBRw8h.woff2)format("woff2"),url(/assets/roboto-latin-400-normal-BX2H0A0_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}