:root{color:#fff7df;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1124;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overscroll-behavior:none;min-height:100svh}button,img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.app{color:#fff7df;background:#0d1124;place-items:center;min-height:100svh;display:grid}.phone-shell{--ink:#3b2527;--cream:#fff1cf;--yellow:#ffd96b;isolation:isolate;background:#1b2850;width:min(100vw,430px);height:min(100svh,932px);min-height:640px;position:relative;overflow:hidden;box-shadow:0 22px 80px #0009}.scene-bg{z-index:-3;background:linear-gradient(#17244833,#11162a88),url(/assets/background/night-room-clean.png) 50%/cover no-repeat;position:absolute;inset:0}.scene-bg:after{content:"";background:linear-gradient(#11183410 40%,#0b102066 100%);position:absolute;inset:0}.vignette{z-index:20;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 54px #080b1e66}.goodnight .phone-shell{filter:brightness(.72)saturate(.85)}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:3px solid #fff}.home-screen{position:absolute;inset:0}.sound-float,.icon-button,.modal-close{color:#fff8e8;cursor:pointer;background:#171b34dd;border:2px solid #ffefd488;place-items:center;display:grid}.sound-float{z-index:4;top:max(18px, env(safe-area-inset-top));border-radius:16px;width:49px;height:49px;position:absolute;right:18px}.sound-float svg,.icon-button svg,.modal-close svg{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:25px}.home-copy{z-index:2;text-align:left;width:59%;position:absolute;top:5%;left:6%}.title-sticker{filter:drop-shadow(0 4px #1f2447aa);width:94%;height:auto;display:block}.home-copy p{color:#fff8e9;letter-spacing:.04em;text-shadow:0 2px 4px #111633;margin:14px 0 0 6px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:clamp(17px,5vw,22px);line-height:1.62}.home-food{z-index:2;height:36%;position:absolute;top:41%;left:7%;right:6%}.cup-visual.home-cup-visual{aspect-ratio:1274/1235;filter:drop-shadow(0 14px 11px #090a183f);width:72%;height:auto;inset:5% auto auto 50%;transform:translate(-50%)}.home-note{z-index:5;color:#33252d;white-space:nowrap;background:linear-gradient(145deg,#ffc1bb,#f4a7aa);border:2px solid #7d5356;border-radius:2px;width:30%;padding:12px 10px 14px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:clamp(13px,3.8vw,16px);line-height:2;position:absolute;top:64%;left:3%;transform:rotate(-6deg);box-shadow:0 7px #6f494d99}.home-note span{border-top:1px solid #895d5c66}.primary-cta,.secondary-cta{cursor:pointer;letter-spacing:.04em;border-radius:24px;min-height:56px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-weight:800}.primary-cta{color:var(--ink);background:linear-gradient(#ffe98c,#ffc957);border:3px solid #fff1bb;box-shadow:0 7px #783f2d,0 11px 20px #090b1c55}.primary-cta:active{transform:translateY(4px);box-shadow:0 3px #783f2d}.primary-cta svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:24px}.home-cta{z-index:5;justify-content:center;align-items:center;gap:13px;font-size:clamp(23px,7vw,31px);display:flex;position:absolute;bottom:14.5%;left:19%;right:19%}.home-cta span{font-size:.8em}.home-nav{z-index:5;justify-content:space-between;display:flex;position:absolute;bottom:2.8%;left:10%;right:10%}.home-nav button{color:#fff6e8;cursor:pointer;text-shadow:0 2px 3px #111;background:0 0;border:0;justify-items:center;gap:3px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:clamp(13px,3.8vw,17px);display:grid}.home-nav img{object-fit:contain;filter:drop-shadow(0 3px 3px #05061166);width:52px;height:52px}.topbar{z-index:5;height:72px;padding:max(14px, env(safe-area-inset-top)) 16px 0;justify-content:space-between;align-items:center;display:flex;position:relative}.icon-button{border-radius:15px;width:43px;height:43px}.step-chip{text-overflow:ellipsis;white-space:nowrap;color:#fff3d8;letter-spacing:.08em;background:#121831c4;border:1px solid #fff3d844;border-radius:999px;max-width:58%;padding:7px 15px;font-size:13px;overflow:hidden}.panel{z-index:2;box-sizing:border-box;text-align:center;flex-direction:column;align-items:stretch;height:calc(100% - 72px);padding:21px 22px 24px;display:flex;position:relative}.eyebrow{color:#ffd56a;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:13px;font-weight:750}.panel h1{color:#fff6df;text-shadow:0 3px #3a254b;margin:8px 0 4px;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:clamp(29px,8vw,38px);line-height:1.15}.subcopy{color:#ddd9dd;max-width:310px;margin:8px auto 0;font-size:14px;line-height:1.55}.choice-list{scrollbar-width:none;gap:12px;margin-top:22px;padding:3px 3px 12px;display:grid;overflow:auto}.choice-list::-webkit-scrollbar{display:none}.choice-card{color:#fff8e8;text-align:left;cursor:pointer;background:linear-gradient(110deg,#27345be6,#1b2242e6);border:2px solid #e8d9c155;border-radius:22px;grid-template-columns:70px 1fr 27px;align-items:center;gap:13px;min-height:91px;padding:10px 14px 10px 10px;display:grid;box-shadow:0 8px 20px #080a1b55}.choice-card.selected{background:linear-gradient(110deg,#4a3d53ee,#2c294aee);border-color:#ffd56a;box-shadow:0 0 0 3px #ffd56a26,0 8px 20px #080a1b55}.choice-art{background:#f4d9a522;border-radius:18px;place-items:center;width:66px;height:66px;font-size:35px;display:grid;overflow:hidden}.choice-art img{object-fit:contain;width:91%;height:91%}.choice-card strong{font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:20px;display:block}.choice-card small{color:#bebacc;margin-top:3px;font-size:12px;display:block}.choice-card i{color:#513b25;background:#ffd56a;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;font-weight:900;display:grid}.choice-grid{grid-template-columns:1fr 1fr;gap:9px}.choice-grid .choice-card{grid-template-rows:72px auto;grid-template-columns:1fr 22px;gap:2px;min-height:132px;padding:8px 10px 10px}.choice-grid .choice-art{background:0 0;grid-column:1/-1;justify-self:center;width:76px;height:70px}.choice-grid .choice-card strong{font-size:17px}.choice-grid .choice-card small{display:none}.choice-grid .choice-card i{width:21px;height:21px;font-size:12px}.next-cta{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;font-size:21px;display:flex}.action-screen{padding-top:30px}.ramen-stage{aspect-ratio:1/.96;background:0 0;border:0;width:min(92%,365px);margin:8px auto 0;position:relative}.cup-visual{position:absolute;inset:0}.cup-body{z-index:1;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.cup-opening{z-index:2;border-radius:50%;width:88.4%;height:34%;position:absolute;top:6.5%;left:5.8%;overflow:hidden}.cup-surface{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.noodle-serving{object-fit:fill;width:94%;height:96%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.noodle-cooked{width:99%;height:127%}.noodle-udon{height:105%}.noodle-spinach{height:115%}.noodle-dry{filter:saturate(.92)drop-shadow(0 2px 1px #78442a44);width:102%;height:105%}.noodle-udon.noodle-dry{height:115%}.noodle-spinach.noodle-dry{height:126%}.cup-opening.has-noodles:not(.is-dry){background:#c77722}.cup-opening.broth-tonkotsu:not(.is-dry){background:#ead4a6}.cup-opening.has-noodles.broth-mala:not(.is-dry){background:#b5431d}.broth-surface{width:110%;height:124%;inset:-12% -5%}.broth-tonkotsu .broth-surface{filter:saturate(.12)brightness(1.6);opacity:.45}.broth-mala .broth-surface{filter:saturate(1.3)hue-rotate(-12deg)brightness(.9)}.seasoning-settled{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.seasoning-pour{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ramen-stage[class*=prep-]{margin-top:57px}.seasoning-packet{transform-origin:186px 24px;animation:2.3s ease-in-out both packet-pour}.seasoning-grain.falling{animation:.55s cubic-bezier(.42,0,.85,.7) both seasoning-fall}.primary-cta:disabled{cursor:wait;filter:saturate(.6);opacity:.8}@keyframes packet-pour{0%{opacity:0;transform:translate(18px,-12px)rotate(-35deg)}18%{opacity:1;transform:rotate(20deg)}36%,58%{transform:rotate(25deg)}46%,68%{transform:rotate(17deg)}82%{opacity:1;transform:rotate(20deg)}to{opacity:0;transform:translate(35px,-30px)rotate(-20deg)}}@keyframes seasoning-fall{0%{opacity:0;transform:translate(var(--grain-x), var(--grain-y)) scale(.55)}12%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}.cup-steam{z-index:8;object-fit:contain;opacity:.72;width:26%;height:48%;animation:2.7s ease-in-out infinite steam;position:absolute;top:-30%;left:37%}.cup-lid-closed{z-index:7;object-fit:fill;filter:drop-shadow(0 5px 4px #08091455);width:101%;height:45%;position:absolute;top:0;left:-.5%}.cup-lid-open{z-index:7;object-fit:fill;transform-origin:17% 96%;filter:drop-shadow(0 5px 4px #08091455);width:72.4%;height:52%;position:absolute;top:-19%;left:-16%;transform:none}.cup-opening .topping-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.topping{filter:drop-shadow(0 2px 1px #4a1e1466);max-width:none;height:auto;position:absolute}.recipe-strip{flex-wrap:wrap;justify-content:center;gap:7px;margin:-7px 0 15px;display:flex}.recipe-strip span{color:#e8e2d8;background:#101731a8;border:1px solid #fff3dc42;border-radius:999px;padding:6px 9px;font-size:11px}.tap-cta{width:100%;margin-top:auto;font-size:21px}.waiting-screen .timer-bowl{aspect-ratio:1/.95;cursor:pointer;background:0 0;border:0;width:95%;max-width:370px;margin:14px auto 0;position:relative}.timer-bowl .cup-visual{aspect-ratio:1/.96;inset:7% 0 auto}.timer{z-index:10;color:#87d5ff;background:#13152b;border:2px solid #625c77;border-radius:13px;min-width:112px;padding:8px 12px;font:800 30px/1 ui-monospace,monospace;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 12px #459fff44}.pulse-ring{z-index:1;border:3px solid #ffd66a99;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:20%}.hint{color:#e7dfd6;margin:auto 0 4px;font-size:13px}.opening-stage{cursor:pointer;margin-top:22px}.lid-wiggle{animation:1.7s ease-in-out infinite lid}.eating-bowl{cursor:pointer;margin-top:5px}.eating-bowl .ramen-main{filter:drop-shadow(0 16px 13px #08091477) var(--food-filter,none)}.cup-chopsticks{z-index:9;object-fit:contain;transform-origin:84% 8%;width:54%;height:49%;transition:transform .28s;position:absolute;top:-9%;right:-1%;transform:rotate(-4deg)}.cup-chopsticks.bite-1{transform:rotate(2deg)translate(-12px,12px)}.cup-chopsticks.bite-2{transform:rotate(-8deg)translate(-6px,-8px)}.bite-progress{background:#10162fbb;border:2px solid #fae5c744;border-radius:999px;height:9px;margin:2px 15% 12px;overflow:hidden}.bite-progress span{border-radius:inherit;background:linear-gradient(90deg,#ff8f5e,#ffd867);height:100%;transition:width .3s;display:block}.soup-bowl{cursor:pointer;transition:transform .25s}.soup-bowl.sip-1{transform:rotate(-3deg)scale(.96)}.soup-bowl.sip-2{transform:rotate(4deg)scale(.92)}.finish-screen{padding-top:52px}.empty-cup{filter:drop-shadow(0 18px 14px #08091477);width:min(77%,310px);margin:18px auto 0}.finish-actions{gap:14px;margin-top:auto;display:grid}.finish-actions button{width:100%;font-size:20px}.secondary-cta{color:#fff2d7;background:#17203ed9;border:2px solid #ffe4a877}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090b19b8;place-items:center;padding:22px;display:grid;position:absolute;inset:0}.modal-card{box-sizing:border-box;color:#39282d;text-align:left;background:#fff0d0;border:3px solid #f2d59c;border-radius:28px;width:100%;padding:28px 22px 22px;position:relative;box-shadow:0 16px #48303f,0 28px 60px #0008}.modal-card h2{margin:7px 0 20px;font:800 27px/1.2 Kaiti SC,STKaiti,KaiTi,serif}.modal-card .eyebrow{color:#a1523f}.modal-card ol{margin:0;padding-left:24px;line-height:1.9}.modal-close{color:#49343a;background:#f6dba9;border-color:#55394244;border-radius:13px;width:38px;height:38px;position:absolute;top:14px;right:14px}.setting-row{color:#39282d;cursor:pointer;background:#ffe7b8;border:2px solid #7c515244;border-radius:17px;justify-content:space-between;width:100%;padding:16px;display:flex}.setting-row b{color:#aa4c3f}@keyframes steam{0%,to{opacity:.45;transform:translateY(5px)scale(.96)}50%{opacity:.78;transform:translateY(-9px)scale(1.03)}}@keyframes pulse{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.2)}}@keyframes lid{0%,to{transform:rotate(0)}50%{transform:rotate(-2deg)translate(-2px,-3px)}}@media (height<=760px){.home-copy{top:3%}.title-sticker{width:84%}.home-copy p{margin-top:7px;font-size:16px;line-height:1.45}.home-food{height:38%;top:37%}.home-cta{min-height:51px;bottom:14%}.home-nav{bottom:1.5%}.home-nav img{width:45px;height:45px}.panel{padding-top:14px}.choice-list{gap:8px;margin-top:12px}.choice-card{min-height:77px}.choice-grid .choice-card{grid-template-rows:56px auto;min-height:106px}.choice-grid .choice-art{width:60px;height:55px}.ramen-stage{width:min(76%,310px)}}@media (width>=700px){.phone-shell{border:1px solid #fff2;border-radius:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.seasoning-grain.falling{animation-delay:0s!important}.noodle-serving{transition:none}}.lid-peeling{animation:.85s ease-in-out forwards peel-away}@keyframes peel-away{0%{opacity:1;transform:none}32%{opacity:1;transform:translate(-3%,-7%)rotate(-10deg)skewY(-4deg)}64%{opacity:1;transform:translate(-12%,-22%)rotate(-23deg)skewY(2deg)}to{opacity:0;transform:translate(-38%,-60%)rotate(-36deg)}}@media (prefers-reduced-motion:reduce){.lid-peeling{animation:1ms linear forwards peel-away}}.cup-lid-closed>img{object-fit:fill;width:100%;height:100%;display:block;transform:scaleX(-1)}.lid-curling canvas{pointer-events:none;width:300%;height:400%;position:absolute;top:-200%;left:-100%}.lid-tap-target{z-index:9;cursor:pointer;background:0 0;border:0;border-radius:50%;width:101%;height:45%;padding:0;position:absolute;top:0;left:-.5%}.lid-tap-target:disabled{cursor:default}.noodle-drop-space{pointer-events:none;z-index:4;overflow:visible}.noodle-dropping{animation:1.1s ease-in-out both place-noodles}@keyframes place-noodles{0%{opacity:0;transform:translate(-50%,-125%)rotate(-9deg)scale(.94)}15%{opacity:1;transform:translate(-50%,-120%)rotate(-8deg)scale(.96)}66%{opacity:1;transform:translate(-50%,-47%)rotate(1deg)scale(1)}80%{transform:translate(-50%,-53%)rotate(-.5deg)}90%,to{opacity:1;transform:translate(-50%,-50%)}}.water-pour{z-index:8;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pour-kettle{transform-origin:258px 0;animation:2.6s ease-in-out both kettle-tip}.water-stream{animation:2.6s ease-in-out both water-flow}.water-ripples{transform-origin:228px 79px;animation:.65s ease-out 4 water-ripple}.is-watering .broth-surface{animation:2.3s ease-out both broth-fill}@keyframes kettle-tip{0%{opacity:0;transform:translate(25px,-12px)rotate(18deg)}16%,78%{opacity:1;transform:rotate(-14deg)}to{opacity:0;transform:translate(28px,-18px)rotate(12deg)}}@keyframes water-flow{0%,16%,85%,to{opacity:0}24%,76%{opacity:1}}@keyframes water-ripple{0%{opacity:0;transform:scale(.4)}35%{opacity:.85}to{opacity:0;transform:scale(1.3)}}@keyframes broth-fill{0%,18%{opacity:0;transform:translateY(12%)scale(.9)}to{transform:none}}.home-cup-visual .cup-surface{width:114%;height:132%;top:-17%;left:-7%}.is-sleeping .phone-shell{filter:none;background:#080f20}.is-sleeping .scene-bg,.is-sleeping .vignette{display:none}.sleep-screen{background:#080f20;position:absolute;inset:0;overflow:hidden;container-type:size}.sleep-scene{aspect-ratio:877/1792;width:max(100cqw,48.94cqh);animation:1.8s ease-out both sleep-settle;position:absolute;top:62%;left:50%;transform:translate(-50%,-62%)}.sleep-art{width:100%;height:100%;display:block}.sleep-zzz{pointer-events:none;width:16%;height:9%;position:absolute;top:37%;left:46%}.sleep-zzz span{opacity:0;width:clamp(24px,7cqw,32px);height:clamp(24px,7cqw,32px);animation:4.8s ease-in-out infinite sleepy-letter;position:absolute;bottom:0;left:0}.sleep-zzz svg{filter:drop-shadow(0 2px #111a32);width:100%;height:100%;overflow:visible}.sleep-zzz path{fill:none;stroke-linecap:round;stroke-linejoin:round}.zzz-outline{stroke:#344265;stroke-width:12px}.zzz-fill{stroke:#dddcc4;stroke-width:7px}.sleep-zzz span:nth-child(2){animation-delay:1.6s}.sleep-zzz span:nth-child(3){animation-delay:3.2s}@keyframes sleepy-letter{0%{opacity:0;transform:translate(0)scale(.65)rotate(-8deg)}20%{opacity:.65}70%{opacity:.5}to{opacity:0;transform:translate(24px,-64px)scale(1.15)rotate(6deg)}}.sleep-back{top:max(16px, env(safe-area-inset-top));color:#d4d8e080;cursor:pointer;background:#0a102033;border:0;border-radius:50%;width:40px;height:40px;position:absolute;left:16px}.sleep-back svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:20px}@keyframes sleep-settle{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sleep-scene{animation:none}.sleep-zzz span{opacity:.5;animation:none}.sleep-zzz span:nth-child(2){transform:translate(12px,-20px)}.sleep-zzz span:nth-child(3){transform:translate(24px,-40px)}}