*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;outline:none!important}*:focus,*:focus-visible,*:focus-within{outline:none!important}html:focus,body:focus,#root:focus{outline:none!important;box-shadow:none!important}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#2d5a3d;display:flex;justify-content:center;align-items:flex-start;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;justify-content:center;align-items:center;max-width:430px;margin:0 auto}.shell{width:100%;max-width:430px;height:100svh;max-height:900px;display:flex;flex-direction:column;background:#f5f0e8;overflow:hidden;position:relative;box-shadow:0 32px 80px #1e3c1e2e,0 8px 24px #1e3c1e1a}.header{background:#2d5a3d;padding:12px 20px 10px;display:flex;flex-direction:column;align-items:flex-start;gap:1px;flex-shrink:0;background-image:linear-gradient(160deg,#33653f,#2d5a3d 60%,#274f36);position:relative}.share-icon-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s;-webkit-tap-highlight-color:transparent}.share-icon-btn:active{background:#ffffff26}.palette-icon-btn{position:absolute;right:56px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s;-webkit-tap-highlight-color:transparent}.palette-icon-btn:active{background:#ffffff26}.theme-sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:480px;background:#fff;border-radius:20px 20px 0 0;z-index:300;padding:12px 20px 36px;box-shadow:0 -4px 32px #0000002e;transition:transform .3s cubic-bezier(.32,.72,0,1);box-sizing:border-box}.theme-sheet--open{transform:translate(-50%) translateY(0)}.theme-sheet-title{font-family:Inter,sans-serif;font-size:17px;font-weight:600;color:#1a1a1a;text-align:center;margin:8px 0 18px}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.theme-thumb{position:relative;background:none;border:2.5px solid #e0e0e0;border-radius:12px;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;overflow:hidden;transition:border-color .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent}.theme-thumb--active{border-color:#2d5a3d;box-shadow:0 0 0 2px #2d5a3d40}.theme-thumb-img{width:100%;aspect-ratio:4/3;background-repeat:no-repeat}.theme-thumb-name{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#333;padding:8px 0 10px}.header-left{display:flex;align-items:center;gap:10px;max-width:calc(100% - 90px);min-width:0}.header-title{font-family:Pattaya,sans-serif;font-size:36px;color:#fff;line-height:1.1;font-weight:400;letter-spacing:-.01em;margin:0;flex-shrink:0}.header-divider{display:block;width:1px;height:22px;background:#fff6;flex-shrink:0}.header-date{font-family:Inter,Poppins,sans-serif;font-size:clamp(11px,3.8vw,15px);font-weight:300;color:#ffffffd9;white-space:nowrap;line-height:1;letter-spacing:.01em;min-width:0;overflow:hidden;text-overflow:ellipsis}.content,.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.table-container{position:relative;flex:1;width:100%;overflow:hidden;background-repeat:no-repeat;touch-action:none}.table-container:before{content:"";position:absolute;inset:0;background:#0000;transition:background .45s ease;z-index:5;pointer-events:none}.table-container.breakdown-mode:before{background:#0000008a}.past-spread-table.breakdown-mode:before{content:"";position:absolute;inset:0;background:#0000008a;z-index:5;pointer-events:none}.table-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-family:Inter,sans-serif;font-size:14px;color:#ffffffd1;text-align:center;font-weight:500;padding:10px 24px;line-height:1.5;letter-spacing:.01em;background:#00000052;border-radius:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap;pointer-events:none}.table-empty-hint{position:absolute;top:37%;left:50%;transform:translate(-50%,-50%);z-index:1;font-family:Inter,sans-serif;font-size:14px;color:#fff9;text-align:center;font-weight:400;font-style:italic;line-height:1.5;width:72%;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.35)}@keyframes candleflicker{0%{filter:brightness(1) sepia(.05)}5%{filter:brightness(1.04) sepia(.09)}9%{filter:brightness(.96) sepia(.03)}14%{filter:brightness(1.03) sepia(.08)}19%{filter:brightness(.95) sepia(.03)}23%{filter:brightness(1.06) sepia(.12)}25%{filter:brightness(.97) sepia(.04)}31%{filter:brightness(1.03) sepia(.07)}37%{filter:brightness(.96) sepia(.03)}42%{filter:brightness(1.04) sepia(.09)}47%{filter:brightness(.95) sepia(.03)}53%{filter:brightness(1.03) sepia(.08)}58%{filter:brightness(.97) sepia(.04)}63%{filter:brightness(1.04) sepia(.08)}68%{filter:brightness(.96) sepia(.03)}72%{filter:brightness(1.05) sepia(.11)}74%{filter:brightness(.96) sepia(.03)}80%{filter:brightness(1.03) sepia(.07)}86%{filter:brightness(.96) sepia(.03)}91%{filter:brightness(1.04) sepia(.08)}96%{filter:brightness(.97) sepia(.04)}to{filter:brightness(1) sepia(.05)}}.table-container.theme-medieval{animation:candleflicker 9.3s ease-in-out infinite}@keyframes tableSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.table-slide-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background-repeat:no-repeat;animation:tableSlideIn .48s cubic-bezier(.22,1,.36,1) both;will-change:transform}.food-emoji-wrap{position:absolute;transform:translate(-50%,-50%);z-index:20;display:inline-flex;align-items:center;justify-content:center;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none}.food-emoji-wrap--dragging{cursor:grabbing;z-index:30;filter:drop-shadow(0 10px 18px rgba(0,0,0,.38));transform:translate(-50%,-50%) scale(1.2);transition:transform .12s ease,filter .12s ease}@keyframes foodDrop{0%{transform:translate(-50%,calc(-50% - 40px)) scale(.8);opacity:0}70%{transform:translate(-50%,-50%) scale(1.05);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.food-emoji-wrap--dropping{animation:foodDrop .35s ease-out both!important}.food-rotate-inner{display:inline-flex;align-items:center;justify-content:center;transition:transform .08s ease}.food-ctx-menu{position:fixed;background:#fff;border:1px solid #d4c9b5;border-radius:10px;box-shadow:0 4px 18px #0000002e;padding:4px;z-index:9999;display:flex;flex-direction:column;min-width:148px}.food-ctx-menu button{background:none;border:none;text-align:left;padding:9px 14px;border-radius:7px;font-size:14px;font-family:inherit;cursor:pointer;color:#2d5a3d;display:flex;align-items:center;gap:8px;white-space:nowrap}.food-ctx-menu button:hover{background:#f0ebe0}.food-ctx-menu button.food-ctx-delete{color:#d0382c}.food-ctx-menu-sep{height:1px;background:#e8e0d0;margin:3px 8px}.food-emoji{font-size:36px;line-height:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.22));display:block;pointer-events:none}.food-photo{display:block;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;border-radius:6px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.32)) drop-shadow(0 1px 3px rgba(0,0,0,.18))}.food-remove{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:#b83232;color:#fff;font-size:13px;line-height:1;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit;font-weight:700;box-shadow:0 2px 6px #00000047;opacity:0;transform:scale(.7);transition:opacity .15s,transform .15s;z-index:3;-webkit-tap-highlight-color:transparent}.food-emoji-wrap:hover .food-remove{opacity:1;transform:scale(1)}.food-emoji-wrap:focus-within .food-remove{opacity:1;transform:scale(1)}.food-remove:hover{background:#962a2a}@media(hover:none){.food-remove{opacity:1;transform:scale(1)}}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.stats-bar{position:absolute;bottom:0;left:0;right:0;background:#00000085;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:14px 8px 16px;display:flex;align-items:center;justify-content:space-around;z-index:5}.ribbon-row{position:absolute;top:66%;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:4px;z-index:4;pointer-events:none;width:min(calc(100% - 16px),460px)}.ribbon-item{position:relative;pointer-events:all;cursor:pointer;transform-origin:bottom center;flex:0 0 calc((100% - 5 * 4px) / 6)}.ribbon-item--new{animation:ribbonBounce .65s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes ribbonBounce{0%{transform:scale(0) translateY(20px);opacity:0}60%{transform:scale(1.15) translateY(-4px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.ribbon-img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45));display:block}.ribbon-tooltip{background:#000000e0;color:#fff;padding:8px 12px;border-radius:10px;width:160px;text-align:center;pointer-events:none;z-index:9999}.ribbon-tooltip-title{font-size:.82rem;font-weight:700;margin-bottom:3px;font-family:Poppins,sans-serif}.ribbon-tooltip-desc{font-size:.7rem;opacity:.85;font-family:Inter,sans-serif;white-space:normal;line-height:1.3}.ribbon-info-backdrop{position:fixed;inset:0;background:#0000008c;z-index:9999;display:flex;align-items:center;justify-content:center}.ribbon-info-card{position:relative;background:#fff;border-radius:20px;padding:32px 28px 24px;width:min(320px,86vw);display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 8px 32px #00000038}.ribbon-info-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:1.1rem;color:#888;cursor:pointer;padding:4px 6px;line-height:1}.ribbon-info-close:hover{color:#333}.ribbon-info-img{width:80px;height:80px;object-fit:contain;margin-bottom:4px}.ribbon-info-title{font-family:Pattaya,sans-serif;font-size:1.15rem;color:#1a1a1a;text-align:center}.ribbon-info-desc{font-family:Inter,sans-serif;font-size:.88rem;color:#555;text-align:center;line-height:1.4}.mini-table-ribbon-row{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:1px;z-index:4}.mini-table-ribbon-img{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));display:block}.stat{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}.stat-value{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.3px}.stat-label{font-family:Inter,sans-serif;font-size:10px;color:#ffffffb3;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.stat-divider{width:1px;height:30px;background:#fff3;flex-shrink:0}.tab-bar{display:flex;align-items:center;background:#fff;border-top:1px solid rgba(45,90,61,.1);padding:8px 0 max(10px,env(safe-area-inset-bottom));flex-shrink:0;z-index:5;box-shadow:0 -4px 20px #2d5a3d0f}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .15s}.tab-btn:active{opacity:.65}.tab-label{font-family:Inter,sans-serif;font-size:10px;font-weight:600;color:#bbb;letter-spacing:.02em;transition:color .15s}.tab-btn--active .tab-label{color:#2d5a3d}.tab-btn--fab{position:relative;margin-top:-28px}.tab-btn--fab .fab-circle{background:#2d5a3d;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #2d5a3d99,0 3px 8px #00000038;transition:transform .15s,box-shadow .15s;flex-shrink:0}.tab-btn--fab:active .fab-circle{transform:scale(.92);box-shadow:0 3px 10px #2d5a3d66}.tab-btn--fab .tab-label{color:#2d5a3d;font-weight:700;font-size:10px;margin-top:4px}.placeholder-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 28px;text-align:center;gap:10px}.placeholder-icon{font-size:56px;margin-bottom:6px}.placeholder-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#2a2a2a;letter-spacing:-.2px}.placeholder-body{font-family:Inter,sans-serif;font-size:14px;color:#999;line-height:1.65;max-width:280px}.input-search-wrap{position:relative}.input-spinner{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.suggestions-dropdown{position:relative;z-index:10;background:#fff;border:1.5px solid #e8e8e8;border-radius:16px;box-shadow:0 8px 32px #2d5a3d24,0 2px 8px #0000000f;margin-top:6px;max-height:240px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.suggestion-item{width:100%;display:flex;align-items:center;gap:10px;padding:11px 14px;background:none;border:none;cursor:pointer;text-align:left;transition:background .12s;border-bottom:1px solid #f5f5f5}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item:focus{background:#f4faf6;outline:none}.suggestion-item--split{display:flex;align-items:center;padding:0;gap:0}.suggestion-item-food{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:11px 0 11px 14px;background:none;border:none;cursor:pointer;text-align:left;transition:background .12s}.suggestion-item-food:hover,.suggestion-item-food:focus{background:#f4faf6;outline:none}.suggestion-fav-wrap{position:relative;flex:0 0 44px;display:flex;align-items:center;justify-content:center}.suggestion-fav-btn{width:44px;height:100%;min-height:56px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:20px;color:#ccc;padding:0;transition:color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.suggestion-fav-btn:active{transform:scale(.85)}.suggestion-fav-btn--active{color:#e6b800}.fav-added-toast{position:absolute;right:48px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#1e3d2a;color:#fff;font-family:Inter,sans-serif;font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:20px;pointer-events:none;animation:fav-toast-in .18s ease;z-index:20}@keyframes fav-toast-in{0%{opacity:0;transform:translateY(-50%) scale(.85)}to{opacity:1;transform:translateY(-50%) scale(1)}}.suggestion-thumb{width:36px;height:36px;border-radius:8px;object-fit:contain;flex-shrink:0;background:#f5f5f5}.suggestion-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.suggestion-name{font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-brand{font-family:Inter,sans-serif;font-size:11px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-cal{font-family:Inter,sans-serif;font-size:11px;color:#3d7a52;font-weight:600;flex-shrink:0;white-space:nowrap}.suggestion-meta{font-family:Inter,sans-serif;font-size:11.5px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nutrition-preview{background:linear-gradient(135deg,#f0faf4,#e8f5ed);border:1.5px solid rgba(61,122,82,.18);border-radius:16px;padding:16px 12px 14px;margin-bottom:28px;display:flex;flex-direction:column;gap:0}.nutrition-row{display:flex;align-items:center;justify-content:space-around;padding:4px 0}.nutrition-row--secondary{padding-top:8px}.nutrition-divider-h{height:1px;background:#3d7a5224;margin:4px 8px 0}.nutrition-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.nutrition-item--main{flex:1.2}.nutrition-value{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#2d5a3d;line-height:1}.nutrition-value--sm{font-size:14px}.nutrition-label{font-family:Inter,sans-serif;font-size:9px;color:#3d7a52;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.qty-row{display:flex;gap:10px;align-items:stretch}.qty-input{flex:1;min-width:0}.unit-select{flex-shrink:0;width:90px;padding:0 28px 0 10px;height:48px;border-radius:12px;border:1.5px solid #e8e8e8;background:#fff;color:#1a1a1a;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%233d7a52' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .14s}.unit-select:focus{outline:none;border-color:#3d7a52;box-shadow:0 0 0 3px #3d7a521f}.no-match-hint,.no-found-hint{font-family:Inter,sans-serif;font-size:13px;color:#aaa;text-align:center;margin:16px 0 8px;line-height:1.5}.onb-shell{position:fixed;inset:0;z-index:2000;overflow:hidden;background:#2d5a3d}.onb-track{display:flex;width:300%;height:100%;transition:transform .38s cubic-bezier(.4,0,.2,1)}.onb-slide{flex:0 0 33.333%;display:flex;flex-direction:column;align-items:center;height:100%;box-sizing:border-box;padding:0 28px}.onb-slide--green{background:#2d5a3d}.onb-slide--light{background:#f5f0e8}.onb-green-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:320px;width:100%}.onb-logo{font-family:Pattaya,sans-serif;font-size:54px;color:#fff;line-height:1.1;margin-bottom:10px}.onb-tagline{font-family:Poppins,sans-serif;font-size:18px;font-weight:500;color:#ffffffb8;margin-bottom:28px}.onb-slide--green .onb-desc{color:#ffffffc7}.onb-light-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:48px;width:100%;max-width:320px}.onb-light-content--center{justify-content:center;padding-top:0}.onb-title{font-family:Poppins,sans-serif;font-size:26px;font-weight:700;color:#2d5a3d;margin:0 0 20px;text-align:center}.onb-desc{font-family:Inter,sans-serif;font-size:15px;line-height:1.65;text-align:center;margin:0;max-width:300px}.onb-slide--light .onb-desc{color:#6a8a72}.onb-hero-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 20px 0;overflow:hidden}.onb-hero-img{width:100%;max-width:340px;border-radius:16px;object-fit:cover;box-shadow:0 8px 32px #0000002e}.onb-table-preview{width:100%;height:200px;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000002e;margin:0 0 22px;flex-shrink:0}.onb-food{position:absolute;font-size:32px;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 5px rgba(0,0,0,.22));line-height:1}.onb-phone-mock{width:100%;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #00000038;margin:0 0 18px;flex-shrink:0;display:flex;flex-direction:column}.onb-mock-table{height:200px;position:relative;background-size:cover;background-position:center 55%}.onb-mock-food{position:absolute;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.28))}.onb-log-arrow-wrap{position:absolute;bottom:10px;left:37.5%;transform:translate(-50%);animation:onb-arrow-bob 1.6s ease-in-out infinite}.onb-log-arrow-svg{width:14px;height:10px;display:block;opacity:.82;filter:drop-shadow(0 1px 4px rgba(45,90,61,.45))}@keyframes onb-arrow-bob{0%,to{transform:translate(-50%) translateY(0);opacity:.65}50%{transform:translate(-50%) translateY(-5px);opacity:1}}.onb-mock-nav{background:#fff;border-top:1px solid rgba(0,0,0,.07);display:flex;align-items:center;height:52px;padding:0 4px 2px}.onb-mock-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px}.onb-mock-tab-icon{font-size:17px;line-height:1;color:#bbb}.onb-mock-tab-label{font-family:Inter,sans-serif;font-size:9px;color:#bbb;font-weight:500;letter-spacing:.01em}.onb-mock-tab--log{background:#2d5a3d12;border-radius:10px}.onb-mock-tab--log .onb-mock-tab-icon{font-size:20px;color:#2d5a3d;font-style:normal}.onb-mock-tab--log .onb-mock-tab-label{color:#2d5a3d;font-weight:700}.onb-feed-preview{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:18px;flex-shrink:0}.onb-feed-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.onb-feed-card-header{display:flex;align-items:center;gap:8px;padding:10px 12px}.onb-feed-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;line-height:1}.onb-feed-name{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#2d5a3d;flex:1}.onb-feed-cals{font-family:Inter,sans-serif;font-size:11px;color:#aaa}.onb-feed-table{width:100%;height:80px;position:relative;overflow:hidden}.onb-feed-food{position:absolute;font-size:22px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));line-height:1}.onb-footer{display:flex;flex-direction:column;align-items:center;gap:18px;padding:16px 0 44px;width:100%;max-width:320px}.onb-dots{display:flex;gap:8px;align-items:center}.onb-dot{width:7px;height:7px;border-radius:50%;transition:background .2s,transform .2s}.onb-slide--green .onb-dot{background:#ffffff47}.onb-slide--green .onb-dot--active{background:#ffffffeb;transform:scale(1.25)}.onb-slide--light .onb-dot{background:#2d5a3d33}.onb-slide--light .onb-dot--active{background:#2d5a3d;transform:scale(1.25)}.onb-slide--img{padding:0;overflow-y:auto;background:#2d5a3d;justify-content:flex-start;-webkit-overflow-scrolling:touch}.onb-slide-img{width:100%;height:auto;display:block;flex-shrink:0}.onb-nav-overlay{position:fixed;bottom:0;left:0;right:0;z-index:2010;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 28px 36px;background:linear-gradient(to bottom,transparent,rgba(45,30,15,.55) 50%);pointer-events:none}.onb-nav-overlay .onb-dots{pointer-events:none}.onb-nav-overlay .onb-btn{pointer-events:all}.onb-dot--light{background:#ffffff59}.onb-dot--light.onb-dot--active{background:#fff;transform:scale(1.25)}.onb-btn{width:100%;padding:16px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;border:none;border-radius:16px;cursor:pointer;box-shadow:0 4px 18px #00000021;transition:transform .12s,box-shadow .12s,background .15s;-webkit-tap-highlight-color:transparent;color:#2d5a3d;background:#fff}.onb-btn:active{transform:scale(.97);box-shadow:0 2px 8px #0000001a}.onb-btn--green{background:#3d7a52;color:#fff;box-shadow:0 4px 18px #2d5a3d52}.onb-btn--green:active{background:#2d5a3d}.delete-account-link{display:block;width:100%;margin-top:10px;padding:8px 0;background:none;border:none;font-family:Inter,sans-serif;font-size:13px;color:#d9534f;text-align:center;cursor:pointer;opacity:.75;-webkit-tap-highlight-color:transparent;letter-spacing:.1px;transition:opacity .15s}.delete-account-link:hover{opacity:1}.del-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:1200}.del-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,92vw);background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040;z-index:1201;padding:28px 24px 24px;font-family:Inter,sans-serif}.del-modal-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 12px;text-align:center}.del-modal-desc{font-size:14px;color:#666;line-height:1.6;margin:0 0 24px;text-align:center}.del-modal-actions{display:flex;flex-direction:column;gap:10px}.del-modal-confirm{width:100%;padding:14px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#fff;background:#c0392b;border:none;border-radius:12px;cursor:pointer;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.del-modal-confirm:disabled{background:#e0a0a0;cursor:default}.del-modal-confirm:not(:disabled):active{background:#a93226;transform:scale(.98)}.del-modal-cancel{width:100%;padding:13px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#444;background:#fff;border:1.5px solid #ddd;border-radius:12px;cursor:pointer;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.del-modal-cancel:disabled{opacity:.5;cursor:default}.del-modal-cancel:not(:disabled):active{background:#f5f5f5;transform:scale(.98)}.search-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 16px 6px}.search-empty-text{font-family:Inter,sans-serif;font-size:14px;color:#7a9a82;margin:0;text-align:center}.request-food-btn{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#fff;background:#2d5a3d;border:none;border-radius:20px;padding:9px 22px;cursor:pointer;letter-spacing:.2px;box-shadow:0 2px 8px #2d5a3d38;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.request-food-btn:active{background:#1e3f2b;transform:scale(.97)}.request-food-link{display:block;width:100%;padding:9px 16px;text-align:center;font-family:Inter,sans-serif;font-size:12px;color:#3d7a52;background:none;border:none;border-top:1px solid rgba(0,0,0,.06);cursor:pointer;-webkit-tap-highlight-color:transparent;letter-spacing:.1px}.request-food-link:hover{background:#3d7a520f}.custom-entry-link{color:#2d5a3d;font-weight:600;border-top:1px solid rgba(0,0,0,.06)}.custom-entry-link:hover{background:#2d5a3d14}.search-empty-state-inline{position:absolute;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;box-shadow:0 6px 24px #0000001f;z-index:300;padding:14px 16px 10px;display:flex;flex-direction:column;gap:10px}.search-empty-text{font-family:Inter,sans-serif;font-size:13px;color:#666;margin:0;text-align:center}.search-empty-actions{display:flex;gap:8px}.request-food-btn{flex:1;padding:9px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:#3d7a52;background:#3d7a5214;border:1px solid rgba(61,122,82,.2);border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.request-food-btn:hover{background:#3d7a5224}.custom-entry-btn{color:#2d5a3d;font-weight:600;background:#2d5a3d1a;border-color:#2d5a3d40}.custom-entry-btn:hover{background:#2d5a3d29}.custom-entry-sheet{max-height:90dvh}.custom-entry-row{display:flex;gap:10px}.form-required{color:#e05252;margin-left:2px}.custom-entry-error{font-family:Inter,sans-serif;font-size:13px;color:#e05252;margin:-4px 0 4px;padding:0 2px}.custom-food-mini-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d1;color:#fff;border-radius:12px;padding:10px 16px;z-index:30;text-align:center;min-width:130px;max-width:180px;pointer-events:all;cursor:pointer}.custom-food-mini-popup__name{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;margin:0 0 4px;word-break:break-word}.custom-food-mini-popup__msg{font-family:Inter,sans-serif;font-size:11px;margin:0;opacity:.85}.req-modal-backdrop{position:fixed;inset:0;background:#00000073;z-index:1100}.req-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,92vw);background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000038;z-index:1101;overflow:hidden;font-family:Inter,sans-serif}.req-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.req-modal-title{font-family:Poppins,sans-serif;font-size:17px;font-weight:600;color:#2d5a3d;margin:0}.req-modal-x{background:none;border:none;font-size:16px;color:#aaa;cursor:pointer;padding:4px 8px;border-radius:8px;line-height:1;-webkit-tap-highlight-color:transparent}.req-modal-x:hover{color:#555;background:#0000000f}.req-modal-body{display:flex;flex-direction:column;padding:16px 20px 4px;gap:4px}.req-modal-body .form-label{margin-bottom:4px}.req-modal-submit{display:block;width:calc(100% - 40px);margin:16px 20px 20px;padding:13px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#fff;background:#2d5a3d;border:none;border-radius:12px;cursor:pointer;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.req-modal-submit:disabled{background:#aaa;cursor:default;transform:none}.req-modal-submit:not(:disabled):active{background:#1e3f2b;transform:scale(.98)}.req-modal-thanks{display:flex;flex-direction:column;align-items:center;padding:36px 24px 28px;gap:10px}.req-modal-check{font-size:40px;color:#3d7a52;line-height:1;display:block}.req-modal-thanks-text{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:#2d5a3d;margin:0;text-align:center}.req-modal-done{margin-top:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#fff;background:#3d7a52;border:none;border-radius:20px;padding:10px 32px;cursor:pointer;-webkit-tap-highlight-color:transparent}.req-modal-done:active{background:#2d5a3d}.sql-block{background:#1c2b22;color:#7ecb9b;font-size:10.5px;font-family:SF Mono,Menlo,Consolas,monospace;line-height:1.65;padding:16px 18px;border-radius:12px;text-align:left;white-space:pre;overflow-x:auto;width:100%;max-width:340px;margin-top:10px;box-shadow:0 4px 20px #0003;border:1px solid rgba(126,203,155,.12)}.backdrop{position:fixed;inset:0;background:#0000;pointer-events:none;transition:background .28s ease;z-index:55}.backdrop--visible{background:#14281973;pointer-events:all}.sheet{position:fixed;bottom:0;left:50%;right:auto;max-width:480px;width:100%;background:#fff;border-radius:28px 28px 0 0;padding:0 24px;transform:translate(-50%) translateY(100%);transition:transform .38s cubic-bezier(.32,.72,0,1);z-index:60;box-shadow:0 -12px 48px #1e3c1e24;max-height:min(90dvh,90vh);display:flex;flex-direction:column;overflow:hidden}.sheet--open{transform:translate(-50%) translateY(0)}.sheet-top-bar{position:relative;display:flex;align-items:center;justify-content:center;padding:14px 0 10px;flex-shrink:0}.sheet-handle{width:36px;height:4px;background:#e4e4e4;border-radius:2px}.sheet-drag-area{padding:10px 40px 14px;margin:-10px -40px -14px;touch-action:none;display:flex;align-items:center;justify-content:center;cursor:grab}.sheet-drag-area:active{cursor:grabbing}.sheet-close-btn{position:absolute;right:0;top:calc(50% + 12px);transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#f0f0f0;border:none;font-size:15px;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s;line-height:1}.sheet-close-btn:active{background:#e0e0e0}.sheet-title{font-family:Poppins,sans-serif;font-size:21px;font-weight:700;color:#1a1a1a;margin:0 0 18px;letter-spacing:-.3px;flex-shrink:0}.past-add-sheet .sheet-title{margin-top:10px}.past-add-sheet .amount-time-group{margin-top:18px}.sheet-scroll-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:0;scrollbar-width:none}.sheet-scroll-content::-webkit-scrollbar{display:none}.usuals-section{margin-bottom:20px}.usuals-label{font-family:Inter,sans-serif;font-size:11px;font-weight:700;color:#2d5a3d;text-transform:uppercase;letter-spacing:.07em;margin:0 0 10px}.usuals-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.usuals-row::-webkit-scrollbar{display:none}.usual-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px;background:#f4f9f5;border:1.5px solid #d4e8da;border-radius:14px;padding:8px 10px 7px;cursor:pointer;width:72px;transition:background .15s,border-color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.usual-chip:active{background:#e3f2e8;border-color:#2d5a3d;transform:scale(.95)}.usual-chip-img{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.usual-chip-thumb{width:40px;height:40px;object-fit:contain}.usual-chip-emoji{font-size:28px;line-height:1}.usual-chip-name{font-family:Inter,sans-serif;font-size:10px;font-weight:500;color:#333;text-align:center;line-height:1.2;word-break:break-word;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.form-group{margin-bottom:18px}.form-label{font-family:Inter,sans-serif;display:block;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.form-input{width:100%;padding:14px 16px;font-size:16px;font-family:Inter,sans-serif;border:1.5px solid #eaeaea;border-radius:14px;outline:none;background:#fafafa;color:#1a1a1a;transition:border-color .18s,background .18s}.form-input:focus{border-color:#3d7a52;background:#fff;box-shadow:0 0 0 3px #3d7a5214}.portion-row{display:flex;gap:10px}.portion-input{flex:1}.amount-time-group{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:8px;margin-bottom:18px}.amount-time-group .label-amount{grid-column:1;font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.06em}.amount-time-group .label-time{grid-column:2;font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.06em}.amount-inputs-wrap{display:flex;gap:6px;min-width:0}.qty-input-narrow{flex:0 0 62px;width:62px;height:52px;padding:0 8px;font-size:16px;font-family:Inter,sans-serif;border:1.5px solid #eaeaea;border-radius:14px;outline:none;background:#fafafa;color:#1a1a1a;text-align:center;transition:border-color .18s,background .18s;-moz-appearance:textfield;box-sizing:border-box}.qty-input-narrow::-webkit-outer-spin-button,.qty-input-narrow::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input-narrow:focus{border-color:#3d7a52;background:#fff;box-shadow:0 0 0 3px #3d7a5214}.unit-select--grid{min-width:0}.unit-select.unit-select--grid{min-width:0;flex:1}.unit-select{height:52px;padding:0 12px;font-size:15px;font-family:Inter,sans-serif;border:1.5px solid #eaeaea;border-radius:14px;outline:none;background:#fafafa;color:#1a1a1a;cursor:pointer;transition:border-color .18s,background .18s;min-width:108px;box-sizing:border-box}.unit-select:focus{border-color:#3d7a52;background:#fff;box-shadow:0 0 0 3px #3d7a5214}.add-btn{width:100%;padding:17px;background:#3d7a52;color:#fff;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;border:none;border-radius:16px;cursor:pointer;margin-top:6px;letter-spacing:.01em;box-shadow:0 4px 16px #3d7a5261,0 1px 3px #3d7a5233;transition:background .16s,transform .1s,box-shadow .16s,opacity .16s;background-image:linear-gradient(160deg,#4a8f62,#3d7a52)}.add-btn:hover:not(:disabled){background-color:#356847;background-image:linear-gradient(160deg,#42804f,#356847);box-shadow:0 6px 20px #3d7a5273,0 1px 3px #3d7a5233}.add-btn:active:not(:disabled){transform:scale(.98)}.add-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;background-image:none}.sheet-backdrop{position:fixed;inset:0;background:#0000;z-index:18;pointer-events:none;transition:background .28s ease}.sheet-backdrop--visible{background:#00000059;pointer-events:auto}.detail-sheet{z-index:22}.detail-sheet>.sheet-handle{margin:16px auto 26px}.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.detail-emoji{font-size:44px;line-height:1;flex-shrink:0}.detail-header-text{flex:1;min-width:0}.detail-name-row{display:flex;align-items:center;gap:6px;min-width:0}.detail-name{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.detail-fav-star{flex-shrink:0;background:none;border:none;padding:2px 4px;font-size:22px;line-height:1;color:#ccc;cursor:pointer;margin-bottom:4px;transition:color .15s,transform .1s}.detail-fav-star:active{transform:scale(.85)}.detail-fav-star--filled{color:#f5a623}.detail-serving{font-family:Inter,sans-serif;font-size:13px;color:#888;margin:0}.detail-custom-img{width:52px;height:52px;object-fit:contain;flex-shrink:0;filter:grayscale(10%)}.detail-food-img{width:52px;height:52px;object-fit:contain;flex-shrink:0}.detail-custom-badge{font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:#aaa;margin:0;letter-spacing:.2px;text-transform:uppercase}.detail-fav-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:44px;margin:0 0 12px;background:#fdfaf4;border:1.5px solid #e8dfc8;border-radius:14px;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#6b6052;transition:background .15s,border-color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.detail-fav-btn:active{transform:scale(.97)}.detail-fav-btn--active{background:#fff8e6;border-color:#e6b800;color:#8a6a00}.detail-fav-star{font-size:20px;line-height:1;color:#c8a800}.detail-fav-btn--active .detail-fav-star{color:#e6b800}.detail-fav-label{font-size:14px}.favorites-section{margin-bottom:18px}.favorites-label{font-family:Inter,sans-serif;font-size:11px;font-weight:700;color:#2d5a3d;text-transform:uppercase;letter-spacing:.07em;margin:0 0 10px}.favorites-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.favorites-row::-webkit-scrollbar{display:none}.fav-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;background:#fdfaf4;border:1.5px solid #e8dfc8;border-radius:14px;padding:10px 8px 8px;cursor:pointer;width:70px;transition:background .15s,border-color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.fav-card:active{background:#fff3cc;border-color:#c8a800;transform:scale(.95)}.fav-card-img{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.fav-card-thumb{width:46px;height:46px;object-fit:contain}.fav-card-emoji{font-size:30px;line-height:1}.fav-card-name{font-family:Inter,sans-serif;font-size:9.5px;font-weight:500;color:#444;text-align:center;line-height:1.2;word-break:break-word;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fav-card-wrap{position:relative;flex:0 0 auto}.fav-card--confirming{opacity:.35;pointer-events:none}.fav-remove-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fffffff5;border-radius:12px;border:1.5px solid #e74c3c;z-index:10;padding:4px}.fav-remove-yes{background:#e74c3c;color:#fff;border:none;border-radius:7px;font-family:Inter,sans-serif;font-size:10px;font-weight:700;padding:5px 10px;cursor:pointer;width:100%;touch-action:manipulation}.fav-remove-no{background:transparent;color:#888;border:none;font-family:Inter,sans-serif;font-size:10px;font-weight:500;padding:3px 0;cursor:pointer;width:100%;text-align:center;touch-action:manipulation}.detail-actions{display:flex;gap:12px;margin-top:0;padding-bottom:max(28px,env(safe-area-inset-bottom));flex-shrink:0}.detail-btn{flex:1;height:50px;border-radius:14px;border:none;font-family:Inter,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .14s,transform .1s}.detail-btn:active{transform:scale(.97)}.detail-btn--edit{background:linear-gradient(160deg,#4a8f62,#3d7a52);color:#fff;box-shadow:0 4px 14px #3d7a5259}.detail-btn--remove{background:#fff;color:#d0382c;border:1.5px solid #fad4d1}.detail-btn--cancel{background:#f5f5f5;color:#666}.detail-btn--layer{flex:0 0 46px;width:46px;background:#f0f2f0;color:#4a8f62;border:1.5px solid #c8ddd0;font-size:20px;line-height:1}.unit-locked{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:72px;height:48px;padding:0 12px;border-radius:12px;border:1.5px solid #e8e8e8;background:#fafafa;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-container .food-emoji-wrap{visibility:visible;transition:opacity .4s ease,visibility 0s linear 0s}.table-container.breakdown-mode .food-emoji-wrap{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}.nutrient-layer{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .45s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:50%;z-index:6}.breakdown-mode .nutrient-layer{opacity:1;pointer-events:auto}.past-spread-table .nutrient-layer{padding-bottom:50%}@keyframes nutrient-glow-pulse{0%{box-shadow:0 0 3px 1px var(--glow-color)}50%{box-shadow:0 0 10px 3px var(--glow-color)}to{box-shadow:0 0 3px 1px var(--glow-color)}}.breakdown-mode .nutrient-pill{animation:nutrient-glow-pulse 9s ease-in-out infinite}.nutrient-grid{display:flex;flex-direction:column;gap:14px;width:100%;padding:10px 10px 0}.nutrient-grid-row{display:flex;justify-content:space-around;gap:4px;padding:0 8%}.nutrient-grid-row--center{justify-content:center;gap:24px}.nutrient-item{position:static;transform:none;display:flex;flex-direction:column;align-items:center;gap:6px;transition:opacity .3s ease,transform .2s ease}.nutrient-item--tappable{background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.nutrient-item--tappable:active{transform:scale(.93)}.nutrient-item--tappable:active .nutrient-pill{background:#000000c7}.nutrient-emoji{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}.nutrient-pill{display:flex;flex-direction:column;align-items:center;background:#0000009e;border-radius:999px;padding:4px 12px 5px;gap:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px solid transparent;transition:border-color .2s}.nutrient-value{font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#fff;line-height:1.2}.nutrient-label{font-family:Inter,sans-serif;font-size:10px;font-weight:500;color:#ffffffc7;letter-spacing:.03em;text-transform:uppercase;line-height:1.1}.nutrient-dv{font-family:Inter,sans-serif;font-size:9px;font-weight:600;color:#ffffffb3;line-height:1.2;margin-top:3px}.nutrient-dv-footnote{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-family:Inter,sans-serif;font-size:9px;color:#ffffffeb;text-shadow:0 1px 5px rgba(0,0,0,.8);white-space:nowrap;margin:0;pointer-events:none}.nutrient-tap-hint{font-family:Inter,sans-serif;font-size:8px;font-weight:600;color:#ffffff8c;letter-spacing:.06em;text-transform:uppercase;margin-top:1px;pointer-events:none}.nd-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:900;padding:0 0 env(safe-area-inset-bottom,0);animation:nd-fade-in .18s ease}@keyframes nd-fade-in{0%{opacity:0}to{opacity:1}}.nd-modal{width:100%;max-width:430px;background:#fff;border-radius:22px 22px 0 0;overflow:hidden;max-height:82dvh;display:flex;flex-direction:column;animation:nd-slide-up .22s cubic-bezier(.34,1.2,.64,1);position:relative}.nd-modal--preview{pointer-events:none}.nd-preview-overlay{position:absolute;inset:0;z-index:10;background:#ffffffb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none}.nd-preview-lock{font-size:36px;line-height:1}.nd-preview-text{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#2d5a3d;text-align:center;padding:0 24px}@keyframes nd-slide-up{0%{transform:translateY(32px);opacity:0}to{transform:translateY(0);opacity:1}}.nd-header{display:flex;align-items:center;gap:10px;padding:18px 18px 14px;border-bottom:2.5px solid #eee;flex-shrink:0}.nd-header-emoji{font-size:22px;line-height:1}.nd-title{font-family:Poppins,sans-serif;font-size:17px;font-weight:700;color:#1a2e22;flex:1;margin:0}.nd-close{background:#f0f0f0;border:none;border-radius:50%;width:30px;height:30px;font-size:14px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent}.nd-close:active{background:#e0e0e0}.nd-total{font-family:Inter,sans-serif;font-size:13px;color:#6b7280;padding:10px 18px 6px;margin:0;flex-shrink:0}.nd-total-num{font-weight:700;font-size:15px}.nd-list{overflow-y:auto;flex:1;padding:4px 0 20px;-webkit-overflow-scrolling:touch}.nd-empty{text-align:center;color:#9ca3af;font-family:Inter,sans-serif;font-size:14px;padding:28px 0}.nd-row{display:flex;align-items:center;gap:10px;padding:10px 18px}.nd-row+.nd-row{border-top:1px solid #f3f4f6}.nd-row-img{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nd-row-thumb{width:36px;height:36px;object-fit:contain}.nd-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.nd-row-name{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#1a2e22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nd-row-bar-track{height:4px;background:#f0f0f0;border-radius:99px;overflow:hidden}.nd-row-bar-fill{height:100%;border-radius:99px;transition:width .3s ease}.nd-row-stats{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0}.nd-row-amount{font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#1a2e22}.nd-row-pct{font-family:Inter,sans-serif;font-size:11px;color:#9ca3af}.myscore-widget{position:absolute;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;background:#000000ad;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;pointer-events:none;transition:box-shadow .4s ease;z-index:10}.myscore-widget--glow-gold{border-color:#fbbf2499;box-shadow:0 0 18px 4px #fbbf2459,0 0 40px 8px #fbbf2426}.myscore-widget--glow-green{border-color:#4ade8080;box-shadow:0 0 18px 4px #4ade8047,0 0 40px 8px #4ade801f}.myscore-title{font-family:Pattaya,sans-serif;font-size:13px;color:#ffffffd1;line-height:1;margin-bottom:1px;letter-spacing:.01em}.myscore-number{font-family:Poppins,sans-serif;font-size:30px;font-weight:800;color:#fff;line-height:1}.myscore-label{font-family:Inter,sans-serif;font-size:7.5px;font-weight:600;color:#ffffff9e;letter-spacing:.04em;text-transform:uppercase;text-align:center;margin-top:2px;line-height:1.1;max-width:80px}.bd-dv-note{display:block;position:relative;z-index:6;width:fit-content;text-align:center;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#ffffffeb;background:#00000085;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:4px 14px;margin:6px auto 4px;pointer-events:none}.breakdown-fab{position:absolute;bottom:84px;left:14px;z-index:12;width:42px;height:42px;border-radius:50%;border:none;background:#2d5a3d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 12px #0000004d;transition:transform .15s,background .15s;-webkit-tap-highlight-color:transparent}.breakdown-fab:active{transform:scale(.92)}.breakdown-fab-plus{position:absolute;top:-3px;right:-3px;background:#f5a623;color:#fff;font-family:Inter,sans-serif;font-size:9px;font-weight:800;line-height:1;padding:2px 4px;border-radius:999px;pointer-events:none}.breakdown-fab--back{width:auto;border-radius:999px;padding:0 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;letter-spacing:.01em;background:#2d5a3d}.bd-backdrop{position:fixed;inset:0;z-index:40;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:24px;animation:bdFadeIn .2s ease}@keyframes bdFadeIn{0%{opacity:0}to{opacity:1}}.bd-card{position:relative;background:#fff;border-radius:22px;padding:28px 24px 22px;max-width:360px;width:100%;animation:bdSlideUp .25s ease}.bd-close-btn{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background .15s}.bd-close-btn:active{background:#e5e7eb}@keyframes bdSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.bd-title{font-family:Poppins,sans-serif;font-size:19px;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.3;text-align:center}.bd-body{font-family:Inter,sans-serif;font-size:14px;color:#555;line-height:1.6;margin:0 0 14px}.bd-preview-img{width:100%;min-height:280px;object-fit:cover;border-radius:14px;margin:0 0 10px;display:block;background:#e8ede9}.bd-hint{font-family:Inter,sans-serif;font-size:11.5px;color:#888;text-align:center;margin:0 0 14px;line-height:1.4}.bd-skip-row{display:flex;align-items:center;gap:8px;margin:0 0 16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.bd-skip-checkbox{width:17px;height:17px;accent-color:#2d5a3d;cursor:pointer;flex-shrink:0}.bd-skip-label{font-family:Inter,sans-serif;font-size:13px;color:#555}.bd-actions{display:flex;flex-direction:column;gap:10px}.bd-btn{width:100%;padding:14px 20px;border-radius:14px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;-webkit-tap-highlight-color:transparent}.bd-btn:active{opacity:.75;transform:scale(.98)}.bd-btn--confirm{background:#2d5a3d;color:#fff;border:none}.bd-btn--cancel{background:#fff;color:#2d5a3d;border:1.5px solid #2d5a3d}.capture-watermark{position:absolute;bottom:80px;right:16px;z-index:30;font-family:Pattaya,Georgia,serif;font-size:18px;color:#fff;background:#00000085;padding:7px 16px;border-radius:999px;pointer-events:none;white-space:nowrap;letter-spacing:.01em}.share-sheet{max-height:88vh;overflow-y:auto;padding-bottom:max(24px,env(safe-area-inset-bottom))}.share-sheet-title{font-family:Poppins,sans-serif;font-size:17px;font-weight:600;color:#1a1a1a;text-align:center;margin:0;padding:14px 0;display:flex;align-items:center;justify-content:center}.share-preview-wrap{width:100%;border-radius:14px;overflow:hidden;margin-bottom:20px;box-shadow:0 4px 20px #00000024;background:#000;max-height:52vh;display:flex;align-items:center;justify-content:center}.share-preview-img{width:100%;height:100%;display:block;object-fit:contain}.share-preview-placeholder{width:100%;height:200px;border-radius:14px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.share-spinner{display:inline-block;width:36px;height:36px;border:3px solid rgba(45,90,61,.2);border-top-color:#2d5a3d;border-radius:50%;animation:spin .8s linear infinite}.share-actions{display:flex;flex-direction:column;gap:10px;padding:0 4px}.share-btn{width:100%;padding:15px 20px;border-radius:14px;border:none;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:opacity .15s,transform .1s;-webkit-tap-highlight-color:transparent}.share-btn:active{opacity:.75;transform:scale(.98)}.share-btn:disabled{opacity:.45;pointer-events:none}.share-btn--save{background:#2d5a3d;color:#fff}.share-btn--share{background:#1a1a1a;color:#fff}.share-btn--cancel{background:#f2f2f2;color:#555}.share-btn--community{background:#4a7c59;color:#fff}.past-comm-backdrop{position:fixed;inset:0;background:#00000073;z-index:900}.past-comm-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;padding:12px 20px 40px;z-index:901;display:flex;flex-direction:column;gap:12px;max-height:70vh}.past-comm-title{font-family:Poppins,sans-serif;font-size:17px;font-weight:700;color:#1a1a1a;margin:0;text-align:center}.past-comm-sub{font-family:Inter,sans-serif;font-size:12.5px;color:#888;margin:-4px 0 0;text-align:center}.past-comm-caption{width:100%;border:1.5px solid #e0e0e0;border-radius:12px;padding:12px 14px;font-family:Inter,sans-serif;font-size:14px;resize:none;color:#1a1a1a;background:#fafafa;box-sizing:border-box;outline:none;transition:border-color .15s}.past-comm-caption:focus{border-color:#2d5a3d}.past-comm-error{font-family:Inter,sans-serif;font-size:12px;color:#e05252;margin:-4px 0 0;text-align:center}.past-comm-actions{display:flex;flex-direction:column;gap:8px}.past-comm-post-btn{width:100%;padding:15px;border-radius:14px;border:none;background:#2d5a3d;color:#fff;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.past-comm-post-btn:disabled{opacity:.5;pointer-events:none}.past-comm-cancel-btn{width:100%;padding:13px;border-radius:14px;border:none;background:#f2f2f2;color:#555;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.past-comm-cancel-btn:disabled{opacity:.5;pointer-events:none}.past-comm-success{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0 8px}.past-comm-success-icon{font-size:36px}.past-comm-success-title{font-family:Poppins,sans-serif;font-size:17px;font-weight:700;color:#1a1a1a;margin:0}.past-comm-success-sub{font-family:Inter,sans-serif;font-size:13px;color:#666;margin:0;text-align:center}.past-comm-done-btn{margin-top:6px;padding:13px 40px;border-radius:14px;border:none;background:#2d5a3d;color:#fff;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;cursor:pointer}.login-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f0e8}.login-inner{width:100%;padding:32px 28px 40px;display:flex;flex-direction:column;align-items:center;gap:0}.login-logo-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:36px}.login-logo{font-family:Pattaya,sans-serif;font-size:56px;font-weight:400;color:#2d5a3d;line-height:1;letter-spacing:-1px}.login-tagline{font-family:Poppins,sans-serif;font-size:15px;color:#7a9e84;margin-top:6px;letter-spacing:.01em}.auth-form{width:100%;display:flex;flex-direction:column;gap:12px}.auth-input{width:100%;font-size:16px;padding:14px 16px;border-radius:12px;border:1.5px solid #d8d0c4;background:#fff;color:#222;transition:border-color .15s}.auth-input:focus{outline:none;border-color:#2d5a3d}.auth-input:disabled{opacity:.6}.auth-btn{width:100%;padding:15px 20px;border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;-webkit-tap-highlight-color:transparent}.auth-btn:active{opacity:.78;transform:scale(.98)}.auth-btn:disabled{opacity:.45;pointer-events:none}.auth-btn--primary{background:#2d5a3d;color:#fff;border:none}.auth-btn--signup{background:#f5f0e8;color:#2d5a3d;border:1.5px solid rgba(45,90,61,.22);font-size:14px}.auth-btn--signup:hover{background:#ede8df}.auth-divider{display:flex;align-items:center;gap:10px;margin:2px 0}.auth-divider-line{flex:1;height:1px;background:#2d5a3d26}.auth-divider-text{font-family:Inter,sans-serif;font-size:12px;color:#a0b4a8;font-weight:500;letter-spacing:.04em}.auth-confirm-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;background:#f5f0e8;border-radius:18px;padding:28px 22px 24px;text-align:center}.auth-confirm-icon{font-size:40px;line-height:1}.auth-confirm-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#1a2e22;margin:0}.auth-confirm-body{font-family:Inter,sans-serif;font-size:14px;color:#4a6b55;line-height:1.55;margin:0 0 8px}.auth-confirm-body strong{color:#2d5a3d}.auth-link{background:none;border:none;color:#7a9e84;font-family:Inter,sans-serif;font-size:13px;cursor:pointer;text-align:center;padding:4px 0 0;text-decoration:underline;-webkit-tap-highlight-color:transparent}.auth-link:disabled{opacity:.5;pointer-events:none}.auth-error{width:100%;background:#fff0f0;border:1px solid #f5c0c0;border-radius:10px;color:#c0392b;font-size:13px;font-family:Inter,sans-serif;padding:10px 14px;margin-bottom:8px;text-align:center}.auth-success{width:100%;background:#f0fff4;border:1px solid #a8e6bf;border-radius:10px;color:#276740;font-size:13px;font-family:Inter,sans-serif;padding:10px 14px;margin-bottom:8px;text-align:center}.profile-screen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f5f0e8;display:flex;flex-direction:column}.profile-hero{flex-shrink:0;display:flex;justify-content:center;padding-top:32px}.profile-avatar-wrap{position:relative;display:flex;align-items:center}.profile-avatar-circle{width:96px;height:96px;border-radius:50%;background:#1e3d2a;border:4px solid #f5f0e8;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #00000038}.profile-initials{font-family:Poppins,sans-serif;font-size:32px;font-weight:700;color:#fff;line-height:1;letter-spacing:-1px}.profile-camera-badge-wrap{position:absolute;bottom:2px;right:-4px;display:flex;flex-direction:column;align-items:flex-end}.profile-camera-badge{width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #e8e4db;display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;box-shadow:0 2px 6px #0003;padding:0;-webkit-tap-highlight-color:transparent}.profile-camera-tooltip{position:absolute;bottom:calc(100% + 8px);right:0;background:#141414e0;color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:500;white-space:nowrap;padding:6px 10px;border-radius:8px;pointer-events:none;animation:tooltip-in .15s ease}.profile-camera-tooltip:after{content:"";position:absolute;top:100%;right:10px;border:5px solid transparent;border-top-color:#141414e0}@keyframes tooltip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.profile-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 20px 0}.profile-name-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:3px}.profile-display-name{font-family:Poppins,sans-serif;font-size:22px;font-weight:700;color:#1a1a1a;margin:0;text-align:center}.profile-name-pencil-btn{background:none;border:none;color:#7a9e84;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;-webkit-tap-highlight-color:transparent}.profile-name-pencil-btn:active{color:#2d5a3d;background:#e8f5ec}.profile-name-inline-input{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#1a1a1a;border:none;border-bottom:2px solid #2d5a3d;background:transparent;outline:none;text-align:center;width:170px;padding:2px 4px}.profile-name-check-btn{background:#2d5a3d;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;-webkit-tap-highlight-color:transparent}.profile-name-check-btn:disabled{opacity:.55}.profile-email-sub{font-family:Inter,sans-serif;font-size:13px;color:#7a9e84;margin:0 0 14px;word-break:break-all;text-align:center}.profile-edit-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.profile-name-input{width:100%;padding:12px 16px;border:1.5px solid #d0c9be;border-radius:14px;font-family:Inter,sans-serif;font-size:15px;background:#fff;color:#1a1a1a;outline:none;box-sizing:border-box;transition:border-color .15s}.profile-name-input:focus{border-color:#3d7a52}.profile-edit-actions{display:flex;gap:10px}.profile-edit-cancel,.profile-edit-save{flex:1;padding:11px 10px;border-radius:12px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .14s,transform .1s;-webkit-tap-highlight-color:transparent}.profile-edit-cancel{background:#fff;border:1.5px solid #d0c9be;color:#666}.profile-edit-save{background:#3d7a52;border:none;color:#fff}.profile-edit-save:disabled{background:#8aaa96}.profile-edit-cancel:active,.profile-edit-save:active{transform:scale(.97)}.profile-header-divider{border:none;border-top:1px solid rgba(45,90,61,.12);width:100%;margin:4px 0 12px}.profile-section-label{align-self:flex-start;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#2d5a3d;letter-spacing:.08em;text-transform:uppercase;margin:4px 0 12px}.profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:28px}.profile-stat-card{background:#fff;border:1px solid rgba(45,90,61,.1);border-radius:16px;padding:18px 12px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 2px 12px #2d5a3d12;text-align:center}.profile-stat-icon{font-size:22px;line-height:1;margin-bottom:4px}.profile-stat-value{font-family:Poppins,sans-serif;font-size:22px;font-weight:700;color:#2d5a3d;letter-spacing:-.5px;line-height:1.1}.profile-stat-value--sm{font-size:14px;letter-spacing:0;text-align:center;word-break:break-word;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.profile-stat-label{font-family:Inter,sans-serif;font-size:11px;color:#aaa;font-weight:500;text-transform:uppercase;letter-spacing:.05em;text-align:center}.spreads-grid{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;width:100%;padding-bottom:4px;margin-bottom:28px}.spreads-grid::-webkit-scrollbar{display:none}.spread-tile{position:relative;background:#fff;border:1px solid rgba(45,90,61,.1);border-radius:14px;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 2px 8px #2d5a3d0f;flex:0 0 auto;width:30%;scroll-snap-align:start;cursor:pointer;transition:transform .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent;text-align:center}.spread-tile--locked{opacity:.5}.spread-tile-lock{position:absolute;top:5px;right:6px;font-size:11px;line-height:1}.spread-tile:active{transform:scale(.94);box-shadow:0 1px 4px #2d5a3d14}.spread-tile-emoji{font-size:20px;line-height:1;margin-bottom:2px}.spread-tile-date{font-family:Poppins,sans-serif;font-size:10px;font-weight:600;color:#2d5a3d;text-transform:uppercase;letter-spacing:.04em}.spread-tile-cal{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#1a1a1a;line-height:1}.spread-tile-unit{font-size:10px;font-weight:500;color:#aaa}.profile-hint{font-family:Inter,sans-serif;font-size:13px;color:#aaa;text-align:center;margin:0 0 28px}.profile-history-cta{display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;padding:13px 16px;background:#f0faf4;border:1.5px solid rgba(45,90,61,.18);border-radius:14px;cursor:pointer;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;color:#2d5a3d;text-align:left;-webkit-tap-highlight-color:transparent;transition:background .15s}.profile-history-cta:active{background:#e2f4ea}.profile-history-cta-lock{font-size:15px;flex-shrink:0}.profile-history-cta-arrow{margin-left:auto;font-size:15px;opacity:.5}.profile-plus-tag{font-family:Inter,sans-serif;font-size:10px;font-weight:700;color:#fff;background:#2d5a3d;border-radius:6px;padding:1px 6px;letter-spacing:.04em;vertical-align:middle;margin-left:4px}.profile-plus-gate{background:#f6f6f6;border-radius:14px;padding:16px;margin-bottom:8px}.profile-plus-gate-text{font-family:Inter,sans-serif;font-size:13px;color:#6b7280;line-height:1.5;margin-bottom:12px}.profile-plus-gate-btn{width:100%;padding:11px;background:#2d5a3d;color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:700;border:none;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.profile-plus-gate-btn:active{opacity:.85}.profile-bio-form{background:#f9f9f6;border-radius:14px;padding:4px 0 8px;margin-bottom:8px;display:flex;flex-direction:column}.profile-bio-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f0ede6}.profile-bio-row:last-of-type{border-bottom:none}.profile-bio-row--stack{flex-direction:column;align-items:flex-start;gap:10px}.profile-bio-label{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#1a2e22}.profile-bio-input-wrap{display:flex;align-items:center;gap:6px}.profile-bio-input{width:72px;padding:6px 10px;background:#fff;border:1.5px solid #ddd;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#1a2e22;text-align:center;-moz-appearance:textfield}.profile-bio-input::-webkit-inner-spin-button,.profile-bio-input::-webkit-outer-spin-button{-webkit-appearance:none}.profile-bio-unit{font-family:Inter,sans-serif;font-size:12px;color:#9ca3af;font-weight:500}.profile-sex-toggle{display:flex;gap:6px}.profile-sex-btn{padding:7px 18px;border-radius:20px;border:1.5px solid #ddd;background:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s}.profile-sex-btn--active{background:#2d5a3d;border-color:#2d5a3d;color:#fff}.profile-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.profile-activity-btn{padding:9px 8px;border-radius:10px;border:1.5px solid #ddd;background:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#6b7280;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s;line-height:1.3}.profile-activity-btn--active{background:#2d5a3d;border-color:#2d5a3d;color:#fff}.profile-bio-saved{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#2d5a3d;text-align:center;padding:8px 0 2px}.myscore-personalize-prompt{display:block;position:relative;z-index:6;width:fit-content;margin:0 auto;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:20px;padding:7px 14px;font-family:Inter,sans-serif;font-size:10.5px;font-weight:600;color:#ffffffe0;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;letter-spacing:.01em}.myscore-personalize-prompt:active{background:#000000b8}.bd-reset-hint-btn{width:100%;margin-top:8px;padding:11px;background:transparent;border:1.5px solid #d1d5db;border-radius:10px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.bd-reset-hint-btn:active{background:#f3f4f6}.signout-btn{margin-top:4px;width:100%;max-width:320px;padding:13px 20px;border-radius:14px;border:2px solid #e74c3c;background:transparent;color:#e74c3c;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.signout-btn:hover{background:#fdf2f0}.signout-btn:active{transform:scale(.97)}.day-log-backdrop{position:fixed;inset:0;background:#0006;z-index:9000;display:flex;align-items:flex-end;animation:backdrop-in .22s ease}@keyframes backdrop-in{0%{background:#0000}to{background:#0006}}.day-log-sheet{width:100%;max-height:72vh;background:#fff;border-radius:24px 24px 0 0;padding:12px 20px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -8px 40px #00000026;animation:sheet-up .28s cubic-bezier(.32,.72,0,1)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.day-log-handle{width:36px;height:4px;background:#e4e4e4;border-radius:2px;margin:0 auto 16px;flex-shrink:0}.day-log-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;flex-shrink:0}.day-log-header-info{display:flex;flex-direction:column;gap:3px}.day-log-header-date{font-family:Poppins,sans-serif;font-size:17px;font-weight:700;color:#1a1a1a;line-height:1.2}.day-log-header-cal{font-family:Inter,sans-serif;font-size:13px;color:#7a9e84;font-weight:500}.day-log-close{width:32px;height:32px;border-radius:50%;background:#f3f3f3;border:none;font-size:14px;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;transition:background .12s;-webkit-tap-highlight-color:transparent}.day-log-close:hover{background:#e8e8e8}.day-log-close:active{transform:scale(.92)}.day-log-list{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;display:flex;flex-direction:column}.day-log-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f3f3f3}.day-log-row:last-child{border-bottom:none}.day-log-row-emoji{font-size:28px;line-height:1;flex-shrink:0;width:38px;text-align:center}.day-log-row-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.day-log-row-name{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-log-row-qty{font-family:Inter,sans-serif;font-size:12px;color:#aaa;font-weight:400}.day-log-row-cal{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#2d5a3d;flex-shrink:0;line-height:1}.day-log-row-calunit{font-size:11px;font-weight:500;color:#aaa}.past-spread-view{position:fixed;top:0;bottom:0;left:50%;width:100%;max-width:430px;transform:translate(-50%);z-index:500;background:#f5f0e8;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px #1e3c1e2e,0 8px 24px #1e3c1e1a}.past-spread-header{display:flex;align-items:center;gap:8px;padding:12px 16px 10px;background:#2d5a3d;flex-shrink:0}.past-spread-back{background:#ffffff26;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;transition:background .15s}.past-spread-back:active{background:#ffffff47}.past-spread-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.past-spread-share-btn{background:#ffffff26;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;transition:background .15s;-webkit-tap-highlight-color:transparent;padding:0}.past-spread-share-btn:active{background:#ffffff47}.past-spread-header-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.past-spread-date-label{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#fff;letter-spacing:-.01em}.past-spread-readonly-badge{font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#ffffffa6;background:#ffffff1f;border-radius:10px;padding:2px 8px;letter-spacing:.02em;text-transform:uppercase}.past-spread-add-btn{background:#ffffff2e;border:none;border-radius:20px;padding:7px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#fff;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:background .15s}.past-spread-add-btn:active{background:#ffffff4d}.past-spread-table{position:relative;width:100%;flex:1;min-height:0;background-size:cover;background-position:center;overflow:hidden}.past-food-pin{position:absolute;background:none;border:none;cursor:pointer;padding:0;transition:transform .12s;user-select:none;-webkit-user-select:none;line-height:0;z-index:20}.past-food-pin:active{opacity:.8}.past-food-pin--dragging{opacity:.85;cursor:grabbing;z-index:30}.past-spread-table .plate-img-wrap{z-index:5;cursor:default}.past-spread-loading,.past-spread-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Inter,sans-serif;font-size:13px;color:#fff9;font-style:italic;text-align:center;width:72%;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.35)}.past-spread-stats{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;background:#00000085;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:14px 8px 16px;z-index:5}.past-stat{display:flex;flex-direction:column;align-items:center;flex:1;gap:3px}.past-stat-value{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.3px}.past-stat-label{font-family:Inter,sans-serif;font-size:10px;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em}.past-stat-divider{width:1px;height:30px;background:#fff3;flex-shrink:0}.past-add-sheet{max-height:85vh;overflow-y:auto;z-index:520;scrollbar-width:none}.past-add-sheet::-webkit-scrollbar{display:none}.sheet-backdrop--over-view{z-index:510}.past-spread-table.breakdown-mode .past-food-pin{opacity:0;pointer-events:none;transition:opacity .4s ease}.past-food-pin{transition:opacity .4s ease,transform .12s}.past-breakdown-fab{bottom:84px}.pro-upgrade-icon{font-size:2.6rem;text-align:center;margin-bottom:10px}.pro-upgrade-btn{background:linear-gradient(135deg,#2d5a3d,#3d7a52)}.paywall-screen{position:fixed;inset:0 auto 0 50%;width:100%;max-width:480px;transform:translate(-50%);background:#2d5a3d;display:flex;flex-direction:column;overflow:hidden}.paywall-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:52px 24px 64px;scrollbar-width:none}.paywall-scroll::-webkit-scrollbar{display:none}.paywall-logo{font-family:Pattaya,sans-serif;font-size:1.9rem;color:#fffc;letter-spacing:.5px;margin-bottom:20px}.paywall-heading{font-family:Inter,sans-serif;font-size:2.4rem;font-weight:800;color:#fff;text-align:center;margin:0 0 10px;letter-spacing:-.8px;line-height:1.1}.paywall-tagline{font-family:Inter,sans-serif;font-size:1rem;color:#ffffffa6;text-align:center;margin:0 0 28px}.paywall-features{width:100%;max-width:360px;background:#ffffff17;border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.paywall-feature-row{display:flex;align-items:flex-start;gap:12px}.paywall-check{color:#7dd4a0;font-size:1rem;font-weight:700;flex-shrink:0;margin-top:1px}.paywall-feature-text{display:flex;flex-direction:column;gap:2px}.paywall-feature-name{font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#fff}.paywall-feature-sub{font-family:Inter,sans-serif;font-size:.78rem;color:#ffffff80}.paywall-pricing{width:100%;max-width:360px;display:flex;gap:12px;margin-bottom:20px}.paywall-plan{flex:1;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:18px;padding:20px 12px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;transition:border-color .15s,background .15s;touch-action:manipulation}.paywall-plan--selected{background:#ffffff29;border-color:#7dd4a0}.paywall-plan--annual{padding-top:28px}.paywall-plan-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:#f5c842;color:#1a3a25;font-family:Inter,sans-serif;font-size:.65rem;font-weight:800;padding:3px 10px;border-radius:20px;letter-spacing:.4px;white-space:nowrap;text-transform:uppercase}.paywall-plan-period{font-family:Inter,sans-serif;font-size:.8rem;color:#fff9;font-weight:500}.paywall-plan-price{font-family:Inter,sans-serif;font-size:1.45rem;font-weight:800;color:#fff;line-height:1.1}.paywall-plan-price span{font-size:.78rem;font-weight:400;color:#ffffff8c}.paywall-plan-permonth{font-family:Inter,sans-serif;font-size:.68rem;color:#ffffff73;margin-top:2px}.paywall-cta{width:100%;max-width:360px;background:#fff;color:#2d5a3d;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;border:none;border-radius:50px;padding:18px 24px;cursor:pointer;margin-bottom:14px;transition:opacity .15s,transform .1s;letter-spacing:.1px;touch-action:manipulation}.paywall-cta:active{opacity:.85;transform:scale(.98)}.paywall-restore{background:none;border:none;color:#ffffff73;font-family:Inter,sans-serif;font-size:.85rem;padding:8px;cursor:pointer;margin-bottom:6px;touch-action:manipulation}.paywall-cancel{background:none;border:none;color:#fff6;font-family:Inter,sans-serif;font-size:.9rem;padding:8px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));cursor:pointer;touch-action:manipulation}.theme-thumb--locked .theme-thumb-img{opacity:.55}.theme-lock-icon{position:absolute;top:6px;right:6px;font-size:.85rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.search-input{width:100%;box-sizing:border-box;height:48px;padding:0 16px;font-family:Inter,sans-serif;font-size:16px;color:#2c2c2c;background:#f7f4ee;border:1.5px solid #ddd8ce;border-radius:12px;outline:none;-webkit-appearance:none;appearance:none;touch-action:manipulation;cursor:text}.search-input::placeholder{color:#b0a89a}.search-input:focus{border-color:#3d7a52;background:#fff;box-shadow:0 0 0 3px #3d7a521f}.search-input::-webkit-search-cancel-button{-webkit-appearance:none}.search-input::-webkit-search-decoration{-webkit-appearance:none}.past-suggestions-list{max-height:240px;overflow-y:auto;border-radius:12px;border:1px solid #e8e2d8;margin-top:4px}.trends-screen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f5f0e8;display:flex;flex-direction:column;padding:20px 0 32px;gap:0}.trends-card{background:#fff;border-radius:16px;border:1px solid #ede8e0;padding:16px 12px 12px;margin:0 16px 24px}.trends-card-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.trends-card-title{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#2d3a2e}.trends-card-unit{font-family:Poppins,sans-serif;font-size:12px;color:#aaa}.trends-chart-wrap{width:100%;min-height:186px;display:flex;align-items:center;justify-content:center}.trends-chart-wrap svg{display:block}.trends-chart-swipe-container{position:relative;width:100%}.trends-chart-layer{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.trends-chart-layer--active{opacity:1;pointer-events:auto}.trends-chart-indicators{display:flex;justify-content:center;gap:6px;padding:8px 0 2px}.trends-chart-dot{width:6px;height:6px;border-radius:50%;background:#d4cabf;cursor:pointer;transition:background .2s ease;display:inline-block}.trends-chart-dot--active{background:#2d5a3d}.trends-placeholder{font-family:Poppins,sans-serif;font-size:13px;color:#bbb;text-align:center;padding:32px 0}.trends-section-label{font-family:Poppins,sans-serif;font-size:12px;font-weight:700;color:#2d5a3d;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;padding:0 16px}.trends-nutrient-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;overflow-x:scroll;overflow-y:hidden;gap:8px;padding:8px 16px;margin-bottom:14px;scrollbar-width:none;min-height:68px}.trends-nutrient-row::-webkit-scrollbar{display:none}.trends-nutrient-btn{display:inline-flex;flex-shrink:0;flex-direction:column;align-items:center;gap:3px;padding:8px 10px;border-radius:12px;border:1.5px solid #e0d9cf;background:#faf7f2;cursor:pointer;min-width:60px;transition:border-color .15s,background-color .15s}.trends-nutrient-btn--active{border-color:currentColor}.trends-nutrient-emoji{font-size:18px;line-height:1}.trends-nutrient-label{font-family:Poppins,sans-serif;font-size:10px;font-weight:500;color:#555;white-space:nowrap}.trends-range-row{display:flex;flex-direction:row;gap:8px;padding:0 16px;margin-bottom:8px}.trends-range-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:9px 4px;border-radius:10px;border:1.5px solid #e0d9cf;background:#faf7f2;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;color:#555;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.trends-range-btn--active{background:#2d5a3d;border-color:#2d5a3d;color:#fff}.trends-range-btn--locked{color:#bbb;border-color:#ede8e0;background:#f7f3ed}.trends-lock-icon{font-size:10px}.trends-sheet-backdrop{position:fixed;inset:0;background:#00000059;z-index:200;display:flex;align-items:flex-end}.trends-sheet{width:100%;max-height:72vh;background:#f5f0e8;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden}.trends-sheet-handle{width:40px;height:4px;border-radius:2px;background:#c8bfb2;margin:12px auto 0;flex-shrink:0}.trends-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e5ddd0;flex-shrink:0;gap:6px}.trends-sheet-header-center{flex:1;text-align:center;min-width:0}.trends-sheet-header-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.trends-sheet-nav-btn{width:34px;height:34px;border-radius:50%;border:none;background:#ebe4d9;color:#2d5a3d;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s ease,opacity .15s ease}.trends-sheet-nav-btn:disabled{opacity:.25;cursor:default}.trends-sheet-nav-btn:not(:disabled):active{background:#d4cabd}.trends-sheet-date{font-family:Poppins,sans-serif;font-size:15px;font-weight:700;color:#2d5a3d;margin:0 0 3px}.trends-sheet-total{font-family:Poppins,sans-serif;font-size:13px;color:#555;margin:0}.trends-sheet-total strong{color:#2d3a2e}.trends-sheet-close{width:32px;height:32px;border-radius:50%;border:none;background:#ebe4d9;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-left:12px}.trends-sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 24px}.trends-sheet-empty{font-family:Poppins,sans-serif;font-size:13px;color:#bbb;text-align:center;padding:24px 0;margin:0}.trends-sheet-list{list-style:none;margin:0;padding:0}.trends-sheet-item{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;border-bottom:1px solid #ede7de}.trends-sheet-item:last-child{border-bottom:none}.trends-sheet-food-name{font-family:Poppins,sans-serif;font-size:14px;color:#333;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.trends-sheet-food-val{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;flex-shrink:0}.trends-avg-bar{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 4px}.trends-avg-pill{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #e5ddd0;border-radius:20px;padding:6px 12px}.trends-avg-pill-emoji{font-size:13px;line-height:1}.trends-avg-pill-val{font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#2d5a3d}.trends-avg-pill-unit{font-family:Poppins,sans-serif;font-size:11px;color:#888}.trends-avg-pill--extra{position:relative;padding-right:28px}.trends-avg-pill-remove{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:none;border:none;font-size:16px;line-height:1;color:#aaa;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.trends-avg-pill-remove:hover{color:#e74c3c}.trends-avg-add-btn{display:flex;align-items:center;gap:4px;background:none;border:1.5px dashed #3d7a52;border-radius:20px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#3d7a52;cursor:pointer;white-space:nowrap}.trends-picker-item{cursor:pointer}.trends-picker-item:active{background:#f5f0e8}.trends-picker-emoji{font-size:20px;margin-right:4px;flex-shrink:0}.trends-picker-unit{font-family:Poppins,sans-serif;font-size:12px;color:#aaa;flex-shrink:0}.trends-insights-section-label{margin-top:10px}.trends-insights-list{display:flex;flex-direction:column;gap:10px;padding:0 16px 24px}.trends-insight-card{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #e8e0d6;border-radius:14px;padding:14px 16px}.trends-insights-locked{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid #e8e0d6;border-radius:14px;padding:20px 16px;text-align:center}.trends-insights-locked-icon{font-size:24px}.trends-insights-locked-text{font-family:Inter,sans-serif;font-size:13px;color:#666;margin:0;line-height:1.4}.trends-insights-locked-btn{margin-top:4px;background:#2d5a3d;color:#fff;border:none;border-radius:20px;padding:8px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer}.trends-insights-locked-btn:active{background:#1e3d2a}.trends-insight-emoji{font-size:20px;line-height:1;flex-shrink:0;margin-top:1px}.trends-insight-text{font-family:Poppins,sans-serif;font-size:13px;color:#2d3a2e;line-height:1.45}.my-spreads-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#f5f0e8}.my-spreads-coming-soon{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:32px 24px}.my-spreads-coming-soon-emoji{font-size:52px;line-height:1;margin-bottom:4px}.my-spreads-coming-soon-title{font-family:Pattaya,sans-serif;font-size:26px;color:#2d5a3d;margin:0}.my-spreads-coming-soon-text{font-family:Poppins,sans-serif;font-size:15px;color:#888;margin:0;letter-spacing:.5px}.community-screen{display:flex;flex-direction:column;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f5f0e8;scrollbar-width:none}.community-screen::-webkit-scrollbar{display:none}.community-top{flex-shrink:0;padding:18px 16px 12px;background:#f5f0e8}.community-heading{font-family:Poppins,sans-serif;font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 10px;letter-spacing:.4px;display:inline-block}.community-heading:after{content:"";display:block;width:100%;height:3px;background:#2d5a3d;margin-top:6px;border-radius:2px}.community-badge-banner--unused{background:linear-gradient(135deg,#2d5a3d,#3d7a52);color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;padding:10px 14px;border-radius:12px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.community-share-card{background:#fff;border:1.5px solid rgba(45,90,61,.14);border-radius:16px;padding:14px 16px;box-shadow:0 2px 10px #2d5a3d12}.community-share-hint{font-family:Poppins,sans-serif;font-size:13px;color:#888;margin:0;text-align:center}.community-share-shared{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#2d5a3d}.community-update-btn{background:transparent;border:1.5px solid #2d5a3d;color:#2d5a3d;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s}.community-update-btn:hover{background:#2d5a3d0f}.community-share-posted{display:flex;flex-direction:column;gap:10px}.community-share-posted-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#2d5a3d}.community-caption-input{width:100%;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:14px;line-height:1.45;color:#222;background:#f8f5f0;border:1.5px solid #e0d8cc;border-radius:10px;padding:10px 12px;resize:none;outline:none;-webkit-appearance:none;transition:border-color .15s}.community-caption-input:focus{border-color:#3d7a52}.community-caption-input::placeholder{color:#aaa}.community-share-prompt{display:flex;flex-direction:column;gap:10px}.community-share-prompt-text{display:flex;align-items:center;justify-content:space-between}.community-share-prompt-text strong{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#1a1a1a}.community-share-prompt-text span{font-family:Poppins,sans-serif;font-size:12px;color:#2d5a3d}.community-share-btn{background:linear-gradient(135deg,#2d5a3d,#3d7a52);color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;border:none;border-radius:24px;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;box-shadow:0 4px 12px #2d5a3d40;transition:transform .1s,box-shadow .1s}.community-share-btn:active{transform:scale(.96)}.community-share-btn:disabled{opacity:.6}.community-share-error{font-family:Poppins,sans-serif;font-size:12px;color:#e74c3c;margin:8px 0 0}.feed-list{flex:1;padding:8px 16px 32px;display:flex;flex-direction:column;gap:16px}.feed-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0;color:#888;font-family:Poppins,sans-serif;font-size:14px}.feed-loading-spinner{display:inline-block;width:28px;height:28px;border:3px solid rgba(45,90,61,.15);border-top-color:#2d5a3d;border-radius:50%;animation:spin .8s linear infinite}.feed-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;text-align:center}.feed-empty-icon{font-size:48px;line-height:1;margin-bottom:4px}.feed-empty-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.feed-empty-body{font-family:Poppins,sans-serif;font-size:14px;color:#888;margin:0;max-width:240px}.feed-end-hint{text-align:center;font-family:Poppins,sans-serif;font-size:13px;color:#bbb;padding:8px 0}.feed-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 16px #2d5a3d17;border:1px solid rgba(45,90,61,.08)}.feed-card-header{display:flex;align-items:center;gap:10px;position:relative;padding:14px 16px 10px}.feed-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Poppins,sans-serif;font-weight:700;flex-shrink:0;line-height:1;letter-spacing:-.5px}.feed-card-meta{display:flex;flex-direction:column;gap:2px}.feed-card-name{font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#1a1a1a;line-height:1}.feed-card-date{font-family:Poppins,sans-serif;font-size:12px;color:#aaa;font-weight:400}.feed-table-wrap{position:relative;margin:0 16px 12px;border-radius:14px;overflow:hidden}.mini-table{width:100%;aspect-ratio:3 / 4;position:relative;border-radius:14px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.mini-table-emoji{position:absolute;line-height:1;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));z-index:2}.mini-table-food-img{position:absolute;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));pointer-events:none;user-select:none;-webkit-user-select:none;z-index:2}.feed-calorie-badge{position:absolute;bottom:10px;right:10px;background:#0000008f;color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:5px 10px;border-radius:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);line-height:1;display:flex;align-items:center;gap:5px}.feed-caption{font-family:Poppins,sans-serif;font-size:13px;font-style:normal;line-height:1.45;color:#555;margin:0;padding:6px 16px 0}.feed-actions{display:flex;align-items:center;gap:0;padding:12px 8px 14px;border-top:1px solid #f3f3f3}.feed-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:none;cursor:pointer;border-radius:20px;-webkit-tap-highlight-color:transparent;transition:background .12s,transform .1s;flex:1;justify-content:center}.feed-action-btn:hover{background:#2d5a3d0d}.feed-action-btn:active{transform:scale(.92)}.feed-action-btn:disabled{opacity:.4;cursor:default}.feed-action-btn--liked .feed-action-count{color:#e05252}.feed-action-icon{display:inline-flex;align-items:center;justify-content:center;color:#888;line-height:1}.feed-action-count{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#888;line-height:1}.cs-backdrop{position:fixed;inset:0;background:#0000006b;z-index:9000;display:flex;align-items:flex-end;animation:backdrop-in .22s ease}.cs-sheet{width:100%;max-height:78vh;background:#fff;border-radius:24px 24px 0 0;padding:10px 0 max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;box-shadow:0 -8px 40px #00000029;animation:sheet-up .28s cubic-bezier(.32,.72,0,1)}.cs-handle{width:36px;height:4px;background:#e4e4e4;border-radius:2px;margin:0 auto 12px;flex-shrink:0}.cs-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px;border-bottom:1px solid #f3f3f3;flex-shrink:0}.cs-header-title{font-family:Poppins,sans-serif;font-size:15px;font-weight:700;color:#1a1a1a}.cs-close{width:30px;height:30px;border-radius:50%;background:#f3f3f3;border:none;font-size:13px;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.cs-close:hover{background:#e8e8e8}.cs-comments-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px;display:flex;flex-direction:column;gap:14px}.cs-hint{font-family:Poppins,sans-serif;font-size:14px;color:#bbb;text-align:center;padding:16px 0;margin:0}.cs-comment{display:flex;align-items:flex-start;gap:10px}.cs-comment-body{flex:1;background:#f7f7f7;border-radius:12px;padding:10px 12px}.cs-comment--mine .cs-comment-body{background:#2d5a3d14}.cs-comment-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.cs-comment-name{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#1a1a1a}.cs-comment-time{font-family:Poppins,sans-serif;font-size:11px;color:#bbb}.cs-comment-text{font-family:Poppins,sans-serif;font-size:14px;color:#333;margin:0;line-height:1.45;word-break:break-word}.cs-error{margin:0 16px 8px;padding:8px 12px;background:#fff2f2;border:1px solid #f5c6c6;border-radius:8px;font-size:12px;color:#c0392b;line-height:1.4;flex-shrink:0}.cs-input-row{display:flex;align-items:center;gap:8px;padding:10px 16px 0;border-top:1px solid #f3f3f3;flex-shrink:0}.cs-input{flex:1;height:42px;border:1.5px solid #e8e4db;border-radius:21px;padding:0 16px;font-family:Poppins,sans-serif;font-size:14px;color:#1a1a1a;background:#fafafa;outline:none}.cs-input:focus{border-color:#2d5a3d;background:#fff}.cs-send{width:42px;height:42px;border-radius:50%;background:#2d5a3d;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,transform .1s}.cs-send:hover{background:#3d7a52}.cs-send:active{transform:scale(.92)}.cs-send:disabled{opacity:.4;cursor:default}.feed-card-menu-btn{margin-left:auto;background:none;border:none;display:flex;align-items:center;justify-content:center;color:#aaa;cursor:pointer;padding:4px 6px;border-radius:6px;-webkit-tap-highlight-color:transparent;transition:color .12s,background .12s;flex-shrink:0}.feed-card-menu-btn:hover,.feed-card-menu-btn:active{color:#555;background:#f0ede8}.del-backdrop{position:fixed;inset:0;background:#00000073;z-index:700;display:flex;align-items:flex-end;justify-content:center}.del-sheet{background:#fff;border-radius:20px 20px 0 0;padding:10px 16px 32px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:10px;animation:slideUp .22s ease}.del-handle{width:36px;height:4px;background:#ddd;border-radius:2px;margin:0 auto 6px}.del-btn{width:100%;padding:15px;border:none;border-radius:12px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .12s}.del-btn:disabled{opacity:.55;cursor:default}.del-btn--delete{background:#fff0f0;color:#d93025}.del-btn--delete:hover:not(:disabled){background:#fde2e2}.del-btn--cancel{background:#f5f0e8;color:#555}.del-btn--cancel:hover:not(:disabled){background:#ede8df}.community-setup-sql{background:#1e1e1e;color:#d4d4d4;font-family:Courier New,monospace;font-size:10px;line-height:1.5;padding:14px;border-radius:10px;overflow-x:auto;overflow-y:auto;max-height:220px;text-align:left;white-space:pre;width:100%;box-sizing:border-box;margin-top:12px;-webkit-overflow-scrolling:touch}.profile-hero{position:relative}.profile-gear-btn{position:absolute;top:14px;right:16px;background:#ffffffe0;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#2d5a3d;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 10px #00000024;z-index:10;flex-shrink:0}.profile-gear-btn:active{opacity:.7;transform:scale(.93)}.settings-screen{position:absolute;inset:0;background:#f5f0e8;z-index:300;display:flex;flex-direction:column;overflow:hidden}.settings-header{flex-shrink:0;display:flex;align-items:center;height:56px;padding:0 16px;background:#fff;border-bottom:1px solid #e8e0d5;position:relative}.settings-back-btn{background:none;border:none;color:#2d5a3d;cursor:pointer;padding:8px;margin-left:-8px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;border-radius:50%}.settings-back-btn:active{background:#f0ebe2}.settings-title{font-family:Poppins,sans-serif;font-size:17px;font-weight:700;color:#1a1a1a;position:absolute;left:50%;transform:translate(-50%);pointer-events:none;white-space:nowrap}.settings-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 16px 0}.settings-section-header{font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#2d5a3d;margin:0 4px 8px}.settings-section{background:#fff;border-radius:16px;overflow:hidden;margin-bottom:28px;box-shadow:0 1px 4px #00000012}.settings-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 16px;border:none;background:transparent;cursor:pointer;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;border-bottom:1px solid #f0ebe2;transition:background .12s;box-sizing:border-box;gap:12px}.settings-row:last-child{border-bottom:none}.settings-row:active:not(.settings-row--no-tap){background:#f5f0e8}.settings-row--no-tap{cursor:default}.settings-row-label{font-family:Poppins,sans-serif;font-size:15px;font-weight:500;color:#1a1a1a;text-align:left;flex:1}.settings-row-label--danger{color:#e74c3c}.settings-row-label--success{color:#2d5a3d}.settings-row-value{font-family:Poppins,sans-serif;font-size:14px;color:#999;flex-shrink:0}.settings-row-chevron{color:#c8c0b5;flex-shrink:0}.settings-email-form{padding:0 16px 16px;background:#fff;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #f0ebe2}.settings-email-input{width:100%;box-sizing:border-box;padding:11px 14px;border:1.5px solid #e0d8cc;border-radius:10px;font-family:Poppins,sans-serif;font-size:14px;color:#1a1a1a;background:#faf7f2;outline:none}.settings-email-input:focus{border-color:#2d5a3d}.settings-email-submit{padding:11px;border-radius:10px;border:none;background:#2d5a3d;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.settings-email-submit:disabled{opacity:.5;cursor:default}.settings-success-msg{font-family:Poppins,sans-serif;font-size:13px;color:#2d5a3d;line-height:1.5;padding:4px 0}.settings-unit-toggle{display:flex;background:#f0ebe2;border-radius:8px;padding:3px;gap:3px;flex-shrink:0}.settings-unit-btn{padding:5px 16px;border-radius:6px;border:none;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#999;background:transparent;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.settings-unit-btn--active{background:#fff;color:#2d5a3d;box-shadow:0 1px 4px #0000001f}.settings-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#1a1a1ae6;color:#fff;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;padding:10px 22px;border-radius:24px;z-index:9999;white-space:normal;max-width:calc(100vw - 48px);text-align:center;pointer-events:none;animation:settingsToastIn .22s ease}@keyframes settingsToastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.plate-fab{position:absolute;bottom:84px;right:14px;z-index:12;width:42px;height:42px;border-radius:50%;border:none;background:#2d5a3d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 12px #0000004d;transition:transform .15s,background .15s;-webkit-tap-highlight-color:transparent;font-size:20px;line-height:1}.plate-fab:active{transform:scale(.92)}.plate-fab--active{background:#1d3d28}.plate-popup-backdrop{position:fixed;inset:0;z-index:1090;background:transparent}.plate-popup{position:fixed;bottom:136px;right:14px;z-index:1091;background:#fff;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 24px #00000038,0 1px 4px #0000001a;animation:platePopupIn .15s ease}@keyframes platePopupIn{0%{opacity:0;transform:scale(.88) translateY(8px);transform-origin:bottom right}to{opacity:1;transform:scale(1) translateY(0);transform-origin:bottom right}}.plate-popup-row{display:flex;gap:6px;align-items:center}.plate-popup-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:1.5px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:background .12s,border-color .12s,transform .1s;-webkit-tap-highlight-color:transparent;padding:0}.plate-popup-btn:active{background:#e8f0eb;border-color:#2d5a3d;transform:scale(.91)}.plate-sil{display:block;background:#2d5a3d;flex-shrink:0}.plate-sil--round{border-radius:50%}.plate-sil--round.plate-sil--s{width:16px;height:16px}.plate-sil--round.plate-sil--m{width:22px;height:22px}.plate-sil--round.plate-sil--l{width:29px;height:29px}.plate-sil--rect{border-radius:5px}.plate-sil--rect.plate-sil--s{width:20px;height:14px}.plate-sil--rect.plate-sil--m{width:27px;height:19px}.plate-sil--rect.plate-sil--l{width:33px;height:23px}.plate-img-wrap{position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;z-index:10;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 8px rgba(0,0,0,.22));transition:filter .15s}.plate-img-wrap img{width:100%;height:auto;display:block;pointer-events:none;-webkit-user-drag:none}.plate-img-wrap--dragging{cursor:grabbing;filter:drop-shadow(0 6px 18px rgba(0,0,0,.38));z-index:11;transform:translate(-50%,-50%)}.mini-table-plate-img{position:absolute;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2));z-index:1}.smoothie-modal-backdrop{position:fixed;inset:0;background:#00000073;z-index:1200}.smoothie-modal{position:fixed;bottom:0;left:0;right:0;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--sheet-bg, #fff);border-radius:18px 18px 0 0;padding:8px 16px 32px;z-index:1201;display:flex;flex-direction:column;gap:0;box-shadow:0 -4px 24px #00000029}.smoothie-modal-title{font-size:17px;font-weight:700;color:var(--text-primary, #1a1a1a);margin:10px 0 14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.smoothie-modal-title-img{width:32px;height:32px;object-fit:contain}.smoothie-search-wrap{position:relative;margin-top:16px;margin-bottom:4px}.smoothie-suggestions-list{background:var(--sheet-bg, #fff);border:1.5px solid #e2e2e2;border-radius:12px;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:220px;margin-bottom:10px;box-shadow:0 2px 10px #00000014}.smoothie-suggestion-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:none;cursor:pointer;text-align:left;border-bottom:1px solid #f0f0f0;transition:background .15s}.smoothie-suggestion-item:last-child{border-bottom:none}.smoothie-suggestion-item:active{background:#f5f5f5}.suggestion-thumb-emoji{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.smoothie-add-badge{margin-left:auto;flex-shrink:0;font-size:12px;font-weight:600;color:#fff;background:var(--accent, #3a7d44);border-radius:20px;padding:4px 10px}.smoothie-ingredient-list{background:#f8f9fa;border-radius:12px;padding:10px 12px;margin-top:8px;display:flex;flex-direction:column;gap:0}.smoothie-ingredient-list-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#888;margin:0 0 8px}.smoothie-ingredient-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #eee}.smoothie-ingredient-row:last-of-type{border-bottom:none}.smoothie-ing-name{flex:1;font-size:14px;color:var(--text-primary, #1a1a1a)}.smoothie-ing-cal{font-size:13px;color:#666;margin-right:4px}.smoothie-ing-remove{border:none;background:none;cursor:pointer;color:#bbb;font-size:13px;padding:2px 4px;border-radius:4px;transition:color .15s}.smoothie-ing-remove:hover{color:#e05252}.smoothie-total-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0 0;margin-top:4px;border-top:1.5px solid #ddd}.smoothie-total-label{font-size:13px;font-weight:700;color:var(--text-primary, #1a1a1a)}.smoothie-total-macros{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.smoothie-total-cal{font-size:15px;font-weight:700;color:var(--accent, #3a7d44)}.smoothie-total-detail{font-size:11px;color:#888}.smoothie-empty-hint{text-align:center;color:#aaa;font-size:13px;margin:12px 0;font-style:italic}.smoothie-modal-actions{display:flex;gap:10px;margin-top:16px}.smoothie-cancel-btn{flex:1;padding:13px 0;border-radius:12px;border:1.5px solid #e0e0e0;background:#fff;color:#555;font-size:15px;font-weight:600;cursor:pointer}.smoothie-add-btn{flex:2;padding:13px 0;border-radius:12px;border:none;background:var(--accent, #3a7d44);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s}.smoothie-add-btn:disabled{opacity:.4;cursor:not-allowed}.builder-fav-star-btn{flex:0 0 48px;padding:13px 0;border-radius:12px;border:1.5px solid #e0e0e0;background:#fff;color:#3a7d44;font-size:22px;line-height:1;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:center}.builder-fav-star-btn:disabled{opacity:.35;cursor:not-allowed}.builder-fav-star-btn:not(:disabled):active{background:#f0f8f1}.builder-save-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:24px;z-index:2000}.builder-save-overlay{background:#fff;border:1.5px solid #d0e8d4;border-radius:14px;padding:16px 16px 14px;box-shadow:0 4px 24px #0000002e;width:100%;max-width:340px}.builder-save-title{font-size:13px;font-weight:600;color:#555;margin:0 0 8px;text-align:center}.builder-save-input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1.5px solid #c8e0cc;background:#f8fdf9;font-size:15px;font-weight:600;color:#1a1a1a;outline:none;margin-bottom:10px;font-family:inherit;text-align:center}.builder-save-input:focus{border-color:#3a7d44}.builder-save-actions{display:flex;gap:8px}.builder-save-cancel{flex:1;padding:10px 0;border-radius:10px;border:1.5px solid #e0e0e0;background:#fff;color:#666;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.builder-save-confirm{flex:2;padding:10px 0;border-radius:10px;border:none;background:#3a7d44;color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s}.builder-save-confirm:disabled{opacity:.4;cursor:not-allowed}.suggestion-item--smoothie{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#3a7d440f;border-bottom:1px solid #f0f0f0;width:100%;text-align:left;border-left:none;border-right:none;border-top:none;cursor:pointer}.suggestion-item--smoothie:hover{background:#3a7d441f}.suggestion-smoothie-icon{width:36px;height:36px;object-fit:contain;flex-shrink:0;border-radius:6px}.suggestion-build-label{margin-left:auto;flex-shrink:0;font-size:12px;font-weight:700;color:var(--accent, #3a7d44);letter-spacing:.01em;opacity:.8}.smoothie-detail-section{background:#f4f8f4;border-radius:10px;padding:10px 12px;margin:-10px 0 14px}.smoothie-detail-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#3a7d44;margin:0 0 8px}.smoothie-detail-ing-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #e4ede4}.smoothie-detail-ing-row:last-child{border-bottom:none}.smoothie-detail-ing-name{font-size:13px;color:#333}.smoothie-detail-ing-cal{font-size:13px;color:#777}.smoothie-mini-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff5;border-radius:12px;padding:10px 14px 8px;z-index:40;box-shadow:0 4px 20px #00000040;min-width:140px;max-width:200px;cursor:pointer}.smoothie-mini-popup__title{font-size:13px;font-weight:700;margin:0 0 7px;color:#1a1a1a;text-align:center}.smoothie-mini-popup__row{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px solid #eee}.smoothie-mini-popup__row:last-of-type{border-bottom:none}.smoothie-mini-popup__name{font-size:11px;color:#333;flex:1}.smoothie-mini-popup__cal{font-size:11px;color:#777;white-space:nowrap}.smoothie-mini-popup__hint{font-size:9px;color:#bbb;text-align:center;margin:6px 0 0;font-style:italic}.coffee-mini-popup{background:#fff8ebf7;border:1px solid #f0d080}.coffee-modal-backdrop{position:fixed;inset:0;background:#0000007a;z-index:1100;animation:fadeIn .18s ease}.coffee-modal{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;background:#fff;border-radius:22px 22px 0 0;padding:8px 20px 36px;z-index:1101;box-shadow:0 -4px 32px #00000038;max-height:90dvh;overflow-y:auto;animation:slideUp .22s cubic-bezier(.22,1,.36,1)}.coffee-modal-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:700;color:#1a1a1a;margin:6px 0 16px;text-align:center}.coffee-modal-title-img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.coffee-section{margin-bottom:18px}.coffee-section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#3a7d44;margin:0 0 8px}.coffee-pills-row{display:flex;flex-wrap:wrap;gap:6px}.coffee-pill{font-size:13px;font-weight:500;color:#555;background:#f2f2f2;border:1.5px solid transparent;border-radius:20px;padding:5px 12px;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.coffee-pill--active{background:#3a7d44;color:#fff;border-color:#3a7d44}.coffee-qty-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:8px 12px;background:#f7f7f7;border-radius:10px}.coffee-qty-label{font-size:13px;color:#555;font-weight:500}.coffee-qty-controls{display:flex;align-items:center;gap:12px}.coffee-qty-btn{width:32px;height:32px;border-radius:50%;border:none;background:#3a7d44;color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.coffee-qty-val{font-size:16px;font-weight:700;color:#1a1a1a;min-width:24px;text-align:center}.coffee-cal-preview{font-size:16px;font-weight:700;color:#3a7d44;text-align:center;margin:4px 0 18px}.coffee-modal-actions{display:flex;gap:10px}.coffee-cancel-btn{flex:1;padding:14px;border-radius:14px;border:1.5px solid #ddd;background:#fff;font-size:15px;font-weight:600;color:#555;cursor:pointer}.coffee-add-btn{flex:2;padding:14px;border-radius:14px;border:none;background:#3a7d44;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.coffee-detail-section{background:#fff8e6}.coffee-detail-order{font-size:13px;color:#555;font-style:italic;margin:0 0 8px}.suggestion-item--coffee{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#fff8e6,#fdf3d0);border-radius:12px;margin:2px 0;border:1px solid #f0d080;width:100%;text-align:left;cursor:pointer}.suggestion-item--coffee:hover{background:linear-gradient(135deg,#fff3d0,#fdedb0)}.suggestion-item--coffee .suggestion-build-label{color:#a0722a}.suggestion-coffee-icon{width:38px;height:38px;object-fit:contain;flex-shrink:0}.settings-sfx-switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0;cursor:pointer}.settings-sfx-switch input{opacity:0;width:0;height:0;position:absolute}.settings-sfx-track{position:absolute;inset:0;border-radius:28px;background:#ccc;transition:background .22s}.settings-sfx-track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000040;transition:transform .22s cubic-bezier(.4,0,.2,1)}.settings-sfx-switch input:checked+.settings-sfx-track{background:#3a7d44}.settings-sfx-switch input:checked+.settings-sfx-track:after{transform:translate(20px)}.export-section{background:#fff;border-radius:16px;padding:16px;margin:0 0 16px;box-shadow:0 1px 6px #00000012;transition:opacity .2s}.export-section--locked{opacity:.65}.export-section-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.export-section-icon{font-size:26px;flex-shrink:0;line-height:1.1}.export-section-title-group{flex:1;min-width:0}.export-section-title{font-size:15px;font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.export-plus-badge{font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f6a623,#e07b00);border-radius:20px;padding:2px 7px;letter-spacing:.04em;vertical-align:middle}.export-section-desc{font-size:13px;color:#777;margin-top:2px;line-height:1.4}.export-lock-icon{font-size:16px;flex-shrink:0;margin-top:2px}.export-range-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.export-range-btn{font-size:12px;font-weight:600;color:#555;background:#f2f2f2;border:1.5px solid transparent;border-radius:20px;padding:5px 12px;cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.export-range-btn--active{background:#3a7d44;color:#fff;border-color:#3a7d44}.export-range-btn--locked{color:#999;background:#f8f8f8}.export-range-lock{font-size:10px;margin-right:3px}.export-custom-row{display:flex;gap:10px;margin-bottom:12px}.export-date-field{flex:1;display:flex;flex-direction:column;gap:4px}.export-date-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#888}.export-date-input{font-size:14px;color:#1a1a1a;background:#f5f5f5;border:1.5px solid #e0e0e0;border-radius:10px;padding:8px 10px;width:100%;font-family:inherit}.export-date-input:focus{border-color:#3a7d44;background:#fff}.export-error{font-size:13px;color:#c0392b;margin:0 0 10px}.export-btn{width:100%;padding:13px;background:#3a7d44;color:#fff;font-size:15px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:opacity .15s}.export-btn:disabled{opacity:.6;cursor:default}.export-section--locked .export-btn{background:#aaa}.log-spotlight-overlay{position:fixed;inset:0;z-index:200;background:#000000b3;pointer-events:all}.tab-bar--spotlight{position:relative;z-index:201}.tab-bar-spotlight-dim{position:absolute;inset:0;background:#0000008c;z-index:1;pointer-events:all}.tab-btn--spotlit{position:relative;z-index:3}.tab-btn--spotlit .fab-circle{box-shadow:0 8px 24px #2d5a3d99,0 3px 8px #00000038,0 0 0 6px #2d5a3d40,0 0 28px 8px #2d5a3d66;animation:spotlight-pulse 2s ease-in-out infinite}@keyframes spotlight-pulse{0%,to{box-shadow:0 8px 24px #2d5a3d99,0 3px 8px #00000038,0 0 0 6px #2d5a3d40,0 0 28px 8px #2d5a3d59}50%{box-shadow:0 8px 24px #2d5a3db3,0 3px 8px #00000038,0 0 0 9px #2d5a3d33,0 0 40px 12px #2d5a3d80}}.log-spotlight-prompt{position:fixed;bottom:110px;left:37.5%;transform:translate(-50%);z-index:202;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;text-align:center}.log-spotlight-text{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.55);white-space:nowrap}.log-spotlight-arrow{font-size:22px;color:#fff;display:block;animation:spotlight-arrow-bounce 1.5s ease-in-out infinite;text-shadow:0 1px 8px rgba(0,0,0,.45)}@keyframes spotlight-arrow-bounce{0%,to{transform:translateY(0);opacity:.75}50%{transform:translateY(5px);opacity:1}}.saved-to-photos-toast{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#1e1e1ee6;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:10px 22px;border-radius:24px;white-space:nowrap;z-index:10;animation:toast-fade 2.5s ease forwards;pointer-events:none}.saved-to-photos-toast--error{background:#b41e1eeb;white-space:normal;max-width:80vw;text-align:center;animation:toast-fade 4s ease forwards}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%) translateY(8px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-4px)}}.sheet-add-btn-row{position:sticky;bottom:0;padding:12px 0 calc(max(16px,env(safe-area-inset-bottom)) + 4px);background:#fff;box-shadow:0 -8px 16px #fff;z-index:2}.onb-swipe-hint{font-family:Poppins,sans-serif;font-size:13px;font-weight:500;color:#fffc;text-align:center;margin:0;letter-spacing:.02em;animation:spotlight-arrow-bounce 1.8s ease-in-out infinite}@keyframes ribbon-drop-bounce{0%{transform:translateY(-110vh);opacity:0}55%{transform:translateY(12px);opacity:1}70%{transform:translateY(-14px)}85%{transform:translateY(6px)}to{transform:translateY(0);opacity:1}}@keyframes ribbon-celeb-in{0%{opacity:0}to{opacity:1}}@keyframes ribbon-btn-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.ribbon-celeb-overlay{position:fixed;inset:0;z-index:9998;background:#0000009e;display:flex;align-items:center;justify-content:center;padding-bottom:28vh;animation:ribbon-celeb-in .25s ease forwards}.ribbon-celeb-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000059;text-align:center;width:min(84vw,300px);animation:ribbon-drop-bounce .85s cubic-bezier(.22,1,.36,1) forwards}.ribbon-celeb-img{width:128px;height:128px;object-fit:contain}.ribbon-celeb-name{font-family:Poppins,sans-serif;font-size:1.15rem;font-weight:700;color:#2d5a3d;margin:4px 0 0}.ribbon-celeb-msg{font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:600;color:#888;text-align:center;margin:0}.ribbon-celeb-desc{font-family:Inter,sans-serif;font-size:.92rem;color:#555;margin:0}.ribbon-celeb-btn{margin-top:12px;padding:12px 40px;background:#2d5a3d;color:#fff;border:none;border-radius:50px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;animation:ribbon-btn-in .3s ease forwards}.ribbon-celeb-video{position:fixed;top:-18%;left:0;width:100%;height:118%;object-fit:cover;pointer-events:none}.profile-ribbons-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:4px 16px 16px;margin-bottom:4px}.profile-ribbon-item{position:relative;width:36px;height:36px;cursor:pointer;flex-shrink:0}.profile-ribbon-img{width:36px;height:36px;object-fit:contain;display:block}.profile-ribbon-img--unearned{filter:grayscale(100%);opacity:.38}.profile-ribbon-badge{position:absolute;top:-4px;right:-4px;background:#111;color:#fff;font-family:Poppins,sans-serif;font-size:.6rem;font-weight:700;line-height:1;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none}.profile-ribbon-popup{background:#1e3d2a;color:#fff;border-radius:10px;padding:8px 12px;width:180px;text-align:center;z-index:9999;pointer-events:none;box-shadow:0 4px 16px #00000047}.profile-ribbon-popup-name{font-family:Poppins,sans-serif;font-size:.72rem;font-weight:700;margin-bottom:2px}.profile-ribbon-popup-desc{font-family:Inter,sans-serif;font-size:.67rem;opacity:.88;line-height:1.35}