:root{--primary: #4f46e5;--primary-dark: #4338ca;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}*{-webkit-tap-highlight-color:transparent}html{overflow-x:hidden}body{margin:0;padding:0;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Source Sans Pro,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-icon-btn{background:#ffffffa6!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);box-shadow:0 1px 4px #4f46e514}@keyframes magnifyScan{0%,to{transform:translate(-28px) rotate(-10deg)}50%{transform:translate(28px) rotate(10deg)}}.magnify-scan{animation:magnifyScan 2.4s ease-in-out infinite}@keyframes nutritionTableScan{0%,to{transform:translate(0)}30%{transform:translate(-4px,-30px)}60%{transform:translate(2px,-52px)}}.nutrition-table-scan{animation:nutritionTableScan 4s ease-in-out infinite}.home-dock{display:flex;justify-content:space-around;align-items:flex-start;padding:14px 24px max(16px,env(safe-area-inset-bottom),var(--native-inset-bottom, 0px))}.home-dock .dock-item{display:flex;flex-direction:column;align-items:center;gap:2px}.home-dock .dock-label{color:#ffffffeb;font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.15)}.home-dock .dock-icon-btn{background:transparent;border:none;box-shadow:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;position:relative}.home-dock .dock-icon-btn svg{width:22px;height:22px;stroke-width:1.9}.home-dock .dock-icon-btn.dock-heart svg{width:34px;height:34px;stroke-width:1.3}.home-dock .dock-icon-btn.dock-history svg{width:27.5px;height:27.5px;stroke-width:1.3}.home-dock .dock-icon-btn img{width:30px;height:30px;object-fit:contain;filter:brightness(0) invert(1)}@keyframes dot2anim{0%,33%{opacity:0}34%,to{opacity:1}}@keyframes dot3anim{0%,66%{opacity:0}67%,to{opacity:1}}@keyframes colorshift{0%,to{color:#4f46e5}50%{color:#7c3aed}}.tagline-dot2{animation:dot2anim 1.5s steps(1) infinite}.tagline-dot3{animation:dot3anim 1.5s steps(1) infinite}.tagline-secrets{display:inline-block;animation:colorshift 2.5s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}.dyk-star{position:absolute;border-radius:9999px;background:#fffc;animation:starTwinkle ease-in-out infinite}@keyframes shootingStar{0%{transform:translate(0) rotate(-32deg) scaleX(0);opacity:0}4%{opacity:1;transform:translate(0) rotate(-32deg) scaleX(1)}22%{opacity:1;transform:translate(-150px,95px) rotate(-32deg) scaleX(1)}30%{opacity:0;transform:translate(-170px,108px) rotate(-32deg) scaleX(1)}to{opacity:0;transform:translate(-170px,108px) rotate(-32deg) scaleX(1)}}.dyk-shooting-star{position:absolute;top:6%;right:4%;width:56px;height:2px;border-radius:9999px;background:linear-gradient(270deg,#fff0,#ffffffe6);transform-origin:left center;animation:shootingStar 7s ease-in infinite}@keyframes rainDrop{0%{transform:translateY(-20%);opacity:0}10%{opacity:.85}90%{opacity:.6}to{transform:translateY(420%);opacity:0}}.rain-drop{position:absolute;top:0;width:2px;height:18px;border-radius:9999px;background:linear-gradient(180deg,#4f46e500,#4f46e599);animation:rainDrop linear infinite}@keyframes lightningBoltFlash{0%,90%,to{opacity:0;transform:scale(.85)}91%{opacity:1;transform:scale(1.05)}92.5%{opacity:.3;transform:scale(.95)}94%{opacity:.9;transform:scale(1)}96%,to{opacity:0;transform:scale(.85)}}.lightning-bolt{position:absolute;width:22px;height:22px;color:#5c58ad;opacity:0;filter:drop-shadow(0 0 4px rgba(92,88,173,.6));animation:lightningBoltFlash 9s ease-in-out infinite;animation-fill-mode:backwards;pointer-events:none}@media(prefers-reduced-motion:reduce){.rain-drop,.lightning-bolt{animation:none!important;opacity:0!important}}@keyframes gradientDrift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowBreathe{0%,to{box-shadow:0 6px 24px #4f46e51f}50%{box-shadow:0 16px 44px #7c3aed42}}.hero-icon-box{animation:iconFloat 5s ease-in-out infinite,glowBreathe 4s ease-in-out infinite}@keyframes sheen{0%{transform:translate(-130%) skew(-18deg)}60%,to{transform:translate(260%) skew(-18deg)}}.btn-scan{background:linear-gradient(120deg,#4f46e5,#6d28d9,#7c3aed);background-size:180% 180%;animation:gradientDrift 7s ease-in-out infinite;position:relative;overflow:hidden}.btn-scan:after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:sheen 4s ease-in-out infinite}.btn-scan-sheen{position:relative;overflow:hidden}.btn-scan-sheen:after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(92,88,173,.22),rgba(54,51,106,.22),transparent);animation:sheen 4s ease-in-out infinite}.btn-3d{box-shadow:0 6px #c7c2e8,0 10px 18px #36336a59;transform:translateY(0);transition:transform .1s ease,box-shadow .1s ease}.btn-3d:active{transform:translateY(5px);box-shadow:0 1px #c7c2e8,0 2px 6px #36336a4d}@media(prefers-reduced-motion:reduce){.hero-icon-box,.btn-scan,.btn-scan:after,.btn-scan-sheen:after{animation:none!important}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-drawer-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}.animate-in{animation:slideIn .3s ease-out}.animate-fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes heartPulse{0%{transform:scale(1)}20%{transform:scale(1.35)}40%{transform:scale(1)}60%{transform:scale(1.35)}80%{transform:scale(1)}to{transform:scale(1)}}@keyframes ringDraw{0%{stroke-dashoffset:138;opacity:1}80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.heart-celebrate{animation:heartPulse 1.8s ease-in-out forwards}.home-dock .dock-icon-btn.dock-heart .heart-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:44px;height:44px;pointer-events:none;overflow:visible}.heart-ring rect{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:117;stroke-dashoffset:117;animation:ringDraw 1.8s ease-out forwards}@supports (padding: max(0px)){.safe-bottom{padding-bottom:max(0px,env(safe-area-inset-bottom),var(--native-inset-bottom, 0px))}}.lb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow-y:auto;background:linear-gradient(135deg,#5c58ad,#36336a);padding:calc(28px + max(env(safe-area-inset-top),var(--native-inset-top, 0px))) 18px 48px}.lb-inner{max-width:480px;margin:0 auto}.lb-overlay .header-icon-btn{background:#fff!important;border-color:#fff;box-shadow:0 2px 8px #0000002e;backdrop-filter:none;-webkit-backdrop-filter:none}.lb-hero{font-family:"DM Serif Display",serif;font-style:italic;font-size:30px;text-align:center;color:#fff;line-height:1.1}.lb-tagline{text-align:center;font-size:13px;color:#fffc;margin:2px 0 16px}.lb-pill{display:flex;justify-content:center;gap:6px;margin-bottom:18px}.lb-pill button{font-size:12px;font-weight:600;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.3);padding:6px 16px;border-radius:999px;box-shadow:0 1px 4px #0000001f}.lb-pill button.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:transparent;box-shadow:0 2px 10px #00000040}.lb-reset{display:flex;justify-content:center;margin:-10px 0 16px}.lb-reset-chip{font-size:11.5px;font-weight:600;color:#ffffffe6;background:#ffffff26;border:1px solid rgba(255,255,255,.3);padding:4px 12px;border-radius:999px;box-shadow:0 1px 4px #0000001f;letter-spacing:.01em}.lb-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex:0 0 auto;text-transform:uppercase}.lb-g1{background:linear-gradient(135deg,#6366f1,#7c3aed)}.lb-g2{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.lb-g3{background:linear-gradient(135deg,#ec4899,#f97316)}.lb-g4{background:linear-gradient(135deg,#10b981,#06b6d4)}.lb-g5{background:linear-gradient(135deg,#f59e0b,#ef4444)}.lb-gyou{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.lb-podium{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:6px 0 16px}.lb-pcard{border-radius:20px;padding:12px 5px 14px;text-align:center;width:90px;background:#fff;border:1px solid #fff;box-shadow:0 2px 10px #0000002e}.lb-pcard.center{width:104px;padding-top:18px;background:#fff;border:1.5px solid rgba(124,58,237,.35);box-shadow:0 6px 22px #00000047}.lb-pcard .lb-av{margin:0 auto 6px}.lb-pn{font-weight:700;font-size:11px;letter-spacing:-.02em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-ps{font-weight:800;font-size:14px;color:#312e81;margin-top:2px}.lb-crown{font-size:22px;margin-bottom:2px}.lb-medal{font-size:16px}.lb-row{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:16px;margin-bottom:8px;background:#fff;border:1px solid #fff;box-shadow:0 1px 5px #00000024}.lb-rank{min-width:20px;text-align:center;font-weight:700;color:#4f46e5;font-size:14px;padding-right:2px}.lb-nm{flex:1;min-width:0;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-sc{font-weight:800;font-size:15px;color:#312e81}.lb-divider{height:1px;background:#4f46e51f;margin:10px 4px}.lb-you{border:.5px solid rgba(0,0,0,.06);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 10px 34px #00000047}.lb-yourow{display:flex;align-items:center;gap:11px;padding:13px 14px;cursor:pointer}.lb-yourow .lb-rank{min-width:22px;color:#8a8a8e;font-weight:600}.lb-yourow .lb-nm{font-weight:600;font-size:15px;color:#1c1c1e}.lb-yousc{font-weight:700;font-size:16px;color:#1c1c1e;margin-right:10px}.lb-chev{width:26px;height:26px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:#7878801f;transition:transform .2s}.lb-chev svg{width:12px;height:12px;stroke:#8a8a8e;stroke-width:2.6;fill:none}.lb-chev.open{transform:rotate(180deg)}.lb-detail{padding:0 14px 16px}.lb-track{height:6px;border-radius:99px;background:#7878802e;overflow:hidden;margin:2px 0 8px}.lb-track>div{height:100%;border-radius:99px;background:#4f46e5;transition:width .4s ease}.lb-next{font-size:12.5px;font-weight:500;color:#6b6b70;margin-bottom:14px}.lb-next b{color:#1c1c1e;font-weight:700}.lb-splits{display:flex;flex-direction:column;gap:2px}.lb-split{display:flex;align-items:center;gap:7px;padding:10px 4px;position:relative}.lb-lbl{font-weight:500;font-size:14px;color:#1c1c1e}.lb-info{width:20px;height:20px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;cursor:pointer}.lb-info svg{width:17px;height:17px;stroke:#4f46e58c;stroke-width:1.6;fill:none}.lb-badge{margin-left:auto;min-width:60px;height:30px;border-radius:9px;padding:0 10px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 1px 4px #4f46e540}.lb-pop{position:absolute;left:4px;bottom:48px;width:216px;z-index:5;background:#fffffff5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:13px 14px;border:1px solid rgba(79,70,229,.18);box-shadow:0 12px 32px #4f46e538}.lb-pop .pt{font-weight:800;font-size:13px;color:#312e81;margin-bottom:4px}.lb-pop .pd{font-size:11.5px;color:#4b5563;line-height:1.5}.lb-pop .ppts{display:inline-block;margin-top:10px;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:4px 11px;border-radius:999px}.lb-hint{text-align:center;font-size:11.5px;color:#9a9aa0;margin-top:14px;font-weight:500}.lb-empty{text-align:center;color:#ffffffd9;font-size:14px;padding:36px 20px}.lb-prompt{text-align:center;padding:18px;border-radius:22px;background:#fff;border:1px solid #fff;box-shadow:0 4px 16px #00000038;margin-top:10px}@keyframes lbFloatUp{0%{opacity:0;transform:translateY(6px) scale(.9)}10%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-28px) scale(1)}to{opacity:0;transform:translateY(-46px) scale(.85)}}.lb-float{position:absolute;top:-6px;right:2px;z-index:30;pointer-events:none;font-weight:800;font-size:13px;color:#7c3aed;animation:lbFloatUp 3.2s ease-out forwards}@keyframes celebrateIn{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes confettiBurst{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(.35);opacity:0}}.celeb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#312e8166;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .25s ease-out}.celeb-card{position:relative;max-width:340px;width:100%;background:#fffffff0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;padding:34px 24px 28px;text-align:center;box-shadow:0 20px 60px #4f46e559;animation:celebrateIn .35s cubic-bezier(.34,1.56,.64,1)}.celeb-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#7878801f}.celeb-icon{font-size:44px;line-height:1;margin-bottom:8px}.celeb-title{font-family:"DM Serif Display",serif;font-style:italic;font-size:26px;color:#312e81;margin-bottom:10px}.celeb-msg{font-size:14px;color:#4b5563;line-height:1.55}.celeb-msg strong{color:#312e81}.celeb-rank{margin-top:12px;font-size:13px;font-weight:700;color:#4f46e5}.celeb-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.confetti-piece{position:absolute;left:50%;top:36%;border-radius:2px;background:var(--c);animation:confettiBurst 1.1s ease-out forwards;animation-delay:var(--d)}.trophy-celebrate{animation:heartPulse 3.2s ease-in-out forwards}.trophy-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.trophy-ring rect{fill:none;stroke:#7c3aed;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:117;stroke-dashoffset:117;animation:ringDraw 3.2s ease-out forwards}