:root{--op-red:#fb2c36;--op-red-deep:#9f0712;--op-glow:#d4281a;--op-broth:#4a0d07;--op-wood:#e9c58f;--op-wood-ink:#3b1a08;--op-display:"Hiragino Mincho ProN","Songti TC","Noto Serif TC","Noto Serif CJK TC",serif;--op-exit:.22s;--op-handoff:.26s;--op-sub-in:1.65s}.op-scene{isolation:isolate;height:calc(100svh - var(--op-top,0px));min-height:540px;padding:max(16px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow:hidden}.op-scene img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.op-opts{z-index:3;flex-direction:column;gap:10px;width:100%;max-width:28rem;margin:0 auto;display:flex;position:relative}.op-opt{text-align:left;min-height:56px;transition:var(--lj-cta-transition);-webkit-tap-highlight-color:transparent;align-items:center;gap:14px;padding:12px 18px;display:flex}.op-opt:active{transform:var(--lj-cta-press)}.op-opt:focus-visible{outline-offset:3px;outline:3px solid}.op-opt__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-opt__text{flex-direction:column;flex:1;min-width:0;display:flex}.op-opt__title{font-weight:var(--lj-cta-weight);line-height:1.1}.op-opt__cta{opacity:.85;font-size:14px;font-weight:600}.op-opt__go{flex-shrink:0;width:28px;height:28px}.op-opt--main{min-height:84px}.op-opt--main .op-opt__icon{width:52px;height:52px}.op-opt--main .op-opt__icon>*{width:40px;height:40px}.op-opt--main .op-opt__title{font-size:34px}.op-opt--sub .op-opt__icon>*{width:30px;height:30px}.op-opt--sub .op-opt__title{font-size:22px}.op-steam{z-index:1;pointer-events:none;height:0;position:absolute;inset:auto 0 18%}.op-steam i{bottom:0;left:calc(14% + var(--i)*26%);aspect-ratio:1/1.4;opacity:0;width:34vw;max-width:160px;animation:op-steam 3.6s ease-out calc(1.2s + var(--i)*1.2s) infinite;background:radial-gradient(closest-side,#ffffff8c,#fff0);border-radius:50%;position:absolute}.op-v3{background:radial-gradient(120% 70% at 50% 72%,#8a1c0e 0,var(--op-broth) 62%);color:var(--op-wood);padding-top:0}.op3-noren{z-index:3;padding-top:env(safe-area-inset-top);border-top:10px solid var(--op-wood-ink);gap:6px;margin:0 -20px;animation:.62s cubic-bezier(.3,1.4,.5,1) 60ms both op3-hang;position:relative}.op3-cloth,.op3-noren{justify-content:center;display:flex}.op3-cloth{background:var(--op-red);color:#fff;width:30%;height:min(30svh,230px);font-family:var(--op-display);transform-origin:top;animation:op3-sway 4.2s ease-in-out calc(.9s + var(--i)*.3s) infinite;border-radius:0 0 6px 6px;align-items:flex-end;padding-bottom:14px;font-size:min(24vw,18svh);font-weight:800;line-height:1}.op3-cloth--small{letter-spacing:.1em;writing-mode:vertical-rl;flex-direction:column;justify-content:flex-end;align-items:center;width:18%;font-size:min(8vw,30px)}.op3-sub{z-index:3;text-align:center;margin:14px 0 0;font-size:15px;font-weight:700;animation:.42s ease-out .7s both op-fade-down;position:relative}.op3-pot{z-index:1;flex:1;justify-content:center;align-items:flex-end;min-height:0;padding-bottom:14px;display:flex;position:relative}.op3-pot-inner{--pot-scale:1.5;transform:scale(var(--pot-scale));transform-origin:bottom;color:var(--op-wood);animation:.62s cubic-bezier(.3,1.3,.5,1) .22s both op3-pot-in}.op3-drops{pointer-events:none;position:absolute;inset:0}.op3-drops img{bottom:30%;left:calc(50% - 26px + var(--x));-o-object-fit:cover;object-fit:cover;opacity:0;width:52px;height:52px;animation:op3-fall .9s cubic-bezier(.55,0,.85,.45) calc(.7s + var(--i)*.26s) both;background:#fff;border-radius:50%;position:absolute}.op3-bubbles{width:0;height:0;position:absolute;bottom:34%;left:50%}.op3-bubbles i{left:var(--x);opacity:0;width:12px;height:12px;animation:op3-bubble 1.6s ease-out calc(1.5s + var(--i)*.4s) infinite;border:2px solid #fffc;border-radius:50%;position:absolute}.op-v3 .op-steam{bottom:40%}.op-v3 .op-opts{gap:14px;animation:.48s cubic-bezier(.2,.8,.3,1) 1.25s both op-rise}.op-v3 .op-opt{border-radius:var(--lj-cta-radius);background:var(--lj-cta-bg);color:var(--lj-cta-ink);box-shadow:var(--lj-cta-shadow);position:relative}.op-v3 .op-opt--main .op-opt__title{font-family:var(--op-display)}.op-v3 .op-opt--main .op-opt__icon{background:var(--op-red);color:#fff;border-radius:50%}.op-v3 .op-opt--sub{background:#d9ad6c}.op-v3.op-v4{background:radial-gradient(120% 70% at 50% 72%,#8a1c0e 0,var(--op-broth) 62%)}.op4-glow{z-index:0;background:radial-gradient(110% 80% at 50% 40%,var(--op-glow) 0,#8a1c0e 70%);animation:.9s ease-in-out 1s both op-fade-out;inset:0}.op4-big,.op4-glow{pointer-events:none;position:absolute}.op4-big{inset:max(16px,env(safe-area-inset-top)) 20px auto;z-index:4;color:#fff;font-family:var(--op-display);flex-direction:column;align-items:flex-start;font-weight:800;line-height:.92;display:flex}.op4-ch{text-shadow:0 6px 0 var(--op-red-deep);font-size:min(42vw,27svh);animation:.52s cubic-bezier(.2,.8,.3,1) 40ms both op-slam,.42s cubic-bezier(.6,0,.4,1) 1.15s forwards op4-collapse;display:block}.op4-ch--2{margin-left:.55em;animation-delay:.26s,1.2s}.op-v4 .op3-noren{animation-delay:1.18s}.op-v4 .op3-cloth{animation-delay:calc(2s + var(--i)*.3s)}.op-v4 .op3-sub{animation-delay:var(--op-sub-in)}.op-entry{animation:op-fade-down .42s ease-out calc(var(--op-sub-in) + .15s) both}.op-v4 .op3-pot-inner{animation-delay:1.2s}.op-v4 .op-opts{animation-delay:1.45s}.op-v4 .op3-drops img{width:64px;height:64px;left:calc(50% - 32px + var(--x));animation:op4-fly 2.1s cubic-bezier(.4,0,.6,1) calc(.3s + var(--i)*90ms) both;box-shadow:0 8px #4a0d0780}.op-v4 .op-steam i{animation-delay:calc(2.3s + var(--i)*1.2s)}.op-v4 .op3-bubbles i{animation-delay:calc(2.5s + var(--i)*.4s)}@keyframes op4-collapse{to{opacity:0;transform:translateY(-14svh)scale(.32)}}@keyframes op4-fly{0%{transform:translate(var(--sx),calc(var(--sy) - 70svh)) rotate(-40deg);opacity:0}10%{opacity:1}30%{transform:translate(var(--sx),var(--sy)) rotate(0);opacity:1;animation-timing-function:ease-in-out}52%{transform:translate(var(--sx),calc(var(--sy) - 12px)) rotate(6deg);animation-timing-function:cubic-bezier(.55,0,.85,.45)}88%{opacity:1;transform:translate(0)rotate(20deg)scale(.8)}to{opacity:0;transform:translateY(24px)scale(.3)}}.op-root.is-leaving{pointer-events:none}.op-root.is-leaving .op-out{animation:op-out var(--op-exit) cubic-bezier(.6,0,.9,.5) both!important}.op-root.is-leaving .op-out--late{animation-delay:40ms!important}.op-handoff{z-index:60;background:var(--op-broth);pointer-events:none;animation:op-lift var(--op-handoff) cubic-bezier(.7,0,.3,1) both;position:fixed;inset:0}.op-bar{min-height:56px;padding:max(8px,env(safe-area-inset-top)) 16px 8px;justify-content:space-between;gap:12px;margin:0 -16px}.op-bar,.op-bar__mark{align-items:center;display:flex}.op-bar__mark{gap:6px;min-height:44px;margin:0}.op-bar__name{font-family:var(--op-display);font-size:28px;font-weight:800;line-height:1}.op-bar__kind{border-radius:4px;padding:2px 6px;font-size:13px;font-weight:800}.op-bar__group{border-radius:999px;padding:0 14px;font-size:15px;font-weight:800}.op-bar__group,.op-bar__mark a{align-items:center;gap:6px;min-height:44px;display:flex}.op-bar{background:var(--op-broth);color:var(--op-wood)}.op-bar .op-bar__kind{background:var(--op-red);color:#fff}.op-bar .op-bar__group{background:var(--op-wood);color:var(--op-wood-ink)}@keyframes op-slam{0%{opacity:0;transform:scale(2.8)rotate(-10deg)}50%{opacity:1;transform:scale(.9)rotate(2deg)}72%{transform:scale(1.05)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes op-steam{0%{opacity:0;transform:translateY(40px)scale(.6)}30%{opacity:.9}to{opacity:0;transform:translateY(-220px)scale(1.5)}}@keyframes op-rise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes op-fade-down{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes op3-hang{0%{transform:translateY(-105%)}to{transform:none}}@keyframes op3-sway{0%,to{transform:rotate(0)}50%{transform:rotate(var(--sway,2deg))}}@keyframes op3-pot-in{0%{transform:translateY(50svh) scale(var(--pot-scale))}to{transform:scale(var(--pot-scale))}}@media (height<=760px){.op3-cloth{height:min(24svh,230px)}.op3-pot-inner{--pot-scale:1.05}}@keyframes op3-fall{0%{opacity:1;transform:translateY(-75svh)rotate(-30deg)}80%{opacity:1;transform:translateY(0)rotate(20deg)scale(.8)}to{opacity:0;transform:translateY(24px)scale(.3)}}@keyframes op3-bubble{0%{opacity:0;transform:translateY(0)scale(.4)}30%{opacity:1}to{opacity:0;transform:translateY(-46px)scale(1.2)}}@keyframes op-out{to{opacity:0;transform:translateY(24svh)scale(.7)}}@keyframes op-lift{0%{transform:none}to{transform:translateY(-101%)}}@keyframes op-fade-in{0%{opacity:0}to{opacity:1}}@keyframes op-fade-out{0%{opacity:1}to{opacity:0}}@keyframes op-breathe{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.op-root .op-opts,.op-root .op3-noren,.op-root .op3-pot-inner,.op-root .op3-sub{animation-name:op-fade-in!important;animation-duration:.6s!important;animation-timing-function:ease-out!important;animation-iteration-count:1!important}.op-root .op3-cloth{animation:none!important}.op-entry{animation-name:op-fade-in!important;animation-duration:.6s!important}.op-root .op-steam i,.op-root .op3-bubbles i{animation:4s ease-in-out 1.2s infinite op-breathe!important}.op-root .op3-drops img{animation:op-fade-out 1.2s ease-out calc(.8s + var(--i)*.2s) both!important}.op-root .op4-ch{animation:.5s ease-out both op-fade-in,.5s ease-out 1.15s forwards op-fade-out!important}.op-root .op-v4 .op3-drops img{transform:translate(var(--sx),var(--sy));animation:op-fade-in .5s ease-out calc(.3s + var(--i)*90ms) both,op-fade-out .6s ease-out calc(1.6s + var(--i)*.15s) forwards!important}.op-root.is-leaving .op-out{animation:op-fade-out var(--op-exit) ease-out both!important}.op-handoff{animation:op-fade-out var(--op-handoff) ease-out both!important}}@media (width>=640px){.op3-pot-inner{--pot-scale:2.2}}@media (width>=960px){.op-scene{padding-left:4vw;padding-right:4vw}.op-v3 .op3-noren{justify-content:flex-start;width:min(46vw,920px);margin:0}.op-v3 .op3-cloth{height:min(40svh,440px);font-size:min(10vw,22svh)}.op-v3 .op3-cloth--small{font-size:min(3.4vw,6svh)}.op-v3 .op3-sub{text-align:left;width:min(46vw,920px);font-size:clamp(20px,1.5vw,28px)}.op-v3 .op3-pot{align-items:center;padding-bottom:0;position:absolute;inset:0 3vw 0 50%}.op-v3 .op3-pot-inner{--pot-scale:2.2;transform-origin:50%}.op-v3 .op3-drops img{bottom:50%}.op-v3 .op3-bubbles{bottom:56%}.op-v3 .op-steam{bottom:64%}.op-v3 .op-opts{width:min(40vw,28rem);margin:auto 0 0}.op4-big{inset:max(24px,env(safe-area-inset-top)) 4vw auto;flex-direction:row}.op4-ch{font-size:min(22vw,42svh)}.op4-ch--2{margin-left:.04em}.op-v4 .op3-drops img{width:min(9vw,16svh);height:min(9vw,16svh)}.op-v4 .op3-drops img:first-child{--sx:-58vw!important;--sy:-28svh!important}.op-v4 .op3-drops img:nth-child(2){--sx:14vw!important;--sy:-30svh!important}.op-v4 .op3-drops img:nth-child(3){--sx:-46vw!important;--sy:22svh!important}.op-v4 .op3-drops img:nth-child(4){--sx:-14vw!important;--sy:-34svh!important}}@media (width>=1200px){.op-v3 .op3-pot-inner{--pot-scale:2.6}}@media (width>=1400px){.op-v3 .op3-pot-inner{--pot-scale:3.2}}@media (width>=1800px){.op-v3 .op3-pot-inner{--pot-scale:3.8}}