.xb-mascot-eye{animation:xb-blink 4s infinite;transform-box:fill-box;transform-origin:center}@keyframes xb-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.xb-paint{display:block;width:100%;height:auto;overflow:visible}.xb-paint-brush{transform:translate(118px,128px);animation:xb-paint-brush 3.6s cubic-bezier(.45,0,.3,1) infinite}.xb-paint-bloom{transform-box:fill-box;transform-origin:center;opacity:0;animation-duration:3.6s;animation-timing-function:ease-out;animation-iteration-count:infinite}.xb-paint-bloom.b1{animation-name:xb-paint-bloom1}.xb-paint-bloom.b2{animation-name:xb-paint-bloom2}.xb-paint-bloom.b3{animation-name:xb-paint-bloom3}.xb-paint-body{animation:xb-paint-body 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}@keyframes xb-paint-brush{0%,to{transform:translate(118px,128px) rotate(0)}14%{transform:translate(160px,72px) rotate(-6deg)}20%{transform:translate(163px,66px) rotate(-2deg)}33%{transform:translate(196px,96px) rotate(-6deg)}39%{transform:translate(199px,90px) rotate(-2deg)}52%{transform:translate(172px,112px) rotate(-6deg)}58%{transform:translate(175px,106px) rotate(-2deg)}78%{transform:translate(118px,128px) rotate(0)}}@keyframes xb-paint-bloom1{0%,13%{transform:scale(0);opacity:0}24%{transform:scale(1);opacity:.85}84%{transform:scale(1.04);opacity:.85}96%,to{transform:scale(1.06);opacity:0}}@keyframes xb-paint-bloom2{0%,32%{transform:scale(0);opacity:0}43%{transform:scale(1);opacity:.8}84%{transform:scale(1.04);opacity:.8}96%,to{transform:scale(1.06);opacity:0}}@keyframes xb-paint-bloom3{0%,51%{transform:scale(0);opacity:0}62%{transform:scale(1);opacity:.8}84%{transform:scale(1.04);opacity:.8}96%,to{transform:scale(1.06);opacity:0}}@keyframes xb-paint-body{0%,to,14%,33%,52%{transform:translateY(0) scale(1)}17%,36%,55%{transform:translateY(1px) scale(1.03,.96)}25%,44%,63%{transform:translateY(-2px) scale(.99,1.02)}}.xb-paint.is-paused *{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.xb-paint *{animation:none}.xb-paint .xb-paint-bloom{opacity:.85;transform:none}}.xb-deal{display:block;width:100%;height:auto;overflow:visible}.xb-deal-mascot{animation:xb-deal-bob 2.4s ease-in-out infinite}.xb-deal-card{transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 8px 10px rgb(0 0 0 / 10%));opacity:0;animation:xb-deal-card 4.8s var(--xb-ease) infinite backwards}.xb-deal-card.c2{animation-delay:.6s}.xb-deal-card.c3{animation-delay:1.2s}.xb-deal-face,.xb-deal-back{animation:inherit;animation-timing-function:step-end}.xb-deal-face{animation-name:xb-deal-face}.xb-deal-back{opacity:0;animation-name:xb-deal-back}@keyframes xb-deal-card{0%{opacity:0;transform:translate(-90px,90px) rotate(-25deg) scale(.6)}14%{opacity:1;transform:none}70%{opacity:1;transform:none}76%{opacity:1;transform:scaleX(0)}82%{opacity:1;transform:scaleX(1)}92%,to{opacity:0;transform:scaleX(1)}}@keyframes xb-deal-face{0%{opacity:1}76%{opacity:0}}@keyframes xb-deal-back{0%{opacity:0}76%{opacity:1}}@keyframes xb-deal-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.xb-deal.is-static .xb-deal-mascot,.xb-deal.is-static .xb-deal-card,.xb-deal.is-static .xb-deal-face,.xb-deal.is-static .xb-deal-back{animation:none}.xb-deal.is-static .xb-deal-card{opacity:1}@media(prefers-reduced-motion:reduce){.xb-deal .xb-deal-mascot,.xb-deal .xb-deal-card,.xb-deal .xb-deal-face,.xb-deal .xb-deal-back{animation:none}.xb-deal .xb-deal-card{opacity:1}}:root{--cream: #fff8ee;--cream2: #fdeed8;--chest-d: #6b3a1f;--ink: #3b2a1e;--orange: #ff8c42;--orange-d: #e86a1f;--leaf: #4cc38a;--leaf-d: #2f9c68;--xb-ease: cubic-bezier(.45, 0, .3, 1);--u: min(1vw, 1.6vh)}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden}body{font-family:PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle,#f3c98b3b 1.2px,transparent 1.6px) 0 0 / calc(var(--u) * 4.5) calc(var(--u) * 4.5),radial-gradient(60% 70% at 50% 42%,#fff 0%,var(--cream) 45%,var(--cream2) 100%) var(--cream2);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-touch-callout:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus{outline:none}#app{position:fixed;left:50%;top:50%;width:min(100vw,160vh);height:min(100vh,62.5vw);transform:translate(-50%,-50%);container-type:inline-size}.hill{position:absolute;left:-10%;right:-10%;bottom:-22cqw;height:34cqw;border-radius:50%;background:#f6dcb4}.hill.b{bottom:-25cqw;left:30%;right:-30%;background:#f2d2a3}.glow{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffe2b0,#ffe2b000 70%);pointer-events:none}.glow.center{width:58cqw;height:58cqw;left:21cqw;top:-8cqw}.xb-mascot{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 2cqw 1.4cqw rgb(138 79 44 / .22))}.xb-mascot .xb-mascot-eye{animation:none}.xb-mascot.blink .xb-mascot-eye{animation:xb-blink 4s infinite;transform-box:fill-box;transform-origin:center}.xb-mascot.sleeping .xb-mascot-eye{animation:none;transform:scaleY(.1);transform-box:fill-box;transform-origin:center}.bob{animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-1.2cqw)}}.hero{position:absolute;width:38cqw;left:31cqw;top:8cqw;transition:transform .3s var(--xb-ease)}.hero.side-left{width:26cqw;left:8cqw;top:14cqw}.hero.tilt{transform:rotate(-7deg)}.talking .xb-mascot-eye~path{animation:mouth .25s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}@keyframes mouth{to{transform:scaleY(2.4)}}.zzz{position:absolute;left:63cqw;top:6cqw;font-size:5cqw;opacity:.85;animation:bob 2.4s ease-in-out infinite;pointer-events:none}.talk{position:absolute;left:50%;transform:translate(-50%);bottom:6cqw;display:flex;align-items:center;gap:1.4cqw;padding:0 3.2cqw 0 1.6cqw;height:8.5cqw;border-radius:99px;white-space:nowrap;background:linear-gradient(180deg,#ffa25e,var(--orange));color:#fff;font-weight:800;font-size:3.1cqw;letter-spacing:.1em;box-shadow:0 .9cqw 0 var(--orange-d)}.talk:active{transform:translate(-50%) translateY(.6cqw);box-shadow:0 .3cqw 0 var(--orange-d)}.talk .mic{width:5.4cqw;height:5.4cqw;border-radius:50%;background:#fff;color:var(--orange);display:grid;place-items:center}.talk .mic svg{width:3cqw}.talk.breathe{animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{box-shadow:0 .9cqw 0 var(--orange-d),0 0 #ff8c4255}50%{box-shadow:0 .9cqw 0 var(--orange-d),0 0 0 2.6cqw #ff8c4200}}.talk.sm{position:static;transform:none;height:7cqw;font-size:2.5cqw;padding:0 2.2cqw 0 1.2cqw;margin-top:3cqw}.talk.sm:active{transform:translateY(.6cqw)}.talk.sm .mic{width:4.6cqw;height:4.6cqw}.talk.off{background:linear-gradient(180deg,#d8cbbd,#c4b5a5);box-shadow:0 .9cqw #a8998a;animation:none}.talk.off .mic{color:#b3a291}.listen{position:absolute;left:50%;transform:translate(-50%);bottom:5cqw;display:flex;align-items:center;gap:2cqw;background:#fff;border-radius:99px;padding:1.2cqw 3cqw 1.2cqw 1.2cqw;box-shadow:0 0 0 1.4cqw #ff8c4222,0 1cqw 3cqw #3c281426}.mic.big{width:7cqw;height:7cqw;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center}.mic.big svg{width:3.8cqw}.wave{display:flex;gap:.8cqw;align-items:center;height:7cqw}.wave span{width:1cqw;border-radius:99px;background:var(--orange);animation:wv .9s ease-in-out infinite}.wave span:nth-child(2){animation-delay:.15s}.wave span:nth-child(3){animation-delay:.3s}.wave span:nth-child(4){animation-delay:.45s}.wave span:nth-child(5){animation-delay:.6s}.wave span:nth-child(6){animation-delay:.75s}@keyframes wv{0%,to{height:1.6cqw}50%{height:6cqw}}.listen.think{height:9.4cqw;padding:0 4cqw;gap:1.6cqw;box-shadow:0 1cqw 3cqw #3c281426}.listen.think i{width:2.2cqw;height:2.2cqw;border-radius:50%;background:var(--orange);animation:think 1.2s ease-in-out infinite}.listen.think i:nth-child(2){animation-delay:.2s}.listen.think i:nth-child(3){animation-delay:.4s}@keyframes think{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-1.4cqw);opacity:1}}.pop{position:absolute;left:61cqw;top:4cqw;width:11cqw;height:11cqw;border-radius:3cqw;background:#fff;display:grid;place-items:center;font-size:6cqw;box-shadow:0 1cqw 3cqw #3c281429;animation:bob 1.6s ease-in-out infinite;pointer-events:none}.ear{position:absolute;left:50%;transform:translate(-50%);bottom:7cqw;font-size:4.6cqw;width:9cqw;height:9cqw;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 1.4cqw #4cc38a33;animation:ear 1.6s ease-in-out infinite}@keyframes ear{50%{box-shadow:0 0 0 2.4cqw #4cc38a1a}}.entries{position:absolute;right:4cqw;top:50%;transform:translateY(-55%);display:flex;flex-direction:column;gap:2.4cqw}.entry{position:relative;width:12cqw;height:12cqw;border-radius:3.2cqw;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:5cqw;line-height:1.25;box-shadow:0 .8cqw #ecd9c0,0 1.6cqw 3cqw #3c28141f}.entry:active{transform:translateY(.6cqw);box-shadow:0 .2cqw #ecd9c0,0 .8cqw 2cqw #3c28141f}.entry small{font-size:2.2cqw;font-weight:800;color:var(--chest-d)}.entry.hint{animation:bob 1.2s ease-in-out infinite;box-shadow:0 .8cqw #ecd9c0,0 0 0 1.4cqw #ffb62755}.dot{position:absolute;top:-1.2cqw;right:-1.2cqw;width:3.6cqw;height:3.6cqw;border-radius:50%;background:#ff5a4f;border:.5cqw solid #fff}.work{position:absolute;width:62cqw;left:12cqw;top:6cqw}.work.deal{width:54cqw;left:16cqw;top:4cqw}.side{position:absolute;left:4cqw;top:8cqw;width:28cqw;display:flex;flex-direction:column;align-items:center}.side .side-mascot{width:22cqw}.panel{position:absolute;inset:3cqw 3cqw 3cqw 35cqw;padding:2.4cqw 2.8cqw 0;display:flex;flex-direction:column;background:#ffffffd9;border-radius:3cqw;box-shadow:0 1.6cqw 4cqw #3c281424}.tabs{display:flex;gap:1.6cqw;flex:none}.tab{flex:1;height:7.6cqw;border-radius:2.4cqw;display:flex;align-items:center;justify-content:center;font-size:2.9cqw;font-weight:800;background:#f6ead9;color:#a07a5a}.tab.on.s{background:linear-gradient(180deg,#ffd166,#ffb627);color:#5a3400;box-shadow:0 .7cqw #e0961a}.tab.on.g{background:linear-gradient(180deg,#5fd39b,var(--leaf));color:#fff;box-shadow:0 .7cqw 0 var(--leaf-d)}.books{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:3cqw 2.2cqw;margin:1cqw -2cqw 0;padding:2cqw 2cqw 3cqw}.books::-webkit-scrollbar{display:none}.book{position:relative;display:block;width:100%;text-align:left}.book:active .cv{transform:scale(.96)}.book .cv{aspect-ratio:4 / 3;border-radius:1.4cqw;background:#fff center / cover;box-shadow:0 1cqw 2cqw #3c281433;transition:transform .15s}.book .cv.blank{display:grid;place-items:center;font-size:6cqw;background:linear-gradient(160deg,hsl(var(--h) 85% 90%),hsl(var(--h) 70% 78%))}.book.busy .cv{background:#fff7ec;display:grid;place-items:center;overflow:hidden}.book.busy .cv svg{width:100%;height:100%}.new{position:absolute;top:-1.6cqw;left:-1.6cqw;background:#ff5a4f;color:#fff;font-size:2.4cqw;font-weight:800;border-radius:99px;padding:.4cqw 1.4cqw;border:.4cqw solid #fff;line-height:1.4}.rec{outline:.6cqw solid #ffb627;outline-offset:.5cqw}.empty{grid-column:1 / -1;display:grid;place-items:center;height:30cqw;font-size:12cqw;opacity:.18}.ready{position:absolute;left:42cqw;top:12cqw;width:40cqw;animation:fly 1.2s var(--xb-ease) both}.ready .book{animation:bob 2.4s ease-in-out 1.2s infinite}.ready .new{font-size:3.2cqw;padding:.5cqw 1.8cqw;top:-2cqw;left:-2cqw}@keyframes fly{0%{transform:translate(-14cqw,10cqw) scale(.4) rotate(-12deg);opacity:0}70%,to{transform:none;opacity:1}}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-4cqw;left:calc(var(--i) * 7cqw + 2cqw);width:1.6cqw;height:2.6cqw;border-radius:.4cqw;background:hsl(calc(var(--i) * 47) 85% 65%);animation:fall 2.6s linear infinite;animation-delay:calc(var(--i) * -.19s)}@keyframes fall{to{transform:translateY(70cqw) rotate(540deg)}}.player{position:fixed;inset:0;z-index:10;background:var(--cream)}.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.player .back{position:absolute;left:calc(var(--u) * 2.4);top:calc(var(--u) * 2.4);width:calc(var(--u) * 9);height:calc(var(--u) * 9);border-radius:50%;background:#fff;padding:calc(var(--u) * 1.6);box-shadow:0 var(--u) calc(var(--u) * 2.4) #00000040}.player .back:active{transform:scale(.94)}.player .back .xb-mascot{filter:none}.bind-mascot{position:absolute;width:28cqw;left:6cqw;top:14cqw}.bind{position:absolute;inset:3cqw 6cqw 3cqw 40cqw;display:flex;flex-direction:column;align-items:center}.bind-label{font-size:3cqw;font-weight:800;letter-spacing:.2em;color:var(--chest-d)}.slots{display:flex;gap:1.4cqw;margin:1.2cqw 0 2.4cqw}.slot{width:6.6cqw;height:8.4cqw;border-radius:1.6cqw;background:#fff;display:grid;place-items:center;font-size:5cqw;font-weight:800;color:var(--ink);box-shadow:inset 0 -.5cqw #ecd9c0,0 .6cqw 1.6cqw #3c28141a}.slot.on{color:var(--orange-d)}.slot.cur{box-shadow:inset 0 0 0 .5cqw var(--orange),0 .6cqw 1.6cqw #3c28141a}.slots.shake{animation:shake .5s var(--xb-ease)}.slots.shake .slot{box-shadow:inset 0 0 0 .5cqw #ff5a4f,0 .6cqw 1.6cqw #3c28141a}@keyframes shake{20%,60%{transform:translate(-2cqw)}40%,80%{transform:translate(2cqw)}}.keypad{display:grid;grid-template-columns:repeat(3,15cqw);grid-auto-rows:8.6cqw;gap:1.6cqw 2cqw}.key{border-radius:2.6cqw;background:#fff;font-size:4.6cqw;font-weight:800;color:var(--chest-d);display:grid;place-items:center;box-shadow:0 .8cqw #ecd9c0,0 1.4cqw 2.4cqw #3c28141a}.key:active{transform:translateY(.6cqw);box-shadow:0 .2cqw #ecd9c0,0 .6cqw 1.4cqw #3c28141a}.key.del{background:#f6ead9;color:#a07a5a}.key.del svg{width:5cqw}.bind.busy .keypad{opacity:.5;pointer-events:none}@media(prefers-reduced-motion:reduce){.slots.shake,.bob,.talk.breathe,.entry.hint,.pop,.ear,.ready,.ready .book,.confetti i{animation:none}}