@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";@import "https://fonts.googleapis.com/css2?family=Pacifico&display=swap";@font-face{font-family:Nixgon_M;src:url(/fonts/NIXGON_M.ttf)format("truetype");font-weight:300;font-style:normal}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer;font-family:inherit}:root{--card:#fffdf8;--card-white:#fff;--primary:#f2c94c;--primary-strong:#d1a916;--primary-soft:#fff3c4;--text-main:#2e2a24;--text-sub:#7a746a;--text-muted:#a7a29a;--line:#2e2a241a;--shadow-card:0 10px 30px #2e2a2414;--shadow-soft:0 6px 18px #2e2a240f;--radius-card:24px}body{margin:0;font-family:Pretendard,sans-serif}.app{background:#faf7ef;min-height:100vh;padding-bottom:0}.wholescreen{width:100%;max-width:430px;min-height:calc(100vh - 72px);padding:24px 20px calc(78px + 24px + env(safe-area-inset-bottom));box-sizing:border-box;margin:0 auto}html{scrollbar-gutter:stable}.home-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.home-logo{letter-spacing:-.5px;color:#d1a916;letter-spacing:2px;margin:0;font-family:Pacifico,cursive;font-size:22px;font-weight:200;transform:skew(0)}.point-summary{align-items:center;gap:8px;font-size:18px;display:flex}.point-badge{color:#fff;background:#ffb800;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-family:Pretendard,sans-serif;font-weight:700;display:flex}.tabs{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;width:100%;max-width:430px;height:calc(78px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:20;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-radius:0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 24px #2e2a240a}.tabs button{color:#999;background:0 0;border:1px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;height:100%;font-size:14px;font-weight:600;display:flex}.tabs button.active{color:#ffb800;font-weight:700}.tabs button:active{transform:scale(.95)}.tabs button:hover{transform:scale(1.1)}.diet-floating-icon{background:linear-gradient(135deg,#ffe08a,#f2c94c);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;animation:2.6s ease-in-out infinite diet-breathe;display:flex;position:absolute;top:0;transform:translateY(-12px)}.diet-plus-icon{width:26px;height:26px;display:block;position:relative}.diet-plus-icon:before,.diet-plus-icon:after{content:"";background:#faf7ef;border-radius:200px;width:26px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.diet-plus-icon:after{transform:translate(-50%,-50%)rotate(90deg)}@keyframes diet-breathe{0%,to{transform:translateY(-19px)scale(1)}50%{transform:translateY(-21px)scale(1.06)}}.diet-tab:active .diet-floating-icon{transform:scale(.95)}.diet-floating-icon svg{width:30px;height:60px}.diet-label{margin-top:34px}.diet-floating-icon:hover{transform:scale(1)translateY(-19px)}.welcome-card{align-items:center;gap:16px;margin-top:6px;margin-bottom:14px;padding:8px 2px 0;display:flex}.welcome-content{flex:1}.welcome-bubble{box-sizing:border-box;filter:drop-shadow(0 2px 4px #2e2a241a);background:url(/cloud-bubble.svg) 50%/100% 100% no-repeat;padding:18px 24px;position:relative}.welcome-bubble:before{content:"";box-sizing:border-box;background:#fff;border-bottom:2px solid #e2ded7;border-left:2px solid #e2ded7;width:12px;height:12px;position:absolute;top:50%;left:-3px;transform:translateY(-50%)rotate(45deg)}.highlight{color:var(--primary-strong)}.welcome-content-sub{color:var(--text-sub);white-space:pre-line;margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.4}.meal-status{margin-bottom:14px;font-size:13px;font-weight:600;line-height:1.4}.welcome-card h2{color:var(--text-main);margin:0 0 7px;font-size:18px;font-weight:800;line-height:1.25}.welcome-card p{margin:4px 0;font-size:13px}.welcome-buttons{gap:8px;margin-top:12px;display:flex}.welcome-card .welcome-buttons{margin-top:0}.welcome-buttons button{color:var(--text-main);background:#fff0b8;border:1px solid #d1a91647;border-radius:14px;padding:9px 16px;font-weight:700;box-shadow:0 3px 8px #d1a9161a}.point-card{border-radius:var(--radius-card);color:#000;text-align:center;box-shadow:var(--shadow-card);background:linear-gradient(#fff 0%,#fffcf1 100%);border:1px solid #2e2a240a;padding:15px 24px;position:relative}.point-card strong{font-size:34px}.point-card p{font-size:12px}.level-badge{color:var(--text-main);background:#fff3c4;border:1px solid #d1a91647;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:11px;display:flex;position:absolute;top:12px;right:16px}.progress-bar{background:#e3cfcf66;border-radius:999px;height:8px;margin-top:16px;position:relative;overflow:hidden}.progress-bar:after{content:"";pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1.5px),#ffffffa6 calc(10% - 1.5px) 10%);position:absolute;inset:0}.progress-fill{background:#d1a916;border-radius:999px;width:90%;height:100%}.week-row{border-top:1px solid #2e2a2414;justify-content:space-between;margin-top:18px;padding-top:18px;display:flex}.day-circle{color:#0000;background:#e9e8e4;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-top:8px;display:flex}.day-circle.checked{color:#fff;background:#d1a916;box-shadow:0 4px 10px #d1a91638}.day-item{text-align:center;color:#777;font-size:15px;font-weight:500}.menus{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;padding:0;display:grid}.menu-card{border-radius:var(--radius-card);background:var(--card-white);height:118px;box-shadow:var(--shadow-card);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding:16px;transition:transform .1s,box-shadow .1s,background .1s;position:relative;overflow:hidden}.menu-card:active{background:#fff8e0;transform:scale(.94);box-shadow:0 2px 6px #2e2a240f}.menu-card:before{content:"";background:#f2c94c3d;border-radius:50%;width:86px;height:86px;position:absolute;bottom:-30px;right:-30px}.menu-card h3{z-index:1;color:#333;margin-top:6px;margin-bottom:8px;font-size:16px;font-weight:800;position:relative}.menu-card p{z-index:1;color:#888;font-size:13px;line-height:1.4;position:relative}.menu-rank,.menu-point,.menu-chat{background:linear-gradient(#fff 0%,#fffcf1 100%)}.menu-card2{border-radius:var(--radius-card);background:var(--card-white);height:50px;box-shadow:var(--shadow-card);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin-top:12px;padding:10px;transition:transform .1s,box-shadow .1s,background .1s;position:relative;overflow:hidden}.menu-card2:active{background:#fff8e0;transform:scale(.94);box-shadow:0 2px 6px #2e2a240f}.menu-card2 h3{z-index:1;color:#333;margin-top:6px;margin-bottom:8px;font-size:16px;font-weight:800;position:relative}.menu-card2 p,.menu-card2 svg{z-index:1;position:relative}.feedback{background:linear-gradient(#fff 0%,#fffcf1 100%);margin-top:20px}.home-ticker{background:var(--card-white);box-shadow:var(--shadow-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #d1a91638;border-radius:16px;align-items:center;margin-top:14px;padding:10px 0;transition:transform .12s;display:flex;overflow:hidden}.home-ticker:active{transform:scale(.99)}.home-ticker:focus-visible{outline:2px solid var(--primary-strong);outline-offset:2px}.home-ticker-badge{color:#fff;letter-spacing:.2px;background:#ffb800;border-radius:999px;flex:none;align-items:center;gap:5px;margin-left:12px;padding:4px 11px;font-size:11.5px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #ffb80052}.home-ticker-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite ticker-blink}@keyframes ticker-blink{0%,to{opacity:1}50%{opacity:.4}}.home-ticker-viewport{flex:auto;align-items:center;min-width:0;margin-left:10px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 12px calc(100% - 12px),#0000 100%)}.home-ticker-track{flex:none;width:max-content;animation:17s linear infinite ticker-scroll;display:flex}.home-ticker:active .home-ticker-track,.home-ticker:focus-visible .home-ticker-track{animation-play-state:paused}.home-ticker-text{color:var(--text-main);white-space:nowrap;flex:none;margin-right:24px;padding:0 24px 0 0;font-size:13px;font-weight:600}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.home-ticker-go{color:var(--text-muted);flex:none;align-items:center;padding:0 10px 0 4px;font-size:18px;font-weight:700;display:flex}.menu-card svg{z-index:1;width:38px;height:38px;position:absolute;top:auto;bottom:10px;right:12px}.talking-character{flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;margin-left:10px;display:flex;position:relative}.character-scale{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mouse_image{object-fit:contain;width:100%;height:100%;display:block}.floating-character{animation:2.6s ease-in-out infinite gentle-float}.effect-default .floating-character{animation:none}.sparkle{pointer-events:none;animation:1.8s ease-in-out infinite sparkle-pop;position:absolute}.sparkle-one{top:-8px;right:0}.sparkle-two{animation-delay:.4s;top:8px;left:-6px}.crown{color:#ffb800;font-size:20px;animation:1.5s ease-in-out infinite crown-pop;position:absolute;top:-15px;left:60%;transform:translate(-50%)}@keyframes crown-pop{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.2)}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sparkle-pop{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.reward-card{border-radius:var(--radius-card);background:var(--card-white);border:1px solid var(--line);box-shadow:var(--shadow-card);margin:16px 0 18px;padding:20px;position:relative;overflow:hidden}.reward-card-head{justify-content:space-between;align-items:center;display:flex}.reward-card-tag{background:var(--primary-soft);color:var(--primary-strong);letter-spacing:-.2px;border-radius:999px;align-items:center;gap:4px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-flex}.reward-card-goal{color:var(--text-muted);font-size:12px;font-weight:700}.reward-card-caption{color:var(--text-sub);margin:16px 0 2px;font-size:13px;font-weight:600}.reward-card-amount{letter-spacing:-1px;color:var(--text-main);align-items:baseline;font-size:34px;font-weight:900;line-height:1.1;display:inline-flex}.reward-card-amount span{margin-left:3px;font-size:18px;font-weight:800}.reward-meter{margin-top:18px}.reward-meter-top{justify-content:space-between;align-items:baseline;margin-bottom:9px;display:flex}.reward-meter-pct{letter-spacing:-.6px;color:var(--primary-strong);font-size:22px;font-weight:900}.reward-meter-level{color:var(--text-sub);font-size:12.5px;font-weight:700}.reward-track{background:#efede6;border-radius:999px;height:10px;position:relative;overflow:hidden}.reward-track-fill{background:linear-gradient(90deg,#ffd874 0%,#f2c94c 55%,#d1a916 100%);border-radius:999px;min-width:14px;height:100%;transition:width .7s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.reward-track-fill:after{content:"";background:linear-gradient(100deg,#fff0 30%,#ffffff8c 50%,#fff0 70%);animation:2.4s ease-in-out infinite reward-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes reward-shimmer{0%{transform:translate(-100%)}60%{transform:translate(180%)}to{transform:translate(180%)}}.reward-cheer{text-align:center;letter-spacing:-.1px;color:var(--text-sub);margin:11px 0 0;font-size:13px;font-weight:400}.reward-cta{letter-spacing:-.2px;cursor:pointer;background:var(--primary-strong);color:#fff;border:none;border-radius:14px;width:100%;margin-top:18px;padding:15px;font-size:15.5px;font-weight:800;transition:transform .12s,filter .12s}.reward-cta:active{filter:brightness(.96);transform:scale(.98)}.reward-cta:disabled{cursor:default}.reward-cta--ghost{color:var(--text-sub);background:#f4f2ec}.reward-cta--pulse{animation:1.7s ease-in-out infinite reward-pulse}@keyframes reward-pulse{0%,to{box-shadow:0 0 #d1a91673}50%{box-shadow:0 0 0 10px #d1a91600}}.reward-result{text-align:center;letter-spacing:-.2px;color:var(--text-sub);background:#f7f5ef;border-radius:14px;margin-top:16px;padding:13px;font-size:13.5px;font-weight:700}.reward-result-pending{background:var(--primary-soft);color:#8a6d00}.reward-result-paid{color:#1a7f37;background:#e7f6ec}.reward-result-rejected{color:#b42318;background:#fcedec}.reward-card-error{text-align:center;color:#b42318;margin:10px 0 0;font-size:12.5px;font-weight:600}@media (prefers-reduced-motion:reduce){.reward-track-fill:after,.reward-cta--pulse{animation:none}}.point-page{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.point-total-card{margin-top:20px;margin-bottom:20px;padding:20px 18px 6px}.point-card p{color:var(--text-sub);margin:0 0 6px;font-size:13px;font-weight:600}.point-card strong{color:var(--text-main);letter-spacing:-.6px;font-size:32px;font-weight:800}.point-total-number{align-items:baseline;display:inline-flex}.point-total-number span{letter-spacing:-1px;margin-left:2px;font-size:18px;font-weight:380}.point-page-desc{text-align:center;color:var(--text-sub);letter-spacing:-.1px;margin:6px 0 18px;font-size:13px;font-weight:400}.point-history{margin-top:22px}.point-history-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;padding:0 4px;display:flex}.point-history-heading{flex-direction:column;gap:2px;display:flex}.point-history-title{color:var(--text-main);letter-spacing:-.3px;margin:0;font-size:16px;font-weight:700}.point-history-sub{color:var(--text-sub);margin:0;font-size:12px;font-weight:500;line-height:1.4}.point-history-more{color:var(--text-sub);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 0;font-size:12px;font-weight:600}.point-history-card{background:var(--card-white);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:18px;max-height:240px;padding:4px 14px;overflow-y:auto}.point-history-list{margin:0;padding:0;list-style:none}.point-history-empty{text-align:center;color:var(--text-muted);margin:0;padding:22px 8px;font-size:13px;font-weight:500}.point-history-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.point-history-row:last-child{border-bottom:none}.point-rule-icon{background:#f2c94c3d;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-family:Pretendard,sans-serif;line-height:1;display:inline-flex}.icon-meal-check{background:var(--primary-soft);font-size:0}.icon-meal-check:before{content:"";border-left:2px solid var(--primary-strong);border-bottom:2px solid var(--primary-strong);border-bottom-left-radius:1px;width:10px;height:5px;transform:rotate(-45deg)translateY(-1px)}.icon-three-meals{background:var(--primary-soft);color:var(--primary-strong);font-size:14px;font-weight:700}.icon-weekly-goal{background:var(--primary-soft);color:var(--primary-strong);font-size:14px}.icon-full-week{background:var(--primary-soft);color:var(--primary-strong);letter-spacing:.5px;font-size:8px}.point-history-info{flex:1;min-width:0}.point-history-label{color:var(--text-main);margin:0 0 2px;font-size:14px;font-weight:600;line-height:1.3}.point-history-time{color:var(--text-muted);margin:0;font-size:12px;font-weight:500;line-height:1.3}.point-history-value{color:var(--primary-strong);letter-spacing:-.2px;flex:none;font-size:15px;font-weight:700}.point-rules{margin-top:22px}.point-rules-title{color:var(--text-main);letter-spacing:-.3px;margin:0 0 10px;padding-left:4px;font-size:16px;font-weight:700}.point-rules-listcard{background:var(--card-white);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:20px;padding:6px 16px 8px}.point-rule-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:13px 0;display:flex}.point-rule-row:last-of-type{border-bottom:none}.point-rule-info{flex:1;min-width:0}.point-rule-name{color:var(--text-main);margin:0;font-size:14.5px;font-weight:600;line-height:1.3}.point-rule-sub{color:var(--text-muted);margin:2px 0 0;font-size:12px;font-weight:500;line-height:1.3}.point-rule-pill{background:var(--primary-soft);color:var(--primary-strong);letter-spacing:-.2px;border-radius:999px;flex:none;padding:6px 12px;font-size:13px;font-weight:800}.point-rule-row--extra{animation:.18s ease-out point-rules-expand}.point-more-btn{border:none;border-top:1px solid var(--line);width:100%;color:var(--text-sub);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;margin-top:2px;padding:14px 0 8px;font-size:13.5px;font-weight:800;display:inline-flex}.point-more-btn:hover{color:var(--primary-strong)}.point-more-chevron{border-bottom:2.5px solid;border-right:2.5px solid;border-radius:1px;width:8px;height:8px;transition:transform .2s;transform:translateY(-2px)rotate(45deg)}.point-more-btn.open .point-more-chevron{transform:translateY(1px)rotate(225deg)}.point-rules-title-row{align-items:center;gap:8px;margin-bottom:10px;padding-left:4px;display:flex}.point-rules-title-row .point-rules-title{margin:0;padding-left:0}@keyframes point-rules-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.point-rules-help-wrap{display:inline-flex;position:relative}.point-rules-help{background:var(--card-white);width:22px;height:22px;color:var(--text-sub);cursor:pointer;border:1px solid #2e2a241f;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.point-rules-help:hover{background:var(--card)}.point-info-tooltip{color:#fffdf8;box-shadow:var(--shadow-soft);white-space:nowrap;z-index:10;background:gray;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:500;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.point-info-tooltip:before{content:"";background:gray;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.point-history-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#2e2a2473;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out point-modal-fade-in;display:flex;position:fixed;inset:0}@keyframes point-modal-fade-in{0%{opacity:0}to{opacity:1}}.point-history-modal{background:linear-gradient(#fff 0%,#fffcf1 100%);border-radius:22px;width:100%;max-width:360px;padding:18px 20px;animation:.22s ease-out point-modal-pop-in;box-shadow:0 20px 50px #2e2a2433}@keyframes point-modal-pop-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.point-history-modal-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.point-history-modal-title{color:var(--text-main);letter-spacing:-.3px;margin:0;font-size:17px;font-weight:800}.point-history-modal-close{color:var(--text-sub);cursor:pointer;background:0 0;border:none;padding:4px;font-size:15px;line-height:1}.point-history-modal-list{max-height:360px;overflow-y:auto}.point-scroll-hint{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:3px;animation:1.4s ease-in-out infinite point-hint-bounce;display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.point-scroll-hint-text{color:var(--text-sub);box-shadow:var(--shadow-soft);background:#fffdf8eb;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.point-scroll-hint-chevron{border-right:2.5px solid var(--text-sub);border-bottom:2.5px solid var(--text-sub);border-radius:1px;width:10px;height:10px;transform:rotate(45deg)}@keyframes point-hint-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}@media (prefers-reduced-motion:reduce){.point-scroll-hint{animation:none}}.chat-page{flex-direction:column;height:calc(100dvh - 166px);padding-bottom:0;display:flex}.chat-title-section{margin-top:6px;margin-bottom:14px;padding-left:4px}.chat-title{color:var(--text-main);letter-spacing:-.5px;margin:0;font-size:22px;font-weight:800}.chat-subtitle{color:var(--text-sub);margin:4px 0 0;font-size:13px;font-weight:500;line-height:1.4}.chat-info-card{border:1px solid var(--line);color:var(--text-main);box-shadow:var(--shadow-soft);background:linear-gradient(#fff 0%,#fffcf1 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;font-size:14px;font-weight:600;line-height:1.4;display:flex;position:relative;overflow:hidden}.chat-info-card-text{z-index:1;flex:1}.chat-reset-button{z-index:1;color:#c9a24a;cursor:pointer;background:#fff;border:1px solid #c9a24a59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:transform .15s,background-color .15s;display:inline-flex;position:relative}.chat-reset-button:hover:not(:disabled){background:#fff3d6}.chat-reset-button:active:not(:disabled){transform:rotate(-120deg)}.chat-reset-button:disabled{opacity:.4;cursor:not-allowed}.chat-thread{overscroll-behavior:contain;min-height:0;padding-bottom:calc(90px + env(safe-area-inset-bottom));scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:10px;margin-bottom:0;display:flex;overflow-y:auto}.chat-thread::-webkit-scrollbar{display:none}.chat-message{align-items:flex-end;gap:8px;display:flex}.chat-message.message-user{flex-direction:row-reverse}.chat-avatar img{object-fit:contain;width:30px;height:30px}.chat-bubble{max-width:78%;box-shadow:var(--shadow-soft);word-break:break-word;border-radius:16px;padding:10px 14px;font-size:13px;line-height:1.5}.bubble-ai{background:var(--card-white);border:1px solid var(--line);color:var(--text-main);border-bottom-left-radius:4px}.chat-typing{align-items:center;gap:5px;min-height:20px;padding:12px 14px;display:inline-flex}.chat-typing-dot{background-color:#c9a24a;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite both chat-typing-bounce;display:inline-block}.chat-typing-dot:first-child{animation-delay:-.32s}.chat-typing-dot:nth-child(2){animation-delay:-.16s}.chat-typing-dot:nth-child(3){animation-delay:0s}@keyframes chat-typing-bounce{0%,80%,to{opacity:.5;transform:translateY(0)scale(.85)}40%{opacity:1;transform:translateY(-5px)scale(1)}}.bubble-user{color:var(--text-main);background:#fff0b8;border:1px solid #d1a91647;border-bottom-right-radius:4px}.chat-composer{bottom:calc(78px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);box-sizing:border-box;z-index:15;background:#faf7efeb;align-items:center;gap:8px;width:100%;max-width:430px;padding:10px 20px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.chat-input{border:1px solid var(--line);background:var(--card-white);height:42px;color:var(--text-main);box-shadow:var(--shadow-soft);border-radius:999px;outline:none;flex:1;padding:0 18px;font-family:inherit;font-size:16px}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{border-color:#d1a91673}.chat-send{background:var(--primary-strong);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:800;transition:transform .15s;display:flex;box-shadow:0 4px 12px #d1a9163d}.chat-send:hover{transform:translateY(-1px)}.diet-page{padding-bottom:24px}.diet-page-title{margin-top:6px;margin-bottom:16px;padding-left:4px}.diet-page-title h2{color:var(--text-main);letter-spacing:-.5px;margin:0;font-size:22px;font-weight:800}.diet-page-title p{color:var(--text-sub);margin:4px 0 0;font-size:13px;font-weight:500;line-height:1.4}.diet-status-badge{background:var(--primary-soft);color:var(--primary-strong);border-radius:999px;margin-top:10px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.meal-type-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.meal-type-card{background:var(--card-white);border:1px solid var(--line);color:var(--text-sub);cursor:pointer;box-shadow:var(--shadow-soft);border-radius:14px;padding:12px 0;font-family:inherit;font-size:13px;font-weight:600;transition:transform .15s,background .15s}.meal-type-card:hover{transform:translateY(-1px)}.meal-type-card.is-selected{color:var(--text-main);background:#fff0b8;border-color:#d1a91647;font-weight:800;box-shadow:0 4px 12px #d1a91629}.meal-photo-card{background:var(--card-white);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:22px;margin-bottom:14px;padding:20px;position:relative;overflow:hidden}.meal-upload-area{z-index:1;text-align:center;padding:6px 0;position:relative}.meal-upload-title{color:var(--text-main);margin:0 0 4px;font-size:15px;font-weight:700}.meal-upload-sub{color:var(--text-sub);margin:0 0 14px;font-size:12px;font-weight:500;line-height:1.4}.meal-upload-button{color:var(--text-main);cursor:pointer;background:#fff0b8;border:1px solid #d1a91647;border-radius:14px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .15s;display:inline-block;box-shadow:0 3px 8px #d1a9161a}.meal-upload-button:hover{transform:translateY(-1px)}.meal-upload-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.meal-preview-wrap{z-index:1;margin-bottom:12px;position:relative}.meal-preview-image{object-fit:cover;border-radius:16px;width:100%;max-height:260px;display:block}.meal-preview-remove{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2e2a2499;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:inherit;font-size:13px;font-weight:700;line-height:1;transition:background .15s,transform .15s;display:flex;position:absolute;top:8px;right:8px}.meal-preview-remove:hover{background:#2e2a24d9;transform:scale(1.05)}.meal-preview-remove:disabled{opacity:.4;cursor:not-allowed;transform:none}.meal-analyzing-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;background:#1e1a148c;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.meal-spinner{width:52px;height:52px;position:relative}.meal-spinner-dot{opacity:.2;background:#fff;border-radius:50%;width:8px;height:8px;margin:-4px;animation:1.1s linear infinite meal-spinner-fade;position:absolute;top:50%;left:50%}.meal-spinner-dot:first-child{animation-delay:-1s;transform:rotate(0)translateY(-20px)}.meal-spinner-dot:nth-child(2){animation-delay:-.875s;transform:rotate(45deg)translateY(-20px)}.meal-spinner-dot:nth-child(3){animation-delay:-.75s;transform:rotate(90deg)translateY(-20px)}.meal-spinner-dot:nth-child(4){animation-delay:-.625s;transform:rotate(135deg)translateY(-20px)}.meal-spinner-dot:nth-child(5){animation-delay:-.5s;transform:rotate(180deg)translateY(-20px)}.meal-spinner-dot:nth-child(6){animation-delay:-.375s;transform:rotate(225deg)translateY(-20px)}.meal-spinner-dot:nth-child(7){animation-delay:-.25s;transform:rotate(270deg)translateY(-20px)}.meal-spinner-dot:nth-child(8){animation-delay:-.125s;transform:rotate(315deg)translateY(-20px)}@keyframes meal-spinner-fade{0%,39%,to{opacity:.2}40%{opacity:1}}.meal-analyzing-text{color:#fff;letter-spacing:.3px;text-shadow:0 1px 2px #0000004d;margin:0;font-size:13px;font-weight:600}.meal-photo-actions{z-index:1;gap:8px;display:flex;position:relative}.meal-upload-relabel{background:var(--card-white);border:1px solid var(--line);color:var(--text-sub);cursor:pointer;border-radius:12px;flex:none;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:600}.meal-analyze-button{color:var(--text-main);cursor:pointer;background:#fff0b8;border:1px solid #d1a91647;border-radius:14px;flex:1;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .15s;box-shadow:0 3px 8px #d1a9161a}.meal-analyze-button:hover{transform:translateY(-1px)}.meal-manual-input{margin-bottom:16px;padding:0 4px}.meal-manual-label{color:var(--text-main);margin:0 0 8px;font-size:13px;font-weight:700;display:block}.manual-field{flex-direction:column;gap:4px;display:flex}.manual-field-full{margin-bottom:8px}.manual-field-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.manual-field-label{color:var(--text-sub);padding-left:4px;font-size:11px;font-weight:600}.manual-field input{background:var(--card-white);border:1px solid var(--line);width:100%;color:var(--text-main);box-shadow:var(--shadow-soft);box-sizing:border-box;border-radius:12px;outline:none;padding:11px 14px;font-family:inherit;font-size:16px}.manual-field input::placeholder{color:var(--text-muted)}.manual-field input:focus{border-color:#d1a91673}.manual-field-input-wrap{position:relative}.manual-field-input-wrap input{padding-right:38px}.manual-field-unit{color:var(--text-sub);pointer-events:none;font-size:11px;font-weight:600;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.manual-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.manual-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.manual-field input[type=number]{-moz-appearance:textfield}.ai-result-card{box-shadow:var(--shadow-card);background:linear-gradient(#fff 0%,#fffcf1 100%);border:1px solid #2e2a240a;border-radius:22px;margin-bottom:14px;padding:18px 20px;position:relative;overflow:hidden}.ai-result-card:before{content:"";pointer-events:none;background:#5e9f8a24;border-radius:50%;width:64px;height:64px;position:absolute;bottom:-18px;right:-18px}.ai-result-title{z-index:1;color:var(--text-main);letter-spacing:-.3px;margin:0 0 8px;font-size:16px;font-weight:800;position:relative}.ai-result-summary{z-index:1;color:var(--text-main);margin:0 0 12px;font-size:14px;font-weight:600;position:relative}.ai-result-stats{z-index:1;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid;position:relative}.ai-result-stats>div{background:var(--card-white);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.ai-result-stats span{color:var(--text-sub);font-size:11px;font-weight:600}.ai-result-stats strong{color:var(--primary-strong);letter-spacing:-.2px;font-size:15px;font-weight:800}.ai-result-comment{z-index:1;color:var(--text-main);background:#5e9f8a1a;border-radius:12px;margin:0 0 10px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.5;position:relative}.meal-save-wrap{margin-bottom:12px;position:relative}.meal-save-button{width:100%;color:var(--text-main);letter-spacing:-.2px;cursor:pointer;background:#fff0b8;border:1px solid #d1a91647;border-radius:14px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .15s,background .2s,color .2s;box-shadow:0 3px 8px #d1a9161a}.meal-save-button:hover{transform:translateY(-1px)}.meal-save-button.is-saved{color:#fff;background:#5e9f8a;border-color:#0000;box-shadow:0 3px 8px #5e9f8a2e}.point-reward-badge{color:#8a641c;letter-spacing:-.2px;pointer-events:none;background:#fff3c4;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:900;animation:1.6s ease-out forwards reward-float;position:absolute;top:-10px;right:18px;box-shadow:0 6px 14px #d1a9162e}@keyframes reward-float{0%{opacity:0;transform:translateY(8px)scale(.9)}20%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-28px)scale(1.05)}}.reward-sparkle{pointer-events:none;opacity:0;font-size:14px;animation:1.4s ease-out forwards reward-sparkle-pop;position:absolute}.reward-sparkle-1{animation-delay:50ms;top:-4px;left:14%}.reward-sparkle-2{animation-delay:.2s;top:-16px;right:32%}.reward-sparkle-3{animation-delay:.4s;top:4px;right:8%}@keyframes reward-sparkle-pop{0%{opacity:0;transform:scale(.4)rotate(0)}35%{opacity:1;transform:scale(1)rotate(15deg)}to{opacity:0;transform:scale(.6)rotate(0)}}.saved-toast{text-align:center;color:#5e9f8a;background:#5e9f8a1a;border-radius:12px;margin:0 0 18px;padding:10px 14px;font-size:13px;font-weight:600;animation:.3s ease-out reward-fade-in}@keyframes reward-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings-page{padding-bottom:32px}.settings-page-title{margin-top:6px;margin-bottom:16px;padding-left:4px}.settings-page-title h2{color:var(--text-main);letter-spacing:-.5px;margin:0;font-size:22px;font-weight:800}.settings-page-title p{color:var(--text-sub);margin:4px 0 0;font-size:13px;font-weight:500;line-height:1.4}.settings-card{box-shadow:var(--shadow-soft);background:linear-gradient(#fff 0%,#fffcf1 100%);border:1px solid #2e2a240d;border-radius:18px;margin-bottom:14px;padding:18px 20px}.settings-card-title{color:var(--text-main);letter-spacing:-.2px;margin:0 0 14px;font-size:15px;font-weight:800}.settings-helper-text{color:var(--text-muted);margin:4px 0 0;font-size:11px;font-weight:500;line-height:1.4}.settings-profile-card{position:relative;overflow:hidden}.profile-image-area{z-index:1;align-items:center;gap:14px;margin-bottom:14px;display:flex;position:relative}.profile-image-upload{background:var(--primary-soft);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .15s;display:flex;position:relative;box-shadow:0 4px 12px #2e2a2414}.profile-image-upload:hover{transform:translateY(-1px)}.profile-image{object-fit:cover;box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:100%;height:100%;display:block}.profile-image-upload:after{content:"+";background:var(--primary-strong);color:#fff;text-align:center;z-index:1;border:2px solid #fff;border-radius:50%;width:22px;height:22px;font-size:14px;font-weight:800;line-height:22px;position:absolute;bottom:-2px;right:-2px}.profile-info{flex:1;min-width:0}.profile-info-name{color:var(--text-main);margin:0 0 2px;font-size:14px;font-weight:700}.profile-info-hint{color:var(--text-sub);margin:0;font-size:11px;font-weight:500;line-height:1.4}.profile-id-row{z-index:1;background:#2e2a2408;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.profile-id-row-label{color:var(--text-sub);flex:none;font-size:12px;font-weight:700}.profile-id-row-value{color:var(--text-main);flex:1;font-size:14px;font-weight:600}.profile-id-row-button{background:var(--card-white);border:1px solid var(--line);color:var(--text-sub);cursor:pointer;border-radius:999px;flex:none;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700}.profile-id-row-button:hover{color:var(--primary-strong);border-color:#d1a91673}.profile-id-edit{z-index:1;background:#2e2a2408;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex;position:relative}.profile-id-edit input{background:var(--card-white);border:1px solid var(--line);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px}.profile-id-edit input:focus{border-color:#d1a91673}.profile-id-edit-buttons{justify-content:flex-end;gap:8px;display:flex}.profile-id-edit-buttons button{background:var(--card-white);border:1px solid var(--line);color:var(--text-sub);cursor:pointer;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700}.profile-id-edit-buttons button.is-primary{background:var(--primary-strong);color:#fff;border-color:#0000;box-shadow:0 2px 8px #d1a9163d}.notification-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;transition:opacity .2s;display:flex}.notification-row:last-child{border-bottom:none;padding-bottom:0}.notification-row:first-of-type{padding-top:0}.notification-row-disabled{opacity:.4}.notification-row-info{flex:1;min-width:0}.notification-row-title{color:var(--text-main);margin:0 0 2px;font-size:14px;font-weight:500}.notification-row-desc{color:var(--text-sub);margin:0;font-size:11px;line-height:1.4}.toggle-switch{cursor:pointer;background:#d9d2c4;border:none;border-radius:999px;flex:none;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.toggle-switch:disabled{cursor:not-allowed}.toggle-switch-on{background:var(--primary-strong)}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #2e2a2426}.toggle-switch-on .toggle-thumb{transform:translate(20px)}.notification-row.is-master{border-bottom:none;padding-bottom:12px}.notification-children{border-left:2px solid var(--primary-soft);margin-top:4px;margin-left:4px;padding-left:16px;transition:border-color .2s;position:relative}.notification-children-off{border-left-color:#2e2a2414}.notification-children .notification-row{border-top:none;padding:10px 0}.notification-children .notification-row:first-child{padding-top:4px}.notification-children .notification-row:last-child{border-bottom:none;padding-bottom:0}.settings-list-row{border:none;border-bottom:1px solid var(--line);width:100%;color:var(--text-main);cursor:pointer;text-align:left;background:linear-gradient(#fff 0%,#fffcf1 100%);justify-content:space-between;align-items:center;padding:12px 0;font-family:inherit;font-size:14px;font-weight:500;display:flex}.settings-list-row:last-child{border-bottom:none;padding-bottom:0}.settings-list-row:first-of-type{padding-top:0}.settings-list-row-arrow{color:var(--text-muted);font-size:14px;font-weight:600}.settings-list-danger,.settings-list-danger .settings-list-row-arrow{color:#b5764a}.inquiry-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#2e2a2473;justify-content:center;align-items:center;padding:24px;animation:.18s ease-out inquiry-fade-in;display:flex;position:fixed;inset:0}@keyframes inquiry-fade-in{0%{opacity:0}to{opacity:1}}.inquiry-modal{background:linear-gradient(#fff 0%,#fffcf1 100%);border-radius:22px;width:100%;max-width:360px;padding:22px 22px 18px;animation:.22s ease-out inquiry-pop-in;box-shadow:0 20px 50px #2e2a2433}@keyframes inquiry-pop-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.inquiry-modal-title{color:var(--text-main);letter-spacing:-.3px;margin:0 0 6px;font-size:17px;font-weight:800}.inquiry-modal-desc{color:var(--text-sub);margin:0 0 12px;font-size:12px;font-weight:500;line-height:1.5}.inquiry-modal-textarea{background:var(--card-white);border:1px solid var(--line);width:100%;color:var(--text-main);resize:vertical;box-sizing:border-box;border-radius:12px;outline:none;min-height:100px;padding:12px 14px;font-family:inherit;font-size:13px;line-height:1.5}.inquiry-modal-textarea::placeholder{color:var(--text-muted)}.inquiry-modal-textarea:focus{border-color:#d1a91673}.inquiry-modal-buttons{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.inquiry-modal-buttons button{background:var(--card-white);border:1px solid var(--line);color:var(--text-sub);cursor:pointer;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:700}.inquiry-modal-buttons button.is-primary{color:var(--text-main);background:#fff0b8;border-color:#d1a91647;box-shadow:0 3px 8px #d1a9161a}.login-page{box-sizing:border-box;background:#faf7ef;justify-content:center;align-items:center;min-height:100dvh;padding:32px 20px;display:flex}.login-card{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:360px;display:flex}.login-logo{color:#d1a916;letter-spacing:1px;margin:0;font-family:Pacifico,cursive;font-size:56px;font-weight:200}.login-tagline{color:var(--text-sub,#6f6552);margin:0;font-size:15px;line-height:1.5}.login-kakao-btn{color:#191600;cursor:pointer;background:#fee500;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;margin-top:22px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #fee50059}.login-kakao-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #fee50066}.login-kakao-btn:disabled{opacity:.6;cursor:not-allowed}.login-kakao-icon{font-size:18px}.login-error{color:#c0392b;margin:8px 0 0;font-size:13px;line-height:1.4}.login-form{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.login-input{box-sizing:border-box;color:#3a3320;background:#fff;border:1px solid #e3dcc8;border-radius:12px;width:100%;height:48px;padding:0 14px;font-family:inherit;font-size:16px}.login-input::placeholder{color:#b3a98f}.signup-body-row{gap:10px;display:flex}.signup-body-row .login-input{flex:1 1 0;min-width:0}.login-input:focus{border-color:#d1a916;outline:none}.login-input:disabled{opacity:.6}.login-submit-btn{color:#fff;cursor:pointer;background:#d1a916;border:none;border-radius:12px;width:100%;height:50px;margin-top:4px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #d1a9164d}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #d1a91666}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-code-input{text-align:center;letter-spacing:8px;font-size:20px;font-weight:700}.login-divider{color:#a99f86;align-items:center;gap:12px;width:100%;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e3dcc8;flex:1;height:1px}.login-signup-row{color:var(--text-sub,#6f6552);margin:4px 0 0;font-size:14px}.login-signup-link{color:#d1a916;font-weight:700;text-decoration:none}.login-info{color:var(--text-sub,#6f6552);margin:0;font-size:13px;line-height:1.5}.login-text-btn{color:#6f6552;cursor:pointer;background:0 0;border:none;padding:4px;font-family:inherit;font-size:13px;text-decoration:underline}.login-text-btn:disabled{opacity:.5;cursor:not-allowed}.ranking-page{padding-bottom:12px}.ranking-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.ranking-back{border:1px solid var(--line);background:var(--card-white);width:34px;height:34px;color:var(--text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0 0 3px;font-size:22px;font-weight:700;line-height:1;display:flex}.ranking-back:active{transform:scale(.94)}.ranking-title{color:var(--text-main);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.ranking-header-spacer{flex:0 0 34px;width:34px}.ranking-sub{text-align:center;color:var(--text-sub);margin:2px 0 18px;font-size:13px;font-weight:500}.ranking-state{text-align:center;color:var(--text-sub);padding:40px 0;font-size:14px}.ranking-podium{justify-content:center;align-items:flex-end;gap:10px;margin-bottom:22px;padding:14px 6px 0;display:flex;position:relative}.ranking-podium:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 70% at 50% 0,#f2c94c47 0%,#f2c94c00 70%);width:78%;height:150px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.podium-col{z-index:1;flex-direction:column;flex:1 1 0;align-items:center;min-width:0;animation:.5s cubic-bezier(.34,1.56,.64,1) both podium-rise;display:flex;position:relative}.podium-1{order:2;animation-delay:.16s}.podium-2{order:1;animation-delay:0s}.podium-3{order:3;animation-delay:80ms}@keyframes podium-rise{0%{opacity:0;transform:translateY(26px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.podium-info{flex-direction:column;align-items:center;gap:3px;max-width:100%;margin-bottom:10px;display:flex}.podium-crown{filter:drop-shadow(0 2px 3px #d1a91673);margin-bottom:-2px;font-size:24px;line-height:1;animation:2.4s ease-in-out infinite crown-float}@keyframes crown-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-5px)rotate(4deg)}}.podium-avatar-wrap{display:inline-flex;position:relative}.podium-avatar{color:#fff;letter-spacing:-.5px;border:3px solid var(--card-white);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:flex;box-shadow:0 6px 14px #2e2a242e}.podium-avatar--photo{background:var(--card-white);overflow:hidden}.podium-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.podium-1 .podium-avatar{border-color:#ffe9a8;width:64px;height:64px;font-size:27px;animation:2.2s ease-in-out infinite champ-glow;box-shadow:0 0 0 3px #f2c94c8c,0 8px 18px #d1a91666}@keyframes champ-glow{0%,to{box-shadow:0 0 0 3px #f2c94c8c,0 8px 18px #d1a91666}50%{box-shadow:0 0 0 6px #f2c94c47,0 10px 24px #d1a9168c}}.podium-medal{filter:drop-shadow(0 1px 2px #0003);font-size:20px;line-height:1;position:absolute;bottom:-4px;right:-6px}.podium-1 .podium-medal{font-size:24px}.podium-user{max-width:100%;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;font-weight:700;overflow:hidden}.podium-level{color:var(--primary-strong);background:var(--primary-soft);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800}.podium-xp{color:var(--text-sub);font-size:11px;font-weight:700}.podium-bar{box-sizing:border-box;width:100%;box-shadow:var(--shadow-soft);border-radius:16px 16px 0 0;justify-content:center;align-items:flex-start;padding-top:10px;display:flex;position:relative;overflow:hidden}.podium-bar-shine{background:linear-gradient(100deg,#fff0 0%,#ffffff8c 50%,#fff0 100%);width:40%;height:180%;animation:3.2s ease-in-out infinite bar-shine;position:absolute;top:-40%;left:-60%;transform:skew(-18deg)}.podium-2 .podium-bar-shine{animation-delay:.4s}.podium-3 .podium-bar-shine{animation-delay:.8s}@keyframes bar-shine{0%{left:-60%}55%{left:140%}to{left:140%}}.podium-1 .podium-bar{background:linear-gradient(#ffdc6b 0%,#e7b100 100%);height:104px}.podium-2 .podium-bar{background:linear-gradient(#dce2ea 0%,#a9b3c0 100%);height:76px}.podium-3 .podium-bar{background:linear-gradient(#ecc196 0%,#c2854c 100%);height:58px}.podium-bar-rank{z-index:1;color:#fff;text-shadow:0 1px 2px #0000002e;font-size:26px;font-weight:900;position:relative}.podium-1 .podium-bar-rank{font-size:32px}.podium-col.is-me .podium-bar{outline:3px solid var(--primary-strong);outline-offset:-3px}.podium-col.is-me .podium-user{color:var(--primary-strong)}@media (prefers-reduced-motion:reduce){.podium-col,.podium-crown,.podium-1 .podium-avatar,.podium-bar-shine{animation:none}}.ranking-list{background:var(--card-white);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:18px;padding:2px 14px}.ranking-list-head{border-bottom:1px solid var(--line);color:var(--text-muted);align-items:center;gap:8px;padding:10px 0 8px;font-size:11px;font-weight:700;display:flex}.ranking-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 0;transition:background .15s;display:flex}.ranking-row:active{background:#f2c94c14}.ranking-row:last-child{border-bottom:none}.ranking-rank{text-align:center;color:var(--text-sub);flex:0 0 34px;font-size:15px;font-weight:800}.ranking-user{min-width:0;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;flex:auto;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.ranking-level{text-align:center;color:var(--primary-strong);flex:0 0 46px;font-size:12px;font-weight:800}.ranking-xp{text-align:right;color:var(--text-main);letter-spacing:-.2px;flex:0 0 72px;font-size:14px;font-weight:700}.ranking-list-head .ranking-level,.ranking-list-head .ranking-rank,.ranking-list-head .ranking-xp{color:var(--text-muted);font-size:11px}.ranking-row.is-me{background:var(--primary-soft);border-bottom:none;border-radius:12px;margin:4px 0;padding-left:8px;padding-right:8px}.ranking-me-tag{color:#fff;background:var(--primary-strong);border-radius:999px;flex:none;padding:2px 7px;font-size:10px;font-weight:800}.ranking-me-floating{margin-top:14px}.ranking-me-label{color:var(--text-sub);margin:8px 2px 2px;font-size:12px;font-weight:700}@media (width<=360px){.podium-1 .podium-bar{height:92px}.podium-2 .podium-bar{height:68px}.podium-3 .podium-bar{height:52px}.podium-user{font-size:12px}.ranking-xp{flex-basis:62px}.podium-avatar{width:46px;height:46px;font-size:19px}.podium-1 .podium-avatar{width:56px;height:56px;font-size:23px}}.report-page{padding-bottom:16px}.report-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.report-back{border:1px solid var(--line);background:var(--card-white);width:34px;height:34px;color:var(--text-main);cursor:pointer;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;padding:0 0 3px;font-size:22px;font-weight:700;line-height:1;display:flex}.report-back:active{transform:scale(.94)}.report-headtext{flex:auto;min-width:0}.report-title{color:var(--text-main);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.report-range{color:var(--text-sub);margin:2px 0 0;font-size:12px;font-weight:500}.report-header-spacer{flex:0 0 34px;width:34px}.report-state{text-align:center;color:var(--text-sub);padding:36px 12px;font-size:14px;line-height:1.5}.report-kcal-card{background:var(--card-white);border:1px solid var(--line);box-shadow:var(--shadow-soft);text-align:center;border-radius:18px;margin-bottom:14px;padding:18px}.report-kcal-label{color:var(--text-sub);margin:0;font-size:13px;font-weight:600}.report-kcal-value{color:var(--text-main);letter-spacing:-.5px;margin:6px 0 4px;font-size:34px;font-weight:900}.report-kcal-unit{color:var(--text-sub);margin-left:4px;font-size:15px;font-weight:700}.report-kcal-avg{color:var(--text-muted);margin:0;font-size:12px;font-weight:600}.report-section{background:var(--card-white);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:18px;margin-bottom:14px;padding:18px}.report-section-title{color:var(--text-main);margin:0 0 14px;font-size:15px;font-weight:800}.report-section-footer{text-align:center;color:var(--text-sub);margin:14px 0 0;font-size:12px;font-weight:600}.report-section-footer strong{color:var(--primary-strong)}.report-week-row{justify-content:space-between;gap:4px;display:flex}.report-day{flex-direction:column;flex:1 1 0;align-items:center;gap:5px;min-width:0;display:flex}.report-day-label{color:var(--text-sub);font-size:11px;font-weight:700}.report-day-circle{border:1.5px solid var(--line);width:30px;height:30px;color:var(--text-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.report-day-circle.full{background:var(--primary);border-color:var(--primary);color:#fff;font-size:14px}.report-day-circle.partial{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.report-day-circle.today{outline:2px solid var(--primary-strong);outline-offset:1px}.report-day-exercise{height:12px;font-size:11px;line-height:1}.report-day-date{color:var(--text-muted);font-size:10px;font-weight:600}.report-nutri-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.report-nutri-item{text-align:center;border:1px solid var(--line);border-radius:14px;padding:14px 6px}.report-nutri-item.carbs{background:#fff3c4}.report-nutri-item.protein{background:#e4f4e8}.report-nutri-item.fat{background:#fbe6d4}.report-nutri-item.burn{background:#fbe0dc}.report-nutri-item.time{background:#e3ecfb}.report-nutri-item.days{background:#e8f5ee}.report-nutri-sub{color:var(--text-sub);margin:0 1px;font-size:11px;font-weight:700}.report-nutri-label{color:var(--text-sub);margin:0 0 4px;font-size:12px;font-weight:700}.report-nutri-value{color:var(--text-main);margin:0;font-size:22px;font-weight:900}.report-nutri-unit{color:var(--text-muted);margin:2px 0 0;font-size:10px;font-weight:600}.report-nutri-avg{border-top:1px solid var(--line);text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;padding-top:14px;display:grid}.report-nutri-avg-value{color:var(--text-main);margin:0;font-size:14px;font-weight:800}.report-nutri-avg-label{color:var(--text-sub);margin:2px 0 0;font-size:11px;font-weight:600}.exercise-page{padding-bottom:24px}.record-mode-toggle{background:#f1ecdd;border-radius:14px;gap:6px;margin:4px 0 16px;padding:4px;display:flex}.record-mode-tab{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1 1 0;padding:10px 0;font-size:15px;font-weight:700;transition:background .15s,color .15s}.record-mode-tab.is-active{background:var(--card-white);color:var(--text-main);box-shadow:var(--shadow-soft)}.exercise-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.exercise-back{border:1px solid var(--line);background:var(--card-white);width:34px;height:34px;color:var(--text-main);cursor:pointer;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;padding:0 0 3px;font-size:22px;font-weight:700;line-height:1;display:flex}.exercise-back:active{transform:scale(.94)}.exercise-title{color:var(--text-main);margin:0;font-size:18px;font-weight:800}.exercise-header-spacer{flex:0 0 34px;width:34px}.exercise-sub{text-align:center;color:var(--text-sub);margin:2px 0 18px;font-size:13px;font-weight:500}.exercise-state{text-align:center;color:var(--text-sub);padding:40px 0;font-size:14px}.exercise-card{background:var(--card-white);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:18px;margin-bottom:14px;padding:18px}.exercise-card-title{color:var(--text-main);margin:0 0 12px;font-size:15px;font-weight:800}.exercise-field{margin-bottom:14px;display:block}.exercise-field-label{color:var(--text-sub);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.exercise-field input[type=text],.exercise-num-wrap input[type=number]{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--text-main);background:#fff;border-radius:12px;outline:none;padding:12px 14px;font-size:16px}.exercise-field input[type=text]:focus,.exercise-num-wrap input[type=number]:focus{border-color:var(--primary)}.exercise-chips{flex-wrap:wrap;gap:8px;margin:-4px 0 14px;display:flex}.exercise-chip{border:1px solid var(--line);background:var(--card-white);color:var(--text-sub);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}.exercise-chip.is-selected{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.exercise-chip:active{transform:scale(.95)}.exercise-time-row{gap:12px;display:flex}.exercise-time-row .exercise-field{flex:1 1 0}.exercise-num-wrap{align-items:center;display:flex;position:relative}.exercise-num-unit{color:var(--text-muted);pointer-events:none;font-size:13px;position:absolute;right:14px}.intensity-track{cursor:pointer;margin-top:4px;padding:12px 11px;position:relative}.intensity-track:focus-visible{outline:2px solid var(--primary-strong);outline-offset:3px;border-radius:8px}.intensity-rail{background:#e3cfcf80;border-radius:999px;height:6px;position:relative}.intensity-rail-fill{background:#d1a916;border-radius:999px;height:100%;transition:width .18s;position:absolute;top:0;left:0}.intensity-tick{cursor:pointer;background:0 0;border:none;width:26px;height:26px;margin:-13px 0 0 -13px;padding:0;position:absolute;top:50%}.intensity-tick:before{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #2e2a2426}.intensity-thumb{pointer-events:none;background:#fff;border:3px solid #d1a916;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:left .18s;position:absolute;top:50%;box-shadow:0 1px 4px #0003}.exercise-add-button{border:1px dashed var(--primary);background:var(--primary-soft);width:100%;color:var(--primary-strong);cursor:pointer;border-radius:12px;padding:13px;font-size:15px;font-weight:700}.exercise-add-button:disabled{opacity:.5;cursor:not-allowed}.exercise-skip-link{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:12px;padding:4px;font-size:13px;font-weight:600;text-decoration:underline;display:block}.exercise-skip-text{text-align:center;color:var(--text-main);margin:6px 0 14px;font-size:15px;font-weight:700}.exercise-skip-undo{border:1px solid var(--line);width:100%;color:var(--text-sub);cursor:pointer;background:0 0;border-radius:12px;margin-bottom:12px;padding:10px;font-size:14px;font-weight:600;display:block}.exercise-item-list{flex-direction:column;gap:8px;display:flex}.exercise-item{background:#faf8f2;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.exercise-item-text{color:var(--text-main);font-size:13px;font-weight:600;line-height:1.4}.exercise-item-remove{width:26px;height:26px;color:var(--text-sub);cursor:pointer;background:#2e2a240f;border:none;border-radius:50%;flex:none;font-size:13px}.exercise-total{background:var(--primary-soft);border-radius:14px;justify-content:space-between;align-items:baseline;margin-top:14px;padding:12px 14px;display:flex}.exercise-total span{color:var(--text-sub);font-size:14px;font-weight:700}.exercise-total strong{color:var(--primary-strong);font-size:20px;font-weight:900}.exercise-save-button{background:var(--primary);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-soft);border:none;border-radius:14px;padding:15px;font-size:16px;font-weight:800}.exercise-save-button:disabled{opacity:.5;cursor:not-allowed}.exercise-edit-button{border:1px solid var(--primary);background:var(--card-white);width:100%;color:var(--primary-strong);cursor:pointer;border-radius:12px;margin-top:14px;padding:12px;font-size:15px;font-weight:700}.exercise-error{text-align:center;color:#d7443e;margin:12px 0 0;font-size:13px;font-weight:600}.exercise-saved-toast{text-align:center;color:var(--primary-strong);margin:12px 0 0;font-size:14px;font-weight:700}.survey-shell{background:#faf7ef;min-height:100vh}.survey-page{box-sizing:border-box;color:#333;width:100%;max-width:430px;margin:0 auto;padding:24px 20px 88px;font-size:15px}.survey-head{margin-bottom:22px}.survey-topbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.survey-quit{color:#999;text-underline-offset:2px;background:0 0;border:none;flex-shrink:0;padding:4px 6px;font-size:13px;text-decoration:underline}.survey-quit:hover:not(:disabled){color:#666}.survey-quit:disabled{opacity:.5}.survey-reward-hint{background:linear-gradient(135deg,#fff3c4,#ffe89a);border:1px solid #f0d678;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;display:inline-flex;box-shadow:0 2px 8px #d1a9162e}.survey-reward-hint-emoji{font-size:15px}.survey-reward-hint-text{color:#8a6d0a;font-size:13px;font-weight:600}.survey-reward-hint-text strong{color:#b0850a;font-weight:800}.survey-kicker{color:#b08d12;margin:0;font-size:12px;font-weight:600}.survey-section-title{color:#2d2a22;margin:6px 0 0;font-size:20px;font-weight:700}.survey-section-desc{color:#888;margin:6px 0 0;font-size:13px;line-height:1.5}.survey-progress{background:#f0e8cf;border-radius:999px;width:100%;height:6px;margin-top:14px;overflow:hidden}.survey-progress-bar{background:linear-gradient(90deg,#f2c94c,#d1a916);border-radius:999px;height:100%;transition:width .3s}.survey-questions{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.survey-question{flex-direction:column;gap:10px;display:flex}.survey-question-head{align-items:flex-start;gap:8px;display:flex}.survey-qid{color:#c4b88f;flex-shrink:0;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.survey-qtext{color:#2d2a22;flex:1;margin:0;font-size:15px;font-weight:600;line-height:1.45}.survey-qnote{color:#a59b7f;margin:0;font-size:12px}.survey-input{color:#333;background:#fff;border:1px solid #e2ded7;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:16px}.survey-input:focus{border-color:#d1a916;box-shadow:0 0 0 3px #f2c94c40}.survey-input:disabled{color:#aaa;background:#f6f3ea}.survey-input--num{width:120px}.survey-input--time{width:auto}.survey-textarea{resize:vertical;line-height:1.5}.survey-field-label{color:#777;margin-bottom:5px;font-size:13px;display:block}.survey-options{flex-direction:column;gap:8px;display:flex}.survey-yesno{gap:8px;display:flex}.survey-choice{color:#444;background:#fff;border:1px solid #e2ded7;border-radius:10px;padding:11px 14px;font-size:15px;transition:all .15s}.survey-choice--block{text-align:left;width:100%}.survey-choice--half{text-align:center;flex:1}.survey-choice:hover:not(:disabled){background:#fdf8e6}.survey-choice.is-selected{color:#2d2a22;background:#fff3c4;border-color:#d1a916;font-weight:600}.survey-chips{flex-wrap:wrap;gap:8px;display:flex}.survey-chip{color:#444;background:#fff;border:1px solid #e2ded7;border-radius:999px;padding:7px 14px;font-size:14px;transition:all .15s}.survey-chip:hover:not(:disabled){background:#fdf8e6}.survey-chip.is-selected{color:#2d2a22;background:#fff3c4;border-color:#d1a916;font-weight:600}.survey-likert{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.survey-likert-btn{background:#fff;border:1px solid #e2ded7;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;transition:all .15s;display:flex}.survey-likert-btn:hover:not(:disabled){background:#fdf8e6}.survey-likert-btn.is-selected{background:#fff3c4;border-color:#d1a916}.survey-likert-num{color:#2d2a22;font-size:17px;font-weight:700}.survey-likert-label{color:#888;font-size:11px}.survey-scale{flex-direction:column;gap:8px;display:flex}.survey-range{accent-color:#d1a916;width:100%}.survey-scale-labels{color:#888;justify-content:space-between;font-size:12px;display:flex}.survey-scale-value{color:#2d2a22;font-weight:700}.survey-numeric{align-items:center;gap:8px;display:flex}.survey-unit{color:#888;font-size:14px}.survey-unknown-btn{color:#777;background:#fff;border:1px solid #e2ded7;border-radius:8px;padding:6px 10px;font-size:12px}.survey-unknown-btn:hover:not(:disabled){background:#fdf8e6}.survey-bmi{flex-direction:column;gap:12px;display:flex}.survey-bmi-row{gap:12px;display:flex}.survey-bmi-field{flex:1}.survey-bmi-result{color:#777;font-size:14px}.survey-bmi-result strong{color:#2d2a22}.survey-composite{flex-direction:column;gap:10px;display:flex}.survey-composite-field{align-items:center;gap:12px;display:flex}.survey-composite-label{color:#777;width:64px;font-size:14px}.survey-checklist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.survey-checklist-row{background:#fffdf8;border:1px solid #e2ded7;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;display:flex}.survey-checkbox{accent-color:#d1a916;flex-shrink:0;width:18px;height:18px}.survey-checklist-label{flex:1;font-size:14px}.survey-checklist-freq{color:#888;align-items:center;gap:5px;font-size:13px;display:flex}.survey-freq-input{text-align:center;background:#fff;border:1px solid #e2ded7;border-radius:8px;width:52px;padding:5px;font-size:14px}.survey-freq-input:disabled{background:#f6f3ea}.survey-unknown-type{color:#b04545;background:#fdf0f0;border:1px solid #f0c0c0;border-radius:8px;padding:8px 10px;font-size:12px}.survey-error{color:#b04545;background:#fdf0f0;border:1px solid #f0c0c0;border-radius:10px;margin:16px 0 0;padding:10px 12px;font-size:13px}.survey-question.is-unanswered{border-left:3px solid #f2c94c;margin-left:-15px;padding-left:12px}.survey-required-note{color:#b08d12;margin:0;font-size:12px;font-weight:600}.survey-incomplete{color:#8a6d0a;text-align:center;background:#fdf8e6;border:1px solid #f0d678;border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:13px;font-weight:600}.survey-modal-overlay{z-index:50;background:#2d2a2273;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.survey-modal{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:320px;padding:22px 20px 18px;box-shadow:0 12px 32px #0003}.survey-modal-title{color:#2d2a22;margin:0;font-size:17px;font-weight:700}.survey-modal-desc{color:#777;margin:10px 0 18px;font-size:14px;line-height:1.5}.survey-modal-actions{gap:10px;display:flex}.survey-modal-actions .survey-btn{text-align:center;flex:1;max-width:none;padding:11px 0}.survey-foot{z-index:5;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#faf7ef00,#faf7ef 28%);justify-content:space-between;align-items:center;gap:12px;margin:24px -20px 0;display:flex;position:sticky;bottom:0}.survey-btn{border:1px solid #0000;border-radius:12px;padding:12px 22px;font-size:15px;font-weight:600;transition:all .15s}.survey-btn:disabled{opacity:.5;cursor:not-allowed}.survey-btn--ghost{color:#777;background:#fff;border-color:#e2ded7}.survey-btn--ghost:hover:not(:disabled){background:#f6f3ea}.survey-btn--primary{color:#fff;background:linear-gradient(90deg,#f2c94c,#d1a916);flex:1;max-width:200px;box-shadow:0 4px 12px #d1a9164d}.survey-btn--primary:hover:not(:disabled){filter:brightness(1.03)}.survey-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100vh;padding-bottom:24px;display:flex}.survey-done-emoji{font-size:48px}.survey-done-title{color:#2d2a22;margin:4px 0 0;font-size:18px;font-weight:700}.survey-done-sub{color:#888;margin:0;font-size:13px}.survey-reward{flex-direction:column;align-items:center;gap:8px;margin:10px 0 4px;display:flex;position:relative}.survey-reward-badge{color:#fff;background:linear-gradient(135deg,#f2c94c,#d1a916);border-radius:999px;align-items:baseline;gap:6px;padding:12px 24px;animation:.6s cubic-bezier(.18,.89,.32,1.28) both survey-reward-pop;display:inline-flex;box-shadow:0 8px 22px #d1a91673}.survey-reward-amount{letter-spacing:-.5px;font-size:34px;font-weight:800;line-height:1}.survey-reward-unit{font-size:15px;font-weight:700}.survey-reward-text{color:#b08d12;margin:0;font-size:14px;font-weight:600;animation:.5s .35s both survey-reward-fade}.survey-reward-sparkle{font-size:26px;animation:1.1s ease-out .2s both survey-reward-sparkle;position:absolute;top:-18px}@keyframes survey-reward-pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes survey-reward-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes survey-reward-sparkle{0%{opacity:0;transform:translateY(6px)scale(.6)}40%{opacity:1}to{opacity:0;transform:translateY(-22px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.survey-reward-badge,.survey-reward-text,.survey-reward-sparkle{animation:none}}