/* Proposed UI, original mascot assets, existing purple / Sehat teal identity. */
:root{--h-brand:#704bfd;--h-soft:#f0ebff;--h-ink:#282333;--h-muted:#716b7e;--h-line:#e8e3ef;--h-sehat:#14796f}
body{color:var(--h-ink);background:#faf9fc}.f-app-header{min-height:76px;background:#faf9fc;padding:13px 18px;gap:10px}.f-app-name>span{font-size:24px;letter-spacing:-1.3px;color:var(--h-brand)}.f-ai-mark{font-size:16px;letter-spacing:-.6px;color:#51415f}.f-app-name h1{font-size:12px;color:var(--h-muted);font-weight:650;margin-top:5px}.f-header-controls{gap:10px}.f-profile-button{width:44px;height:44px}.f-profile-button>span{background:#eee7ff;color:#6745c0}.h-ai-shortcut{display:flex;align-items:center;gap:3px;border:1px solid #e8def8;background:white;padding:0 3px 0 12px;height:44px;border-radius:24px;box-shadow:0 2px 6px #48375808;color:#6942b8;font:750 11px Jakarta}.h-ai-shortcut img{height:42px;width:35px;object-fit:contain;animation:nemu-header-wave 1.1s ease-out 1;transform-origin:50% 85%}.h-ai-shortcut:active{background:var(--h-soft)}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #a88eec;outline-offset:3px}.h-shop-tools{display:flex;align-items:center;gap:5px;padding:3px 16px 16px}.h-shop-tools>.f-icon{background:#fff;border:1px solid var(--h-line);border-radius:50%;width:44px;height:44px;color:#6d5c7c;flex-shrink:0}.h-search{display:flex;align-items:center;gap:9px;border:1px solid var(--h-line);border-radius:16px;min-height:46px;padding:10px 12px;background:white;min-width:0;flex:1;color:#786d85;text-align:left;font:12px Jakarta}.h-search svg{width:19px;height:19px;flex-shrink:0}.h-search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-shopping-hero{background:#ede5fc;padding:21px 18px 19px;min-height:209px;border-radius:24px;overflow:hidden}.h-shopping-hero h1{font-size:25px;line-height:1.25;max-width:67%;margin:10px 0 9px;letter-spacing:-.8px}.h-shopping-hero p{font-size:11px;max-width:58%;line-height:1.65;margin:0 0 15px;color:#71627e}.h-shopping-hero .f-eyebrow{font-size:8px;letter-spacing:1.15px;color:#7e639f}.h-shopping-hero .f-mascot{width:134px;height:166px;right:0;top:29px}.h-hero-cta{display:flex;align-items:center;gap:12px;position:relative;z-index:1;min-height:44px;border:0;border-radius:24px;padding:10px 16px;background:#6942c5;color:white;font:700 11px Jakarta}.h-hero-cta svg{width:17px;height:17px}.f-nav .active{color:var(--h-brand)}.f-categories .active{background:var(--h-brand);border-color:var(--h-brand)}.h-reset{border:0;background:none;color:var(--h-brand);font:650 11px Jakarta;padding:8px 16px;min-height:36px}.f-result-count .h-reset{padding:0;margin-left:auto;min-height:30px}.f-result-count{display:flex;align-items:center;justify-content:space-between;padding-right:16px}.f-food-head{background:linear-gradient(120deg,#efe5ff,#e4d9f9);padding-top:19px}.f-food-head .f-eyebrow{color:#735693}.f-food-head h2{color:#352547}.f-xp{border-color:#d6c7e7}.f-xp button{color:#6f4f94;background:#ffffff85}.f-food-head>img{height:128px;top:9px}.h-utilities{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:16px 12px 0;gap:4px}.h-utilities button{display:flex;align-items:center;flex-direction:column;gap:8px;border:0;background:none;color:#6a547c;font:650 10px Jakarta;min-height:66px}.h-utilities svg{box-sizing:content-box;width:21px;height:21px;background:white;border:1px solid var(--h-line);padding:12px;border-radius:17px}.f-food-types .active img{border-color:#9a7dcb}.f-food-types .active{color:#73549c}#app[data-service=makan] .f-categories .active{background:#704bfd;border-color:#704bfd}.f-outlet-tags span{background:#f2edf8;color:#7c6891}.f-map{color:#735494;border-color:#e5dceb}.f-health-tabs .active{color:var(--h-sehat)}.f-health-tabs{background:#e8f3ef}.f-health-welcome .f-eyebrow{color:#4e8b7c}.f-health-welcome img{width:116px;height:143px;right:0}.f-health-scan{background:#e9f4ef;border-color:#d6e8df}.f-health-actions .f-button{background:var(--h-sehat)}.f-health-actions .secondary{background:white;color:var(--h-sehat);border-color:#cbdfd7}.f-health-note{color:#6c857b;margin-top:24px}.f-health-log p{color:#77857f}.f-target{color:#4b7667}.f-assistant-rows{margin-top:10px}.f-chat-row time{font-size:10px;color:#7c7184}.f-chat-copy small{color:#756a80}.f-chat-mascot{background:#eee5fd}.f-title .f-link svg{width:15px;height:15px;vertical-align:middle}.h-orb{width:46px;height:46px;display:block;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 31% 28%,#f9f1ff 0,#c6a5ef 29%,#9870d5 55%,#6846ab 100%);box-shadow:inset -4px -4px 10px #6637833a,0 3px 10px #9172b525}.h-orb.large{width:92px;height:92px;margin:0 auto 20px}.h-child-head{display:flex;align-items:center;gap:8px;min-height:77px;padding:14px 12px;border-bottom:1px solid var(--h-line);background:#faf9fc;position:sticky;top:0;z-index:15}.h-child-head .f-icon{flex-shrink:0}.h-child-head h1{font-size:17px;letter-spacing:-.4px;margin:0 0 4px}.h-child-head p{font-size:10px;line-height:1.5;margin:0;color:var(--h-muted)}.h-profile-card{text-align:center;padding:28px 18px;background:linear-gradient(#f1eafa,#faf9fc)}.h-avatar{display:grid;place-items:center;width:76px;height:76px;margin:auto;border-radius:50%;background:#e5d6f7;border:5px solid white;color:#7b50b9;font-size:25px;font-weight:800;box-shadow:0 3px 15px #8a6aaa18}.h-profile-card h2{font-size:23px;margin:14px 0 7px}.h-profile-card p{font-size:12px;color:#776a85}.h-example{font-size:9px;color:#806791;padding:5px 9px;background:#efe7f6;border-radius:7px}.h-section{padding:22px 18px}.h-section h2{font-size:24px;letter-spacing:-.5px;line-height:1.3;margin:12px 0}.h-section>p{font-size:12px;line-height:1.7;color:var(--h-muted)}.h-menu-row{border:1px solid var(--h-line);background:white;border-radius:18px;padding:15px 12px;width:100%;margin:0 0 10px;display:flex;align-items:center;gap:12px;text-align:left;color:var(--h-ink)}.h-row-icon{display:grid;place-items:center;width:36px;height:36px;background:#f3eff9;border-radius:11px;color:#8868ae;flex-shrink:0}.h-row-icon svg{width:18px;height:18px}.h-menu-row b{display:block;font-size:12px}.h-menu-row small{display:block;font-size:10px;color:var(--h-muted);line-height:1.6;margin-top:4px}.h-menu-row i{margin-left:auto;font-style:normal;color:#9f8faf}.h-info{margin:18px 16px 0;background:#f1ebfb;border:1px solid #e5d9f4;border-radius:16px;padding:15px;color:#755788;font-size:12px;line-height:1.65}.h-info p{margin:5px 0 0;font-size:11px}.h-kicker{font-size:9px;letter-spacing:1px;color:#9475ae;font-weight:750}.h-grocery{display:flex;align-items:center;gap:16px;padding:20px 10px;margin:20px 0;border-radius:18px;background:#f4f0e9}.h-grocery img{width:105px;height:120px;object-fit:contain}.h-grocery b{font-size:14px}.h-grocery p{font-size:11px;color:#87786a;line-height:1.7}.h-grocery span{font-size:10px;color:#7d694f;background:white;border-radius:6px;padding:5px 8px}.h-empty{text-align:center;padding:45px 25px}.h-empty h2{font-size:23px;line-height:1.4;margin:20px 0 12px;letter-spacing:-.6px}.h-empty p{font-size:12px;color:var(--h-muted);line-height:1.8;margin-bottom:24px}.h-empty .f-button{width:100%;margin-top:8px}.h-empty-icon{display:grid;place-items:center;width:72px;height:72px;background:var(--h-soft);border-radius:25px;margin:0 auto;color:#8c68bc}.h-empty-icon svg{width:32px;height:32px}.h-empty.compact{padding:20px}.h-empty.compact>svg{width:48px;height:48px;color:#956faf}.h-log{display:flex;justify-content:space-between;border-bottom:1px solid #dbe6df;padding:15px 0;font-size:12px;gap:10px}.h-log span{font-size:10px;color:#7c8e80}.h-conversation{padding:12px 18px 100px}.h-demo-note{font-size:9px;text-align:center;color:#95879f;background:#f1edf7;border-radius:9px;padding:8px;line-height:1.5}.h-ai-intro{text-align:center;padding:25px 8px}.h-ai-intro img{height:140px;width:125px;object-fit:contain}.h-ai-intro h2{font-size:23px;margin:16px 0 9px;letter-spacing:-.7px}.h-ai-intro p{font-size:12px;line-height:1.7;color:var(--h-muted)}.h-bubble{max-width:90%;background:white;border:1px solid var(--h-line);padding:13px 15px;border-radius:18px 18px 18px 4px;margin:14px 0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.h-bubble.mine{background:#e8def8;border-color:transparent;margin-left:auto;border-radius:18px 18px 4px 18px;color:#573c75}.h-composer{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;gap:8px;padding:12px 16px max(16px,env(safe-area-inset-bottom));background:#faf9fc;border-top:1px solid var(--h-line)}.h-composer input{min-width:0;flex:1;border:1px solid var(--h-line);border-radius:22px;background:white;font:12px Jakarta;padding:13px}.h-composer button{width:46px;height:46px;border:0;border-radius:50%;color:white;background:var(--h-brand);display:grid;place-items:center;flex-shrink:0}.h-composer svg{width:20px;height:20px}.h-ai-products{width:65%;margin-bottom:10px}.h-context-product{display:flex;gap:13px;align-items:center;margin:18px 0;padding:12px;background:white;border:1px solid var(--h-line);border-radius:15px}.h-context-product img{width:55px;height:65px;object-fit:cover;border-radius:10px}.h-context-product b{font-size:12px}.h-context-product small{display:block;margin-top:8px;color:#8b6b9e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.f-footer{color:#86798f}.f-sheet label{display:block;font-size:12px;margin-top:15px}.f-sheet{box-sizing:border-box}.f-sheet p{color:#716478}.f-button{background:var(--h-brand)}.f-button.secondary{color:#704bba}.page-hidden .h-ai-shortcut img{animation-play-state:paused}@media(max-width:350px){.f-app-header{padding-inline:14px}.f-header-controls{gap:6px}.h-ai-shortcut{padding-left:10px}.h-shopping-hero h1{font-size:22px}.h-shopping-hero .f-mascot{width:111px;right:-4px}.h-shopping-hero p{max-width:60%}.h-shop-tools{padding-inline:12px;gap:4px}.h-search{font-size:10px;padding-inline:10px}.h-hero-cta{font-size:10px;padding-inline:12px}.f-food-head>img{width:105px}.f-food-head h2{font-size:23px}.h-utilities{gap:1px}}
@media(prefers-reduced-motion:reduce){.h-ai-shortcut img{animation:none!important}}
/* Health task hierarchy, reviewed separately from global account. */
.s-welcome{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 6px;gap:8px}.s-welcome>div>span{font-size:9px;letter-spacing:1px;font-weight:750;color:#608a80}.s-welcome h2{font-size:23px;letter-spacing:-.7px;margin:9px 0 7px;line-height:1.25}.s-welcome p{font-size:11px;color:#74847e;margin:0;line-height:1.6}.s-welcome img{width:88px;height:104px;object-fit:contain;flex-shrink:0}.s-capture{margin:14px 16px 0;padding:18px;background:#e9f3ef;border:1px solid #d7e6df;border-radius:22px}.s-capture-title{display:flex;gap:10px;align-items:center}.s-capture-title>span{width:38px;height:38px;background:#d8e9e1;border-radius:13px;display:grid;place-items:center;color:#3f7b6b}.s-capture-title svg{width:19px;height:19px}.s-capture h3{font-size:14px;margin:0 0 5px}.s-capture-title p{font-size:11px;color:#657f74;margin:0}.s-quota{display:flex;gap:7px;align-items:center;margin-top:17px;padding:10px;background:#fffaf0;border:1px solid #ece2cc;border-radius:10px;color:#826630;font-size:10px}.s-quota>b{font-weight:650}.s-quota>span:last-child{margin-left:auto;white-space:nowrap}.s-dot{width:5px;height:5px;border-radius:50%;background:#b79859;flex-shrink:0}.s-capture .f-health-actions{margin-top:12px}.s-capture .f-health-actions .secondary{color:#387667}.s-helper{font-size:10px!important;line-height:1.7!important;color:#74847c!important;margin:12px 0 0!important}.s-target-callout{display:flex;align-items:center;gap:10px;margin:14px 16px;width:calc(100% - 32px);padding:15px 12px;border:1px solid #e0e8e2;background:white;border-radius:17px;text-align:left;color:#547b6d}.s-target-callout>svg{width:21px;height:21px;flex-shrink:0}.s-target-callout b{font-size:11px;display:block}.s-target-callout small{display:block;font-size:9px;color:#7e8c85;margin-top:5px;line-height:1.6}.s-target-callout i{font-size:11px;font-style:normal;margin-left:auto;white-space:nowrap}.s-daily{padding:12px 18px 0}.s-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.s-section-title h3{margin:0;font-size:15px}.s-section-title>span{font-size:10px;color:#85938b}.s-empty-log{display:flex;gap:12px;padding:17px 0;border-top:1px solid #e4eae4}.s-empty-log>span{display:grid;place-items:center;width:35px;height:35px;background:#edf2ec;border-radius:12px;flex-shrink:0;color:#75917e}.s-empty-log svg{width:18px;height:18px}.s-empty-log b{font-size:11px}.s-empty-log p{font-size:10px;color:#7e8c85;line-height:1.7;margin:6px 0}.s-empty-log button{border:0;background:none;min-height:35px;padding:4px 0;color:#257b68;font:700 10px Jakarta}.s-demo{padding:0 20px 16px;font-size:8px;text-align:center;color:#859087;line-height:1.7}.s-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.s-metrics article{border:1px solid #dfebe3;background:white;border-radius:17px;padding:14px 12px}.s-metrics small{font-size:9px;color:#77897e}.s-metrics b{display:block;font-size:24px;letter-spacing:-.5px;margin:12px 0;color:#315d4d}.s-metrics em{font-size:11px;font-style:normal;font-weight:600}.s-metrics p{font-size:9px!important;color:#829186;line-height:1.6}.s-log{display:flex;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid #e2eae2}.s-log-icon{width:35px;height:35px;display:grid;place-items:center;background:#ecf3ec;border-radius:12px;flex-shrink:0;color:#769480}.s-log svg{width:17px;height:17px}.s-log b{font-size:12px;overflow-wrap:anywhere}.s-log small{display:block;font-size:9px;color:#819083;line-height:1.6;margin-top:5px}.s-log>span:last-child{font-size:11px;color:#54785f;margin-left:auto;text-align:right;flex-shrink:0}.s-empty-progress{display:flex;align-items:center;flex-direction:column;gap:16px;border:1px dashed #ccdacf;border-radius:20px;padding:30px 20px;margin:25px 0;background:#f1f6f0;text-align:center}.s-empty-progress>svg{width:34px;height:34px;color:#809c87}.s-empty-progress b{font-size:14px;color:#5d7a63}.s-empty-progress span{font-size:11px;line-height:1.6;color:#829484}.s-target-card{margin:22px 0 16px;border:1px solid #dce8dd;background:#f0f6ee;border-radius:20px;padding:20px}.s-target-card>.h-row-icon{background:#e0eadd;color:#6d8a63}.s-target-card h3{font-size:16px;margin:16px 0 10px}.s-target-card p{font-size:11px;line-height:1.7;color:#768770}.s-target-card .f-button{background:#3c7963;margin-top:12px;width:100%;font-size:12px}.s-target-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;color:#4b6a42}.s-target-values b{font-size:25px}.s-target-values small{display:block;font-size:10px;font-weight:500;margin-top:7px;color:#809475}.s-data-line{display:flex;justify-content:space-between;background:white;border:1px solid #e1e8df;padding:17px;border-radius:13px;font-size:11px;color:#7c8d74}.s-data-line b{color:#4f6c49;margin-left:5px}.s-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.s-field{font-size:11px!important;color:#5d7167}.s-field input{margin:8px 0!important;min-width:0;font-size:14px!important}.s-field select{width:100%;padding:12px;margin-top:8px;min-height:46px;border:1px solid #ddd9e3;border-radius:13px;background:white;font:13px Jakarta;color:#4e6155}.s-optional{margin-top:12px;font-size:10px;color:#657966;line-height:1.7}.s-optional summary{cursor:pointer;padding:8px 0}.s-error{color:#a53943!important;font-size:11px!important}.s-error:empty{display:none}.f-health-note{margin-bottom:10px}@media(max-width:350px){.s-welcome{padding-inline:16px}.s-welcome h2{font-size:21px}.s-welcome img{width:72px;height:96px}.s-capture{padding:15px}.s-capture h3{font-size:13px}.s-quota{font-size:9px}.s-target-callout small{font-size:8px}.s-target-callout b{font-size:10px}.s-fields{gap:9px}}
/* Chat has two clear destinations; no extra global dock slot. */
.t-tabs{display:flex;margin:5px 16px 19px;padding:5px;border:1px solid #e6ddf0;border-radius:18px;background:#f0eaf7;gap:5px}.t-tabs button{flex:1;min-width:0;min-height:45px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#85728f;font:650 12px Jakarta}.t-tabs button.active{background:white;color:#6c4399;box-shadow:0 2px 6px #4d315c12;font-weight:800}.t-tabs svg{width:16px;height:16px}.t-tabs small{font-size:8px;background:#e2d3f2;border-radius:5px;padding:3px 4px;color:#755499}.t-orb{width:21px;height:21px;border-radius:50%;background:radial-gradient(circle at 31% 25%,#f2deff,#bd94e5 40%,#8158b5 80%);flex-shrink:0}.t-intro{margin:0 16px;padding:22px 20px 20px;background:linear-gradient(145deg,#f2e9fb,#eae1f6);border:1px solid #e5d8f1;border-radius:25px;text-align:center}.t-eyebrow{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#8d6ba6}.t-intro .h-orb.large{margin:25px auto 19px;width:86px;height:86px;box-shadow:inset -5px -5px 18px #59358030,0 10px 25px #8367a526}.t-intro h2{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:0 0 12px;color:#392344}.t-intro p{font-size:12px;line-height:1.8;color:#796289;max-width:240px;margin:0 auto 20px}.t-intro .f-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;background:#7751ac;min-height:46px}.t-intro .f-button svg{width:18px;height:18px}.t-intro>small{display:block;font-size:9px;line-height:1.6;color:#917c9d;margin-top:14px}.t-detail{padding:22px 22px 0}.t-detail h3{font-size:14px;margin:0 0 8px}.t-detail p{font-size:11px;line-height:1.8;color:#8a7893;margin:0 0 16px}.t-detail>div{display:flex;gap:10px;padding-top:16px;border-top:1px solid #e9e1ee;color:#9987a1;font-size:9px;line-height:1.7}.t-detail svg{width:18px;height:18px;flex-shrink:0}@media(max-width:350px){.t-tabs button{font-size:11px;gap:5px}.t-intro h2{font-size:23px}.t-intro{padding-inline:16px}.t-intro .h-orb.large{width:72px;height:72px;margin:20px auto 17px}}
/* 8 October reference adaptation. Existing destinations and Sehat identity stay intact. */
body,.f-app-header,.h-child-head{background:#fbfaf8}.f-app-header{min-height:76px;padding:12px 16px;gap:6px}.f-app-name>span{display:flex;align-items:center;color:#282333;font-size:22px;letter-spacing:-1.1px}.f-app-name h1{margin:3px 0 0 20px;font-size:10px}.f-ai-mark{font-size:22px;color:#282333;letter-spacing:-1.1px}.u-brand-mark{width:16px;height:20px;object-fit:contain;margin-right:4px}.f-header-controls{gap:5px}.h-ai-shortcut{font-size:10px;padding-left:10px;gap:0;background:#f0ebff;border-color:#e6ddf7;box-shadow:none}.h-ai-shortcut img{width:27px;height:34px}.u-header-cart{border:1px solid #e8e3e9;border-radius:50%;background:white;width:44px;height:44px;flex-shrink:0}.u-header-cart svg{width:21px;height:21px}.f-profile-button{flex-shrink:0}.h-shop-tools{padding:0 16px 16px;gap:8px}.h-search{min-height:50px;border-radius:17px;font-size:12px}.u-banner{position:relative;isolation:isolate;overflow:hidden;min-height:193px;margin:0 16px;background:#eee8fa;border:1px solid #e6dff1;border-radius:22px;padding:20px 16px}.u-banner-copy{position:relative;z-index:2;width:62%}.u-banner-copy>span{font-size:8px;letter-spacing:.7px;color:#77618c;font-weight:650}.u-banner h2{font-size:22px;letter-spacing:-.9px;line-height:1.22;margin:10px 0 8px;color:#342542}.u-banner p{font-size:10px;line-height:1.7;color:#74657c;max-width:190px;margin:0 0 13px}.u-banner button{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:9px 12px;background:#704bfd;color:white;border:0;border-radius:12px;font:750 10px Jakarta}.u-banner button b{font-size:19px}.u-banner>img{position:absolute;z-index:1;width:49%;height:178px;object-fit:contain;right:-5px;bottom:4px;pointer-events:none}.u-banner.u-single-mascot>img{width:36%;height:169px;right:1px;bottom:4px}.u-banner-dots{height:39px;display:flex;align-items:center;justify-content:center;gap:0}.u-banner-dots button{width:44px;height:39px;background:transparent;border:0;display:grid;place-items:center;padding:0}.u-banner-dots span{display:block;height:5px;width:5px;border-radius:5px;background:#cfc7dc}.u-banner-dots [aria-pressed=true] span{width:19px;background:#704bfd}.u-category-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:16px 16px 18px;margin:0;scroll-margin-top:88px;border:0;background:#fbfaf8;overflow:visible}.u-category-rail button,.u-category-rail button.active{border:0;background:transparent;color:#766581;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;gap:9px;min-width:0;min-height:80px;font:650 10px/16px Jakarta;white-space:nowrap}.u-category-art{width:52px;height:52px;display:grid;place-items:center;flex-shrink:0;border:1.5px solid #ebe5ee;border-radius:17px;background:#f5f2ef}.u-category-rail .u-category-art img{display:block;width:40px;height:40px;object-fit:contain;background:transparent;border:0;padding:0;border-radius:0}.u-category-label{display:block;width:100%;text-align:center;line-height:16px}.u-category-rail button.active{color:#704bfd;font-weight:650}.u-category-rail button.active .u-category-art{border-color:#704bfd;background:#eee8fc}.u-category-rail button.active img{background:transparent;border:0}.f-title h2{letter-spacing:-.5px}.product-card{background:white;border:1px solid #e9e4ec;border-radius:19px;overflow:hidden}.product-copy{padding:12px}.product-image{border-radius:0}.f-grid{gap:12px}.f-meta{font-size:9px}.u-food-heading{padding:13px 18px 0}.u-food-heading>span{font-size:10px;font-weight:700;color:#554666;display:flex;align-items:center;gap:5px}.u-food-heading>span svg{width:14px;height:14px;color:#704bfd}.u-food-heading small{font-size:8px;font-weight:400;color:#8c8295;margin-left:auto}.u-food-heading h2{font-size:28px;line-height:1.17;letter-spacing:-1.2px;margin:20px 0 10px}.u-food-heading em{font-style:normal;color:#704bfd}.u-food-heading p{font-size:11px;color:#817389;margin:0 0 17px}.u-food-heading+.f-service-search{margin-top:0;margin-bottom:16px}.u-food-banner{background:#fff3e6;border-color:#f1e7da;min-height:190px}.u-food-banner .u-banner-copy{width:60%}.u-food-banner h2{font-size:21px}.u-food-banner>img{width:49%;height:173px;right:-5px;bottom:2px}.h-utilities{padding-top:0;padding-bottom:8px}.h-utilities svg{padding:10px;background:#fff;border-radius:15px}.f-food-types{scroll-margin-top:90px}.f-outlet{border:1px solid #e8e1eb;border-radius:20px;background:#fff;padding:12px;margin:12px 16px;width:calc(100% - 32px)}.f-outlet-photo{border-radius:15px;overflow:hidden}.f-xp{margin:20px 16px 0;padding:12px 0;display:flex;border-top:1px solid #e9e2ec;font-size:10px}.f-xp>span{flex:1}.f-xp button{min-height:44px;padding:8px 13px;background:#f0eaf8;border:0;border-radius:12px;margin-right:5px;font:650 10px Jakarta;color:#705391}.s-welcome{margin:0 16px 14px;padding:15px;background:#edf4ef;border:1px solid #dfe8e1;border-radius:22px}.s-welcome h2{font-size:22px}.s-welcome img{width:79px;height:96px}.s-welcome>div{min-width:0}.s-capture{background:white}.t-tabs{margin-bottom:15px}.u-teman-entry{display:flex;align-items:center;gap:13px;text-align:left;margin:0 16px 18px;width:calc(100% - 32px);padding:19px 16px;background:#eee6f8;border:1px solid #e4d9ef;border-radius:21px;color:#352744}.u-teman-entry .h-orb{width:53px;height:53px}.u-teman-entry small{font-size:8px;letter-spacing:1px;color:#806590;font-weight:750}.u-teman-entry b{display:block;font-size:17px;letter-spacing:-.5px;margin:7px 0 5px}.u-teman-entry em{font-size:10px;color:#806d8b;font-style:normal}.u-teman-entry i{margin-left:auto;font-size:21px;font-style:normal;color:#704bfd}.f-chat-row{background:white;border:1px solid #e9e3ed;border-radius:19px;margin:10px 16px;padding:16px 12px;width:calc(100% - 32px);gap:10px}.f-chat-copy{min-width:0}.f-chat-copy b{font-size:12px}.f-chat-copy small{font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.f-chat-row time{font-size:8px;flex-shrink:0}.f-chat-avatar{border-radius:15px;background:#ecf1e9;color:#778a71}.t-intro{background:linear-gradient(140deg,#f5edf9,#ebe1f4)}.t-intro .f-button{background:#704bfd}.u-cart-body{padding:10px 16px 30px}.u-cart-row{display:flex;align-items:flex-start;gap:13px;background:white;border:1px solid #e9e1eb;border-radius:19px;padding:14px;margin:12px 0}.u-cart-row>img{width:73px;height:96px;object-fit:cover;border-radius:12px}.u-cart-row>div{min-width:0;flex:1}.u-cart-row small{font-size:9px;color:#8c7d95}.u-cart-row h2{font-size:12px;line-height:1.5;margin:8px 0}.u-cart-row b{font-size:13px}.u-cart-controls{display:flex;align-items:center;gap:5px;margin-top:10px}.u-cart-controls button{min-width:36px;height:44px;border:1px solid #e9e1ed;border-radius:10px;background:#fbf9fd;font:600 15px Jakarta;color:#6b488b}.u-cart-controls button:last-child{margin-left:auto;border:0;background:transparent;font-size:10px;padding:5px}.u-cart-controls span{min-width:15px;text-align:center;font-size:12px}.u-cart-controls button:disabled{opacity:.35}.u-cart-summary{border:1px solid #e6dcec;background:#f3edf9;padding:18px;border-radius:20px;margin-top:22px}.u-cart-summary>span{display:flex;justify-content:space-between;gap:12px;font-size:13px}.u-cart-summary p{font-size:10px;line-height:1.7;color:#7c6b86;margin:16px 0}.u-cart-summary .f-button{width:100%}.u-cart-summary small{display:block;margin-top:14px;font-size:9px;line-height:1.7;color:#8a7796}.u-empty-mascot{width:114px;height:140px;object-fit:contain}
@media(max-width:350px){.f-app-header{padding-inline:12px}.f-app-name>span,.f-ai-mark{font-size:19px}.u-brand-mark{width:13px;margin-right:3px}.f-header-controls{gap:3px}.h-ai-shortcut{padding-left:8px;font-size:9px}.h-ai-shortcut img{width:24px}.u-header-cart,.f-profile-button{width:44px}.u-banner{padding:17px 13px;min-height:191px}.u-banner h2{font-size:20px}.u-banner p{font-size:9px}.u-banner-copy{width:63%}.u-banner button{font-size:9px;gap:7px;padding-inline:10px}.u-banner>img{width:46%;right:-6px}.u-banner.u-single-mascot>img{width:34%;right:0}.u-category-rail{gap:4px;padding-inline:12px}.u-category-rail .u-category-art{width:46px;height:46px;border-radius:15px}.u-category-rail .u-category-art img{width:35px;height:35px}.u-category-rail button,.u-category-rail button.active{min-width:0;font-size:9px}.u-food-heading h2{font-size:26px}.s-welcome{padding:12px}.s-welcome h2{font-size:20px}.s-welcome img{width:65px}.u-teman-entry b{font-size:15px}.u-teman-entry{padding:16px 12px;gap:10px}.u-teman-entry .h-orb{width:45px;height:45px}.u-cart-row{gap:10px;padding:11px}.u-cart-row>img{width:55px;height:78px}.u-cart-controls{gap:3px}.u-cart-controls button{min-width:32px}}

.u-banner-dots,.u-banner-dots button{height:44px}.u-banner-copy p{max-width:90%}

/* User review: use the original Nemu mascot throughout Teman entry points. */
.t-mascot-hero{display:block;width:142px;height:160px;object-fit:contain;margin:18px auto 15px;filter:drop-shadow(0 9px 12px #8b61b51c)}
.t-mascot-tab{width:30px;height:33px;object-fit:contain;flex-shrink:0}
.t-mascot-entry{width:58px;height:68px;object-fit:contain;flex-shrink:0}
@media(max-width:350px){.t-mascot-hero{width:122px;height:140px;margin:14px auto}.t-mascot-entry{width:48px;height:58px}.t-mascot-tab{width:25px;height:29px}}
/* First-use feature introductions, independent of data consent. */
/* Full-screen welcome adapted from the live design reference, 10 October. */
.n-onboarding{--intro-accent:#704bfd;--intro-soft:#f0eaff;border:0;padding:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;background:#fff;color:#302638;overflow:hidden;box-sizing:border-box}
.n-onboarding::backdrop{background:#2d20395c}.n-onboarding[data-feature=sehat],.n-onboarding[data-feature=health-ai]{--intro-accent:#14796f;--intro-soft:#eaf5ef}
.n-intro-layout{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto}.n-onboarding[data-step=choose] .n-intro-layout{grid-template-rows:auto minmax(0,1fr) auto}
.n-intro-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;min-height:68px;box-sizing:border-box;position:relative;z-index:3}.n-intro-header .n-intro-wordmark{font-size:26px;font-weight:850;letter-spacing:-1.5px}.n-intro-wordmark>span{color:#704bfd}.n-intro-header button{border:0;background:transparent;min-height:44px;padding:8px 0;font:650 11px Jakarta;color:#786787}
.n-intro-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin}
.n-intro-art{height:clamp(260px,45dvh,380px);position:relative;background:radial-gradient(ellipse at 50% 100%,#c8aff6 0,transparent 65%),linear-gradient(135deg,#eee5fc,#decef8);border-radius:0 0 46% 0;overflow:hidden;isolation:isolate}.n-intro-art>img{position:absolute;width:72%;height:78%;object-fit:contain;left:14%;bottom:5%;z-index:1;filter:drop-shadow(0 16px 18px #7955a52a)}.n-intro-halo{position:absolute;width:60%;height:35%;border-radius:50%;background:#b694e84a;filter:blur(20px);left:20%;bottom:0}.n-intro-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:5px;border:1px solid #ffffffae;border-radius:14px;background:#ffffffbf;color:#756086;font-size:10px;padding:11px 10px;max-width:40%;box-shadow:0 5px 16px #78519b08}.n-intro-tag svg{width:13px;height:13px;flex-shrink:0}.n-intro-tag.left{left:13px;top:39%;transform:rotate(-10deg)}.n-intro-tag.right{right:20px;bottom:30%;transform:rotate(9deg)}
.n-intro-copy{padding:30px 24px 24px}.n-intro-eyebrow{font-size:9px;font-weight:800;letter-spacing:1.25px;color:#95839e}.n-intro-copy h1{font-size:29px;line-height:1.24;letter-spacing:-1.2px;margin:16px 0 14px}.n-intro-copy h1:focus{outline:none}.n-intro-copy>p{font-size:13px;line-height:1.85;color:#83778c;margin:0 0 16px}
.n-intro-footer{background:white;padding:10px 24px max(15px,env(safe-area-inset-bottom))}.n-intro-progress{display:flex;justify-content:center;align-items:center;gap:6px;margin:0 0 14px;height:15px}.n-intro-progress>span{width:6px;height:5px;border-radius:5px;background:#e5ddeb}.n-intro-progress>span.active{width:22px;background:var(--intro-accent)}.n-intro-progress small{font-size:9px;margin-left:5px;color:#9784a2}.n-intro-next{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:53px;padding:14px 18px;border:0;border-radius:15px;background:var(--intro-accent);color:white;font:750 12px Jakarta}.n-intro-next>span{font-size:20px}.n-intro-footer p{font-size:9px;color:#998ba1;text-align:center;margin:12px 0 0;line-height:1.5}
.n-onboarding[data-step=choose] .n-intro-copy{padding-top:3px}.n-intro-step-label{display:flex;align-items:center;gap:14px;min-height:70px;margin-bottom:12px;position:relative;padding-right:70px}.n-intro-step-label>span{font-size:11px;color:var(--intro-accent);font-weight:750}.n-intro-step-label .n-intro-progress{margin:0;justify-content:flex-start}.n-intro-step-label>img{position:absolute;right:0;bottom:0;width:59px;height:72px;object-fit:contain}.n-onboarding[data-step=choose] h1{font-size:27px;margin-top:12px}
.n-intro-choices{display:grid;gap:9px;margin-top:22px}.n-intro-choices button{display:flex;align-items:center;gap:12px;min-height:59px;padding:8px 14px 8px 9px;border:1px solid #e7e0ec;border-radius:16px;background:white;color:#564261;text-align:left;font:650 12px Jakarta}.n-intro-choices [aria-pressed=true]{border-color:var(--intro-accent);background:var(--intro-soft);color:var(--intro-accent);box-shadow:0 0 0 1px var(--intro-accent)}.n-intro-choice-art{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#f7f3fc;color:var(--intro-accent)}.n-intro-choice-art img{height:37px;width:37px;object-fit:contain}.n-intro-choice-art svg{height:20px;width:20px}.n-intro-choices b{margin-left:auto;font-size:19px;font-weight:500}.n-intro-optional{display:block;font-size:10px;color:#92819c;margin-top:16px}
.n-intro-details{display:grid;gap:12px;margin-top:24px}.n-intro-details>div{display:flex;align-items:flex-start;gap:12px;border:1px solid #e8e0ec;background:white;border-radius:17px;padding:17px 14px}.n-intro-details b{font-size:12px}.n-intro-details p{font-size:11px;color:#87778e;line-height:1.75;margin:6px 0 0}.n-intro-detail-icon{display:grid;place-items:center;background:var(--intro-soft);color:var(--intro-accent);width:33px;height:33px;border-radius:10px;flex-shrink:0}.n-intro-detail-icon svg{width:17px;height:17px}.n-intro-copy>.n-intro-note{background:var(--intro-soft);font-size:10px;padding:13px 14px;border-radius:13px;margin:18px 0 0;color:#6e5d7a;line-height:1.8}
.n-guide-list{display:grid;gap:8px;margin:18px 0}.n-guide-list button{display:flex;align-items:center;gap:10px;background:white;border:1px solid #e6dfec;border-radius:13px;padding:12px;min-height:48px;text-align:left;font:650 12px Jakarta;color:#584067}.n-guide-list small{margin-left:auto;font-size:9px;font-weight:500;color:#9683a0}.n-guide-list b{color:#704bfd}
@media(max-width:350px){.n-intro-header{padding-inline:20px}.n-intro-copy{padding:25px 20px 20px}.n-intro-copy h1{font-size:26px}.n-intro-tag{font-size:9px;padding:9px 8px;gap:3px}.n-intro-tag.left{left:8px}.n-intro-tag.right{right:9px}.n-intro-footer{padding-inline:20px}.n-intro-copy>p{font-size:12px}.n-onboarding[data-step=choose] h1{font-size:25px}.n-intro-choices{gap:8px}.n-intro-choices button{min-height:55px}.n-intro-step-label{min-height:80px}}
@media(max-height:650px){.n-intro-art{height:255px}.n-intro-copy{padding-top:23px}.n-intro-copy h1{font-size:25px}.n-intro-step-label{min-height:65px;margin-bottom:12px}.n-intro-step-label>img{height:65px;width:55px}.n-intro-footer{padding-top:8px}.n-intro-footer p{margin-top:8px}}

/* Makan map: a clickable location review, using explicitly fictional positions. */
.m-map-heading{display:flex;align-items:center;padding:20px 18px;gap:10px}.m-map-heading span{font-size:8px;font-weight:800;letter-spacing:1px;color:#917ca3}.m-map-heading h2{font-size:22px;margin:8px 0;letter-spacing:-.8px}.m-map-heading p{font-size:10px;color:#87768f;margin:0}.m-map-heading>button{margin-left:auto;display:flex;align-items:center;gap:5px;border:1px solid #e2d8f0;background:white;color:#745797;border-radius:12px;padding:10px;font:650 10px Jakarta;min-height:44px}.m-map-heading svg{width:13px;height:13px}.m-map{height:300px;position:relative;overflow:hidden;border-block:1px solid #e8e1d8}.m-map-base{width:100%;height:100%;display:block}.m-map-label{position:absolute;top:12px;left:14px;padding:6px 9px;background:#ffffffeb;border-radius:8px;color:#7a6d84;font-size:9px}.m-map-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:8px;color:#7c7581;background:#ffffffc9;padding:5px}.m-pin{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:5px;min-width:48px;height:45px;justify-content:center;background:white;color:#7450b5;border:2px solid white;border-radius:16px 16px 16px 3px;box-shadow:0 3px 12px #44304433;font:800 12px Jakarta}.m-pin svg{width:18px;height:18px}.m-pin.selected{background:#704bfd;color:white;border-color:white;box-shadow:0 0 0 4px #704bfd30,0 4px 12px #44304433;z-index:2}.m-pin.closed:not(.selected){background:#eeeae7;color:#817b85}.m-resto-rail{display:flex;gap:7px;overflow-x:auto;padding:14px 16px}.m-resto-rail button{white-space:nowrap;min-height:44px;border:1px solid #e4dbea;border-radius:12px;background:white;color:#7d6a8b;font:600 10px Jakarta;padding:10px}.m-resto-rail [aria-pressed=true]{background:#eee5ff;color:#704bfd;border-color:#b8a0ed}.m-place-card{margin:0 16px 14px;padding:16px;background:white;border:1px solid #e6dfed;border-radius:20px}.m-place-main{display:flex;gap:12px;align-items:center}.m-place-main img{width:65px;height:65px;object-fit:cover;border-radius:14px}.m-place-main h2{font-size:16px;margin:6px 0;letter-spacing:-.3px}.m-place-main p{font-size:10px;color:#8d7e96;margin:0}.m-status{color:#337d64;font-size:9px;font-weight:700;background:#e9f4ec;padding:4px 7px;border-radius:6px;display:inline-block}.m-status.closed{background:#f0eded;color:#80737d}.m-location{display:flex;align-items:center;gap:5px;font-size:11px;color:#7d6d87;margin:17px 0}.m-location svg{width:16px;height:16px}.m-location span{margin-left:auto;font-size:8px}.m-place-card .f-button{width:100%;font-size:12px}.m-place-card .f-button svg{transform:rotate(180deg);width:17px;height:17px}.m-demo{font-size:9px;line-height:1.7;text-align:center;color:#95849f;padding:0 20px 18px}.m-outlet-hero{width:100%;height:220px;object-fit:cover}.m-outlet-body{padding:20px}.m-outlet-body h1{font-size:25px;letter-spacing:-.7px;margin:12px 0}.m-outlet-body>p{font-size:12px;line-height:1.8;color:#85738e}.m-outlet-body h2{font-size:16px;margin-top:25px}.m-location-card{display:flex;align-items:center;gap:9px;text-align:left;width:100%;border:1px solid #ddd0f1;background:#f1ebfa;padding:14px 10px;border-radius:15px;color:#745294;font-family:Jakarta;margin:22px 0}.m-location-card svg{width:20px;height:20px;flex-shrink:0}.m-location-card b{font-size:12px;display:block}.m-location-card small{font-size:9px;display:block;margin-top:5px}.m-location-card strong{font-size:10px;margin-left:auto}.m-outlet-body>.f-button{width:100%;margin:15px 0}.m-closed-note{padding:15px;border-radius:13px;background:#f0ecee;font-size:12px;color:#7c6878;line-height:1.7}.m-outlet-body>.m-demo{font-size:9px;padding-inline:0}
@media(max-width:350px){.m-map{height:260px}.m-map-heading h2{font-size:19px}.m-location-card{gap:6px}.m-location-card strong{font-size:9px}}

/* Match the existing app's full-screen map and selected-outlet overlay. */
.m-map-page{height:100dvh;min-height:610px;position:relative;overflow:hidden;background:#f2efe8}#m-map-content{position:absolute;inset:0}.m-map-page .m-map{height:100%;border:0}.m-map-page .m-map-label,.m-map-page .m-map-caption{display:none}.m-map-tools{position:absolute;top:0;left:0;right:0;padding:16px;z-index:4;background:linear-gradient(#f2efe899,transparent)}.m-map-search{display:flex;gap:9px;align-items:center}.m-map-search>.f-icon{height:44px;width:44px;background:white;border-radius:50%;box-shadow:0 3px 10px #3325400a;flex-shrink:0}.m-map-search>label{display:flex;align-items:center;gap:8px;background:white;border-radius:30px;padding:0 14px;min-height:48px;flex:1;min-width:0;box-shadow:0 3px 10px #3325400a;color:#704bfd}.m-map-search svg{width:19px;height:19px;flex-shrink:0}.m-map-search input{font:12px Jakarta;border:0;background:transparent;min-width:0;width:100%;padding:13px 0;color:#4c4355}.m-map-filters{display:flex;gap:6px;margin:12px 0}.m-map-filters>button,.m-cuisine{background:white;border:1px solid transparent;min-height:43px;border-radius:24px;font:700 11px Jakarta;padding:9px 12px;color:#4b4154;display:flex;align-items:center;gap:5px}.m-map-filters [aria-pressed=true]{border-color:#a98ae4;color:#704bfd;background:#eee5ff}.m-cuisine{min-width:0;padding-right:8px}.m-cuisine svg{width:17px;height:17px}.m-cuisine select{border:0;background:transparent;font:700 11px Jakarta;color:inherit;max-width:90px}.m-area-info{background:white;border-radius:17px;padding:13px;display:flex;gap:10px;align-items:center;box-shadow:0 5px 18px #4933550a;color:#776585;font-size:11px;line-height:1.6}.m-area-info>svg{width:20px;height:20px;color:#704bfd;flex-shrink:0}.m-area-info small{display:block;font-size:9px;color:#9b8fa3}.m-map-bottom{position:absolute;bottom:0;left:0;right:0;z-index:3;pointer-events:none}.m-map-bottom>*{pointer-events:auto}.m-map-bottom .m-place-card{margin:10px 16px 0;box-shadow:0 8px 26px #4a38501a;border:0}.m-map-bottom .m-demo{font-size:8px;margin:0;padding:7px 14px;background:#ffffffbb;color:#807283}.m-count{margin-left:16px;padding:9px 12px;background:white;border-radius:22px;font-size:11px;font-weight:750;color:#675477;display:inline-block}.m-map-page .m-pin{width:49px;height:49px;border-radius:50%;padding:3px;border:3px solid white}.m-pin>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.m-pin.selected{width:59px;height:59px;border:3px solid #704bfd;background:#704bfd}.m-pin.selected:after{content:'';position:absolute;bottom:-11px;left:20px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #704bfd}.m-pin>span{display:none}.m-pin.selected>span{display:block;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);padding:8px 12px;border-radius:18px;background:#302638;color:white;white-space:nowrap;font-size:10px;box-shadow:0 4px 14px #30263820}.m-map-page .m-pin.closed img{filter:grayscale(.7)}.m-map-bottom .m-location{margin:12px 0}.m-map-bottom .m-place-card .f-button{min-height:43px}.m-map-page .m-map-base{opacity:.9}@media(max-width:350px){.m-map-tools{padding:12px}.m-map-filters{gap:4px}.m-map-filters>button,.m-cuisine{padding-inline:8px;font-size:10px}.m-cuisine select{max-width:76px;font-size:10px}.m-map-search input{font-size:11px}.m-map-bottom .m-place-main h2{font-size:14px}}
.m-map-base{stroke:none}.m-map-base text{font-family:Jakarta,sans-serif;stroke:none}

/* Existing XP semantics, with discovery and mascot treatment from the design reference. */
.p-mission-entry{display:flex;align-items:center;gap:11px;width:calc(100% - 32px);margin:0 16px 20px;padding:14px 12px;background:#f5effe;border:1px solid #e1d6f2;border-radius:17px;text-align:left;color:#644286;font-family:Jakarta}.p-mission-entry b{display:block;font-size:12px}.p-mission-entry small{display:block;font-size:9px;color:#927e9f;margin-top:5px}.p-mission-entry strong{margin-left:auto;font-size:18px}.p-xp{width:35px;height:35px;display:grid;place-items:center;background:white;border-radius:12px;flex-shrink:0}.p-xp svg{width:19px;height:19px}.p-discovery{margin:15px 16px 22px}.p-discovery>span{font-size:8px;letter-spacing:1px;font-weight:800;color:#927e9f}.p-discovery>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.p-discovery button{display:flex;gap:7px;align-items:center;border:1px solid #e8dfef;background:#fff;border-radius:17px;padding:11px 8px;text-align:left;font-family:Jakarta;color:#574366;min-width:0}.p-discovery img{width:39px;height:47px;object-fit:contain}.p-discovery b{font-size:11px;display:block}.p-discovery small{font-size:8px;display:block;color:#90769f;margin-top:5px}.p-mission-hero{display:flex;align-items:center;gap:5px;margin:20px 16px 0;padding:21px 17px;background:#ffebaa;border-radius:24px;overflow:hidden}.p-mission-hero>div{flex:1;min-width:0}.p-mission-hero span,.p-kicker{font-size:8px;letter-spacing:1px;font-weight:800;color:#89673f}.p-mission-hero h1{font-size:22px;line-height:1.3;letter-spacing:-.7px;margin:12px 0}.p-mission-hero p{font-size:10px;line-height:1.8;color:#897653;margin:0}.p-mission-hero img{width:108px;height:144px;object-fit:contain}.p-xp-rule{font-size:10px;line-height:1.8;color:#8c7899;padding:0 20px;margin:16px 0}.p-channel{display:flex;gap:7px;padding:0 16px 10px;overflow-x:auto}.p-channel button{min-height:44px;padding:10px 13px;border-radius:22px;border:1px solid #e6deee;background:#fff;color:#82718f;font:650 11px Jakarta}.p-channel [aria-pressed=true]{background:#704bfd;color:white;border-color:#704bfd}.p-missions{padding:8px 16px 20px}.p-section-title{display:flex;align-items:center;justify-content:space-between;margin:5px 0 15px}.p-section-title h2{font-size:17px;letter-spacing:-.4px;margin:0}.p-section-title>span{font-size:9px;color:#9b88a4}.p-missions article{border:1px solid #e9e2f0;background:white;border-radius:20px;padding:17px;margin-bottom:12px}.p-missions article>small{font-size:9px;color:#9476aa}.p-missions h3{font-size:14px;margin:9px 0}.p-missions article>p{font-size:11px;color:#94839e;line-height:1.75;margin:8px 0 14px}.p-mission-status{display:flex;align-items:center;justify-content:space-between;gap:10px}.p-mission-status span{font-size:9px;color:#a293aa}.p-mission-status button{min-height:40px;border:0;background:#eee7fc;color:#704bfd;font:700 10px Jakarta;padding:10px 13px;border-radius:12px}.p-text-button{display:block;margin:14px auto;min-height:44px;border:0;background:none;color:#78539c;font:650 11px Jakarta}.p-program-tabs{display:flex;margin:18px 16px 0;padding:5px;border-radius:16px;background:#eee8f6}.p-program-tabs button{flex:1;min-height:43px;border:0;border-radius:12px;background:transparent;color:#897597;font:700 12px Jakarta}.p-program-tabs [aria-pressed=true]{background:white;color:#704bfd;box-shadow:0 3px 8px #6849850b}.p-program-body{padding:20px}.p-program-art{height:170px;background:linear-gradient(115deg,#eee1fa,#f8eee0);border-radius:22px;text-align:center;margin-bottom:25px}.p-program-art img{width:165px;height:175px;object-fit:contain;transform:translateY(-4px)}.p-kicker{color:#9a7fa9}.p-program-body h1{font-size:27px;letter-spacing:-.8px;line-height:1.3;margin:13px 0}.p-program-body>p{font-size:12px;line-height:1.8;color:#8d789c}.p-program-option{padding:17px;border:1px solid #e4dceb;background:white;border-radius:19px;margin-top:18px}.p-program-option h2{font-size:16px;margin:5px 0 10px}.p-program-option p{font-size:11px;line-height:1.7;color:#8c7a98}.p-program-option .f-button{width:100%;margin-top:10px;font-size:11px}.p-steps{padding-left:22px;font-size:12px;color:#877293;line-height:1.9}.p-steps li{padding:8px 0 8px 4px}.p-status{display:block;font-size:9px;color:#9b849f;margin-bottom:12px}.p-program-body>.m-demo{font-size:9px;padding:0}.n-onboarding[data-feature=missions] .n-intro-art{background:radial-gradient(ellipse at 50% 100%,#f5d475,transparent 65%),linear-gradient(135deg,#fff2cc,#ffe7a1)}.n-onboarding[data-feature=affiliate] .n-intro-art{background:linear-gradient(125deg,#eee2ff,#ffecd1)}@media(max-width:350px){.p-mission-hero{padding:17px 13px}.p-mission-hero h1{font-size:19px}.p-mission-hero img{width:88px}.p-discovery img{width:30px}.p-channel{gap:5px}.p-channel button{font-size:10px;padding-inline:11px}}

.p-program-art{display:flex;align-items:center;justify-content:center}

.h-utilities button{min-width:0;min-height:70px}.h-utilities button span{white-space:nowrap}.h-utilities svg{padding:11px}@media(max-width:350px){.h-utilities{padding-inline:8px;gap:2px}.h-utilities button{font-size:9px}}

/* Discovery sections and optional Teman entry: prototype fixtures only. */
.d-discovery section{margin:26px 0 30px}.d-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 16px 13px}.d-title h2{font-size:18px;letter-spacing:-.6px;margin:0 0 5px}.d-title p{font-size:10px;color:#8a7e8a;line-height:1.6;margin:0}.d-title>button{min-height:44px;flex-shrink:0;background:none;border:0;color:#704bfd;font:750 10px Jakarta;padding:6px 0 6px 6px}.d-rail{display:flex;overflow-x:auto;gap:10px;padding:1px 16px 8px;scroll-snap-type:x proximity;scroll-padding-inline:16px;scrollbar-width:none}.d-rail>button{scroll-snap-align:start;flex-shrink:0;font-family:Jakarta;text-align:left;color:#302936}.d-brands>button{display:flex;gap:10px;align-items:center;width:143px;min-height:78px;border:1px solid #e8e1e7;border-radius:17px;padding:12px;background:#fff}.d-brand-mark{width:35px;height:38px;border-radius:12px;background:#f0eaff;color:#704bfd;display:grid;place-items:center;font-size:21px;font-weight:800;flex-shrink:0}.d-tone-1{background:#faeee7;color:#b85a3e}.d-tone-2{background:#eeedef;color:#38353a}.d-tone-3{background:#f2eee8;color:#7d7266}.d-brands b{font-size:12px;display:block}.d-brands small{font-size:9px;color:#8c7f8e;display:block;margin-top:8px}.d-live>button{width:174px;border:1px solid #eee8ef;border-radius:21px;background:#fff;padding:0;overflow:hidden}.d-live-art{position:relative;height:178px;background:#eee9e4}.d-live-art img{width:100%;height:100%;object-fit:cover}.d-live-art>span{position:absolute;top:10px;left:9px;background:#ad397b;color:#fff;padding:5px 7px;border-radius:7px;font-size:8px;font-weight:750}.d-live-copy{padding:12px}.d-live-copy b{font-size:13px;display:block}.d-live-copy small{font-size:10px;display:block;color:#9678a4;margin-top:7px}.d-caption{font-size:9px;color:#95869d;padding:0 16px;margin:3px 0}.d-store{display:flex;align-items:center;gap:10px;border:1px solid #e8e1e7;background:white;border-radius:18px;padding:12px;min-height:80px;width:239px;font-family:Jakarta;text-align:left;color:#302936}.d-initial{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#f4ede5;color:#876142;font-size:17px;font-weight:750;flex-shrink:0}.d-store b{font-size:12px;display:block}.d-store small{font-size:9px;color:#8a7e88;display:block;margin-top:7px}.d-store svg{width:12px;height:12px;transform:rotate(180deg);margin-left:auto;flex-shrink:0}.d-store-list{padding:0 16px}.d-store-list .d-store{width:100%;margin-bottom:12px}.d-collection-note{font-size:11px;line-height:1.7;color:#8e7d99;padding:10px 16px 18px}.d-teman{position:fixed;bottom:calc(94px + env(safe-area-inset-bottom));right:max(12px,calc((100vw - 500px)/2 + 12px));width:max-content;display:flex;align-items:center;gap:0;background:transparent;z-index:18;pointer-events:none}.d-teman button{pointer-events:auto}.d-teman-open{order:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:72px;min-height:64px;padding:0;border:0;background:none;color:#fff;font-family:Jakarta;filter:drop-shadow(0 3px 8px #5b337c18)}.d-teman-open img{width:46px;height:46px;object-fit:contain;border:3px solid #fff;border-radius:50%;background:#eadeff}.d-teman-open>span{position:relative;margin-top:-5px;padding:3px 6px;border:2px solid #fff;border-radius:8px;background:#704bfd;font-size:9px;line-height:13px;font-weight:750;white-space:nowrap}.d-teman-hide{order:0;width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:#796387}.d-teman-hide span{font-size:18px}body:has(#sheet:not([hidden])) .d-teman,body:has(dialog[open]) .d-teman{visibility:hidden}#app:has([aria-label="Header Nemu Belanja"]){position:fixed;top:0;bottom:calc(86px + env(safe-area-inset-bottom));left:0;right:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:24px;scrollbar-width:none}#app:has(.d-teman){padding-bottom:96px}@media(max-width:350px){.d-live>button{width:156px}.d-live-art{height:160px}.d-title h2{font-size:17px}}