:root{--black-950: #0F0F11;--surface-1: #17171A;--surface-2: #212127;--line: #2C2C31;--red-600: #B3121E;--red-500: #E01F2D;--red-400: #F0454F;--red-tint: #2A1416;--gold-600: #A9791F;--gold-500: #D9A93C;--gold-400: #F0CB6A;--gold-glow: #E8C15A;--gold-tint: #241E12;--text: #F6F4EF;--text-muted: #A8A69E;--text-dim: #6E6C66;--hl-500: #7AC143;--hl-400: #8FD15C;--hl-600: #5E9B32;--hl-tint: rgba(122,193,67,.13);--hl-line: rgba(122,193,67,.3);--brand: var(--red-500);--accent: var(--gold-500);--nav: var(--hl-500);--success: #3FB27A;--warning: var(--gold-500);--danger: var(--red-500);--bg: var(--black-950);--surface: var(--surface-1);--border: var(--line);--radius: 14px;--radius-sm: 10px;--font-display: "Sora", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-stat: "Barlow Condensed", "Sora", system-ui, sans-serif}:root[data-theme=grey]{--black-950: #212226;--surface-1: #2A2B30;--surface-2: #34353B;--line: #3F4046;--text: #F6F4EF;--text-muted: #B5B3AC;--text-dim: #83817B}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1100px 460px at 50% -12%,rgba(224,31,45,.14),transparent 60%),var(--bg)}.card{width:100%;max-width:400px;background:var(--surface-1);border:1px solid var(--line);border-radius:20px;padding:26px 24px 28px;position:relative;overflow:hidden}.card.center{text-align:center}.goldline{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-600),var(--gold-400),var(--gold-600))}.title{font-family:var(--font-display);font-weight:700;font-size:22px;margin:18px 0 20px}.field{margin-bottom:16px}.label{display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.input{width:100%;background:var(--black-950);border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--text);font-size:16px;font-family:var(--font-body);outline:none}.input:focus{border-color:var(--gold-600)}.input::placeholder{color:var(--text-dim)}.btn{display:block;text-align:center;border:none;border-radius:12px;padding:14px 18px;font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer}.btn.full{width:100%}.btn-red{background:var(--red-500);color:#fff}.btn-red:hover{background:var(--red-400)}.btn-gold{background:transparent;color:var(--gold-400);border:1px solid var(--gold-600)}.btn-gold:hover{background:var(--gold-tint)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--gold-400);border-color:var(--gold-600)}.btn-white{background:#f6f4ef;color:#16211c}.btn-white:hover{background:#fff}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--text-muted);font-size:14px;line-height:1.6}.dim{color:var(--text-dim);font-size:12.5px;line-height:1.6}.center{text-align:center}.back{color:var(--text-muted);font-size:13px}.namehint{color:var(--gold-400);font-size:13px;margin:8px 0 0}.soon{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--text-muted);font-size:14px}.sociallink{color:var(--gold-400);font-size:13px}.sociallink:hover{text-decoration:underline}.chip{background:transparent;border:1px solid var(--hl-line);color:var(--hl-400);border-radius:999px;padding:7px 12px;font-size:12.5px;cursor:pointer;font-family:var(--font-body)}.chip:hover{background:var(--hl-tint);border-color:var(--hl-500)}.chip.emas{border-color:var(--gold-600);color:var(--gold-400)}.chip.emas:hover{background:var(--gold-tint);border-color:var(--gold-500)}.chip.on,.chip[aria-pressed=true]{background:var(--hl-500);border-color:var(--hl-500);color:#0a1a03;font-weight:700}.dashwrap{min-height:100%;background:radial-gradient(1200px 480px at 50% -12%,rgba(224,31,45,.1),transparent 60%),var(--bg)}.dash{max-width:1180px;margin:0 auto;padding:84px 28px 64px}.dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:22px}.dash-title{font-family:var(--font-display);font-weight:700;font-size:26px;margin:8px 0 0}.panel{background:var(--surface-1);border:1px solid var(--line);border-radius:16px;padding:22px}.panel+.panel,.grid2+.panel,.panel+.grid2,.statrow+.panel{margin-top:18px}.panel-h{font-family:var(--font-display);font-weight:500;font-size:17px;margin:0 0 4px}.panel-sub{color:var(--text-muted);font-size:13.5px;margin:0 0 16px;line-height:1.6}.statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px}.stat{background:var(--surface-1);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.stat-k{color:var(--text-muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}.stat-v{font-family:var(--font-display);font-weight:700;font-size:24px;margin-top:8px}.stat-v.gold{color:var(--gold-500)}.grid2{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-top:18px}@media (max-width: 860px){.grid2{grid-template-columns:1fr}}.dtable{width:100%;border-collapse:collapse;font-size:14px}.dtable th{text-align:left;color:var(--text-muted);font-weight:500;font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--line)}.dtable td{padding:12px;border-bottom:1px solid var(--line);color:var(--text)}.dtable tr:last-child td{border-bottom:none}.badge{font-size:12px;padding:4px 10px;border-radius:999px;white-space:nowrap}.badge-warn{background:var(--gold-tint);color:var(--gold-400);border:1px solid var(--gold-600)}.badge-ok{background:var(--hl-tint);color:var(--hl-400);border:1px solid var(--hl-line)}.dropzone{border:1px dashed var(--border);border-radius:14px;padding:30px;text-align:center;color:var(--text-muted);background:var(--black-950);font-size:14px}.qrbox{width:150px;height:150px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:13px;text-align:center}.mealgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.mealcard{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;overflow:hidden}.mealthumb{height:100px;background:linear-gradient(135deg,#2a2a2f,#1a1a1e);display:flex;align-items:center;justify-content:center;font-size:24px}.rank{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.rank:last-child{border-bottom:none}.rank-n{width:26px;height:26px;border-radius:50%;background:var(--surface-2);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.rank-n.gold{background:var(--gold-500);color:#231802}.namelink{color:var(--text);cursor:pointer}.namelink:hover{color:var(--gold-400)}.bigbtn{display:inline-flex;align-items:center;gap:8px;background:var(--hl-500);color:#0a1a03;border:none;border-radius:12px;padding:13px 20px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font-body);text-align:center}.bigbtn.ghost{background:transparent;border:1px solid var(--hl-line);color:var(--hl-400);box-shadow:none}.bigbtn.ghost:hover{background:var(--hl-tint);border-color:var(--hl-500)}.wabtn{display:inline-flex;align-items:center;gap:6px;background:#25d366;color:#fff;border:none;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:var(--font-body);text-decoration:none;white-space:nowrap}.wabtn:hover{background:#1da851}.panel{background:linear-gradient(180deg,var(--surface-1),rgba(15,15,17,.9));transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;position:relative}.panel:hover{border-color:#d9a93c59;box-shadow:0 14px 40px #00000059}.panel-h{font-size:18px;letter-spacing:-.2px}.panel-sub{line-height:1.65}.stat{background:linear-gradient(180deg,var(--surface-1),rgba(15,15,17,.92));position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(217,169,60,.55),transparent);opacity:0;transition:opacity .2s ease}.stat:hover{transform:translateY(-2px);border-color:#d9a93c66}.stat:hover:before{opacity:1}.stat-v{letter-spacing:-.3px}.dtable tbody tr{transition:background .16s ease}.dtable tbody tr:hover{background:#d9a93c0d}.dtable th{color:var(--gold-600)}.mealcard{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mealcard:hover{transform:translateY(-3px);border-color:#d9a93c73;box-shadow:0 12px 30px #0006}.chip{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .15s ease}.chip:hover{transform:translateY(-1px)}.chip:active{transform:none}.rank{transition:background .16s ease;border-radius:8px;padding-left:6px;padding-right:6px}.rank:hover{background:#d9a93c0d}.bigbtn{transition:transform .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 8px 22px #7ac14342}.bigbtn:hover{background:var(--hl-400)}.bigbtn.bahaya{background:var(--red-500);color:#fff;box-shadow:0 8px 22px #e01f2d47}.bigbtn.bahaya:hover{background:var(--red-400)}.bigbtn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #e01f2d6b}.bigbtn.ghost{box-shadow:none}.bigbtn.ghost:hover{box-shadow:0 10px 26px #7ac14329}.dropzone{transition:border-color .2s ease,background .2s ease}.dropzone:hover{border-color:var(--gold-600);background:#d9a93c0a}.badge{letter-spacing:.3px}.namelink{transition:color .15s ease;border-bottom:1px dotted transparent}.namelink:hover{border-bottom-color:var(--gold-400)}.dash-title{letter-spacing:-.4px}.qrbox{background:linear-gradient(135deg,var(--surface-2),var(--black-950));border-style:dashed}@media (prefers-reduced-motion: reduce){.panel:hover,.stat:hover,.mealcard:hover,.chip:hover,.bigbtn:hover{transform:none}}.stat-v{font-family:var(--font-stat);font-variant-numeric:tabular-nums;font-size:30px;letter-spacing:0}.dtable th{color:var(--gold-500)}.dash-title{font-size:28px}.zoomable{cursor:zoom-in}.lb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a0a0cf0;display:flex;align-items:center;justify-content:center;touch-action:none}.lb-img{max-width:96vw;max-height:92vh;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .12s ease-out;will-change:transform}.lb-close{position:fixed;top:14px;right:16px;z-index:201;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#1b1b1fe6;color:#fff;font-size:18px;cursor:pointer}.lb-hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:201;color:#b7b7be;font-size:12px;background:#1b1b1fd9;border:1px solid var(--line);border-radius:999px;padding:6px 14px;white-space:nowrap}:root{--hl-green: var(--hl-500);--hl-green-2: var(--hl-400);--hl-ink: #0A1A03}.btn-red{background:var(--hl-green);color:var(--hl-ink);font-weight:700}.btn-red:hover{background:var(--hl-green-2)}.bigbtn{background:var(--hl-green);color:var(--hl-ink);box-shadow:0 8px 22px #7ac14347}.bigbtn:hover{background:var(--hl-green-2);box-shadow:0 12px 30px #7ac1436b}.bigbtn.ghost{background:transparent;color:var(--hl-400);border-color:var(--hl-line);box-shadow:none}:root[data-theme=grey] .mfh,:root[data-theme=grey] .mflp,:root[data-theme=grey] .mfrc,:root[data-theme=grey] .mfshell{--black: #212226;--black-2: #2A2B30;--card: #2F3036;--line: #3F4046;--dim: #B5B3AC;--dim-2: #83817B}:root[data-theme=grey] .mfh-nav,:root[data-theme=grey] .mflp-nav,:root[data-theme=grey] .rc-nav,:root[data-theme=grey] .sh-nav,:root[data-theme=grey] .mflp .sticky{background:#212226d9}html{background:var(--black-950, #0F0F11)}.bg3d{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(900px 480px at 82% -6%,rgba(224,31,45,.13),transparent 60%),radial-gradient(760px 460px at 4% 104%,rgba(217,169,60,.09),transparent 60%)}.bg3d:before,.bg3d:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);will-change:transform}.bg3d:before{width:420px;height:380px;background:#e01f2d24;top:-120px;right:-80px;animation:bgfloat1 22s ease-in-out infinite}.bg3d:after{width:380px;height:360px;background:#d9a93c1a;bottom:-140px;left:-90px;animation:bgfloat2 26s ease-in-out infinite}@keyframes bgfloat1{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-46px,34px,0) scale(1.08)}}@keyframes bgfloat2{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(40px,-30px,0) scale(1.06)}}.bg3d .grid,.bg3d-grid{display:none}.bg3d{perspective:900px}.bg3d>*{pointer-events:none}@media (prefers-reduced-motion: reduce){.bg3d:before,.bg3d:after{animation:none}}body:after{content:"";position:fixed;left:-20%;right:-20%;bottom:-12%;height:42vh;z-index:0;pointer-events:none;background:linear-gradient(rgba(217,169,60,.06) 1px,transparent 1px) 0 0 / 100% 44px,linear-gradient(90deg,rgba(217,169,60,.06) 1px,transparent 1px) 0 0 / 44px 100%;transform:perspective(700px) rotateX(58deg);transform-origin:bottom center;-webkit-mask-image:linear-gradient(180deg,transparent,#000 55%);mask-image:linear-gradient(180deg,transparent,#000 55%)}html .mfh,html .mflp,html .mfrc,html .mfshell,html .dashwrap,html .screen{background:transparent}html body{background:transparent;position:relative}#root{position:relative;z-index:1}:root[data-theme=grey] .mfh .proof .p{background:#2a2b30b3}.dash .panel{overflow-x:auto;-webkit-overflow-scrolling:touch}.dash .dtable{min-width:620px}.dash .statrow{min-width:0}@media (max-width: 700px){.dash{padding-left:16px;padding-right:16px}.dash-head{gap:10px}}html .mflp .stats .stat b{font-family:var(--font-stat);font-variant-numeric:tabular-nums;letter-spacing:0}html .mflp .stats .stat span{text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:700}html .mflp .slead{font-size:15.5px;line-height:1.75;max-width:560px}html .mflp .stitle{letter-spacing:-.02em}html .mflp .eyebrow{font-size:12px}html .mflp .tstat b{font-family:var(--font-stat);letter-spacing:0}html .mflp .tstat span{text-transform:uppercase;letter-spacing:1.4px;font-size:10.5px;font-weight:700}html .mflp .chips{row-gap:10px}html .mflp .note{letter-spacing:.2px}@media (max-width: 620px){html .mflp section{padding:48px 0}html .mflp .stitle{font-size:26px}html .mflp .slead{font-size:15px}html .mflp .stats{gap:14px}html .mflp .stats .stat b{font-size:30px}html .mflp .chips{margin-bottom:22px}}.zoomable img,.lb-img,.tphoto img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.backbtn{background:#ffffff0d;border:1px solid var(--line, #2A2A30);color:var(--text, #EDEDF0);font-family:inherit;font-weight:700;font-size:13.5px;padding:9px 18px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .18s ease,border-color .18s ease,transform .18s ease;text-shadow:0 1px 2px rgba(0,0,0,.5)}.backbtn:hover{background:#ffffff1a;border-color:var(--gold-500, #D9A93C);transform:translateY(-1px)}.dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}html .mflp .stitle,html .mflp .hero h1,html .mfrc h1,html .mfrc h2,html .mfshell h1,html .dash .dash-title,html .dash .panel-h{text-shadow:0 1px 0 rgba(255,255,255,.09),0 3px 6px rgba(0,0,0,.55),0 12px 30px rgba(0,0,0,.45)}html .mflp .slead,html .mflp .note,html .mflp p,html .mfrc p,html .mfrc .lead,html .dash .panel-sub,html .dash .dim,html .mfshell p{text-shadow:0 1px 2px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.3)}.bg3d{background:radial-gradient(140% 110% at 50% 42%,transparent 52%,rgba(0,0,0,.52) 100%),radial-gradient(1100px 640px at 50% -12%,rgba(255,255,255,.055),transparent 62%),radial-gradient(900px 480px at 82% -6%,rgba(224,31,45,.13),transparent 60%),radial-gradient(760px 460px at 4% 104%,rgba(217,169,60,.09),transparent 60%)}body:before{content:"";position:fixed;left:0;right:0;bottom:34vh;height:1px;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(217,169,60,.22) 30%,rgba(217,169,60,.22) 70%,transparent);filter:blur(.4px)}.rn-fab{position:fixed;bottom:18px;right:16px;z-index:90;width:54px;height:54px;border-radius:50%;background:#121215db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--hl-500);border:1.5px solid var(--hl-line);font-size:21px;font-weight:800;cursor:pointer;box-shadow:0 10px 26px #00000073;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.rn-fab:hover{transform:translateY(-2px);border-color:var(--hl-500);box-shadow:0 14px 32px #00000080,0 0 0 4px #7ac1431a}.rn-fab:focus-visible{outline:2px solid var(--hl-500);outline-offset:3px}.rn-fab.lift{bottom:92px}.rn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#0a0a0cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:flex-end;padding:18px}.rn-panel{background:linear-gradient(180deg,#1b1b1f,#141416);border:1px solid var(--hl-line);border-radius:20px;padding:18px;width:min(420px,100%);box-shadow:0 30px 80px #0009,inset 0 1px #ffffff0f;animation:rnUp .28s cubic-bezier(.16,1,.3,1)}@keyframes rnUp{0%{transform:translateY(16px)}to{transform:none}}.rn-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rn-title{font-weight:800;font-size:15.5px;letter-spacing:.3px;color:#fff}.rn-close{background:none;border:none;color:#85858e;font-size:15px;cursor:pointer;padding:4px 8px}.rn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.rn-room{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid #2A2A30;border-radius:12px;padding:12px 13px;color:#ededf0;text-decoration:none;font-weight:700;font-size:13.5px;transition:border-color .15s ease,background .15s ease,transform .15s ease}.rn-room:hover{border-color:#7ac1438c;transform:translateY(-1px)}.rn-room.on{border-color:var(--hl-500);background:var(--hl-tint);color:var(--hl-400)}.rn-ikon{display:grid;place-items:center;width:20px}.rn-lock{font-size:11px;opacity:.8}.rn-nota{color:#85858e;font-size:11.5px;margin:12px 2px 0}@media (max-width: 480px){.rn-grid{grid-template-columns:1fr 1fr}.rn-room{padding:11px 10px;font-size:12.5px}}.vr-pill{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:92;background:#121215eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--hl-400);border:1.5px solid var(--hl-line);font-weight:700;font-size:13px;padding:11px 20px;border-radius:999px;cursor:pointer;box-shadow:0 12px 32px #7ac14373;animation:vrUp .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}@keyframes vrUp{0%{transform:translate(-50%,14px)}to{transform:translate(-50%)}}html .label{text-transform:none;font-size:12.5px;letter-spacing:.2px;font-weight:600;color:var(--text-dim, #85858E);margin-bottom:6px}html .dash .stat-k,html .stat-k{font-size:10px;letter-spacing:.8px;font-weight:500;color:var(--text-dim, #85858E)}html .dash .dtable th,html .dtable th{font-size:10px;letter-spacing:.6px;font-weight:500;color:var(--text-dim, #85858E)!important}html .mflp .eyebrow,html .mfrc .rc-k,html .mfrc .rc-eyebrow,html .sh-kicker{font-size:10.5px;letter-spacing:2px;opacity:.8;font-weight:600}html .mflp .stats .stat b{font-size:26px}html .mflp .stats .stat span{font-size:10px;letter-spacing:1.2px;font-weight:600;color:var(--text-dim, #85858E)}html .mflp .stats .stat,html .mflp .tstat{border-color:#ffffff14}html .mfshell .sh-kicker{opacity:.7}button:not(:disabled):active,.bigbtn:not(:disabled):active,.btn:not(:disabled):active,.chip:not(:disabled):active{transform:scale(.96);transition:transform .08s ease}button:disabled,.bigbtn:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (max-width: 768px){input:not([type=file]),select,textarea{font-size:16px!important}}.panel-h,.panel-h.nav{color:var(--hl-500);font-size:17.5px;font-weight:700;letter-spacing:-.012em}.panel{border-color:var(--hl-line)}.panel:hover{border-color:#7ac1436b}.panel-h~.chip,summary:has(.panel-h) .chip,.panel-h+.chip,.panel-h .chip{border-color:var(--hl-line);color:var(--hl-400)}.stat-v{color:#fff}.stat-v.gold{color:var(--gold-400)}.nama-utama{color:#fff;font-family:var(--font-display);letter-spacing:-.018em}.baris-season{color:var(--gold-500);font-weight:600;font-size:13px;letter-spacing:.01em}.timbang-tutup{display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:12px;cursor:pointer;background:var(--surface-1);border:1px solid var(--line);transition:border-color .2s ease}.timbang-tutup:hover{border-color:var(--hl-line)}.timbang-tutup .tt{flex:1;font-size:14.5px;font-weight:600}.timbang-tutup .tk{font-size:12px;color:var(--text-muted)}.back.keluar{color:var(--text-muted)}.back.keluar:hover{color:var(--red-400)}.mealcard.hero{position:relative;width:232px;min-width:232px;flex-shrink:0;aspect-ratio:4 / 5;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#101013;padding:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mealcard.hero:hover{transform:translateY(-2px);border-color:var(--hl-line);box-shadow:0 16px 34px -18px #000000b3}.mealcard.hero:active{transform:translateY(0)}.mealhero-img{width:100%;height:100%;object-fit:cover;display:block}.mealhero-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0003,#0000 32%,#08080ab8 68%,#08080af2)}.mealhero-teks{position:absolute;left:0;right:0;bottom:0;padding:13px 14px 14px}.mealhero-sesi{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-400);text-shadow:0 1px 4px rgba(0,0,0,.8)}.mealhero-nama{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.25;color:#fff;margin-top:4px;letter-spacing:-.012em;text-shadow:0 1px 6px rgba(0,0,0,.75)}.mealhero-kcal{font-size:11.5px;color:#ffffffb8;margin-top:4px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.8)}.mealcard.hero.esok{border-style:dashed;border-color:#7ac1434d}@media (max-width: 420px){.mealcard.hero{width:205px;min-width:205px}}.why-box{margin:12px 0 0;padding:12px 14px 13px;border:1px solid var(--line-1, #26262C);border-left:3px solid var(--hl-500);border-radius:12px;background:#ffffff06}.why-label{font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--hl-500);margin-bottom:7px}.why-teks{margin:0;flex:1;color:#fff;font-size:14.5px;line-height:1.65;font-weight:500;letter-spacing:-.006em}.why-ajak{margin:0 0 9px;font-size:12.5px;line-height:1.6;color:var(--text-muted, #9A9AA4)}.why-input{width:100%;box-sizing:border-box;resize:vertical;min-height:74px;padding:10px 12px;border-radius:10px;font:inherit;font-size:14px;line-height:1.6;color:#fff;background:#00000047;border:1px solid var(--line-1, #26262C)}.why-input:focus{outline:none;border-color:var(--hl-500);box-shadow:0 0 0 3px #7ac14324}.why-input::placeholder{color:#ffffff4d}.why-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;background:#060608d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.why-modal{max-width:440px;width:100%;max-height:88vh;overflow-y:auto}