:root{--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace}:root,body.theme-5{--color-bg:#0b0e0d;--color-bg-2:#141a18;--color-bg-3:#1d2623;--color-frame:#050706;--color-glass:#121816c7;--color-glass-strong:#080c0beb;--color-glass-hi:#fbfbf90f;--color-highlight:#46d39b;--color-highlight-2:#7ee8bd;--color-highlight-dim:#46d39b29;--color-highlight-glow:#46d39b80;--metal:linear-gradient(135deg, #1a7f5e 0%, #7ee8bd 38%, #46d39b 62%, #04130d 100%);--metal-edge:#04130d;--metal-text:linear-gradient(135deg, #2fb183 0%, #9df0cd 40%, #46d39b 72%, #39c08c 100%);--color-white:#fbfbf9;--color-text:#fbfbf9eb;--color-text-muted:#fbfbf9ad;--color-text-dim:#fbfbf96b;--fg:255, 255, 255;--ov:0, 0, 0;--color-on-highlight:#04130d;--ink-mix:0%;--color-border:#46d39b33;--color-border-soft:#fbfbf914;--color-success:#46d39b;--color-warning:#d9b65c;--color-danger:#d4607a;--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-card:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:32px;--radius-pill:999px;--shadow-sm:0 2px 12px #00000080;--shadow-md:0 20px 50px #0000008c;--shadow-lg:0 24px 48px #000000a6}body.theme-4{--color-bg:#222320;--color-bg-2:#2c2d2a;--color-bg-3:#393a36;--color-frame:#101110;--color-glass:#1a1b19c7;--color-glass-strong:#0e0f0deb;--color-glass-hi:#ffffff12;--color-highlight:#cecec7;--color-highlight-2:#f1f1ea;--color-highlight-dim:#cecec724;--color-highlight-glow:#cecec773;--metal:linear-gradient(135deg, #97978f 0%, #f5f5ef 38%, #cecec7 62%, #6f6f68 100%);--metal-edge:#6f6f68;--metal-text:linear-gradient(135deg, #bcbcb5 0%, #fff 40%, #dedfd8 72%, #c6c6bf 100%);--color-white:#f6f6f2;--color-text:#f6f6f2ed;--color-text-muted:#f6f6f29e;--color-text-dim:#f6f6f275;--color-border:#cecec72e;--color-border-soft:#f6f6f214;--color-success:#8fbf9f;--color-warning:#d9c08a}body.theme-3{--color-bg:#04130d;--color-bg-2:#602a2b;--color-bg-3:#743839;--color-frame:#2a0e0f;--color-glass:#3a1617c7;--color-glass-strong:#240d0eeb;--color-glass-hi:#fbf3ec12;--color-highlight:#46d39b;--color-highlight-2:#7ee8bd;--color-highlight-dim:#46d39b29;--color-highlight-glow:#46d39b80;--metal:linear-gradient(135deg, #1a7f5e 0%, #9df0cd 38%, #46d39b 62%, #7a4630 100%);--metal-edge:#7a4630;--metal-text:linear-gradient(135deg, #dca57a 0%, #fdead2 40%, #efbf9b 72%, #dfa878 100%);--color-white:#fbf3ec;--color-text:#fbf3eced;--color-text-muted:#fbf3ec9e;--color-text-dim:#fbf3ec75;--color-border:#46d39b38;--color-border-soft:#fbf3ec14;--color-success:#46d39b;--color-warning:#d9b65c;--color-danger:#ff9a8c}body.theme-6{--color-bg:#54370c;--color-bg-2:#6a4518;--color-bg-3:#805424;--color-frame:#2e1c06;--color-glass:#261606d1;--color-glass-strong:#160c02f2;--color-glass-hi:#d8ccbd12;--color-highlight:#d8ccbd;--color-highlight-2:#ede7dc;--color-highlight-dim:#d8ccbd2e;--color-highlight-glow:#d8ccbd73;--metal:linear-gradient(135deg, #a09080 0%, #f0ece4 38%, #d8ccbd 62%, #706050 100%);--metal-edge:#706050;--metal-text:linear-gradient(135deg, #c0b4a4 0%, #f8f4ef 40%, #e4dcd0 72%, #b0a494 100%);--color-white:#faf6f0;--color-text:#faf6f0f0;--color-text-muted:#faf6f0ad;--color-text-dim:#faf6f06b;--color-border:#d8ccbd38;--color-border-soft:#faf6f014;--color-success:#7abf8f;--color-warning:#d4b870;--color-danger:#c26070}body.theme-7{--color-bg:#6e1828;--color-bg-2:#882032;--color-bg-3:#a22a3e;--color-frame:#1a2d50;--color-glass:#16101cd1;--color-glass-strong:#0e0a14f2;--color-glass-hi:#c9a53512;--color-highlight:#c9a535;--color-highlight-2:#e8c860;--color-highlight-dim:#c9a5352e;--color-highlight-glow:#c9a53580;--metal:linear-gradient(135deg, #8a6c18 0%, #f0d868 38%, #c9a535 62%, #6a4c10 100%);--metal-edge:#6a4c10;--metal-text:linear-gradient(135deg, #b08a28 0%, #f8e888 40%, #d4b040 72%, #a07820 100%);--color-white:#fdf8ec;--color-text:#fdf8ecf0;--color-text-muted:#fdf8ecad;--color-text-dim:#fdf8ec6b;--color-border:#c9a5353d;--color-border-soft:#fdf8ec14;--color-success:#5fd0a0;--color-warning:#d9b65c;--color-danger:#ff8080}body.theme-8{--fg:11, 14, 13;--ov:221, 228, 225;--color-on-highlight:#fff;--ink-mix:58%;--color-bg:#f8f7f2;--color-bg-2:#fffefb;--color-bg-3:#f1efe7;--color-frame:#e6e3d8;--color-glass:#fffefbd1;--color-glass-strong:#fffefbf5;--color-glass-hi:#1f9e720d;--color-highlight:#167a58;--color-highlight-2:#1f9e72;--color-highlight-dim:#1f9e7224;--color-highlight-glow:#1f9e724d;--metal:linear-gradient(135deg, #1a8a63 0%, #35b98a 38%, #1f9e72 62%, #0f5c42 100%);--metal-edge:#0f5c42;--metal-text:linear-gradient(135deg, #10543d 0%, #167a58 45%, #126348 78%, #0c4634 100%);--color-white:#0b0e0d;--color-text:#0b0e0df5;--color-text-muted:#0b0e0dbd;--color-text-dim:#0b0e0d85;--color-border:#1f9e722e;--color-border-soft:#0b0e0d14;--color-success:#1f9e72;--color-warning:#b8862a;--color-danger:#c0455f;--shadow-sm:0 1px 2px #2a261c0d, 0 3px 10px #2a261c0d;--shadow-md:0 2px 5px #2a261c0f, 0 10px 26px #2a261c14;--shadow-lg:0 4px 10px #2a261c12, 0 22px 50px #2a261c1c}body.theme-8,body.theme-8 #root{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}@keyframes celebratePop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes revealIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes gaugeSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes gaugeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.gauge-slide-down{animation:.32s cubic-bezier(.2,.72,.2,1) both gaugeSlideDown}.gauge-slide-up{animation:.32s cubic-bezier(.2,.72,.2,1) both gaugeSlideUp}@media (prefers-reduced-motion:reduce){.gauge-slide-down,.gauge-slide-up{animation:none}}.reveal-stagger>*{animation:.55s cubic-bezier(.2,.72,.2,1) both revealIn}.reveal-stagger>:first-child{animation-delay:40ms}.reveal-stagger>:nth-child(2){animation-delay:.1s}.reveal-stagger>:nth-child(3){animation-delay:.17s}.reveal-stagger>:nth-child(4){animation-delay:.24s}.reveal-stagger>:nth-child(5){animation-delay:.31s}.reveal-stagger>:nth-child(6){animation-delay:.38s}.reveal-stagger>:nth-child(7){animation-delay:.45s}.reveal-stagger>:nth-child(8){animation-delay:.52s}.reveal-stagger>:nth-child(n+9){animation-delay:.59s}@media (prefers-reduced-motion:reduce){.reveal-stagger>*{animation:none}}body.theme-8 .glass-card{box-shadow:inset 0 1px 0 #ffffffe6, inset 0 -24px 40px -34px #2a261c1f, var(--shadow-md)}@media (hover:hover){body.theme-8 .glass-card:hover{box-shadow:inset 0 1px #ffffffe6,0 20px 44px #2a261c2e}}body.theme-9{--color-bg:#00123a;--color-bg-2:#001c56;--color-bg-3:#002470;--color-frame:#060e10;--color-glass:#000a1ed1;--color-glass-strong:#04080ef2;--color-glass-hi:#84919914;--color-highlight:#849199;--color-highlight-2:#a8b4bb;--color-highlight-dim:#8491992e;--color-highlight-glow:#8491997a;--metal:linear-gradient(135deg, #58666e 0%, #c0cbcf 38%, #849199 62%, #3a4650 100%);--metal-edge:#3a4650;--metal-text:linear-gradient(135deg, #728088 0%, #d4dcdf 40%, #9aaab0 72%, #607078 100%);--color-white:#eaf0f4;--color-text:#eaf0f4ed;--color-text-muted:#eaf0f49e;--color-text-dim:#eaf0f47a;--color-border:#84919938;--color-border-soft:#eaf0f414;--color-success:#60c8b0;--color-warning:#c8b870;--color-danger:#d06880}body.theme-10{--color-bg:#46586e;--color-bg-2:#546678;--color-bg-3:#64768a;--color-frame:#38485c;--color-glass:#2e3a48d1;--color-glass-strong:#1e2836f0;--color-glass-hi:#c8daeb14;--color-highlight:#b8c4d2;--color-highlight-2:#d5deea;--color-highlight-dim:#b8c4d22e;--color-highlight-glow:#b8c4d273;--metal:linear-gradient(135deg, #606264 0%, #c0c2c4 38%, #86888c 62%, #484a4c 100%);--metal-edge:#484a4c;--metal-text:linear-gradient(135deg, #7a7c80 0%, #d0d2d4 40%, #9a9c9e 72%, #686a6c 100%);--color-white:#f0f2f4;--color-text:#f0f2f4f2;--color-text-muted:#f0f2f4b8;--color-text-dim:#f0f2f475;--color-border:#b8c4d242;--color-border-soft:#f0f2f41a;--color-success:#68c8a8;--color-warning:#d4c47c;--color-danger:#d87888}body.theme-11{--color-bg:#1a4a2e;--color-bg-2:#22603a;--color-bg-3:#2a7846;--color-frame:#0e2a18;--color-glass:#0a2012d1;--color-glass-strong:#06120af2;--color-glass-hi:#c0784012;--color-highlight:#c8a98c;--color-highlight-2:#dfc4a8;--color-highlight-dim:#c8a98c2e;--color-highlight-glow:#c8a98c7a;--metal:linear-gradient(135deg, #8a7058 0%, #ecdbc8 38%, #c8a98c 62%, #5a3c28 100%);--metal-edge:#5a3c28;--metal-text:linear-gradient(135deg, #b09070 0%, #f0e0cc 40%, #d8b898 72%, #a07858 100%);--color-white:#f4f8f0;--color-text:#f4f8f0ed;--color-text-muted:#f4f8f0ad;--color-text-dim:#f4f8f06b;--color-border:#c0784038;--color-border-soft:#f4f8f014;--color-success:#70d0a0;--color-warning:#d8c070;--color-danger:#d07080}*,:before,:after{box-sizing:border-box}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;width:100%;height:100%;min-height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-text);background:radial-gradient(1200px 800px at 50% -10%, var(--color-highlight-dim), transparent 60%), radial-gradient(1000px 700px at 90% 90%, #0000008c, transparent 50%), linear-gradient(160deg, var(--color-bg-2) 0%, var(--color-bg) 55%, var(--color-frame) 100%);background-color:var(--color-bg);letter-spacing:.01em;transition:background var(--transition-base);overflow:hidden}#root{justify-content:center;align-items:center;display:flex}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:.005em;color:var(--color-white);margin:0;font-weight:600;line-height:1.375}h1,h2{line-height:1.25}h1 strong,h2 strong,h3 strong,h4 strong{font-weight:700}p{margin:0;line-height:1.55}button{font-family:inherit}a{color:var(--color-highlight);transition:var(--transition-base);text-decoration:none}a:hover{color:var(--color-highlight-2)}::selection{background:var(--color-highlight-dim);color:var(--color-white)}.phone-wrapper{justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.phone-frame{background:radial-gradient(130% 75% at 50% 0%, var(--color-bg-3) 0%, var(--color-bg-2) 36%, var(--color-bg) 70%, var(--color-frame) 115%);border:1px solid var(--color-border-soft);width:412px;max-width:100vw;height:892px;max-height:100dvh;box-shadow:inset 0 0 0 8px var(--color-frame), inset 0 0 0 9px #fbfbf90a, 0 40px 90px #000000bf, 0 0 60px var(--color-highlight-dim);isolation:isolate;z-index:2;border-radius:56px;flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width<=480px),(height<=480px){.phone-frame{width:100vw;height:100dvh;box-shadow:none;border:none;border-radius:0}.dynamic-island{display:none}}.dynamic-island{z-index:200;background:#02060f;border-radius:999px;width:124px;height:32px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #fbfbf90d}.app-header{background:var(--color-glass-strong);-webkit-backdrop-filter:blur(14px)saturate(155%);border-bottom:1px solid #0000;border-image:linear-gradient(90deg, transparent, var(--color-highlight) 30%, var(--color-highlight-2) 50%, var(--color-highlight) 70%, transparent) 1;z-index:60;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin:0;padding:50px 22px 12px;display:flex;position:relative;box-shadow:0 10px 28px #00000052}@media (width<=480px),(height<=480px){.app-header{padding-top:calc(env(safe-area-inset-top,0px) + 10px)}}.ambient-glow{background:radial-gradient(circle, var(--color-highlight-glow) 0%, var(--color-highlight-dim) 26%, transparent 68%);filter:blur(52px);z-index:1;pointer-events:none;opacity:.35;border-radius:50%;width:460px;height:460px;animation:9s ease-in-out infinite ambient-breathe;position:absolute}@keyframes ambient-breathe{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.ambient-glow{animation:none}}.glass-card{background:linear-gradient(var(--color-glass-strong), var(--color-glass-strong)), var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 0 var(--color-glass-hi), inset 0 -30px 48px -34px #0000008c,  var(--shadow-md);transition:transform var(--transition-card), box-shadow var(--transition-card), border-color var(--transition-card);position:relative;overflow:hidden}@media (hover:hover){.glass-card:hover{border-color:var(--color-highlight);box-shadow:inset 0 1px 0 var(--color-glass-hi), 0 24px 48px #0009;transform:translateY(-6px)}}.glass-card:before{content:"";background:linear-gradient(180deg, #ffffff1a, transparent 7%),  linear-gradient(140deg, #fbfbf914, transparent 42%),  radial-gradient(125% 95% at 100% 100%, var(--color-highlight-dim), transparent 52%);opacity:.55;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.glass-card-strong{background:linear-gradient(var(--color-glass-strong), var(--color-glass-strong)), var(--color-bg)}.glass-pill{background:var(--color-glass-strong);-webkit-backdrop-filter:blur(12px)saturate(150%);border:1px solid var(--color-border);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:6px;display:inline-flex}.glass-divider{color:var(--color-text-dim);letter-spacing:.35em;text-transform:uppercase;align-items:center;gap:12px;margin:6px 0;font-size:.66rem;display:flex}.glass-divider:before,.glass-divider:after{content:"";background:linear-gradient(to right, transparent, var(--color-border), transparent);flex:1;height:1px}.field{width:100%;display:block;position:relative}.field input,.field textarea,.field select{background:rgba(var(--ov), .38);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);width:100%;color:var(--color-white);transition:border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline:none;padding:18px 14px 10px;font-family:inherit;font-size:.95rem}.field textarea{resize:vertical;min-height:96px;padding-top:22px;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#0000}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--color-highlight);box-shadow:0 0 0 3px var(--color-highlight-dim), 0 0 20px var(--color-highlight-dim);background:rgba(var(--ov), .5)}.floating-label{color:var(--color-text-muted);pointer-events:none;transform-origin:0 0;transition:var(--transition-base);background:0 0;padding:0 4px;font-size:.85rem;position:absolute;top:16px;left:14px}.field--active .floating-label,.field input:not(:placeholder-shown)+.floating-label,.field textarea:not(:placeholder-shown)+.floating-label{color:var(--color-highlight);background:linear-gradient(to bottom, transparent 0%, transparent 45%, var(--color-bg-2) 45%, var(--color-bg-2) 100%);top:-8px;transform:scale(.78)}.btn{cursor:pointer;font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.7rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--metal);color:var(--color-frame);border:1px solid var(--metal-edge);text-shadow:0 1px #ffffff40;box-shadow:inset 0 1px 0 #ffffff73, inset 0 -1px 0 #0000004d, 0 4px 14px var(--color-highlight-dim)}.btn-primary:hover:not(:disabled){filter:brightness(1.12);box-shadow:inset 0 1px 0 #ffffff80, inset 0 -1px 0 #0000004d, 0 8px 24px var(--color-highlight-glow);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{border:1px solid rgba(var(--fg), .32);color:var(--color-white);background:0 0;font-weight:500}.btn-ghost:hover:not(:disabled){border-color:var(--color-white);background:rgba(var(--fg), .1);transform:translateY(-2px)}.btn-icon{background:rgba(var(--ov), .45);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-white);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:var(--transition-base);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{border-color:var(--color-highlight);box-shadow:0 0 14px var(--color-highlight-dim)}.chip{border-radius:var(--radius-pill);border:1px solid var(--color-border-soft);color:var(--color-text);cursor:pointer;letter-spacing:.04em;transition:var(--transition-base);white-space:nowrap;background:#fbfbf90a;align-items:center;gap:6px;padding:8px 14px;font-size:.76rem;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--color-highlight);color:var(--color-white)}.chip--active{background:var(--color-highlight-dim);border-color:var(--color-highlight);color:var(--color-white);box-shadow:inset 0 0 0 1px var(--color-highlight), 0 0 16px var(--color-highlight-dim)}.eyebrow{font-family:var(--font-body);letter-spacing:.35em;text-transform:uppercase;color:var(--color-highlight);opacity:1;font-size:.66rem;font-weight:600}.gold-line{background:linear-gradient(90deg, var(--color-highlight-2), var(--color-highlight) 45%, transparent);border:none;width:48px;height:2px;margin-bottom:1rem;display:block}.metal-text{background:var(--metal-text,var(--metal));-webkit-text-fill-color:transparent;color:var(--color-highlight);text-shadow:0 1px 1px #00000029;-webkit-background-clip:text;background-clip:text}.terminal-text{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-muted);font-size:.76rem}.glow-text{color:var(--color-white);text-shadow:0 0 18px var(--color-highlight-glow)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}@media (width<=359px){.meal-tab-emoji{display:none}}.thin-scrollbar::-webkit-scrollbar{width:4px}.thin-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--color-highlight-dim)}50%{box-shadow:0 0 0 14px #0000}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(20px,-30px)}}.shimmer-overlay{pointer-events:none;background:linear-gradient(90deg,#0000,#fbfbf912,#0000);animation:2s linear infinite shimmer;position:absolute;inset:0}@keyframes goldSheen{0%{background-position:220% 0}to{background-position:-120% 0}}.gold-sheen{pointer-events:none;background-image:linear-gradient(100deg,#0000 32%,#fff9 50%,#0000 68%);background-size:220% 100%;animation:2.6s linear infinite goldSheen}@media (prefers-reduced-motion:reduce){.gold-sheen{animation:none}}.log-tile:after{content:"";pointer-events:none;background:0 0;transition:background .13s;position:absolute;inset:0}.log-tile:active:after{background:#00000026}@media (hover:hover){.log-tile:hover:after{background:#ffffff21}}.pressable-card{position:relative}.pressable-card:after{content:"";border-radius:inherit;pointer-events:none;background:0 0;transition:background .14s;position:absolute;inset:0}.pressable-card:active:after{background:#00000017}@media (hover:hover){.pressable-card:hover:after{background:#ffffff0f}}@keyframes drawerInRight{0%{opacity:0;transform:translate(105%)}to{opacity:1;transform:none}}.drawer-in-right{animation:.34s cubic-bezier(.2,.72,.2,1) both drawerInRight}@media (prefers-reduced-motion:reduce){.drawer-in-right{animation:none}}@keyframes sheetInUp{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:none}}.sheet-in-up{animation:.34s cubic-bezier(.2,.72,.2,1) both sheetInUp}@media (prefers-reduced-motion:reduce){.sheet-in-up{animation:none}}@keyframes anim-spin{to{transform:rotate(360deg)}}.anim-spin{animation:1.1s linear infinite anim-spin}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.phone-wrapper{display:none}}
