:root{--rpx:calc(min(100vw, 430px) / 750);--color-primary:#ff8b6b;--color-primary-strong:#ffa98e;--color-primary-soft:#33211b;--color-primary-on:#1b1310;--color-primary-text:#ffa98e;--color-accent:#f0b347;--color-accent-soft:#33280f;--color-background:#15100d;--bg-rgb:21, 16, 13;--color-surface:#211913;--color-surface-raised:#2b2018;--color-foreground:#f7f0e9;--color-secondary:#b9aa9f;--color-tertiary:#94867e;--color-border:#332821;--color-border-strong:#4a372b;--color-muted:#1e1712;--color-destructive:#f0796a;--color-destructive-soft:#3a1e1a;--color-success:#6fcf97;--clay-pretty:#ffe4f0;--clay-meal:#fff0e5;--clay-delivery:#edede6;--clay-drink:#eaf0ff;--clay-dessert:#f8eeff;--clay-fruit:#eef8ec;--clay-cream:#fffaf5;--clay-on:#2d1b14;--clay-on-muted:#6b534a;--dedication-1:#fff7d8;--dedication-2:#ffeaf5;--dedication-3:#eaf2ff;--dedication-on:#5c3e56;--mascot-face:#fff5ee;--shadow-card:0 calc(2 * var(--rpx)) 0 #ffffff0f inset, 0 calc(8 * var(--rpx)) calc(28 * var(--rpx)) #00000073, 0 calc(2 * var(--rpx)) calc(8 * var(--rpx)) #0000004d;--shadow-floating:0 calc(2 * var(--rpx)) 0 #ffffff12 inset, 0 calc(16 * var(--rpx)) calc(48 * var(--rpx)) #0000009e, 0 calc(6 * var(--rpx)) calc(18 * var(--rpx)) #0006;--shadow-pressed:0 calc(2 * var(--rpx)) calc(8 * var(--rpx)) #00000080 inset, 0 calc(1 * var(--rpx)) calc(3 * var(--rpx)) #00000059 inset;--shadow-primary:0 calc(2 * var(--rpx)) 0 #ffffff1a inset, 0 calc(10 * var(--rpx)) calc(24 * var(--rpx)) #00000080;--text-2xs:calc(22 * var(--rpx));--text-xs:calc(24 * var(--rpx));--text-sm:calc(26 * var(--rpx));--text-base:calc(28 * var(--rpx));--text-md:calc(32 * var(--rpx));--text-lg:calc(40 * var(--rpx));--text-xl:calc(48 * var(--rpx));--text-2xl:calc(60 * var(--rpx));--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--weight-normal:400;--weight-medium:500;--weight-bold:700;--weight-black:800;--space-1:calc(4 * var(--rpx));--space-2:calc(8 * var(--rpx));--space-3:calc(12 * var(--rpx));--space-4:calc(16 * var(--rpx));--space-5:calc(20 * var(--rpx));--space-6:calc(24 * var(--rpx));--space-8:calc(32 * var(--rpx));--space-10:calc(40 * var(--rpx));--space-12:calc(48 * var(--rpx));--space-16:calc(64 * var(--rpx));--gutter:calc(32 * var(--rpx));--page-top:calc(56 * var(--rpx));--page-top-hero:calc(140 * var(--rpx));--page-bottom:calc(120 * var(--rpx));--page-bottom-bar:calc(240 * var(--rpx));--grid-overflow-gap:calc(96 * var(--rpx));--radius-xs:calc(8 * var(--rpx));--radius-sm:calc(12 * var(--rpx));--radius-md:calc(20 * var(--rpx));--radius-lg:calc(28 * var(--rpx));--radius-xl:calc(40 * var(--rpx));--radius-full:calc(9999 * var(--rpx));--btn-height:calc(88 * var(--rpx));--btn-height-sm:calc(64 * var(--rpx));--tag-height:calc(44 * var(--rpx));--card-padding:calc(32 * var(--rpx));--pet-stage:calc(560 * var(--rpx));--pet-cat:calc(440 * var(--rpx));--pet-prop:calc(118 * var(--rpx));--card-photo-inset:calc(160 * var(--rpx));--card-photo-outset:calc(88 * var(--rpx));--card-padding-sm:calc(24 * var(--rpx));--icon-xs:calc(36 * var(--rpx));--icon-sm:calc(40 * var(--rpx));--icon-md:calc(64 * var(--rpx));--icon-lg:calc(120 * var(--rpx));--hit-min:calc(88 * var(--rpx));--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.42s;--dur-enter:.55s;--stagger:70ms;--loop-slow:2.8s;background:var(--color-background);color:var(--color-foreground);font-family:-apple-system,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal)}.page-root{background:var(--color-background);min-height:100vh;padding:var(--page-top) var(--gutter) var(--page-bottom);box-sizing:border-box}.page-root-bar{padding-bottom:var(--page-bottom-bar)}.page-root-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.page-root-hero{padding-top:var(--page-top-hero)}@keyframes bounce-in{0%{transform:translateY(calc(36 * var(--rpx))) scale(.93);opacity:0}60%{transform:translateY(calc(-6 * var(--rpx))) scale(1.015);opacity:1}80%{transform:translateY(calc(3 * var(--rpx))) scale(.997)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-up{0%{transform:translateY(calc(20 * var(--rpx)));opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(calc(-2 * var(--rpx))) rotate(4deg)}}.anim-enter{animation:bounce-in var(--dur-enter) var(--ease-spring) both}.anim-fade-up{animation:fade-up var(--dur-slow) var(--ease-out) both}.anim-loop{animation:bob var(--loop-slow) ease-in-out infinite}.motion-off{--dur-fast:1ms;--dur-base:1ms;--dur-slow:1ms;--dur-enter:1ms;--stagger:0s}.motion-off .anim-loop,.motion-off .anim-enter,.motion-off .anim-fade-up{animation:none}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.btn{height:var(--btn-height);min-height:var(--hit-min);padding:0 var(--space-10);border-radius:var(--radius-full);font-weight:var(--weight-bold);font-size:var(--text-base);text-align:center;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) ease;box-shadow:var(--shadow-card);border:none;justify-content:center;align-items:center;line-height:1;display:flex}.btn:after{border:none}.btn:active{box-shadow:var(--shadow-pressed);transform:scale(.96)}.btn-primary{background:var(--color-primary);color:var(--color-primary-on);box-shadow:var(--shadow-primary)}.btn-primary:active{background:var(--color-primary-strong);box-shadow:var(--shadow-pressed)}.btn-secondary{background:var(--color-surface-raised);color:var(--color-foreground)}.btn-outline{color:var(--color-primary-text);border:calc(2 * var(--rpx)) solid var(--color-primary);box-shadow:none;background:0 0}.btn-outline:active{background:var(--color-primary-soft);box-shadow:none}.btn-ghost{color:var(--color-secondary);box-shadow:none;background:0 0}.tag-chip{height:var(--tag-height);padding:0 var(--space-5);border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-primary-soft);color:var(--color-primary-text);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:inline-flex}.t-display{font-size:var(--text-2xl);font-weight:var(--weight-black);line-height:var(--leading-tight);color:var(--color-foreground)}.t-title{font-size:var(--text-xl);font-weight:var(--weight-black);line-height:var(--leading-snug);color:var(--color-foreground)}.t-heading{font-size:var(--text-lg);font-weight:var(--weight-black);line-height:var(--leading-snug);color:var(--color-foreground)}.t-section{font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--color-foreground)}.t-body{font-size:var(--text-base);color:var(--color-foreground);line-height:var(--leading-normal)}.t-muted{font-size:var(--text-sm);color:var(--color-secondary);line-height:var(--leading-normal)}.t-meta{font-size:var(--text-xs);color:var(--color-tertiary);line-height:var(--leading-normal)}.page-root.home{padding-top:calc(16 * var(--rpx))}.home{flex-direction:column;display:flex}.home-greet{align-items:center;gap:var(--space-5);padding-top:calc(16 * var(--rpx));display:flex}.home-cat{width:calc(96 * var(--rpx));height:calc(96 * var(--rpx));flex-shrink:0}.home-greet-copy{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.home-date{font-size:var(--text-xs);color:var(--color-tertiary);letter-spacing:calc(1 * var(--rpx))}.home-title{font-size:var(--text-lg);font-weight:var(--weight-black);color:var(--color-foreground);line-height:var(--leading-snug)}.mode-grid{column-gap:var(--space-4);row-gap:var(--grid-overflow-gap);margin-top:calc(72 * var(--rpx));flex:1;grid-template-columns:repeat(6,1fr);align-content:start;display:grid}.mode{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) ease;box-sizing:border-box;position:relative;overflow:visible}.mode:active{transform:scale(.96) translateY(calc(3 * var(--rpx)));box-shadow:var(--shadow-pressed)}.mode-photo{filter:drop-shadow(0 calc(12 * var(--rpx)) calc(22 * var(--rpx)) #0000006b);position:absolute}.mode-copy{gap:var(--space-1);z-index:1;flex-direction:column;display:flex;position:absolute}.mode-name{font-size:var(--text-md);font-weight:var(--weight-black);color:var(--clay-on);line-height:var(--leading-tight);display:block}.mode-desc{font-size:var(--text-xs);color:var(--clay-on-muted);line-height:var(--leading-snug);display:block}.mode-hero{min-height:calc(250 * var(--rpx));grid-column:span 6}.mode-hero .mode-copy{left:var(--card-padding);max-width:calc(360 * var(--rpx));top:50%;transform:translateY(-50%)}.mode-hero .mode-name{font-size:var(--text-lg)}.mode-hero .mode-photo{right:calc(12 * var(--rpx));top:calc(-78 * var(--rpx));width:calc(290 * var(--rpx));height:calc(290 * var(--rpx))}.mode-tall{min-height:calc(270 * var(--rpx));grid-column:span 3}.mode-tall .mode-photo{right:calc(6 * var(--rpx));top:calc(-88 * var(--rpx));width:calc(250 * var(--rpx));height:calc(250 * var(--rpx))}.mode-tall .mode-copy{left:var(--card-padding);right:var(--card-padding);bottom:var(--space-5)}.mode-mini{min-height:calc(200 * var(--rpx));grid-column:span 2}.mode-mini .mode-photo{right:calc(4 * var(--rpx));top:calc(-74 * var(--rpx));width:calc(190 * var(--rpx));height:calc(190 * var(--rpx))}.mode-mini .mode-copy{left:var(--space-6);right:var(--space-4);bottom:var(--space-5)}.mode-mini .mode-name{font-size:var(--text-sm)}.mode-drink .mode-photo{width:calc(168 * var(--rpx));height:calc(168 * var(--rpx));right:calc(16 * var(--rpx));top:calc(-54 * var(--rpx))}.mode-meal{background:var(--clay-meal)}.mode-pretty{background:var(--clay-pretty)}.mode-delivery{background:var(--clay-delivery)}.mode-drink{background:var(--clay-drink)}.mode-dessert{background:var(--clay-dessert)}.mode-fruit{background:var(--clay-fruit)}.top-bar{justify-content:space-between;align-items:center;display:flex}.back-btn{width:var(--hit-min);height:var(--hit-min);background:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-card);transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) ease;justify-content:center;align-items:center;display:flex}.back-btn:active{transform:scale(.92) translateY(calc(2 * var(--rpx)));box-shadow:var(--shadow-pressed)}.back-icon{width:var(--icon-xs);height:var(--icon-xs)}.top-placeholder{width:var(--hit-min)}.dots{gap:var(--space-3);align-items:center;display:flex}.dot{width:calc(12 * var(--rpx));height:calc(12 * var(--rpx));border-radius:var(--radius-full);background:var(--color-border-strong);transition:width var(--dur-base) var(--ease-out), background var(--dur-base) ease}.dot-done{background:var(--color-primary);opacity:.45}.dot-active{background:var(--color-primary);width:calc(32 * var(--rpx));opacity:1}.step-wrap{padding-top:var(--space-16)}.step-enter{animation:slide-in var(--dur-slow) var(--ease-out) both}.step-enter-back{animation:slide-in-back var(--dur-slow) var(--ease-out) both}.motion-off .step-enter,.motion-off .step-enter-back{animation:none}@keyframes slide-in{0%{transform:translateX(calc(60 * var(--rpx)));opacity:0}to{opacity:1;transform:translate(0)}}@keyframes slide-in-back{0%{transform:translateX(calc(-60 * var(--rpx)));opacity:0}to{opacity:1;transform:translate(0)}}.step-header{margin-bottom:var(--space-12)}.step-title{font-size:var(--text-xl);font-weight:var(--weight-black);color:var(--color-foreground);line-height:var(--leading-tight);margin-bottom:var(--space-3);display:block}.step-subtitle{font-size:var(--text-sm);color:var(--color-secondary);display:block}.options-grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.chip{background:var(--color-surface);border-radius:var(--radius-lg);border:calc(2 * var(--rpx)) solid var(--color-border);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-5);min-height:calc(168 * var(--rpx));box-sizing:border-box;box-shadow:var(--shadow-card);transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) ease, border-color var(--dur-fast) ease, background var(--dur-fast) ease;flex-direction:column;display:flex;position:relative}.chip:active{transform:scale(.95) translateY(calc(3 * var(--rpx)));box-shadow:var(--shadow-pressed)}.chip-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.chip-icon-svg{width:calc(92 * var(--rpx));height:calc(92 * var(--rpx));padding:var(--space-2);box-sizing:border-box;background:var(--clay-cream);border-radius:var(--radius-md)}.chip-label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-foreground);text-align:center;line-height:var(--leading-snug)}.chip-check{top:var(--space-3);right:var(--space-3);width:var(--space-8);height:var(--space-8);background:var(--color-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex;position:absolute}.chip-check-icon{width:var(--space-5);height:var(--space-5)}.cta-wrap{padding:var(--space-8) var(--gutter) var(--space-12);background:linear-gradient(to top, rgba(var(--bg-rgb), 1) 68%, rgba(var(--bg-rgb), 0) 100%);position:fixed;bottom:0;left:0;right:0}.cta-btn{width:100%;height:calc(100 * var(--rpx));font-size:var(--text-md);letter-spacing:calc(2 * var(--rpx))}.loading-page{text-align:center}.mascot-wrap{flex-direction:column;align-items:center;display:flex}.mascot-bubble{background:var(--clay-meal);border-radius:var(--radius-xl);padding:var(--card-padding) var(--space-10);box-shadow:var(--shadow-card);max-width:calc(520 * var(--rpx));min-width:calc(340 * var(--rpx));align-items:center;gap:var(--space-5);box-sizing:border-box;flex-direction:column;display:flex}.bubble-text{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--clay-on);line-height:var(--leading-snug);text-align:center}.bubble-dots{gap:var(--space-3);align-items:center;display:flex}.dot{width:calc(14 * var(--rpx));height:calc(14 * var(--rpx));border-radius:var(--radius-full);background:var(--color-primary);animation:1.2s ease-in-out infinite dot-bounce}.dot1{animation-delay:0s}.dot2{animation-delay:.2s}.dot3{animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{opacity:.45;transform:translateY(0)}40%{transform:translateY(calc(-12 * var(--rpx)));opacity:1}}.mascot-tail{border-left:calc(16 * var(--rpx)) solid transparent;border-right:calc(16 * var(--rpx)) solid transparent;border-top:calc(20 * var(--rpx)) solid var(--clay-meal);width:0;height:0;margin-top:calc(-2 * var(--rpx))}.mascot-cat{width:var(--icon-lg);height:var(--icon-lg);margin-top:var(--space-6);animation:2.4s ease-in-out infinite cat-wiggle;display:block}@keyframes cat-wiggle{0%,to{transform:rotate(-4deg)translateY(0)}25%{transform:rotate(4deg) translateY(calc(-8 * var(--rpx)))}50%{transform:rotate(-3deg)translateY(0)}75%{transform:rotate(3deg) translateY(calc(-4 * var(--rpx)))}}.motion-off .dot,.motion-off .mascot-cat,.motion-off .rec-card{animation:none}.result-summary{padding:var(--space-5) var(--card-padding);background:var(--clay-meal);border-radius:var(--radius-lg)}.result-summary-text{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--clay-on);line-height:var(--leading-normal);display:block}.cards-list{padding-top:var(--space-6);gap:var(--space-12);flex-direction:column;display:flex}.rec-card{animation:card-in var(--dur-enter) var(--ease-spring) both;display:block}@keyframes card-in{0%{transform:translateY(calc(44 * var(--rpx))) scale(.93);opacity:0}60%{transform:translateY(calc(-6 * var(--rpx))) scale(1.01);opacity:1}80%{transform:translateY(calc(3 * var(--rpx))) scale(.998)}to{opacity:1;transform:translateY(0)scale(1)}}.store-inline{margin-top:var(--space-3)}.store-inline-row{align-items:center;gap:var(--space-2);min-height:calc(56 * var(--rpx));padding:var(--space-2) 0;margin-top:calc(-16 * var(--rpx));display:flex}.store-inline-tap{transition:opacity var(--dur-base)}.store-inline-tap:active{opacity:.6}.store-hint-icon{width:var(--icon-xs);height:var(--icon-xs);margin-right:var(--space-2);flex-shrink:0}.store-hint-text{font-size:var(--text-xs);color:var(--color-secondary);line-height:var(--leading-snug)}.store-inline-name{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.store-inline-sep{font-size:var(--text-xs);color:var(--color-border-strong);flex-shrink:0}.store-inline-dist{font-size:var(--text-xs);color:var(--color-secondary);flex-shrink:0}.store-inline-arrow{width:var(--icon-xs);height:var(--icon-xs);margin-left:var(--space-1);margin-right:calc(14 * var(--rpx));flex-shrink:0}.result-footer{gap:var(--space-4);padding-top:var(--card-padding);padding-bottom:var(--space-12);flex-direction:column;display:flex}.btn-refresh,.btn-savecard,.btn-restart{width:100%}.btn-refresh{height:calc(96 * var(--rpx));font-size:var(--text-md);letter-spacing:calc(1 * var(--rpx))}.btn-restart{font-size:var(--text-base);height:auto;min-height:calc(56 * var(--rpx));margin-top:calc(-14 * var(--rpx));padding:0}.btn-icon{width:calc(40 * var(--rpx));height:calc(40 * var(--rpx));margin-right:var(--space-2)}.error-page{text-align:center}.error-mascot{width:calc(140 * var(--rpx));height:calc(140 * var(--rpx));margin-bottom:var(--space-6);opacity:.85;filter:drop-shadow(0 calc(8 * var(--rpx)) calc(24 * var(--rpx)) #2d1b141a)}.error-msg{font-size:var(--text-md);color:var(--color-foreground);margin-bottom:var(--space-12);line-height:var(--leading-normal);max-width:calc(520 * var(--rpx));display:block}.err-retry,.err-back{width:calc(440 * var(--rpx))}.err-retry{margin-bottom:var(--space-5)}.store-sheet{z-index:101;background:var(--color-background);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-6) var(--gutter) calc(var(--space-10) + env(safe-area-inset-bottom));gap:var(--space-4);box-shadow:0 calc(-8 * var(--rpx)) calc(48 * var(--rpx)) #2d1b1429;flex-direction:column;transition:transform .32s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.store-sheet-show{transform:translateY(0)}.store-sheet-body{flex-direction:column;max-height:46vh;display:flex}.store-sheet-photos,.store-sheet-row{margin-top:calc(20 * var(--rpx))}.store-sheet-head{flex-direction:column;display:flex}.store-sheet-head .store-sheet-meta{margin-top:calc(8 * var(--rpx))}.store-sheet-title{font-size:var(--text-lg);font-weight:var(--weight-black);color:var(--color-foreground);line-height:var(--leading-snug)}.store-sheet-meta{align-items:center;gap:var(--space-2);line-height:1;display:flex}.store-sheet-rating{font-size:var(--text-xs);color:var(--color-secondary)}.store-sheet-dot,.store-sheet-cost{font-size:var(--text-xs);color:var(--color-tertiary)}.store-sheet-photos{white-space:nowrap;font-size:0;line-height:0}.store-sheet-photo{width:calc(240 * var(--rpx));height:calc(180 * var(--rpx));border-radius:var(--radius-md);margin-right:var(--space-3);background:var(--color-muted);display:inline-block}.store-sheet-row{align-items:flex-start;gap:var(--space-3);line-height:var(--leading-normal);min-height:var(--icon-xs);display:flex}.store-sheet-icon{width:var(--icon-xs);height:var(--icon-xs);margin-top:calc(1 * var(--rpx));flex-shrink:0}.store-sheet-text{font-size:var(--text-xs);color:var(--color-secondary);line-height:var(--leading-normal);flex:1}.store-sheet-actions{gap:var(--space-3);flex-direction:column;margin-top:0;display:flex}.store-sheet-btn{width:100%}.store-sheet-btn.btn-ghost{height:auto;min-height:calc(56 * var(--rpx));margin-top:calc(-10 * var(--rpx));padding:0}.cat-tip{left:var(--space-8);right:var(--space-8);bottom:calc(220 * var(--rpx));z-index:60;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface-raised);border:calc(2 * var(--rpx)) solid var(--color-border-strong);box-shadow:var(--shadow-card);opacity:0;transform:translateY(calc(16 * var(--rpx)));transition:opacity var(--dur-base) ease, transform var(--dur-base) ease;pointer-events:none;display:flex;position:fixed}.cat-tip-on{opacity:1;transform:translateY(0)}.cat-tip-icon{width:calc(56 * var(--rpx));height:calc(56 * var(--rpx));flex-shrink:0}.cat-tip-text{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-foreground);line-height:var(--leading-snug)}.food-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-left:var(--card-photo-outset);padding:var(--space-6) var(--card-padding) var(--space-5) var(--card-photo-inset);position:relative;overflow:visible}.food-card-nophoto{padding-left:var(--card-padding);min-height:calc(208 * var(--rpx));box-sizing:border-box;margin-left:0}.food-card-pretty{border:calc(2 * var(--rpx)) solid var(--color-border-strong)}.food-card-photo{left:calc(-104 * var(--rpx));width:calc(240 * var(--rpx));height:calc(240 * var(--rpx));filter:drop-shadow(0 calc(10 * var(--rpx)) calc(20 * var(--rpx)) #0000006b);z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.food-card-body{z-index:1;position:relative}.food-card-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.food-card-close{width:var(--hit-min);height:var(--hit-min);margin:calc(-27 * var(--rpx)) calc(-12 * var(--rpx)) calc(-23 * var(--rpx));transition:transform var(--dur-fast) ease, opacity var(--dur-fast) ease;flex-shrink:0;justify-content:center;align-items:center;display:flex}.food-card-close:active{opacity:.6;transform:scale(.88)}.food-card-close-x{width:calc(26 * var(--rpx));height:calc(26 * var(--rpx));position:relative}.food-card-close-x:before,.food-card-close-x:after{content:"";width:100%;height:calc(3 * var(--rpx));border-radius:calc(3 * var(--rpx));background:var(--color-tertiary);position:absolute;top:50%;left:0}.food-card-close-x:before{transform:translateY(-50%)rotate(45deg)}.food-card-close-x:after{transform:translateY(-50%)rotate(-45deg)}.food-card-name{min-width:0;font-size:var(--text-md);font-weight:var(--weight-black);color:var(--color-foreground);line-height:var(--leading-tight);flex:1;display:block}.food-card-summary{margin-top:var(--space-2);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--color-secondary);font-weight:var(--weight-medium);display:block}.food-card-meta{margin-top:calc(-10 * var(--rpx));min-height:var(--icon-sm);justify-content:space-between;align-items:center;display:flex}.food-card-price{font-size:var(--text-base);font-weight:var(--weight-black);color:var(--color-primary-text)}.food-card-meta-text{font-size:var(--text-xs);color:var(--color-secondary)}.food-card-fav{width:var(--hit-min);height:var(--hit-min);margin-left:auto;margin-top:calc(var(--hit-min) / -2 + var(--icon-sm) / 2);margin-bottom:calc(var(--hit-min) / -2 + var(--icon-sm) / 2);margin-right:calc(12 * var(--rpx));transition:transform var(--dur-base) var(--ease-spring);justify-content:flex-end;align-items:center;display:flex}.food-card-fav:active{transform:scale(.85)}.food-card-fav-on{transform:scale(1.12)}.food-card-fav-icon{width:var(--icon-sm);height:var(--icon-sm)}.page-root.profile-page{padding-top:calc(16 * var(--rpx))}.profile-page{gap:var(--space-6);flex-direction:column;display:flex}.profile-header{padding:0 0 var(--space-6);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.profile-header-guest{gap:var(--space-5)}.avatar-wrap,.avatar-wrap-real,.avatar-edit-btn{width:calc(160 * var(--rpx));height:calc(160 * var(--rpx));border-radius:var(--radius-full);box-shadow:var(--shadow-card);justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-wrap{background:var(--clay-meal)}.avatar-wrap-real{background:var(--color-muted)}.avatar-img{width:calc(108 * var(--rpx));height:calc(108 * var(--rpx))}.avatar-img-real{width:calc(160 * var(--rpx));height:calc(160 * var(--rpx))}.profile-name{font-size:var(--text-lg);font-weight:var(--weight-black);color:var(--color-foreground)}.profile-name-row{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.profile-edit-hint{font-size:var(--text-2xs);color:var(--color-tertiary)}.profile-name-guest{font-size:var(--text-base);color:var(--color-secondary);font-weight:var(--weight-medium)}.profile-companion{font-size:var(--text-base);color:var(--color-secondary);font-weight:var(--weight-bold)}.login-btn{margin-top:var(--space-2);height:calc(80 * var(--rpx));min-height:calc(80 * var(--rpx))}.menu-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.menu-item{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--hit-min);padding:var(--space-8) var(--card-padding);transition:background var(--dur-fast) ease;display:flex}.menu-item:active{background:var(--color-muted)}.menu-item-static:active{background:0 0}.menu-item-left{align-items:center;gap:var(--space-5);min-width:0;display:flex}.menu-icon{width:calc(48 * var(--rpx));height:calc(48 * var(--rpx));flex-shrink:0}.menu-icon-logout{opacity:.55}.menu-icon-muted{opacity:.72}.menu-label-group{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.menu-label{font-size:var(--text-base);color:var(--color-foreground);font-weight:var(--weight-bold)}.menu-sublabel{font-size:var(--text-2xs);color:var(--color-tertiary)}.menu-item-logout .menu-label,.menu-label-logout{color:var(--color-secondary)}.menu-arrow{width:var(--icon-xs);height:var(--icon-xs);flex-shrink:0}.menu-switch{flex-shrink:0}.menu-divider{height:calc(1.5 * var(--rpx));background:linear-gradient(90deg, transparent, var(--color-border), transparent);margin:0 var(--card-padding)}.dedication-menu{margin:var(--space-6) var(--card-padding);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-6);min-height:calc(144 * var(--rpx));align-items:center;gap:var(--space-6);border-radius:var(--radius-lg);background:radial-gradient(circle at 88% 18%, #ffeeaa9e 0, #fea0 calc(120 * var(--rpx))), linear-gradient(135deg, var(--dedication-1) 0%, var(--dedication-2) 52%, var(--dedication-3) 100%);border:calc(2 * var(--rpx)) solid #ffd5778f;box-shadow:0 calc(18 * var(--rpx)) calc(48 * var(--rpx)) #774c201f;display:flex;position:relative;overflow:hidden}.dedication-star{z-index:0;border-radius:var(--radius-full);box-shadow:0 0 calc(16 * var(--rpx)) #ffdd7c75;background:#ffffffe0;position:absolute}.star-a{top:calc(26 * var(--rpx));left:calc(34 * var(--rpx));width:calc(16 * var(--rpx));height:calc(16 * var(--rpx))}.star-b{top:calc(48 * var(--rpx));right:calc(126 * var(--rpx));width:calc(22 * var(--rpx));height:calc(22 * var(--rpx));background:#fff7c5eb}.star-c{right:calc(64 * var(--rpx));bottom:calc(32 * var(--rpx));width:calc(12 * var(--rpx));height:calc(12 * var(--rpx));opacity:.82}.dedication-icon-wrap{z-index:1;width:calc(76 * var(--rpx));height:calc(76 * var(--rpx));border-radius:var(--radius-full);box-shadow:inset 0 0 0 calc(2 * var(--rpx)) #ffdc8a9e, 0 calc(10 * var(--rpx)) calc(26 * var(--rpx)) #ff8b6b24;background:#ffffffbd;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.dedication-icon{width:calc(42 * var(--rpx));height:calc(42 * var(--rpx))}.dedication-copy{z-index:1;gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.dedication-title{font-size:var(--text-2xs);font-weight:var(--weight-black);color:#785214d9}.dedication-line{font-size:var(--text-md);line-height:var(--leading-snug);font-weight:var(--weight-black);color:var(--dedication-on)}.dedication-line-soft{font-size:var(--text-base);font-weight:var(--weight-bold);color:#4a374cdb}.dedication-crown{z-index:1;right:var(--space-6);top:var(--space-5);width:calc(44 * var(--rpx));height:calc(44 * var(--rpx));opacity:.52;position:absolute;transform:rotate(10deg)}.fav-view{animation:fav-in var(--dur-slow) var(--ease-out) both}.motion-off .fav-view{animation:none}@keyframes fav-in{0%{opacity:0;transform:translateY(calc(20 * var(--rpx)))}to{opacity:1;transform:translateY(0)}}.fav-header{padding:var(--card-padding) 0 var(--space-5);align-items:center;display:flex;position:relative}.fav-back{align-items:center;gap:var(--space-2);min-height:calc(56 * var(--rpx));padding-right:var(--space-4);z-index:2;flex-shrink:0;display:flex}.fav-back-icon{width:var(--icon-xs);height:var(--icon-xs)}.fav-back-text{font-size:var(--text-xs);color:var(--color-secondary)}.fav-title{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-foreground);white-space:nowrap;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.fav-count{font-size:var(--text-xs);color:var(--color-secondary);z-index:2;flex-shrink:0;margin-left:auto}.fav-empty{padding:var(--space-16) 0;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.fav-empty-cat{width:calc(160 * var(--rpx));height:calc(160 * var(--rpx));opacity:.85;margin-bottom:var(--space-2)}.fav-empty-text{font-size:var(--text-base);color:var(--color-secondary);font-weight:var(--weight-bold)}.fav-empty-sub{font-size:var(--text-xs);color:var(--color-tertiary);line-height:var(--leading-normal)}.fav-list{gap:var(--space-6);flex-direction:column;display:flex}.vibe-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.vibe-tag{padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-medium);background:var(--color-primary-soft);color:var(--color-primary-text);line-height:1}.avatar-edit-btn{background:var(--color-muted);border:none;padding:0;position:relative}.avatar-edit-btn:after{border:none}.avatar-edit-mask{height:calc(48 * var(--rpx));background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.avatar-edit-hint{font-size:var(--text-2xs);color:var(--color-foreground)}.nick-input{width:100%;height:calc(88 * var(--rpx));background:var(--color-surface);border-radius:var(--radius-full);padding:0 var(--card-padding);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-foreground);box-shadow:var(--shadow-card);box-sizing:border-box;text-align:center}.nick-placeholder{color:var(--color-tertiary);font-weight:var(--weight-normal)}.edit-actions{gap:var(--space-4);width:100%;display:flex}.edit-cancel-btn,.edit-save-btn{height:calc(88 * var(--rpx));border-radius:var(--radius-full);font-size:var(--text-base);transition:transform var(--dur-fast) var(--ease-spring), opacity var(--dur-fast) ease;justify-content:center;align-items:center;display:flex}.edit-cancel-btn{background:var(--color-surface);font-weight:var(--weight-bold);color:var(--color-secondary);box-shadow:var(--shadow-card);flex:1}.edit-save-btn{background:var(--color-primary);font-weight:var(--weight-bold);color:var(--color-primary-on);box-shadow:var(--shadow-primary);flex:2}.edit-cancel-btn:active{opacity:.6}.edit-save-btn:active{background:var(--color-primary-strong);transform:scale(.97)}.sheet-mask{z-index:100;pointer-events:none;transition:background var(--dur-slow) ease;background:0 0;position:fixed;inset:0}.sheet-mask-show{pointer-events:auto;background:#0000006b}.feedback-sheet{z-index:101;background:var(--color-background);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-6) var(--gutter) calc(var(--space-16) + env(safe-area-inset-bottom));gap:var(--space-4);box-shadow:0 calc(-8 * var(--rpx)) calc(48 * var(--rpx)) #2d1b1429;flex-direction:column;transition:transform .32s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.feedback-sheet-show{transform:translateY(0)}.sheet-handle{width:calc(64 * var(--rpx));height:calc(8 * var(--rpx));border-radius:var(--radius-full);background:var(--color-border-strong);margin-bottom:var(--space-2);align-self:center}.sheet-title{font-size:var(--text-md);font-weight:var(--weight-black);color:var(--color-foreground);text-align:center}.sheet-sub{font-size:var(--text-sm);color:var(--color-secondary);text-align:center;margin-top:calc(var(--space-2) * -1)}.fb-tags{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.fb-tag{padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-foreground);background:var(--color-surface);box-shadow:var(--shadow-card);border:calc(2 * var(--rpx)) solid transparent;transition:transform var(--dur-fast) var(--ease-spring), background var(--dur-fast) ease, border-color var(--dur-fast) ease}.fb-tag:active{transform:scale(.95)}.fb-tag-on{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-text);font-weight:var(--weight-bold)}.fb-textarea{width:100%;min-height:calc(120 * var(--rpx));background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4) var(--card-padding);font-size:var(--text-base);color:var(--color-foreground);box-shadow:var(--shadow-card);box-sizing:border-box;line-height:var(--leading-normal)}.fb-placeholder{color:var(--color-tertiary)}.fb-submit-btn{width:100%;height:calc(96 * var(--rpx));font-size:var(--text-md);margin-top:var(--space-2)}.fb-submit-btn-loading{opacity:.6;pointer-events:none}.hist-list{gap:var(--space-8);flex-direction:column;display:flex}.hist-day{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-tertiary);letter-spacing:calc(1 * var(--rpx));margin-bottom:var(--space-3);display:block}.hist-row{align-items:center;gap:var(--space-5);padding:var(--space-4) 0;border-bottom:calc(2 * var(--rpx)) solid var(--color-border);display:flex}.hist-group .hist-row:last-child{border-bottom:0}.hist-thumb{width:calc(88 * var(--rpx));height:calc(88 * var(--rpx));border-radius:var(--radius-md);background:var(--color-surface);flex-shrink:0}.hist-copy{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.hist-name{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hist-summary{font-size:var(--text-2xs);color:var(--color-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hist-time{font-size:var(--text-2xs);color:var(--color-tertiary);flex-shrink:0}.hist-clear{justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--hit-min);margin-top:var(--space-4);border-radius:var(--radius-full);border:calc(2 * var(--rpx)) solid var(--color-border-strong);transition:background var(--dur-fast) ease;display:flex}.hist-clear:active{background:var(--color-muted)}.hist-clear-icon{width:var(--icon-xs);height:var(--icon-xs)}.hist-clear-text{font-size:var(--text-sm);color:var(--color-secondary)}.pet-content{box-sizing:border-box;width:100%;transform:translateY(calc(-20 * var(--rpx)));flex-direction:column;align-items:center;display:flex}.pet-time-label{font-size:var(--text-2xs);color:var(--color-secondary);letter-spacing:calc(1 * var(--rpx));background:var(--color-muted);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);margin-bottom:var(--space-8)}.pet-stage{width:var(--pet-stage);height:var(--pet-stage);margin-bottom:var(--space-12);position:relative}.pet-cat-wrap{margin-left:calc(var(--pet-cat) / -2);margin-top:calc(var(--pet-cat) / -2);width:var(--pet-cat);height:var(--pet-cat);will-change:transform;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}.pet-cat-img{width:var(--pet-cat);height:var(--pet-cat);transform-origin:bottom}.pet-poke{animation:pet-poke var(--dur-slow) var(--ease-spring)}@keyframes pet-poke{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-2%)scale(1.07)}70%{transform:translateY(1%)scale(.98)}to{transform:translateY(0)scale(1)}}.pet-blink-mask{background:var(--mascot-face);opacity:0;pointer-events:none;border-radius:50%;width:52%;height:16%;position:absolute;top:30%;left:24%}.anim-blink{animation:5s ease-in-out infinite pet-blink}@keyframes pet-blink{0%,88%,93%,to{opacity:0}90%{opacity:.55}}.pet-prop{width:var(--pet-prop);height:var(--pet-prop);filter:drop-shadow(0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) #00000073);transition:transform var(--dur-fast) var(--ease-spring);justify-content:center;align-items:center;display:flex;position:absolute}.pet-prop:active{transform:scale(.88)}.pet-prop-img{width:100%;height:100%}.pet-prop-head{top:calc(-4 * var(--rpx));margin-left:calc(-66 * var(--rpx));width:calc(132 * var(--rpx));height:calc(132 * var(--rpx));left:50%}.pet-prop-neck{top:calc(296 * var(--rpx));margin-left:calc(-60 * var(--rpx));left:50%}.pet-prop-left{top:calc(290 * var(--rpx));left:calc(20 * var(--rpx))}.pet-prop-right{top:calc(284 * var(--rpx));right:calc(20 * var(--rpx))}.pet-prop-front-l{bottom:calc(6 * var(--rpx));left:calc(78 * var(--rpx))}.pet-prop-front-r{bottom:calc(6 * var(--rpx));right:calc(78 * var(--rpx))}.anim-prop-in{animation:prop-in var(--dur-enter) var(--ease-spring) both}@keyframes prop-in{0%{opacity:0;transform:translateY(calc(24 * var(--rpx))) scale(.6)}to{opacity:1;transform:translateY(0)scale(1)}}.pet-label{font-size:var(--text-2xl);font-weight:var(--weight-black);color:var(--color-foreground);line-height:var(--leading-tight);text-align:center;margin-bottom:var(--space-3)}.pet-hint{font-size:var(--text-xs);color:var(--color-tertiary);text-align:center;min-height:var(--space-10)}.motion-default{animation:3.5s ease-in-out infinite float-default}.motion-happy{animation:float-happy 1.8s var(--ease-spring) infinite}.motion-tired{animation:5s ease-in-out infinite float-tired}.motion-soft{animation:3s ease-in-out infinite float-soft}.motion-spicy{animation:.4s ease-in-out 3 float-spicy,3.5s ease-in-out 1.2s infinite float-default}@keyframes float-default{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(calc(-10 * var(--rpx))) scale(1.04)}}@keyframes float-happy{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(calc(-16 * var(--rpx))) scale(1.05)}60%{transform:translateY(calc(-12 * var(--rpx))) scale(1.04)}80%{transform:translateY(calc(-2 * var(--rpx))) scale(1.01)}}@keyframes float-tired{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(calc(-4 * var(--rpx))) scale(1.015)}}@keyframes float-soft{0%,to{transform:translateY(0)scale(1)rotate(0)}30%{transform:translateY(calc(-8 * var(--rpx))) scale(1.03) rotate(-1.5deg)}70%{transform:translateY(calc(-6 * var(--rpx))) scale(1.03) rotate(1.5deg)}}@keyframes float-spicy{0%,to{transform:translate(0)}20%{transform:translateX(calc(-5 * var(--rpx)))}40%{transform:translateX(calc(5 * var(--rpx)))}60%{transform:translateX(calc(-4 * var(--rpx)))}80%{transform:translateX(calc(4 * var(--rpx)))}}.motion-off .anim-blink,.motion-off .motion-default,.motion-off .motion-happy,.motion-off .motion-tired,.motion-off .motion-soft,.motion-off .motion-spicy,.motion-off .anim-prop-in,.motion-off .pet-poke{animation:none}.pet-label{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-foreground);text-align:center;line-height:var(--leading-snug);margin-bottom:var(--space-3)}.pet-hint{font-size:var(--text-xs);color:var(--color-tertiary);text-align:center;line-height:var(--leading-normal);margin-bottom:var(--space-12)}.pet-today{align-items:stretch;gap:var(--space-2);width:100%;padding:0 var(--space-6);box-sizing:border-box;flex-direction:column;display:flex}.pet-today-title{font-size:var(--text-2xs);color:var(--color-tertiary);letter-spacing:calc(1 * var(--rpx));text-align:center;margin-bottom:var(--space-2)}.pet-row{align-items:center;gap:var(--space-4);background:var(--color-surface);border:calc(2 * var(--rpx)) solid transparent;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease;display:flex}.pet-row-active{background:var(--color-primary-soft);border-color:var(--color-primary-text)}.pet-row-icon{width:calc(52 * var(--rpx));height:calc(52 * var(--rpx));flex-shrink:0}.pet-row-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-foreground);flex-shrink:0}.pet-row-picks{font-size:var(--text-2xs);color:var(--color-secondary);text-align:right;margin-left:auto;line-height:1.4}.pet-prop-active{transform:scale(1.18)}.motion-off .pet-row,.motion-off .pet-prop-active{transition:none}.ob-fade-in{animation:ob-fade-in var(--dur-slow) var(--ease-out) both}.ob-fade-out{animation:ob-fade-out var(--dur-base) ease both;pointer-events:none}.motion-off.ob-fade-in,.motion-off.ob-fade-out{animation:none}@keyframes ob-fade-in{0%{opacity:0;transform:translateY(calc(24 * var(--rpx)))}to{opacity:1;transform:translateY(0)}}@keyframes ob-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(-16 * var(--rpx)))}}.ob-screen{align-items:center;gap:var(--space-4);flex-direction:column;width:100%;display:flex}.ob-cat{width:calc(180 * var(--rpx));height:calc(180 * var(--rpx));margin-bottom:var(--space-4);filter:drop-shadow(0 calc(8 * var(--rpx)) calc(24 * var(--rpx)) #2d1b141a)}.ob-title{font-size:var(--text-lg);font-weight:var(--weight-black);color:var(--color-foreground);text-align:center;line-height:var(--leading-snug)}.ob-sub{font-size:var(--text-base);color:var(--color-secondary);text-align:center;line-height:var(--leading-normal);margin-bottom:var(--space-6)}.ob-choice-list{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.ob-choice{min-height:var(--hit-min);padding:var(--space-6) var(--space-8);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);box-sizing:border-box;transition:transform var(--dur-fast) var(--ease-spring), background var(--dur-fast) ease;justify-content:space-between;align-items:center;display:flex}.ob-choice:active{background:var(--color-primary-soft);transform:scale(.97)}.ob-choice-label{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-foreground)}.ob-choice-quiet .ob-choice-label{font-weight:var(--weight-medium);color:var(--color-secondary)}.ob-choice-go{width:var(--icon-xs);height:var(--icon-xs)}.ob-tags{gap:var(--space-4);margin-top:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.ob-tag{padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-foreground);background:var(--color-surface);box-shadow:var(--shadow-card);border:calc(2 * var(--rpx)) solid transparent;transition:transform var(--dur-fast) var(--ease-spring), background var(--dur-fast) ease, border-color var(--dur-fast) ease}.ob-tag:active{transform:scale(.95)}.ob-tag-on{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-text);font-weight:var(--weight-bold)}.ob-finish-btn{width:100%;height:calc(96 * var(--rpx));font-size:var(--text-md);letter-spacing:calc(1 * var(--rpx));margin-top:var(--space-4)}html,body{margin:0;padding:0}body{background:var(--color-background);color:var(--color-foreground);font-family:-apple-system,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}img{object-fit:contain;display:inline-block}button{font:inherit;appearance:none;cursor:pointer;color:inherit}[role=button],[data-tap]{cursor:pointer;-webkit-user-select:none;user-select:none}#app{min-height:100vh}.mp-page{min-height:100vh;position:relative}.page-root{min-height:100vh}.desk-side{display:none}.phone,.phone-wrap{display:contents}.phone-notch{display:none}@media (width>=900px){:root{--rpx:calc(390px / 750)}body{background:radial-gradient(ellipse 46% 60% at 50% 45%, #ff8b6b29, transparent 70%), var(--color-background);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;min-height:100vh;display:grid}.desk-left{grid-area:1/1}.phone-wrap{grid-area:1/2}.desk-right{grid-area:1/3}.phone-wrap{zoom:var(--phone-scale,1);margin:24px 0;display:block;position:sticky;top:24px}.phone{box-sizing:content-box;background:var(--color-background);border:12px solid #0e0a08;border-radius:54px;width:390px;height:844px;display:block;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 2px #3d322b,0 0 0 3px #6e5b4f,0 0 0 4px #0009,0 40px 90px #000000b3,0 0 140px #ff8b6b24}.phone-wrap:before,.phone-wrap:after{content:"";background:#6e5b4f;border-radius:2px;width:4px;position:absolute;box-shadow:inset 0 0 0 1px #3d322b}.phone-wrap:before{height:34px;top:170px;left:-8px;box-shadow:inset 0 0 0 1px #3d322b,0 60px #6e5b4f,0 126px #6e5b4f}.phone-wrap:after{height:100px;top:250px;right:-8px}.phone-notch{z-index:60;pointer-events:none;background:#1b1310;border-radius:0 0 20px 20px;width:150px;height:30px;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}#app{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--color-background);width:390px;height:844px;overflow:hidden auto}#app::-webkit-scrollbar{display:none}.phone #app{min-height:0}.phone .mp-page,.phone .page-root{min-height:844px}.phone .page-root{padding-top:calc(var(--page-top) + 24px)}.phone .page-root.home{padding-top:calc(calc(16 * var(--rpx)) + 28px)}.phone .page-root-hero{padding-top:calc(var(--page-top-hero) + 12px)}.desk-side{box-sizing:border-box;min-width:0;height:100vh;color:var(--color-foreground);flex-direction:column;justify-content:center;align-items:center;padding:48px 40px;display:flex;position:sticky;top:0}.desk-left-inner,.desk-right-inner{text-align:center;flex-direction:column;align-items:center;max-width:320px;display:flex}.desk-cat{filter:drop-shadow(0 16px 28px #00000080);width:128px;height:128px;margin-bottom:12px}@media (prefers-reduced-motion:no-preference){.desk-cat{animation:4s ease-in-out infinite desk-cat-float}}@keyframes desk-cat-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.desk-brand{letter-spacing:1px;color:var(--color-primary-text);font-size:36px;font-weight:800}.desk-slogan{margin:10px 0 0;font-size:22px;font-weight:700;line-height:1.45}.desk-desc{color:var(--color-secondary);margin:16px 0 0;font-size:15px;line-height:1.7}.desk-hint{color:var(--color-tertiary);border-top:1px solid var(--color-border);width:100%;margin:28px 0 0;padding-top:16px;font-size:13px;line-height:1.6}.desk-qr{box-sizing:border-box;background:var(--color-surface);border-radius:24px;place-items:center;width:200px;height:200px;padding:16px;display:grid;overflow:hidden;box-shadow:inset 0 2px #ffffff0f,0 16px 48px #0000008c}.desk-qr-img{object-fit:contain;background:#fff;border-radius:12px;width:100%;height:100%}.desk-qr-fallback{color:var(--color-secondary);flex-direction:column;align-items:center;gap:8px;font-size:13px;display:none}.desk-qr-fallback img{width:88px;height:88px}.desk-qr-missing .desk-qr-fallback{display:flex}.desk-qr-title{margin:20px 0 0;font-size:16px;font-weight:700;line-height:1.5}.desk-qr-text{color:var(--color-secondary);margin:8px 0 0;font-size:13px;line-height:1.7}.cta-wrap,.store-sheet,.cat-tip,.mp-toast,.mp-tabbar,.login-sheet,.sheet-mask,.mp-modal-mask,.login-sheet-wrap .sheet-mask{width:auto;left:0!important;right:0!important}.cta-wrap{box-sizing:border-box}.cat-tip{left:var(--space-8)!important;right:var(--space-8)!important}.mp-toast{width:auto;left:50%!important;right:auto!important}.mp-tabbar{height:calc(calc(112 * var(--rpx)) + 18px);padding-bottom:18px}}.mp-toast{max-width:80vw;color:var(--color-foreground);opacity:0;pointer-events:none;z-index:200;background:#2b2018f5;border-radius:12px;padding:10px 16px;font-size:14px;transition:opacity .16s,transform .16s;position:fixed;bottom:18vh;left:50%;transform:translate(-50%)translateY(8px)}.mp-toast-on{opacity:1;transform:translate(-50%)translateY(0)}.mp-modal-mask{z-index:300;background:#00000080;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mp-modal{background:var(--color-surface-raised);border-radius:var(--radius-lg);width:min(320px,100%);box-shadow:var(--shadow-floating);padding:22px 20px 16px}.mp-modal-title{font-weight:var(--weight-bold);margin-bottom:8px;font-size:17px}.mp-modal-content{color:var(--color-secondary);margin-bottom:16px;font-size:14px;line-height:1.6}.mp-modal-actions{justify-content:flex-end;gap:8px;display:flex}.mp-modal-actions .btn{height:40px;padding:0 18px;font-size:14px}.mp-page-tab{padding-bottom:0}.mp-tabbar{z-index:50;height:calc(calc(112 * var(--rpx)) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--color-border);background:#1c1612;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.mp-tab{justify-content:center;align-items:center;gap:calc(4 * var(--rpx));color:var(--color-tertiary);font-size:calc(20 * var(--rpx));flex-direction:column;flex:1;text-decoration:none;display:flex}.mp-tab-active{color:var(--color-primary-text)}.mp-tab-icon{width:calc(52 * var(--rpx));height:calc(52 * var(--rpx))}.mp-switch{width:calc(92 * var(--rpx));height:calc(52 * var(--rpx));flex-shrink:0;display:inline-block;position:relative}.mp-switch input{opacity:0;width:0;height:0;position:absolute}.mp-switch-track{background:var(--color-border-strong);transition:background var(--dur-base) ease;border-radius:999px;position:absolute;inset:0}.mp-switch-knob{top:calc(4 * var(--rpx));left:calc(4 * var(--rpx));width:calc(44 * var(--rpx));height:calc(44 * var(--rpx));transition:transform var(--dur-base) var(--ease-out);background:#fff;border-radius:50%;position:absolute;box-shadow:0 2px 6px #00000059}.mp-switch input:checked+.mp-switch-track{background:#ff8b6b}.mp-switch input:checked+.mp-switch-track .mp-switch-knob{transform:translateX(calc(40 * var(--rpx)))}.login-sheet-wrap .sheet-mask{z-index:400}.login-sheet{z-index:401;background:var(--color-background);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-6) var(--gutter) calc(var(--space-10) + env(safe-area-inset-bottom,0px));align-items:center;gap:var(--space-4);box-shadow:0 calc(-8 * var(--rpx)) calc(48 * var(--rpx)) #2d1b1429;box-sizing:border-box;flex-direction:column;max-height:calc(100dvh - 32px);transition:transform .32s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.login-sheet-on .login-sheet{transform:translateY(0)}.login-sheet .sheet-handle{width:calc(64 * var(--rpx));height:calc(8 * var(--rpx));background:var(--color-border-strong);margin-bottom:var(--space-2);border-radius:999px}.login-title{font-size:var(--text-lg);font-weight:var(--weight-black)}.login-sub{font-size:var(--text-sm);color:var(--color-secondary);text-align:center;max-width:30em}.login-qr-box{width:calc(300 * var(--rpx));height:calc(300 * var(--rpx));border-radius:var(--radius-lg);background:#fff;place-items:center;display:grid;overflow:hidden}.login-qr-loading{background:var(--color-surface-raised)}.login-qr{object-fit:contain;width:100%;height:100%}.login-status{font-size:var(--text-sm);color:var(--color-secondary);text-align:center;min-height:1.6em}.login-status.ok{color:var(--color-success)}.login-status.bad{color:var(--color-destructive)}.login-refresh,.login-google,.login-cancel{width:100%}.login-divider{align-items:center;gap:var(--space-4);width:100%;color:var(--color-tertiary);font-size:var(--text-xs);display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.login-google[disabled]{opacity:.45;cursor:default}.login-google-slot{justify-content:center;width:100%;min-height:44px;display:flex}.login-cancel{height:auto;min-height:calc(56 * var(--rpx));padding:0}.lang-group{display:none}.menu-lang-group{background:var(--color-background);border:1px solid var(--color-border-strong);border-radius:10px;gap:2px;padding:3px;display:flex}.menu-lang-seg{min-width:32px;height:28px;color:var(--color-secondary);border-radius:7px;place-items:center;padding:0 10px;font-size:13px;text-decoration:none;display:grid}.menu-lang-seg-active{background:var(--color-primary);color:var(--color-primary-on);pointer-events:none}@media (width>=900px){.menu-lang-only{display:none!important}.lang-group{display:flex}}.lang-group{top:calc(12px + env(safe-area-inset-top,0px));z-index:45;box-sizing:border-box;border:1px solid var(--color-border-strong);-webkit-backdrop-filter:blur(6px);background:#211913d9;border-radius:10px;align-items:center;gap:2px;height:36px;padding:3px;position:fixed;right:12px}.lang-seg{min-width:30px;height:28px;color:var(--color-secondary);letter-spacing:.04em;background:0 0;border:none;border-radius:7px;place-items:center;padding:0 9px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1;transition:background-color .14s,color .14s;display:grid}.lang-seg-active{background:var(--color-primary);color:var(--color-primary-on);cursor:default}@media (width>=900px){.lang-group{background:var(--color-surface);border-color:var(--color-border-strong);height:44px;box-shadow:var(--shadow-card);display:flex;top:24px;right:24px}.lang-seg{border-radius:8px;min-width:38px;height:38px;padding:0 10px}}