@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{background:#fffaf5;color:#33251f;font-family:DM Sans,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body.lock-scroll{overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;width:100%}.app{width:min(100%,540px);min-height:100dvh;margin:auto;padding:28px 20px 20px;background:linear-gradient(180deg,#fff9f2,#fffdfb 48%,#fff8f2)}header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.eyebrow{margin:0 0 5px;color:#f4754a;font-size:10px;font-weight:700;letter-spacing:1.4px}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-1px}.date{margin-top:7px;padding:7px 10px;border-radius:10px;background:#fff0e7;color:#a85c3d;font-size:11px;font-weight:600}.hero{position:relative;overflow:hidden;padding:29px 20px 21px;border-radius:28px;background:linear-gradient(135deg,#ff8c65,#f35d43 52%,#f24b5a);box-shadow:0 18px 40px #ed856049,inset 0 1px #fff2;text-align:center;color:#fff}.hero:before{content:"";position:absolute;width:260px;height:260px;border:26px solid #ffffff10;border-radius:50%;top:-150px;left:-90px;filter:blur(.2px)}.hero:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffd48a66,transparent 70%);right:-40px;bottom:-56px}.hero-glow{position:absolute;border-radius:50%;filter:blur(28px);opacity:.55;z-index:0;pointer-events:none}.hero-glow.a{width:180px;height:180px;background:#ffd079;top:-40px;right:-30px;animation:float 6s ease-in-out infinite alternate}.hero-glow.b{width:160px;height:160px;background:#ff6a88;bottom:-40px;left:-30px;animation:float 7s ease-in-out infinite alternate-reverse}.hero-ring{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px dashed #ffffff2e;border-radius:22px;pointer-events:none;z-index:1;animation:spin-slow 22s linear infinite}.hero-deco{position:absolute;color:#fff8;z-index:2;text-shadow:0 2px 8px #6b190755}.deco-one{top:26px;right:30px;font-size:16px;animation:twinkle 2.4s ease-in-out infinite}.deco-two{bottom:62px;left:28px;font-size:12px;animation:twinkle 3.1s 1s ease-in-out infinite}.result{position:relative;z-index:3;min-height:176px;display:flex;align-items:center;flex-direction:column;padding:6px 0 10px;transform-origin:center}.food-icon{font-size:56px;line-height:1;margin-bottom:11px;filter:drop-shadow(0 8px 14px #8b261055);display:inline-block}.result p{font-size:12px;color:#fff4e9cc;letter-spacing:.3px}.result .name{font-size:31px;letter-spacing:-1.2px;margin:5px 0 10px;padding:0 10px;word-break:break-word}.pill{padding:5px 12px;border-radius:20px;background:#ffffff24;border:1px solid #ffffff2e;color:#fff8ea;font-size:11px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hint{font-size:11px;color:#fff5}.choose{position:relative;z-index:3;border:0;border-radius:16px;width:100%;padding:15px 16px;background:linear-gradient(180deg,#fff,#ffe9de);color:#e15536;font-family:inherit;font-weight:700;font-size:15px;display:flex;justify-content:center;gap:9px;align-items:center;box-shadow:0 9px 18px #8a261034,inset 0 -2px #f8c9b6;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,filter .2s ease;-webkit-tap-highlight-color:transparent}.choose:active{transform:translateY(1px) scale(.995);filter:brightness(.97)}.choose:disabled{cursor:not-allowed;filter:grayscale(.1) brightness(.99)}.choose.rolling{background:linear-gradient(135deg,#fff3c2,#ffe3b3);color:#b2562e;animation:pulse-ring 1.3s ease-in-out infinite}.rolling .food-icon{animation:shake-vert .18s linear infinite}.rolling .name{animation:name-pop .12s ease infinite alternate;-webkit-mask-image:linear-gradient(180deg,#000,#000);mask-image:linear-gradient(180deg,#000,#000)}.reveal .food-icon{animation:pop .5s cubic-bezier(.2,1.6,.4,1) both}.reveal .name{animation:pop .55s .05s cubic-bezier(.2,1.6,.4,1) both}.reveal .pill{animation:pop .6s .1s cubic-bezier(.2,1.6,.4,1) both}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none;z-index:4;pointer-events:none;overflow:visible}.confetti li{position:absolute;top:-10px;opacity:0;animation:confetti-fall 2s ease-in forwards;transform:translateY(-20px) rotate(0);filter:drop-shadow(0 2px 2px #00000022)}.list-section{margin-top:29px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.section-title h2{font-size:20px}.section-title h2 span{font-size:11px;vertical-align:middle;margin-left:5px;padding:2px 7px;border-radius:10px;background:#ffe5d8;color:#e4633e}.add{width:38px;height:38px;border:0;border-radius:13px;background:#33251f;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .1s ease;-webkit-tap-highlight-color:transparent}.add:active{transform:scale(.95)}.cards{display:grid;gap:10px}.card{display:flex;align-items:center;padding:13px;border-radius:18px;background:#fff;box-shadow:0 6px 22px #7c48300c;transition:transform .15s ease,box-shadow .2s ease}.card:hover{box-shadow:0 10px 26px #7c483015}.category-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#fff3ea,#ffe3d3);font-size:24px;flex-shrink:0}.card-info{margin-left:12px;flex:1;min-width:0}.card h3{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info p{display:flex;gap:3px;align-items:center;margin-top:5px;color:#9d8880;font-size:11px}.actions{display:flex;gap:2px}.actions button,.sheet-head .icon-btn{border:0;background:none;color:#a9968e;padding:7px;cursor:pointer;border-radius:9px;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.actions button:active,.sheet-head .icon-btn:active{background:#fff3ea}.actions button:last-child{color:#e8876b}.empty{min-height:190px;border:1px dashed #efd8ca;border-radius:19px;background:#fff8f3;display:flex;gap:9px;align-items:center;justify-content:center;flex-direction:column;color:#aa9186;font-size:13px}.empty b{color:#705b50}.empty small{font-size:11px}.empty button{border:0;border-radius:10px;background:#f4754a;color:#fff;padding:9px 13px;font-family:inherit;font-weight:600;cursor:pointer;box-shadow:0 6px 14px #f4754a33;margin-top:4px;-webkit-tap-highlight-color:transparent}.spin{animation:rotate 1s linear infinite}.spin-slow{animation:rotate 1.4s linear infinite}footer{display:flex;align-items:center;justify-content:center;gap:5px;color:#b9a89f;font-size:11px;margin:32px 0 2px}.overlay{position:fixed;left:0;right:0;top:0;height:100%;z-index:50;display:flex;align-items:end;justify-content:center;background:#2e1b125e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade-in .2s ease both;overscroll-behavior:contain;overflow:hidden}.overlay.overlay-kb{background:#2e1b1233}.sheet{position:relative;width:min(100%,540px);max-height:100%;display:flex;flex-direction:column;padding:12px 0 0;border-radius:24px 24px 0 0;background:#fff;animation:up .3s cubic-bezier(.2,1,.3,1) both;box-shadow:0 -20px 60px #3a170533}.sheet.sheet-kb{animation:none}.sheet-handle{width:40px;height:5px;margin:4px auto 8px;border-radius:3px;background:#eddcd3;flex-shrink:0;transition:opacity .2s ease}.sheet-kb .sheet-handle{opacity:.5;margin:4px auto}.sheet-fixed{flex-shrink:0;padding:0 22px}.sheet-scroll{overflow-y:auto;padding:4px 22px 10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0}.sheet-footer{padding:14px 22px max(18px,env(safe-area-inset-bottom));border-top:1px solid #f4e7df;background:#fffcf9;border-radius:0 0 24px 24px;flex-shrink:0}.sheet-kb .sheet-footer{padding-top:12px;padding-bottom:12px;box-shadow:0 -8px 20px #3a170519}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;margin:6px 0 8px}.sheet-kb .sheet-head{margin:0 0 6px}.sheet-kb .sheet-head h2{font-size:19px}.sheet-kb .eyebrow{font-size:9px;letter-spacing:1.2px}.sheet h2{font-size:23px}label{display:block;margin:14px 0 4px;color:#745f55;font-size:12px;font-weight:600}.field-name{margin:6px 0 12px}input{display:block;width:100%;margin-top:8px;border:1px solid #eddcd3;border-radius:12px;padding:12px 14px;background:#fffdfb;color:#33251f;font:16px inherit;line-height:1.3;outline:0;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;max-width:100%}input:focus{border-color:#f4754a;box-shadow:0 0 0 3px #f4754a18}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.category-grid button{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid #f0e2da;border-radius:12px;padding:10px 4px 9px;background:#fffaf7;color:#816c62;font:12px/1.1 inherit;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.category-grid button span{font-size:22px;line-height:1}.category-grid button.selected{border-color:#f4754a;background:linear-gradient(180deg,#fff0e8,#ffe0d1);color:#de5a37;font-weight:700;box-shadow:0 4px 10px #f4754a24;transform:translateY(-1px)}.submit{width:100%;border:0;border-radius:14px;padding:15px;background:linear-gradient(135deg,#33251f,#4a2f26);color:#fff;font:600 15px inherit;cursor:pointer;box-shadow:0 10px 22px #3a1f1533;transition:transform .08s ease;-webkit-tap-highlight-color:transparent}.submit:active{transform:translateY(1px)}.submit:disabled{opacity:.55;cursor:not-allowed}.confirm{position:relative;width:min(86%,420px);max-height:86dvh;overflow:auto;margin:auto;padding:26px 24px 20px;border-radius:22px;background:#fff;text-align:center;animation:pop .32s cubic-bezier(.2,1.3,.4,1) both;box-shadow:0 30px 70px #3a17053f;-webkit-overflow-scrolling:touch}.confirm-icon{width:58px;height:58px;margin:2px auto 14px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#ffe6d6,#ffc9b2);color:#c94f28}.confirm h3{font-size:19px;margin-bottom:8px;color:#3a261d}.confirm p{color:#7a645a;font-size:13px;line-height:1.55;margin-bottom:18px}.confirm p b{color:#3a261d}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-ghost,.btn-danger{border:0;border-radius:12px;padding:12px;font:600 14px inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn-ghost{background:#f6ebe3;color:#6e574d}.btn-danger{background:linear-gradient(135deg,#ff6b52,#e63d2a);color:#fff;box-shadow:0 8px 18px #e9513436}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes up{0%{transform:translateY(38px);opacity:.3}to{transform:translateY(0);opacity:1}}@keyframes float{0%{transform:translateY(-4px) scale(1)}to{transform:translateY(8px) scale(1.06)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.9) rotate(-5deg)}50%{opacity:1;transform:scale(1.1) rotate(6deg)}}@keyframes pulse-ring{0%,to{box-shadow:0 9px 18px #8a261034,0 0 #fff6 inset,0 0 #fff8}50%{box-shadow:0 9px 22px #8a261055,0 0 0 2px #fff3 inset,0 0 0 10px #fff3}}@keyframes shake-vert{0%{transform:translateY(-3px) rotate(-2deg) scale(1.03)}50%{transform:translateY(3px) rotate(2deg) scale(.98)}to{transform:translateY(-3px) rotate(-2deg) scale(1.03)}}@keyframes name-pop{0%{transform:translateY(4px) scale(.97);opacity:.6}to{transform:translateY(0) scale(1);opacity:1}}@keyframes pop{0%{transform:scale(.4) rotate(-10deg);opacity:0}60%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0,-30px,0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate3d(var(--drift,0px),520px,0) rotate(var(--rot,180deg))}}@media(min-width:541px){body{background:#f4e9e0}.app{box-shadow:0 0 50px #8d5c4322}}@media(max-width:340px){.category-grid{grid-template-columns:repeat(2,1fr)}}