@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";:root{--cream: #FFF8F0;--cream-dark: #F5EDE3;--tomato: #E74C3C;--tomato-light: #FF6B5A;--brown: #8B5E3C;--brown-light: #A67B5B;--avocado: #6B9F6B;--avocado-light: #8BC34A;--caramel: #E8913A;--caramel-light: #F4A460;--yellow: #F9D342;--yellow-light: #FFE066;--warm-white: #FFFCF7;--text-dark: #2D1810;--text-medium: #5A3E2B;--text-light: #8B7355;--shadow-sm: 0 1px 3px rgba(45, 24, 16, .08);--shadow-md: 0 4px 12px rgba(45, 24, 16, .1);--shadow-lg: 0 8px 30px rgba(45, 24, 16, .12);--shadow-xl: 0 12px 40px rgba(45, 24, 16, .15);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{font-family:Nunito,sans-serif;background:var(--cream);color:var(--text-dark);min-height:100vh;-webkit-font-smoothing:antialiased;overflow:hidden}#root{display:flex;flex-direction:column;height:100vh;max-width:430px;margin:0 auto;position:relative;background:var(--warm-white);box-shadow:-1px 0 20px #0000000d,1px 0 20px #0000000d}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--brown-light);border-radius:4px}.app-header{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--cream) 0%,var(--cream-dark) 100%);border-bottom:1px solid rgba(139,94,60,.08);flex-shrink:0;z-index:10}.app-header .logo{display:flex;align-items:center;gap:8px}.app-header .logo-icon{font-size:28px}.app-header .logo-text{font-size:22px;font-weight:800;background:linear-gradient(135deg,var(--tomato),var(--caramel));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header .header-actions{display:flex;gap:8px}.icon-btn{width:40px;height:40px;border-radius:50%;border:none;background:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s}.icon-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:80px;scroll-behavior:smooth}.bottom-nav{position:absolute;bottom:0;left:0;right:0;background:#fffcf7f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(139,94,60,.08);display:flex;justify-content:space-around;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:none;cursor:pointer;padding:4px 12px;border-radius:var(--radius-sm);transition:all .2s;position:relative}.nav-item .nav-icon{font-size:22px;transition:transform .2s}.nav-item .nav-label{font-size:10px;font-weight:600;color:var(--text-light);transition:color .2s}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-item.active .nav-label{color:var(--tomato);font-weight:700}.nav-item.active:before{content:"";position:absolute;top:-8px;width:24px;height:3px;background:var(--tomato);border-radius:0 0 3px 3px}.section{padding:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title{font-size:18px;font-weight:800;color:var(--text-dark)}.section-link{font-size:13px;font-weight:700;color:var(--tomato);border:none;background:none;cursor:pointer}.hero-card{margin:16px 20px;padding:24px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--tomato) 0%,var(--caramel) 100%);color:#fff;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:#ffffff1a;border-radius:50%}.hero-card .hero-emoji{font-size:48px;margin-bottom:12px}.hero-card h2{font-size:20px;font-weight:800;margin-bottom:6px}.hero-card p{font-size:14px;opacity:.9;line-height:1.4}.hero-card .hero-btn{margin-top:16px;padding:10px 24px;border:2px solid white;border-radius:var(--radius-xl);background:#fff3;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.hero-card .hero-btn:hover{background:#fff;color:var(--tomato)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 20px;margin-bottom:8px}.quick-action{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:var(--radius-md);border:none;background:#fff;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-action .qa-icon{font-size:28px}.quick-action .qa-label{font-size:11px;font-weight:700;color:var(--text-medium);text-align:center}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 20px}.mood-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border-radius:var(--radius-md);border:2px solid transparent;background:#fff;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-sm)}.mood-btn:hover,.mood-btn.selected{transform:scale(1.05);box-shadow:var(--shadow-md)}.mood-btn.selected{border-color:var(--tomato);background:linear-gradient(135deg,#e74c3c0d,#e8913a0d)}.mood-btn .mood-emoji{font-size:32px}.mood-btn .mood-label{font-size:11px;font-weight:700;color:var(--text-medium)}.suggestion-list{display:flex;flex-direction:column;gap:10px;padding:0 20px}.suggestion-card{display:flex;gap:14px;padding:14px;border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm);transition:all .2s;cursor:pointer}.suggestion-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.suggestion-card .sc-emoji{font-size:36px;flex-shrink:0}.suggestion-card .sc-info{flex:1}.suggestion-card .sc-name{font-size:15px;font-weight:700;color:var(--text-dark)}.suggestion-card .sc-desc{font-size:12px;color:var(--text-light);margin-top:2px;line-height:1.3}.suggestion-card .sc-meta{display:flex;gap:10px;margin-top:6px;font-size:11px;font-weight:600}.suggestion-card .sc-meta span{padding:2px 8px;border-radius:20px;background:var(--cream);color:var(--text-medium)}.recipe-scroll{display:flex;gap:14px;overflow-x:auto;padding:0 20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.recipe-scroll::-webkit-scrollbar{display:none}.recipe-card{min-width:200px;border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow-md);scroll-snap-align:start;cursor:pointer;transition:all .3s;flex-shrink:0}.recipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.recipe-card .rc-image{width:100%;height:140px;object-fit:cover;background:var(--cream-dark)}.recipe-card .rc-body{padding:12px}.recipe-card .rc-tags{display:flex;gap:4px;margin-bottom:6px}.recipe-card .rc-tag{font-size:9px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.rc-tag.viral{background:#fee2e2;color:var(--tomato)}.rc-tag.trending{background:#fef3c7;color:#92400e}.rc-tag.healthy{background:#d1fae5;color:#065f46}.rc-tag.easy{background:#e0e7ff;color:#3730a3}.rc-tag.filipino{background:#fde68a;color:#92400e}.recipe-card .rc-name{font-size:14px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.recipe-card .rc-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-light)}.recipe-card .rc-meta .rc-price{font-weight:800;color:var(--avocado)}.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 20px}.recipe-detail{position:fixed;top:0;left:0;right:0;bottom:0;max-width:430px;margin:0 auto;background:var(--warm-white);z-index:200;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.recipe-detail .rd-image{width:100%;height:280px;object-fit:cover}.recipe-detail .rd-back{position:absolute;top:16px;left:16px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:var(--shadow-md)}.recipe-detail .rd-save{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:var(--shadow-md)}.recipe-detail .rd-content{padding:20px;margin-top:-24px;background:var(--warm-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative}.recipe-detail .rd-title{font-size:24px;font-weight:800;margin-bottom:4px}.recipe-detail .rd-subtitle{font-size:14px;color:var(--text-light);margin-bottom:16px}.recipe-detail .rd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.rd-stat{text-align:center;padding:10px 4px;background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.rd-stat .rd-stat-val{font-size:16px;font-weight:800;color:var(--tomato)}.rd-stat .rd-stat-label{font-size:10px;color:var(--text-light);font-weight:600}.rd-nutrition{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.rd-macro{text-align:center;padding:12px;border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-sm)}.rd-macro .macro-val{font-size:18px;font-weight:800}.rd-macro .macro-label{font-size:10px;color:var(--text-light);font-weight:600}.rd-macro.protein .macro-val{color:var(--tomato)}.rd-macro.carbs .macro-val{color:var(--caramel)}.rd-macro.fat .macro-val{color:var(--yellow)}.rd-section-title{font-size:16px;font-weight:800;margin:20px 0 12px;color:var(--text-dark)}.rd-ingredients{list-style:none;display:flex;flex-direction:column;gap:8px}.rd-ingredients li{padding:10px 14px;background:#fff;border-radius:var(--radius-sm);font-size:14px;font-weight:500;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:10px}.rd-ingredients li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--caramel);flex-shrink:0}.rd-steps{list-style:none;display:flex;flex-direction:column;gap:12px;counter-reset:step}.rd-steps li{padding:14px;background:#fff;border-radius:var(--radius-sm);font-size:14px;line-height:1.5;box-shadow:var(--shadow-sm);display:flex;gap:12px;counter-increment:step}.rd-steps li:before{content:counter(step);width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--tomato),var(--caramel));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}.rd-plating{padding:16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-md);font-size:14px;line-height:1.5;color:var(--text-dark)}.rd-plating:before{content:"✨ "}.category-scroll{display:flex;gap:8px;overflow-x:auto;padding:0 20px 12px;-webkit-overflow-scrolling:touch}.category-scroll::-webkit-scrollbar{display:none}.cat-pill{padding:8px 16px;border-radius:var(--radius-xl);border:2px solid var(--cream-dark);background:#fff;font-size:13px;font-weight:700;color:var(--text-medium);cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.cat-pill:hover,.cat-pill.active{background:var(--tomato);color:#fff;border-color:var(--tomato)}.restaurant-card{display:flex;gap:14px;padding:14px;border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s}.restaurant-card:hover{box-shadow:var(--shadow-md)}.restaurant-card .rest-img{width:80px;height:80px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.restaurant-card .rest-info{flex:1}.restaurant-card .rest-name{font-size:15px;font-weight:700}.restaurant-card .rest-cuisine{font-size:12px;color:var(--text-light)}.restaurant-card .rest-meta{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.restaurant-card .rest-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px}.rest-badge.rating{background:#fef3c7;color:#92400e}.rest-badge.price{background:#d1fae5;color:#065f46}.rest-badge.dist{background:#e0e7ff;color:#3730a3}.rest-badge.vibe{background:#fce7f3;color:#9d174d}.budget-modes{display:flex;flex-direction:column;gap:10px;padding:0 20px}.budget-mode{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-md);background:#fff;border:2px solid transparent;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s}.budget-mode:hover,.budget-mode.selected{border-color:var(--avocado);box-shadow:var(--shadow-md)}.budget-mode .bm-emoji{font-size:28px}.budget-mode .bm-info{flex:1}.budget-mode .bm-label{font-size:15px;font-weight:700}.budget-mode .bm-desc{font-size:12px;color:var(--text-light)}.meal-plan-list{display:flex;flex-direction:column;gap:10px;padding:0 20px}.meal-day{background:#fff;border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-sm)}.meal-day .day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.meal-day .day-name{font-size:15px;font-weight:800;color:var(--text-dark)}.meal-day .day-stats{font-size:11px;font-weight:600;color:var(--text-light)}.meal-day .day-meals{display:grid;grid-template-columns:1fr 1fr;gap:6px}.meal-day .day-meal{font-size:12px;padding:6px 10px;background:var(--cream);border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px}.meal-day .day-meal .meal-type{font-size:10px;font-weight:700;color:var(--text-light);text-transform:uppercase}.grocery-list{display:flex;flex-direction:column;gap:6px;padding:0 20px}.grocery-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.grocery-item .gi-check{width:22px;height:22px;border-radius:6px;border:2px solid var(--cream-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s;font-size:12px}.grocery-item .gi-check.checked{background:var(--avocado);border-color:var(--avocado);color:#fff}.grocery-item .gi-name{flex:1;font-size:14px;font-weight:500}.grocery-item .gi-name.checked-name{text-decoration:line-through;color:var(--text-light)}.grocery-item .gi-price{font-size:13px;font-weight:700;color:var(--avocado)}.journal-entry{padding:16px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0 20px 10px}.journal-entry .je-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.journal-entry .je-date{font-size:12px;font-weight:600;color:var(--text-light)}.journal-entry .je-mood{font-size:14px;display:flex;align-items:center;gap:4px}.journal-entry .je-meals{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.journal-entry .je-meal-tag{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;background:var(--cream);color:var(--text-medium)}.journal-entry .je-notes{font-size:13px;color:var(--text-light);line-height:1.4;font-style:italic}.journal-entry .je-footer{display:flex;justify-content:space-between;margin-top:10px;font-size:11px;font-weight:600;color:var(--text-light)}.streak-card{margin:16px 20px;padding:20px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;text-align:center}.streak-card .streak-fire{font-size:48px;margin-bottom:8px}.streak-card .streak-count{font-size:42px;font-weight:900}.streak-card .streak-label{font-size:14px;opacity:.7;margin-bottom:16px}.streak-card .streak-stats{display:flex;justify-content:space-around}.streak-card .ss-item{text-align:center}.streak-card .ss-val{font-size:18px;font-weight:800}.streak-card .ss-label{font-size:10px;opacity:.6}.xp-bar{margin:12px 20px;padding:14px 16px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.xp-bar .xp-header{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:8px}.xp-bar .xp-track{height:10px;background:var(--cream-dark);border-radius:5px;overflow:hidden}.xp-bar .xp-fill{height:100%;background:linear-gradient(90deg,var(--tomato),var(--caramel));border-radius:5px;transition:width .5s ease}.achievement-card{display:flex;align-items:center;gap:14px;padding:14px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0 20px 8px}.achievement-card .ac-emoji{font-size:32px}.achievement-card .ac-info{flex:1}.achievement-card .ac-name{font-size:14px;font-weight:700}.achievement-card .ac-desc{font-size:11px;color:var(--text-light)}.achievement-card .ac-progress{height:6px;background:var(--cream-dark);border-radius:3px;margin-top:6px;overflow:hidden}.achievement-card .ac-fill{height:100%;background:linear-gradient(90deg,var(--avocado),var(--avocado-light));border-radius:3px}.achievement-card.locked{opacity:.6}.challenge-card{display:flex;align-items:center;gap:14px;padding:14px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0 20px 8px}.challenge-card .cc-emoji{font-size:28px}.challenge-card .cc-info{flex:1}.challenge-card .cc-title{font-size:14px;font-weight:700}.challenge-card .cc-desc{font-size:11px;color:var(--text-light)}.challenge-card .cc-reward{font-size:11px;font-weight:700;color:var(--caramel)}.challenge-card .cc-check{width:28px;height:28px;border-radius:50%;border:2px solid var(--cream-dark);display:flex;align-items:center;justify-content:center;font-size:14px}.challenge-card .cc-check.done{background:var(--avocado);border-color:var(--avocado);color:#fff}.ai-chat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;max-width:430px;margin:0 auto;background:var(--warm-white);z-index:200;display:flex;flex-direction:column;animation:slideUp .3s ease}.ai-chat-header{padding:16px 20px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--tomato),var(--caramel));color:#fff}.ai-chat-header .ai-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:22px}.ai-chat-header .ai-name{font-size:16px;font-weight:800}.ai-chat-header .ai-status{font-size:11px;opacity:.8}.ai-chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.chat-msg{max-width:80%;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;line-height:1.5}.chat-msg.ai{background:#fff;box-shadow:var(--shadow-sm);align-self:flex-start;border-bottom-left-radius:4px}.chat-msg.user{background:linear-gradient(135deg,var(--tomato),var(--caramel));color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.ai-chat-input{padding:12px 20px;display:flex;gap:10px;background:#fff;border-top:1px solid var(--cream-dark)}.ai-chat-input input{flex:1;padding:12px 16px;border-radius:var(--radius-xl);border:2px solid var(--cream-dark);font-size:14px;font-family:Nunito,sans-serif;outline:none;transition:border-color .2s}.ai-chat-input input:focus{border-color:var(--tomato)}.ai-chat-input .send-btn{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--tomato),var(--caramel));color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.feed-card{margin:0 20px 14px;border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow-md);cursor:pointer;transition:all .2s}.feed-card:hover{box-shadow:var(--shadow-lg)}.feed-card .fc-image{width:100%;height:200px;object-fit:cover}.feed-card .fc-body{padding:14px}.feed-card .fc-tags{display:flex;gap:6px;margin-bottom:8px}.feed-card .fc-tag{font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--cream);color:var(--text-medium)}.feed-card .fc-name{font-size:16px;font-weight:800;margin-bottom:4px}.feed-card .fc-desc{font-size:13px;color:var(--text-light);line-height:1.4}.feed-card .fc-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.feed-card .fc-likes{font-size:13px;font-weight:700;color:var(--tomato)}.feed-card .fc-type{font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase}.fc-type.recipe{background:#fee2e2;color:var(--tomato)}.fc-type.restaurant{background:#d1fae5;color:#065f46}.fc-type.trend{background:#fef3c7;color:#92400e}.search-bar{margin:12px 20px;padding:12px 16px;border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:10px}.search-bar input{flex:1;border:none;outline:none;font-size:14px;font-family:Nunito,sans-serif;color:var(--text-dark);background:transparent}.search-bar input::placeholder{color:var(--text-light)}.search-bar .search-icon{font-size:18px;color:var(--text-light)}.filter-row{display:flex;gap:8px;padding:0 20px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-row::-webkit-scrollbar{display:none}.filter-chip{padding:6px 14px;border-radius:var(--radius-xl);border:1.5px solid var(--cream-dark);background:#fff;font-size:12px;font-weight:700;color:var(--text-medium);cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.filter-chip.active{background:var(--tomato);color:#fff;border-color:var(--tomato)}.profile-header{text-align:center;padding:24px 20px}.profile-header .avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--tomato),var(--caramel));display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 12px}.profile-header .name{font-size:20px;font-weight:800}.profile-header .bio{font-size:13px;color:var(--text-light)}.profile-stats{display:flex;justify-content:space-around;padding:16px 20px;margin:0 20px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.profile-stats .ps-item{text-align:center}.profile-stats .ps-val{font-size:20px;font-weight:800;color:var(--tomato)}.profile-stats .ps-label{font-size:10px;color:var(--text-light);font-weight:600}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 20px}.badge-item{text-align:center;padding:14px 8px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.badge-item .badge-emoji{font-size:28px}.badge-item .badge-name{font-size:10px;font-weight:700;color:var(--text-light);margin-top:4px}.mood-insight-card{margin:0 20px 12px;padding:16px;border-radius:var(--radius-md);background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-left:4px solid #3B82F6}.mood-insight-card .mi-title{font-size:13px;font-weight:800;color:#1e40af;margin-bottom:6px}.mood-insight-card .mi-text{font-size:13px;color:#1e3a8a;line-height:1.4}.mood-bar-chart{display:flex;align-items:flex-end;gap:8px;height:100px;padding:0 20px;margin-bottom:16px}.mood-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.mood-bar .bar-fill{width:100%;border-radius:6px 6px 0 0;transition:height .5s ease}.mood-bar .bar-emoji{font-size:16px}.mood-bar .bar-count{font-size:10px;font-weight:700;color:var(--text-light)}.empty-state{text-align:center;padding:40px 20px}.empty-state .es-emoji{font-size:48px;margin-bottom:12px}.empty-state .es-title{font-size:16px;font-weight:700;margin-bottom:6px}.empty-state .es-desc{font-size:13px;color:var(--text-light)}.back-btn{display:flex;align-items:center;gap:6px;padding:8px 0;margin:8px 20px 4px;border:none;background:none;font-size:14px;font-weight:700;color:var(--text-medium);cursor:pointer}.divider{height:1px;background:var(--cream-dark);margin:16px 20px}.premium-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.tab-panels{display:flex;gap:0;border-bottom:2px solid var(--cream-dark);margin:0 20px 16px}.tab-panel-btn{flex:1;padding:10px 0;border:none;background:none;font-size:13px;font-weight:700;color:var(--text-light);cursor:pointer;position:relative;transition:color .2s}.tab-panel-btn.active{color:var(--tomato)}.tab-panel-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--tomato);border-radius:1px}