:root{--color-primary-light:#e8eeeb;--color-primary-light-hover:#dde6e1;--color-primary-light-active:#b9ccc1;--color-primary:#1d5937;--color-primary-hover:#1a5032;--color-primary-active:#17472c;--color-primary-dark:#164329;--color-primary-dark-hover:#113521;--color-primary-dark-active:#0d2819;--color-primary-darker:#0a1f13;--color-primary-lightest:#fff9ef;--color-secondary-light:#fff4e8;--color-secondary-light-hover:#feefdc;--color-secondary-light-active:#fdddb7;--color-secondary:#fa9217;--color-secondary-hover:#e18315;--color-secondary-active:#c87512;--color-secondary-dark:#bc6e11;--color-secondary-dark-hover:#96580e;--color-secondary-dark-active:#70420a;--color-secondary-darker:#583308;--color-neutral-light:#fcfcfc;--color-neutral-light-hover:#fbfbfb;--color-neutral-light-active:#f7f7f7;--color-neutral:#e5e5e5;--color-neutral-hover:#cecece;--color-neutral-active:#b7b7b7;--color-neutral-dark:#acacac;--color-neutral-dark-hover:#898989;--color-neutral-dark-active:#676767;--color-neutral-darker:#505050;--color-background:#fef9ed;--color-foreground:var(--color-primary);--color-foreground-alt:#2d2a26;--color-card:#fff;--color-card-foreground:var(--color-foreground);--color-muted:#f5f1e8;--color-muted-foreground:var(--color-neutral-darker);--color-accent:#f6fca7;--color-destructive:#e85d75;--color-destructive-foreground:#fff;--font-latin:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-cjk:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-sans:"Nunito", "Noto Sans TC", system-ui, -apple-system, sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--text-title-size:48px;--text-h1-size:33px;--text-display-size:32px;--text-h2-size:28px;--text-h3-size:24px;--text-body-size:16px;--text-mini-size:14px;--text-caption-size:12px;--text-button-xl-size:24px;--text-button-l-size:20px;--text-button-m-size:18px;--text-h1-cjk-size:48px;--text-title-weight-latin:var(--font-weight-extrabold);--text-title-weight-cjk:var(--font-weight-bold);--text-h1-weight-latin:var(--font-weight-bold);--text-h1-weight-cjk:var(--font-weight-bold);--text-h2-weight-latin:var(--font-weight-black);--text-h2-weight-cjk:var(--font-weight-bold);--text-h3-weight-latin:var(--font-weight-semibold);--text-h3-weight-cjk:var(--font-weight-medium);--text-body-weight-latin:var(--font-weight-semibold);--text-body-weight-cjk:var(--font-weight-medium);--text-caption-weight-latin:var(--font-weight-regular);--text-caption-weight-cjk:var(--font-weight-light);--text-button-weight-latin:var(--font-weight-bold);--text-button-weight-cjk:var(--font-weight-bold);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:9999px}:root[data-theme=dark]{--color-background:#1c1d1a;--color-foreground:#ede8d8;--color-foreground-alt:#ede8d8;--color-card:#2a2b27;--color-card-foreground:#ede8d8;--color-muted:#2f3029;--color-muted-foreground:#c2bea9;--color-neutral-light:#1f201d;--color-neutral-light-hover:#25261f;--color-neutral-light-active:#353630;--color-neutral:#4a4b44;--color-neutral-hover:#5a5b52;--color-neutral-active:#6a6b62;--color-neutral-dark:#8a8a7e;--color-neutral-dark-hover:#a4a294;--color-neutral-dark-active:#b3b0a4;--color-neutral-darker:#c2bea9;--color-primary:#5fcf85;--color-primary-hover:#6dd692;--color-primary-active:#7adda0;--color-primary-dark:#95eaa8;--color-primary-dark-hover:#aaf0b6;--color-primary-dark-active:#c0f5c4;--color-primary-darker:#d4f9d3;--color-primary-light:#233529;--color-primary-light-hover:#2c4232;--color-primary-light-active:#355040;--color-secondary:#f7a13b;--color-secondary-hover:#f9b15c;--color-secondary-active:#fbc07b;--color-secondary-dark:#fdce96;--color-secondary-dark-hover:#fedaab;--color-secondary-dark-active:#ffe6c0;--color-secondary-darker:#fff0d2;--color-secondary-light:#4a3819;--color-secondary-light-hover:#5b441e;--color-secondary-light-active:#6e5325}.text-title{font-family:var(--font-sans);font-size:var(--text-title-size);font-weight:var(--text-title-weight-cjk)}.text-h1{font-family:var(--font-sans);font-size:var(--text-h1-size);font-weight:var(--text-h1-weight-cjk)}.text-h2{font-family:var(--font-sans);font-size:var(--text-h2-size);font-weight:var(--text-h2-weight-cjk)}.text-h3{font-family:var(--font-sans);font-size:var(--text-h3-size);font-weight:var(--text-h3-weight-cjk)}.text-body{font-family:var(--font-sans);font-size:var(--text-body-size);font-weight:var(--text-body-weight-cjk)}.text-mini{font-family:var(--font-sans);font-size:var(--text-mini-size);font-weight:var(--text-body-weight-cjk)}.text-caption{font-family:var(--font-sans);font-size:var(--text-caption-size);font-weight:var(--text-caption-weight-cjk)}.text-btn-xl{font-family:var(--font-sans);font-size:var(--text-button-xl-size);font-weight:var(--text-button-weight-cjk)}.text-btn-l{font-family:var(--font-sans);font-size:var(--text-button-l-size);font-weight:var(--text-button-weight-cjk)}.text-btn-m{font-family:var(--font-sans);font-size:var(--text-button-m-size);font-weight:var(--text-button-weight-cjk)}.text-title.is-latin{font-weight:var(--text-title-weight-latin)}.text-h1.is-latin{font-weight:var(--text-h1-weight-latin)}.text-h2.is-latin{font-weight:var(--text-h2-weight-latin)}.text-h3.is-latin{font-weight:var(--text-h3-weight-latin)}.text-body.is-latin,.text-mini.is-latin{font-weight:var(--text-body-weight-latin)}.text-caption.is-latin{font-weight:var(--text-caption-weight-latin)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-sans,"Nunito", "Noto Sans TC", system-ui, sans-serif);color:var(--color-foreground-alt,#2d2a26);background:var(--color-background,#fef9ed);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100dvh}#app{flex-direction:column;min-height:100dvh;display:flex}.app-layout{flex-direction:column;flex:1;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.app-main{padding:var(--space-4);flex:1;overflow-y:auto}@media (width>=600px){body{background:linear-gradient(135deg,#f5f1e8 0%,#fff4e8 50%,#e8eeeb 100%)}.app-layout{margin:var(--space-6) auto;border-radius:var(--radius-xl);background:var(--color-background,#fef9ed);min-height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);overflow:hidden;box-shadow:0 30px 80px -20px #2d2a2633,0 10px 30px -10px #2d2a261a}}.ms{font-family:Material Symbols Rounded;font-weight:var(--font-weight-medium);font-size:var(--text-h3-size);font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;justify-content:center;align-items:center;line-height:1;display:inline-flex}.tabbar{padding:var(--space-2) var(--space-3) max(env(safe-area-inset-bottom,12px), 12px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #2d2a260f;justify-content:space-around;align-items:flex-end;display:flex;position:sticky;bottom:0}.tab{padding:var(--space-2) var(--space-3);color:var(--color-neutral-dark-hover);cursor:pointer;font-size:var(--text-caption-size);font-weight:var(--font-weight-semibold);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;font-family:inherit;display:flex}.tab .ms{font-size:var(--text-button-l-size)}.tab.active{color:var(--color-primary)}.tab.center{flex:none;width:56px}.tab.active.center{background:linear-gradient(180deg, var(--color-primary), var(--color-primary-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-top:-16px;padding:0;box-shadow:0 4px 12px -2px #1d593766}.tab.active.center .tab-label{display:none}.tab.active.center .ms{font-size:var(--text-h2-size)}.splash{background:linear-gradient(#fff4e8 0%,#fef9ed 50%,#e8eeeb 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;min-height:100dvh;display:flex}.splash-logo{flex-direction:column;align-items:center;gap:8px;display:flex}.splash-logo-mark{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));width:96px;height:96px;margin-bottom:var(--space-3);justify-content:center;align-items:center;font-size:56px;animation:2s ease-in-out infinite pulse;display:flex;box-shadow:0 12px 32px -8px #1d593780}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.splash-title{color:var(--color-primary-dark);letter-spacing:-.02em}.splash-tagline{font-size:var(--text-mini-size);color:var(--color-neutral-darker);font-weight:var(--font-weight-medium)}.splash-loader{gap:6px;display:inline-flex}.splash-loader .dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:1.4s infinite bounce}.splash-loader .dot:nth-child(2){animation-delay:.2s}.splash-loader .dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.auth-screen{padding:var(--space-4) var(--space-5) var(--space-8);flex-direction:column;min-height:100dvh;display:flex}.auth-header{align-items:center;height:44px;display:flex}.auth-back{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.auth-back:hover{background:var(--color-muted)}.auth-body{padding-top:var(--space-4);flex-direction:column;flex:1;display:flex}.auth-title{color:var(--color-primary-dark);margin:0 0 var(--space-1);letter-spacing:-.015em}.auth-sub{color:var(--color-neutral-darker);margin:0 0 var(--space-8)}.auth-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--color-neutral-darker)}.input{padding:var(--space-4) var(--space-4);font-size:var(--text-body-size);border:1.5px solid var(--color-neutral);border-radius:var(--radius-md);background:var(--color-card,#fff);width:100%;font-family:inherit;transition:border-color .15s}.input:focus{border-color:var(--color-primary);outline:none}.btn{cursor:pointer;border-radius:var(--radius-pill);padding:var(--space-4) var(--space-6);border:none;justify-content:center;align-items:center;gap:8px;width:100%;font-family:inherit;transition:filter .12s,transform 60ms;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){filter:brightness(1.04)}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:linear-gradient(180deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:0 6px 16px -4px #1d593766,inset 0 1px #ffffff26}.btn-secondary{background:var(--color-card);color:var(--color-primary-dark);border:1.5px solid var(--color-primary-light-active);box-shadow:0 2px 6px -2px #0000000d}.btn-sm{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);width:auto}.auth-error{background:var(--color-secondary-light);color:var(--color-destructive);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-mini-size);font-weight:var(--font-weight-semibold)}.auth-foot{text-align:center;margin-top:var(--space-6);font-size:var(--text-mini-size);color:var(--color-neutral-darker)}.link{color:var(--color-primary);font-weight:var(--font-weight-bold);text-decoration:none}.link:hover{text-decoration:underline}.onb-screen{padding:var(--space-4) var(--space-5) var(--space-8);flex-direction:column;min-height:100dvh;display:flex}.onb-header{align-items:center;gap:12px;height:44px;display:flex}.onb-back{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.onb-back:hover{background:var(--color-muted)}.onb-progress{flex:1;gap:4px;display:flex}.onb-progress-dot{background:var(--color-neutral-light-active);border-radius:2px;flex:1;height:4px;transition:background .3s}.onb-progress-dot.done{background:var(--color-primary)}.onb-body{padding-top:var(--space-4);flex-direction:column;flex:1;gap:8px;display:flex}.onb-title{color:var(--color-primary-dark);letter-spacing:-.01em;margin:0;line-height:1.2}.onb-sub{color:var(--color-neutral-darker);margin:0 0 var(--space-6);line-height:1.55}.onb-options{margin-top:var(--space-2);flex-direction:column;gap:10px;display:flex}.choice{background:var(--color-card,#fff);width:100%;color:var(--color-foreground-alt,#2d2a26);border:1.5px solid var(--color-neutral-light-active);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);font-size:var(--text-mini-size);font-weight:var(--font-weight-semibold);cursor:pointer;text-align:left;align-items:center;gap:12px;font-family:inherit;transition:all .15s;display:flex}.choice:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translate(2px)}.choice.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.choice .ch-icon{font-size:var(--text-button-l-size);flex-shrink:0}.choice .ch-text{flex:1}.choice .ch-arrow{color:var(--color-neutral-dark-hover)}.onb-footer{padding-top:var(--space-4)}.btn-skip{color:var(--color-neutral-darker);padding:var(--space-3);font-size:var(--text-mini-size);font-weight:var(--font-weight-medium);cursor:pointer;text-underline-offset:4px;background:0 0;border:none;align-self:center;width:auto;margin:0 auto;text-decoration:underline;display:block}.oath-card{background:linear-gradient(135deg, var(--color-primary-light), #fff);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);text-align:center;margin:var(--space-4) 0 var(--space-6);box-shadow:0 4px 16px -4px #1d593726}.oath-icon{margin-bottom:var(--space-3);font-size:64px}.oath-text{font-size:var(--text-mini-size);color:var(--color-foreground-alt,#2d2a26);margin:var(--space-2) 0;line-height:1.7}.oath-text.strong{font-size:var(--text-button-m-size);font-weight:var(--font-weight-extrabold);color:var(--color-primary-dark);margin-top:var(--space-4)}.oath-checkbox{padding:var(--space-4) var(--space-5);background:var(--color-card,#fff);border:1.5px solid var(--color-neutral-light-active);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:10px;display:flex}.oath-checkbox input{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.oath-cb-label{font-size:var(--text-mini-size);font-weight:var(--font-weight-semibold)}.grow{flex:1}.baseline-list{margin-top:var(--space-4);flex-direction:column;gap:16px;display:flex}.baseline-row{background:var(--color-card,#fff);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4);border:1.5px solid var(--color-neutral-light-active)}.baseline-label{margin-bottom:var(--space-2);align-items:center;gap:8px;display:flex}.baseline-emoji{font-size:var(--text-button-l-size)}.baseline-name{font-weight:var(--font-weight-semibold);font-size:var(--text-mini-size);flex:1}.baseline-value{font-weight:var(--font-weight-bold);color:var(--color-primary);font-variant-numeric:tabular-nums}.baseline-slider{appearance:none;background:var(--color-neutral-light-active);border-radius:3px;outline:none;width:100%;height:6px}.baseline-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #1d59374d}.baseline-slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.baseline-total{margin-top:var(--space-4);font-size:var(--text-mini-size);font-weight:var(--font-weight-semibold);color:var(--color-foreground-alt,#2d2a26)}.baseline-total .muted{color:var(--color-neutral-darker);font-weight:var(--font-weight-medium)}.level-choice{padding:var(--space-5) var(--space-5)}.level-choice .ch-text{flex-direction:column;gap:4px;display:flex}.level-choice strong{font-size:var(--text-button-m-size);color:var(--color-primary-dark);display:inline}.level-tag{font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);background:var(--color-secondary-light);color:var(--color-secondary-dark);padding:2px var(--space-2);border-radius:var(--radius-pill);margin-left:var(--space-2);vertical-align:middle;display:inline-block}.level-choice small{font-size:var(--text-mini-size);color:var(--color-neutral-darker);font-weight:var(--font-weight-medium);line-height:1.5}.meal-list{margin-top:var(--space-4);flex-direction:column;gap:12px;display:flex}.meal-row{padding:var(--space-4) var(--space-5);background:var(--color-card,#fff);border:1.5px solid var(--color-neutral-light-active);border-radius:var(--radius-md);align-items:center;gap:12px;display:flex}.meal-emoji{font-size:var(--text-button-l-size)}.meal-label{font-weight:var(--font-weight-semibold);flex:1}.meal-input{font-family:inherit;font-size:var(--text-body-size);padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-neutral-light-active);border-radius:var(--radius-md);background:#fff}.day1{color:#fff;background:linear-gradient(#2a2a2a,#4a4a4a)}.day1 .onb-progress-dot{background:#fff3}.day1 .onb-progress-dot.done{background:#4ade80}.day1-body{padding:var(--space-8) var(--space-6);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;display:flex;position:relative}.fog-overlay{pointer-events:none;opacity:var(--fog-opacity,1);background:radial-gradient(circle at 30% 30%,#a0a0a066,#0000 55%),radial-gradient(circle at 70% 70%,#7878784d,#0000 55%);transition:opacity .4s;animation:15s ease-in-out infinite alternate fog-drift;position:absolute;inset:0}.day1 .fog-overlay{background:radial-gradient(circle at 30% 30%,#ffffff14,#0000 50%),radial-gradient(circle at 70% 70%,#ffffff0d,#0000 50%)}@keyframes fog-drift{0%{transform:translate(0)}to{transform:translate(20px)}}.day1-egg{z-index:1;filter:drop-shadow(0 0 40px #fff4e866);font-size:120px;animation:4s ease-in-out infinite egg-wobble}@keyframes egg-wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}.day1-content{text-align:center;z-index:1;flex-direction:column;gap:16px;max-width:320px;display:flex}.day1-title{font-size:var(--text-h3-size);font-weight:var(--font-weight-extrabold);margin:0}.day1-text{font-size:var(--text-mini-size);opacity:.85;margin:0 0 var(--space-4);line-height:1.7}.day1 .btn-primary{background:linear-gradient(180deg, var(--color-secondary), var(--color-secondary-dark))}.home-screen{padding:var(--space-1) var(--space-1) var(--space-6);flex-direction:column;gap:14px;display:flex}.home-greeting{padding:var(--space-1) var(--space-2);justify-content:space-between;align-items:center;display:flex}.home-greeting-text{font-size:var(--text-button-m-size);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);flex:1;line-height:1.4}.home-greeting-day{font-size:var(--text-button-m-size);font-weight:var(--font-weight-black);color:var(--color-primary);font-variant-numeric:tabular-nums;background:var(--color-primary-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md)}.home-day-of{font-size:var(--text-caption-size);color:var(--color-neutral-darker);font-weight:var(--font-weight-semibold);margin-left:2px}.home-hero{background:linear-gradient(180deg, #e8eeeb 0%, var(--color-card) 100%);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:240px;display:flex;position:relative;overflow:hidden}.home-bubble.pet-bubble{background:var(--color-card);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 4px;font-size:var(--text-mini-size);font-weight:var(--font-weight-semibold);color:var(--color-foreground-alt);align-self:center;max-width:90%;margin-top:-8px;box-shadow:0 2px 10px -2px #00000014}.pet-view{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.pet-frog{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:80%;height:auto;transition:transform .4s,filter .4s}.pet-accessory{pointer-events:none;position:absolute;inset:0}.pet-view.poisoned .pet-frog{filter:hue-rotate(70deg)saturate(1.4)brightness(.95);animation:2.4s ease-in-out infinite pet-poison-pulse}@keyframes pet-poison-pulse{0%,to{transform:scale(1)}50%{transform:scale(.97)rotate(-1deg)}}.level-bar{background:var(--color-card);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);box-shadow:0 2px 8px -2px #0000000d}.level-bar-label{margin-bottom:var(--space-2);font-size:var(--text-mini-size);justify-content:space-between;align-items:baseline;display:flex}.level-bar-lv{font-weight:var(--font-weight-extrabold);color:var(--color-primary-dark);font-size:var(--text-mini-size)}.level-bar-xp{color:var(--color-neutral-darker);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.level-bar-track{background:var(--color-neutral-light-active);border-radius:4px;height:8px;overflow:hidden}.level-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));border-radius:4px;height:100%;transition:width .5s}.today-card{background:var(--color-card);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);box-shadow:0 2px 8px -2px #0000000d}.today-card-row{margin-bottom:var(--space-3);font-size:var(--text-mini-size);justify-content:space-between;align-items:center;display:flex}.today-card-label{font-weight:var(--font-weight-semibold);color:var(--color-foreground-alt)}.today-card-value{font-weight:var(--font-weight-extrabold);color:var(--color-primary);font-variant-numeric:tabular-nums}.meal-dots{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.meal-dot{padding:var(--space-3) var(--space-2);background:var(--color-neutral-light-active);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:2px;transition:background .2s,color .2s;display:flex}.meal-dot.done{background:var(--color-primary-light);color:var(--color-primary-dark)}.meal-dot-tick{font-size:var(--text-button-l-size);font-weight:var(--font-weight-bold);color:var(--color-neutral-dark);line-height:1}.meal-dot.done .meal-dot-tick{color:var(--color-primary)}.meal-dot-label{font-size:var(--text-caption-size);font-weight:var(--font-weight-semibold)}.lucky-card{background:var(--color-card);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:14px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px -2px #0000000d}.lucky-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px -4px #0000001a}.lucky-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.lucky-card-emoji{width:48px;height:48px;font-size:var(--text-h2-size);border-radius:var(--radius-md);background:var(--color-primary-light);justify-content:center;align-items:center;display:flex}.lucky-card-body{flex:1}.lucky-card-title{font-size:var(--text-caption-size);color:var(--color-neutral-darker);font-weight:var(--font-weight-semibold)}.lucky-card-color{font-size:var(--text-body-size);font-weight:var(--font-weight-extrabold);color:var(--color-foreground-alt)}.lucky-card-arrow{color:var(--color-neutral-dark)}.quiz-bubble{background:linear-gradient(135deg, var(--color-secondary-light), var(--color-secondary-light-hover));padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;border:1.5px dashed var(--color-secondary);font-family:inherit;font-weight:var(--font-weight-bold);color:var(--color-secondary-dark);align-items:center;gap:10px;display:flex}.quiz-bubble:hover{background:var(--color-secondary-light-hover)}.quiz-bubble:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.quiz-bubble.done{background:var(--color-neutral-light-active);border-color:var(--color-neutral-darker);color:var(--color-neutral-darker);cursor:default;opacity:.7}.quiz-bubble.done:hover{background:var(--color-neutral-light-active)}.quiz-bubble-text{font-size:var(--text-mini-size);flex:1}.quiz-bubble-xp{font-size:var(--text-caption-size);font-weight:var(--font-weight-extrabold)}.checkin-screen{flex-direction:column;min-height:100dvh;display:flex}.checkin-header{padding:var(--space-2) var(--space-1) var(--space-3);align-items:center;gap:12px;display:flex}.checkin-back{cursor:pointer;width:36px;height:36px;color:var(--color-foreground-alt);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.checkin-back:hover{background:var(--color-neutral-light-active)}.checkin-title{font-size:var(--text-button-m-size);font-weight:var(--font-weight-extrabold);color:var(--color-primary-dark);flex:1}.checkin-meal{font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-3);background:var(--color-secondary-light);color:var(--color-secondary-dark);border-radius:var(--radius-pill)}.checkin-body{padding:var(--space-1);flex-direction:column;flex:1;gap:16px;display:flex}.checkin-fallback{text-align:center;justify-content:center;align-items:center;gap:16px;min-height:50dvh}.checkin-footer{padding:var(--space-3) var(--space-1) var(--space-4)}.capture-frame{aspect-ratio:4/5;border-radius:var(--radius-lg);background:linear-gradient(135deg,#e8eeeb 0%,#f5f1e8 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.capture-placeholder{padding:var(--space-6);text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.capture-icon{color:var(--color-primary);opacity:.6;font-size:56px}.capture-hint{color:var(--color-neutral-darker);font-size:var(--text-mini-size);margin:0;line-height:1.5}.capture-preview{object-fit:cover;width:100%;height:100%}.capture-actions{gap:10px;display:flex}.capture-actions .btn{flex:1}.scan-frame{aspect-ratio:4/5;border-radius:var(--radius-lg);background:#000;position:relative;overflow:hidden}.scan-image{object-fit:cover;opacity:.85;width:100%;height:100%}.scan-grid{pointer-events:none;background-image:linear-gradient(0deg,#ffffff1f 1px,#0000 1px),linear-gradient(90deg,#ffffff1f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.scan-line{filter:drop-shadow(0 0 12px #7effc8b3);background:linear-gradient(90deg,#0000,#7effc8e6,#0000);height:2px;animation:1.2s ease-in-out infinite alternate scan-sweep;position:absolute;left:0;right:0}@keyframes scan-sweep{0%{top:8%}to{top:92%}}.scan-status{color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-mini-size);font-weight:var(--font-weight-semibold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.scan-status-icon{color:#b8f5cd}.scan-meta{text-align:center;color:var(--color-neutral-darker);font-size:var(--text-mini-size);margin:var(--space-1) 0}.meat-banner{border:1.5px solid var(--color-secondary);padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);background:linear-gradient(135deg,#fff4e8,#fee8d8);grid-template-columns:auto 1fr;grid-template-areas:"icon body""actions actions";gap:8px 12px;display:grid}.meat-banner>.ms{color:var(--color-secondary-dark);font-size:var(--text-h2-size);grid-area:icon;align-self:center}.meat-banner-body{grid-area:body}.meat-banner-body strong{color:var(--color-secondary-dark);font-weight:var(--font-weight-extrabold);font-size:var(--text-mini-size);display:block}.meat-banner-body p{margin:var(--space-1) 0 0;font-size:var(--text-mini-size);color:var(--color-foreground-alt)}.meat-banner-actions{grid-area:actions;justify-content:flex-end;gap:8px;display:flex}.result-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.result-item{background:var(--color-card);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:0 1px 4px -1px #0000000d}.result-item-head{justify-content:space-between;align-items:center;display:flex}.result-item-name{font-weight:var(--font-weight-bold);color:var(--color-foreground-alt);font-size:var(--text-mini-size)}.result-meat-tag{margin-left:var(--space-2);padding:1px var(--space-2);font-size:var(--text-caption-size);font-weight:var(--font-weight-extrabold);background:var(--color-destructive);color:#fff;border-radius:4px;display:inline-block}.result-item-remove{cursor:pointer;color:var(--color-neutral-dark);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.result-item-remove:hover{background:var(--color-neutral-light-active);color:var(--color-destructive)}.result-item-body{margin-top:var(--space-2);justify-content:space-between;align-items:center;gap:12px;display:flex}.result-item-weight{font-size:var(--text-mini-size);color:var(--color-neutral-darker);align-items:center;gap:6px;display:flex}.result-item-weight input{width:64px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-neutral);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-mini-size);font-variant-numeric:tabular-nums;text-align:right}.result-item-cal{font-size:var(--text-mini-size);font-weight:var(--font-weight-bold);color:var(--color-primary);font-variant-numeric:tabular-nums}.result-add{background:var(--color-card);border:1.5px dashed var(--color-neutral-dark);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;font-family:inherit;font-weight:var(--font-weight-bold);color:var(--color-neutral-darker);justify-content:center;align-items:center;gap:6px;display:flex}.result-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.result-section{background:var(--color-card);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:0 1px 4px -1px #0000000d}.result-section-label{font-size:var(--text-caption-size);font-weight:var(--font-weight-semibold);color:var(--color-neutral-darker);margin-bottom:var(--space-2);display:block}.vegan-chips{flex-wrap:wrap;gap:6px;display:flex}.vegan-chip{border:1.5px solid var(--color-neutral);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);cursor:pointer;font-family:inherit;font-weight:var(--font-weight-bold);font-size:var(--text-mini-size);color:var(--color-foreground-alt);background:0 0}.vegan-chip.selected{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark)}.result-summary{background:var(--color-primary-light);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-mini-size);flex-direction:column;gap:4px;display:flex}.summary-row{color:var(--color-foreground-alt);justify-content:space-between;display:flex}.summary-row strong{font-weight:var(--font-weight-extrabold);color:var(--color-primary-dark);font-variant-numeric:tabular-nums}.summary-row.lucky-hit strong{color:var(--color-secondary-dark)}.summary-row.total{margin-top:var(--space-1);padding-top:var(--space-2);font-size:var(--text-body-size);border-top:1px solid #1d593726}.summary-row.total strong{font-size:var(--text-button-m-size)}.checkin-success{background:linear-gradient(#fef9ed 0%,#fff4e8 100%)}.success-body{padding:var(--space-10) var(--space-6);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex;position:relative}.success-pet{filter:drop-shadow(0 8px 24px #1d59374d);font-size:100px;animation:.6s ease-out pet-bounce}@keyframes pet-bounce{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.success-title{font-size:var(--text-h2-size);font-weight:var(--font-weight-black);color:var(--color-primary-dark);margin:0}.success-text{font-size:var(--text-mini-size);color:var(--color-foreground-alt);max-width:320px;margin:0;line-height:1.7}.success-text strong{color:var(--color-secondary-dark);font-weight:var(--font-weight-extrabold)}.success-body .btn-primary{max-width:280px}.xp-burst{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:16px;left:0;right:0}.xp-bubble{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-weight:var(--font-weight-extrabold);font-size:var(--text-mini-size);opacity:0;animation:1.6s ease-out forwards xp-rise;box-shadow:0 6px 16px -4px #fa921766}.xp-bubble.xp-1{animation-delay:.1s}.xp-bubble.xp-2{color:var(--color-primary-dark);background:linear-gradient(135deg,#f6fca7,#d3f56b);animation-delay:.4s}.xp-bubble.xp-3{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));animation-delay:.7s}@keyframes xp-rise{0%{opacity:0;transform:translateY(20px)}20%{opacity:1}80%{opacity:1;transform:translateY(-12px)}to{opacity:0;transform:translateY(-32px)}}.map-screen{flex-direction:column;gap:12px;height:100%;min-height:500px;display:flex}.map-header{padding:var(--space-1) var(--space-1) 0;justify-content:space-between;align-items:baseline;display:flex}.map-title{font-size:var(--text-button-l-size);font-weight:var(--font-weight-black);color:var(--color-primary-dark);margin:0}.map-meta{font-size:var(--text-caption-size);color:var(--color-neutral-darker);font-weight:var(--font-weight-semibold)}.map-filters{padding:0 var(--space-1);flex-wrap:wrap;gap:6px;display:flex}.filter-chip{border:1.5px solid var(--color-neutral);background:var(--color-card);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);cursor:pointer;font-family:inherit;font-weight:var(--font-weight-bold);font-size:var(--text-mini-size);color:var(--color-foreground-alt);align-items:center;gap:4px;display:inline-flex}.filter-chip:hover{background:var(--color-neutral-light-active)}.filter-chip.selected{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark)}.filter-chip .ms{font-size:var(--text-body-size)}.filter-partner.selected{background:var(--color-secondary-light);border-color:var(--color-secondary);color:var(--color-secondary-dark)}.map-canvas{border-radius:var(--radius-lg);background:#e6e9ec;flex:1;min-height:320px;position:relative;overflow:hidden}.map-canvas .leaflet-container{width:100%;height:100%}.map-card{background:var(--color-card);padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);align-items:center;gap:12px;display:flex;box-shadow:0 4px 16px -4px #0000001a}.map-card-body{flex:1;min-width:0}.map-card-meta{font-size:var(--text-caption-size);color:var(--color-neutral-darker);align-items:center;gap:6px;display:flex}.map-pin-dot{border-radius:50%;width:10px;height:10px}.map-card-type{font-weight:var(--font-weight-bold)}.map-partner-tag{background:var(--color-secondary-light);color:var(--color-secondary-dark);padding:1px var(--space-2);font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);border-radius:4px}.map-card-name{font-size:var(--text-body-size);font-weight:var(--font-weight-extrabold);color:var(--color-primary-dark);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.map-card-addr{font-size:var(--text-mini-size);color:var(--color-neutral-darker);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.map-card-disc{font-size:var(--text-caption-size);color:var(--color-secondary-dark);margin-top:var(--space-1);font-weight:var(--font-weight-bold)}.restaurant-detail{flex-direction:column;gap:12px;display:flex}.detail-header{padding:var(--space-1) 0 var(--space-2);align-items:center;gap:10px;display:flex}.detail-header .checkin-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.detail-body{flex-direction:column;gap:16px;display:flex}.detail-meta{background:var(--color-card);padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);flex-direction:column;gap:8px;display:flex;box-shadow:0 1px 4px -1px #0000000d}.detail-line{font-size:var(--text-mini-size);color:var(--color-foreground-alt);align-items:center;gap:8px;display:flex}.detail-line .ms{color:var(--color-primary);font-size:var(--text-button-l-size)}.detail-discount{color:var(--color-secondary-dark);font-weight:var(--font-weight-bold)}.reviews{flex-direction:column;gap:10px;display:flex}.reviews-head{justify-content:space-between;align-items:center;display:flex}.reviews-title{font-size:var(--text-mini-size);font-weight:var(--font-weight-extrabold);color:var(--color-primary-dark);margin:0}.reviews-list{flex-direction:column;gap:8px;display:flex}.reviews-empty{text-align:center;color:var(--color-neutral-darker);padding:var(--space-6) 0;font-size:var(--text-mini-size)}.review-item{background:var(--color-card);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:0 1px 4px -1px #0000000d}.review-head{margin-bottom:var(--space-2);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.review-stars{color:var(--color-secondary);font-size:var(--text-mini-size);letter-spacing:1px}.review-tag{background:var(--color-primary-light);color:var(--color-primary-dark);padding:1px var(--space-2);font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);border-radius:4px}.review-date{color:var(--color-neutral-darker);font-size:var(--text-caption-size);margin-left:auto}.review-text{font-size:var(--text-mini-size);color:var(--color-foreground-alt);white-space:pre-wrap;margin:0;line-height:1.55}.review-screen{flex-direction:column;gap:12px;display:flex}.review-form{flex-direction:column;gap:14px;display:flex}.review-section{background:var(--color-card);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);flex-direction:column;gap:8px;display:flex;box-shadow:0 1px 4px -1px #0000000d}.review-section-label{font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);color:var(--color-neutral-darker);text-transform:uppercase;letter-spacing:.04em}.review-section textarea{font-family:inherit;font-size:var(--text-mini-size);padding:var(--space-3) var(--space-3);border:1.5px solid var(--color-neutral);border-radius:var(--radius-md);resize:vertical;min-height:96px;line-height:1.5}.review-section textarea:focus{border-color:var(--color-primary);outline:none}.star-rating{gap:6px;display:flex}.star{font-size:var(--text-h2-size);color:var(--color-neutral);cursor:pointer;padding:var(--space-1) var(--space-2);background:0 0;border:none;line-height:1;transition:color .15s,transform .1s}.star:hover,.star.on{color:var(--color-secondary)}.star.on{transform:scale(1.05)}.review-photo-preview{border-radius:var(--radius-md);object-fit:cover;width:100%;max-height:240px;margin-top:var(--space-2)}.review-checkin{padding:var(--space-3) var(--space-4);background:var(--color-secondary-light);border-radius:var(--radius-md);font-size:var(--text-mini-size);font-weight:var(--font-weight-semibold);color:var(--color-secondary-dark);cursor:pointer;align-items:center;gap:10px;display:flex}.review-checkin input{width:18px;height:18px;accent-color:var(--color-secondary);cursor:pointer}.review-error{background:var(--color-secondary-light);color:var(--color-destructive);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-mini-size);font-weight:var(--font-weight-semibold)}.tasks-screen{flex-direction:column;gap:12px;display:flex}.tasks-header{padding:var(--space-1) var(--space-1) 0;justify-content:space-between;align-items:baseline;display:flex}.tasks-title{font-size:var(--text-button-l-size);font-weight:var(--font-weight-black);color:var(--color-primary-dark);margin:0}.tasks-day{font-size:var(--text-mini-size);font-weight:var(--font-weight-extrabold);color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md)}.tasks-segments{padding:var(--space-1);background:var(--color-neutral-light-active);border-radius:var(--radius-md);gap:4px;display:flex}.seg{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:inherit;font-weight:var(--font-weight-bold);font-size:var(--text-mini-size);cursor:pointer;color:var(--color-neutral-darker);background:0 0;border:none;flex:1}.seg.active{background:var(--color-card);color:var(--color-primary-dark);box-shadow:0 1px 4px -1px #0000001a}.mission-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mission{background:var(--color-card);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);grid-template-columns:36px 1fr auto;align-items:center;gap:10px;transition:opacity .2s;display:grid;box-shadow:0 1px 4px -1px #0000000d}.mission.done{opacity:.6}.mission-icon{border-radius:var(--radius-md);background:var(--color-primary-light);width:36px;height:36px;color:var(--color-primary-dark);justify-content:center;align-items:center;display:flex}.mission.done .mission-icon{background:var(--color-secondary-light);color:var(--color-secondary-dark)}.mission.done .mission-icon .ms{color:#4ade80}.mission-body{min-width:0}.mission-title{font-size:var(--text-mini-size);font-weight:var(--font-weight-bold);color:var(--color-foreground-alt);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mission.done .mission-title{color:var(--color-neutral-darker);text-decoration:line-through}.mission-progress{margin-top:var(--space-1);font-size:var(--text-caption-size);align-items:center;gap:8px;display:flex}.mission-progress .bar{background:var(--color-neutral-light-active);border-radius:2px;flex:1;height:4px;overflow:hidden}.mission-progress .bar>span{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));height:100%;transition:width .3s;display:block}.mission-progress .muted{color:var(--color-neutral-darker);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.mission-tail{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.mission-xp{font-size:var(--text-caption-size);font-weight:var(--font-weight-extrabold);color:var(--color-secondary-dark);background:var(--color-secondary-light);padding:2px var(--space-2);border-radius:4px}.mission-cta{background:var(--color-primary);color:#fff;border-radius:var(--radius-pill);font-family:inherit;font-weight:var(--font-weight-bold);font-size:var(--text-caption-size);padding:var(--space-2) var(--space-3);cursor:pointer;white-space:nowrap;border:none}.mission-cta:hover{filter:brightness(1.05)}.five-r-card{background:linear-gradient(135deg, var(--color-secondary-light), var(--color-primary-light));padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);text-align:center}.five-r-emoji{font-size:var(--text-title-size);margin-bottom:var(--space-2)}.five-r-tag{background:var(--color-card);color:var(--color-primary-dark);padding:3px var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-caption-size);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-2);display:inline-block}.five-r-title{font-size:var(--text-button-m-size);font-weight:var(--font-weight-extrabold);color:var(--color-primary-dark);margin:var(--space-1) 0 var(--space-3);line-height:1.4}.five-r-bonus{background:var(--color-card);color:var(--color-secondary-dark);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-mini-size);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);align-items:center;gap:6px;display:inline-flex}.five-r-bonus .ms{font-size:var(--text-button-m-size)}.five-r-help{font-size:var(--text-caption-size);color:var(--color-neutral-darker);margin:0}.makeup-card{background:var(--color-card);padding:var(--space-4);border-radius:var(--radius-md);flex-direction:column;gap:12px;display:flex;box-shadow:0 1px 4px -1px #0000000d}.makeup-row{align-items:center;gap:10px;display:flex}.makeup-icon{color:var(--color-primary)}.makeup-label{font-weight:var(--font-weight-bold);flex:1}.makeup-row strong{font-size:var(--text-button-m-size);font-weight:var(--font-weight-black);color:var(--color-primary-dark);font-variant-numeric:tabular-nums}.makeup-progress{font-size:var(--text-caption-size);align-items:center;gap:8px;display:flex}.makeup-progress .bar{background:var(--color-neutral-light-active);border-radius:3px;flex:1;height:6px;overflow:hidden}.makeup-progress .bar>span{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));height:100%;display:block}.makeup-progress .muted{color:var(--color-neutral-darker);font-weight:var(--font-weight-semibold)}.makeup-help{font-size:var(--text-caption-size);color:var(--color-neutral-darker);margin:0;line-height:1.5}.quiz-screen{flex-direction:column;gap:12px;display:flex}.quiz-body{padding:var(--space-1);flex-direction:column;gap:16px;display:flex}.quiz-loading{padding:var(--space-10) 0;color:var(--color-neutral-darker);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;gap:8px;display:flex}.quiz-loading .ms{color:var(--color-primary);animation:1.5s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-card{background:var(--color-card);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:0 4px 14px -4px #00000014}.quiz-source{font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);color:var(--color-neutral-darker);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.quiz-question{font-size:var(--text-button-m-size);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4);color:var(--color-foreground-alt);line-height:1.5}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-opt{background:var(--color-card);border:1.5px solid var(--color-neutral);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;align-items:flex-start;gap:10px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.quiz-opt:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.quiz-opt:disabled{cursor:default}.quiz-opt.correct{border-color:var(--color-primary);background:var(--color-primary-light)}.quiz-opt.wrong{border-color:var(--color-destructive);background:#e85d751a}.quiz-opt-letter{background:var(--color-primary);color:#fff;width:24px;height:24px;font-size:var(--text-caption-size);font-weight:var(--font-weight-black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.quiz-opt.correct .quiz-opt-letter{background:var(--color-primary)}.quiz-opt.wrong .quiz-opt-letter{background:var(--color-destructive)}.quiz-opt-text{font-size:var(--text-mini-size);flex:1;line-height:1.5}.quiz-result{margin-top:var(--space-4);flex-direction:column;gap:12px;display:flex}.quiz-verdict{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-mini-size);font-weight:var(--font-weight-extrabold);align-items:center;gap:8px;display:flex}.quiz-verdict.right{background:var(--color-primary-light);color:var(--color-primary-dark)}.quiz-verdict.wrong{color:var(--color-destructive);background:#e85d751a}.quiz-verdict .ms{font-size:var(--text-button-l-size)}.quiz-xp{background:var(--color-secondary-light);color:var(--color-secondary-dark);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-caption-size);font-weight:var(--font-weight-extrabold);margin-left:auto}.quiz-explanation{font-size:var(--text-mini-size);color:var(--color-foreground-alt);padding:var(--space-3) var(--space-4);background:var(--color-neutral-light-active);border-radius:var(--radius-md);margin:0;line-height:1.6}.quiz-actions{gap:10px;display:flex}.quiz-actions .btn{flex:1}.makeup-screen{flex-direction:column;gap:12px;display:flex}.makeup-screen-body{padding:var(--space-1);flex-direction:column;gap:14px;display:flex}.wallet-card{background:var(--color-card);padding:var(--space-5);border-radius:var(--radius-lg);flex-direction:column;gap:12px;display:flex;box-shadow:0 2px 10px -4px #00000014}.wallet-row{align-items:center;gap:12px;display:flex}.wallet-icon{color:var(--color-primary)}.wallet-label{font-weight:var(--font-weight-bold);color:var(--color-foreground-alt);flex:1}.wallet-value{font-size:var(--text-button-l-size);font-weight:var(--font-weight-black);color:var(--color-primary-dark);font-variant-numeric:tabular-nums}.wallet-progress{font-size:var(--text-caption-size);align-items:center;gap:8px;padding-left:36px;display:flex}.wallet-progress .bar{background:var(--color-neutral-light-active);border-radius:3px;flex:1;height:6px;overflow:hidden}.wallet-progress .bar>span{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));height:100%;transition:width .3s;display:block}.swap-card,.info-card{background:var(--color-card);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:0 2px 10px -4px #00000014}.swap-title{font-size:var(--text-mini-size);font-weight:var(--font-weight-extrabold);color:var(--color-primary-dark);margin:0 0 var(--space-2)}.swap-help{font-size:var(--text-mini-size);color:var(--color-neutral-darker);margin:0 0 var(--space-4);line-height:1.55}.swap-error{color:var(--color-destructive);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-mini-size);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);background:#e85d751a}.profile-screen{flex-direction:column;gap:14px;display:flex}.profile-card{background:linear-gradient(135deg, var(--color-primary-light), #fff);padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg);align-items:center;gap:16px;display:flex;box-shadow:0 2px 10px -4px #00000014}.profile-avatar{flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.profile-avatar .pet-frog{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:84%;height:auto}.profile-meta{flex:1;min-width:0}.profile-name{font-size:var(--text-button-l-size);font-weight:var(--font-weight-black);color:var(--color-primary-dark)}.profile-tags{margin-top:var(--space-1);flex-wrap:wrap;gap:6px;display:flex}.profile-tag{font-size:var(--text-caption-size);font-weight:var(--font-weight-extrabold);background:var(--color-card);color:var(--color-foreground-alt);padding:2px var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-neutral)}.profile-tag-level{background:var(--color-primary);color:#fff;border-color:#0000}.profile-stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stat-card{background:var(--color-card);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);flex-direction:column;gap:2px;display:flex;box-shadow:0 1px 4px -1px #0000000d}.stat-value{font-size:var(--text-button-l-size);font-weight:var(--font-weight-black);color:var(--color-primary-dark);font-variant-numeric:tabular-nums}.stat-label{font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);color:var(--color-neutral-darker)}.stat-highlight{background:linear-gradient(135deg, var(--color-secondary-light), var(--color-primary-light))}.stat-highlight .stat-value{color:var(--color-secondary-dark)}.profile-section{background:var(--color-card);padding:var(--space-4);border-radius:var(--radius-md);box-shadow:0 1px 4px -1px #0000000d}.profile-section-head{margin-bottom:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.profile-section-title{font-size:var(--text-mini-size);font-weight:var(--font-weight-extrabold);color:var(--color-primary-dark);margin:0}.profile-section-meta{font-size:var(--text-caption-size);color:var(--color-neutral-darker);font-weight:var(--font-weight-bold)}.calendar-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.cal-cell{aspect-ratio:1;border-radius:var(--radius-md);font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);flex-direction:column;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:relative}.cal-cell .cal-num{font-size:var(--text-caption-size);opacity:.8}.cal-cell .cal-icon{font-size:var(--text-mini-size);margin-top:2px;line-height:1}.cal-cell.future{background:var(--color-neutral-light-active);color:var(--color-neutral-dark)}.cal-cell.miss{color:var(--color-destructive);background:#e85d751a}.cal-cell.done{background:var(--color-primary-light);color:var(--color-primary-dark)}.cal-cell.lucky{background:linear-gradient(135deg, var(--color-secondary-light), var(--color-primary-light));color:var(--color-secondary-dark)}.cal-cell.today{box-shadow:0 0 0 2px var(--color-primary);transform:scale(1.05)}.calendar-legend{margin-top:var(--space-3);font-size:var(--text-caption-size);color:var(--color-neutral-darker);gap:12px;display:flex}.calendar-legend .dot{width:10px;height:10px;margin-right:var(--space-1);vertical-align:-1px;border-radius:3px;display:inline-block}.calendar-legend .d-leaf{background:var(--color-primary-light)}.calendar-legend .d-lucky{background:linear-gradient(135deg, var(--color-secondary-light), var(--color-primary-light))}.calendar-legend .d-miss{background:#e85d7533}.profile-links{flex-direction:column;gap:6px;display:flex}.profile-link{background:var(--color-card);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4);cursor:pointer;font-family:inherit;font-weight:var(--font-weight-bold);font-size:var(--text-mini-size);color:var(--color-foreground-alt);text-align:left;border:none;align-items:center;gap:12px;width:100%;display:flex;box-shadow:0 1px 4px -1px #0000000d}.profile-link:hover{background:var(--color-primary-light)}.profile-link>.ms:first-child{color:var(--color-primary)}.profile-link span:nth-child(2){flex:1}.profile-link-arrow{color:var(--color-neutral-dark);font-size:var(--text-body-size)}.profile-link-strong{background:linear-gradient(135deg, var(--color-secondary-light), #fff);color:var(--color-secondary-dark)}.profile-link-strong>.ms:first-child{color:var(--color-secondary)}.settings-screen{flex-direction:column;gap:12px;display:flex}.settings-body{padding:var(--space-1);flex-direction:column;gap:14px;display:flex}.settings-section{background:var(--color-card);padding:var(--space-4);border-radius:var(--radius-md);flex-direction:column;gap:10px;display:flex;box-shadow:0 1px 4px -1px #0000000d}.settings-label{font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);color:var(--color-neutral-darker);text-transform:uppercase;letter-spacing:.04em}.settings-success{background:var(--color-primary-light);color:var(--color-primary-dark);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-mini-size);font-weight:var(--font-weight-bold)}.theme-chip{padding:var(--space-2) var(--space-4)}.reviews-screen{flex-direction:column;gap:12px;display:flex}.review-item-mine .review-head{flex-wrap:wrap}.review-restaurant{font-size:var(--text-mini-size);color:var(--color-primary-dark);margin-right:var(--space-2)}.review-actions{margin-top:var(--space-2)}.link-btn{color:var(--color-primary);font-weight:var(--font-weight-bold);cursor:pointer;text-underline-offset:2px;font-family:inherit;font-size:var(--text-mini-size);background:0 0;border:none;padding:0;text-decoration:underline}.baseline-screen{flex-direction:column;gap:12px;display:flex}.baseline-impact{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg, var(--color-secondary-light), var(--color-primary-light));border-radius:var(--radius-md);font-size:var(--text-mini-size);font-weight:var(--font-weight-semibold);color:var(--color-foreground-alt);align-items:center;gap:8px;display:flex}.baseline-impact .ms{color:var(--color-primary)}.baseline-impact strong{color:var(--color-secondary-dark);font-weight:var(--font-weight-extrabold);font-variant-numeric:tabular-nums}.day30-screen{background:linear-gradient(#fef9ed 0%,#fff4e8 50%,#e8eeeb 100%);flex-direction:column;gap:12px;min-height:100%;display:flex}.day30-header{color:var(--color-primary-dark)}.day30-body{padding:var(--space-4) var(--space-2) var(--space-8);text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.day30-confetti{font-size:var(--text-h2-size);justify-content:center;gap:12px;animation:2s ease-in-out infinite confetti-bounce;display:flex}@keyframes confetti-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.day30-pet{padding:var(--space-2) 0}.day30-pet .pet-view{width:160px;height:160px}.day30-pet .pet-frog{transform:scale(1.4)}.day30-title{font-size:var(--text-h2-size);font-weight:var(--font-weight-black);color:var(--color-primary-dark);margin:0}.day30-text{font-size:var(--text-mini-size);color:var(--color-foreground-alt);max-width:320px;margin:0;line-height:1.7}.day30-card{background:var(--color-card);width:100%;padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg);text-align:left;box-shadow:0 4px 16px -4px #0000001a}.day30-card-title{font-size:var(--text-mini-size);font-weight:var(--font-weight-extrabold);color:var(--color-primary-dark);margin:0 0 var(--space-3)}.impact-hero-grid{margin-bottom:var(--space-3);grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.impact-hero-grid .impact-cell{text-align:center;padding:var(--space-3) var(--space-2);align-items:center;gap:0}.impact-hero-grid .impact-value{font-size:var(--text-h2-size);line-height:1.05}.impact-hero-grid .impact-unit{font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);color:var(--color-secondary-dark);margin-top:2px}.impact-cell.impact-blue{background:linear-gradient(135deg,#cfe9ff,#a8d4ff)}.impact-cell.impact-blue .impact-value,.impact-cell.impact-blue .impact-unit{color:#1a5fa8}.impact-cell.impact-brown{background:linear-gradient(135deg,#ead7be,#d8b88c)}.impact-cell.impact-brown .impact-value,.impact-cell.impact-brown .impact-unit{color:#6b4a1f}.impact-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.impact-cell{background:var(--color-neutral-light-active);padding:var(--space-3);border-radius:var(--radius-md);flex-direction:column;gap:2px;display:flex}.impact-cell.impact-highlight{background:linear-gradient(135deg, var(--color-secondary-light), var(--color-primary-light))}.impact-value{font-size:var(--text-button-l-size);font-weight:var(--font-weight-black);color:var(--color-primary-dark);font-variant-numeric:tabular-nums}.impact-cell.impact-highlight .impact-value{color:var(--color-secondary-dark)}.impact-label{font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);color:var(--color-neutral-darker)}.day30-badges{width:100%}.badges-grid{flex-wrap:wrap;gap:6px;display:flex}.badge{background:var(--color-card);border:1.5px solid var(--color-secondary);color:var(--color-secondary-dark);font-weight:var(--font-weight-extrabold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-mini-size);box-shadow:0 2px 6px -2px #fa92174d}.day30-actions{gap:10px;width:100%;max-width:360px;display:flex}.day30-actions .btn{flex:1}.dev-panel-host{z-index:1000;position:fixed;bottom:96px;right:16px}.dev-fab{color:#fff;cursor:pointer;background:#1d5937f2;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,background .2s;display:flex;box-shadow:0 6px 16px -4px #1d593780}.dev-fab:hover{background:var(--color-primary)}.dev-fab.open{transform:rotate(45deg)}.dev-fab .ms{font-size:var(--text-button-l-size)}.dev-sheet{background:var(--color-card);border-radius:var(--radius-md);width:280px;max-width:calc(100vw - 32px);padding:var(--space-4);flex-direction:column;gap:12px;display:flex;position:absolute;bottom:60px;right:0;box-shadow:0 16px 32px -12px #00000040}.dev-sheet[hidden]{display:none}.dev-sheet-head{font-size:var(--text-mini-size);color:var(--color-primary-dark);justify-content:space-between;align-items:center;display:flex}.dev-section{flex-direction:column;gap:6px;display:flex}.dev-label{font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);color:var(--color-neutral-darker);text-transform:uppercase;letter-spacing:.04em}.dev-label-row{justify-content:space-between;align-items:baseline;display:flex}.dev-day-readout{font-size:var(--text-mini-size);font-weight:var(--font-weight-extrabold);color:var(--color-primary);font-variant-numeric:tabular-nums}.dev-chips{flex-wrap:wrap;gap:4px;display:flex}.dev-chip{border:1px solid var(--color-neutral);background:var(--color-card);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-family:inherit;font-weight:var(--font-weight-bold);font-size:var(--text-caption-size);color:var(--color-foreground-alt);cursor:pointer}.dev-chip:hover{background:var(--color-neutral-light-active)}.dev-chip.selected{background:var(--color-primary);color:#fff;border-color:#0000}.dev-chip-danger{border-color:var(--color-destructive);color:var(--color-destructive)}.dev-chip-danger:hover{background:#e85d751a}.dev-sheet .baseline-slider{margin-top:var(--space-1)}.dev-readout{font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);color:var(--color-primary);font-variant-numeric:tabular-nums}.dev-status{font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-primary-light);color:var(--color-primary-dark);text-align:center}.dev-status.error{color:var(--color-destructive);background:#e85d7526}.install-toast{background:var(--color-card);border-radius:var(--radius-md);width:calc(100% - 32px);max-width:420px;padding:var(--space-3) var(--space-4);z-index:999;align-items:center;gap:10px;animation:.3s ease-out install-rise;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px -8px #0003}@keyframes install-rise{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.install-toast-icon{color:var(--color-primary);font-size:var(--text-h2-size);flex-shrink:0}.install-toast-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.install-toast-body strong{font-size:var(--text-mini-size);font-weight:var(--font-weight-extrabold);color:var(--color-primary-dark)}.install-toast-body span{font-size:var(--text-caption-size);color:var(--color-neutral-darker)}.install-toast-cta{background:var(--color-primary);color:#fff;border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);cursor:pointer;font-family:inherit;font-weight:var(--font-weight-extrabold);font-size:var(--text-caption-size);border:none;flex-shrink:0}.install-toast-x{cursor:pointer;width:28px;height:28px;color:var(--color-neutral-dark);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.install-toast-x:hover{color:var(--color-foreground-alt)}.day1-egg{filter:drop-shadow(0 4px 12px #00000026);font-size:96px;transition:filter .4s;animation:4s ease-in-out infinite day1-breathe}.day1-egg[data-tint=vegan]{filter:hue-rotate()saturate(1.1)drop-shadow(0 4px 16px #22c55e66)}.day1-egg[data-tint=vegetarian]{filter:hue-rotate(330deg)saturate(.9)drop-shadow(0 4px 16px #f472b666)}.day1-egg[data-tint=flexitarian]{filter:hue-rotate(50deg)saturate()drop-shadow(0 4px 16px #facc1566)}.day1-egg[data-tint=omnivore]{filter:hue-rotate()saturate(.8)drop-shadow(0 4px 16px #ef444466)}.day1-egg[data-tint=neutral]{filter:grayscale(.4)drop-shadow(0 4px 12px #00000026)}@keyframes day1-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.day1-rules{margin:var(--space-3) 0;gap:var(--space-2);font-size:var(--text-mini-size);color:var(--color-foreground-alt);text-align:left;flex-direction:column;max-width:280px;padding:0;list-style:none;display:flex}.checkin-fail{min-height:70vh;padding:var(--space-6) var(--space-4);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.fail-emoji{font-size:64px}.fail-title{font-size:var(--text-h2-size);font-weight:var(--font-weight-black);color:var(--color-error,#d63b3b);margin:0}.fail-text{font-size:var(--text-mini-size);color:var(--color-foreground-alt);text-align:center;line-height:1.7}.fail-actions{gap:var(--space-3);width:100%;max-width:360px;display:flex}.checkin-success .success-body{cursor:pointer}.checkin-success.act-1 .success-progress,.checkin-success.act-1 .success-pet,.checkin-success.act-1 .success-title,.checkin-success.act-1 .success-text,.checkin-success.act-1 .success-actions{opacity:0;transform:translateY(8px)}.checkin-success.act-2 .success-progress{opacity:1;transition:all .5s;transform:translateY(0)}.checkin-success.act-2 .success-pet,.checkin-success.act-2 .success-title,.checkin-success.act-2 .success-text,.checkin-success.act-2 .success-actions{opacity:0}.checkin-success.act-3 .success-pet,.checkin-success.act-3 .success-title,.checkin-success.act-3 .success-text{opacity:1;transition:all .5s;animation:1.6s ease-in-out pet-glow;transform:translateY(0)}.checkin-success.act-3 .success-actions{opacity:0}.checkin-success.settled .success-progress,.checkin-success.settled .success-pet,.checkin-success.settled .success-title,.checkin-success.settled .success-text,.checkin-success.settled .success-actions{opacity:1;transition:all .4s;transform:translateY(0)}.success-progress{grid-template-columns:repeat(30,1fr);gap:2px;width:100%;max-width:360px;display:grid}.success-progress .seg{background:var(--color-neutral-light-active);border-radius:3px;height:6px}.success-progress .seg.fill{background:var(--color-primary)}.success-progress .seg.now{background:var(--color-secondary);transform:scaleY(1.6)}@keyframes pet-glow{0%{filter:drop-shadow(0 0 #22c55e00)}50%{filter:drop-shadow(0 0 18px #22c55e99)}to{filter:drop-shadow(0 0 #22c55e00)}}.success-actions{gap:var(--space-3);width:100%;max-width:360px;display:flex}.success-actions .btn,.fail-actions .btn{flex:1}.lucky-card.hit{border:1.5px solid var(--color-secondary);box-shadow:0 0 0 3px #fa921733}.lucky-card-status{font-size:var(--text-caption-size);font-weight:var(--font-weight-extrabold);color:var(--color-secondary-dark)}.tolerance-card{background:var(--color-card);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-3);border:1px solid var(--color-neutral-light-active)}.tolerance-card.broken{border-color:var(--color-error,#d63b3b)}.tolerance-row{align-items:center;gap:var(--space-2);font-size:var(--text-mini-size);display:flex}.tolerance-label{font-weight:var(--font-weight-extrabold);color:var(--color-secondary-dark);margin-left:auto}.tolerance-card.broken .tolerance-label{color:var(--color-error,#d63b3b)}.tolerance-pill{background:var(--color-neutral-light-active);border-radius:var(--radius-pill);font-size:var(--text-caption-size);font-weight:var(--font-weight-bold);color:var(--color-neutral-darker);margin-left:6px;padding:2px 8px}.settings-footer{margin-top:var(--space-6);padding:var(--space-3) 0;text-align:center;font-size:var(--text-caption-size);color:var(--color-neutral-darker);opacity:.7}