:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#353b2e;background:#e9e5d8;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}button{font:inherit;-webkit-tap-highlight-color:transparent}.greeting{position:relative;isolation:isolate;width:100%;max-width:480px;height:100vh;height:100svh;min-height:320px;margin:0 auto;overflow:hidden;background:#fbf7e9;box-shadow:0 0 80px #7564481a}.page-deck{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.page-deck::-webkit-scrollbar{display:none}.greeting-page{position:relative;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.page-background{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.page-image-error{height:100%;padding-bottom:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#645941}.page-image-error button{padding:12px 20px;border:1px solid #bc963f;border-radius:24px;background:#fffdf5;color:#645941;cursor:pointer}.swipe-cue{--swipe-offset: -3px;position:absolute;bottom:max(6px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:132px;min-height:44px;padding:2px 18px;border:0;background:transparent;color:#626d48;font-size:11px;line-height:1.5;letter-spacing:2px;text-shadow:0 1px 4px #fffdf5,0 0 8px #fffdf5;cursor:pointer;touch-action:manipulation}.swipe-cue-arrow{width:22px;height:18px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #fffdf5);animation:swipe-invitation 2.4s ease-in-out infinite}.swipe-cue-arrow path:first-child{opacity:.45}.swipe-cue.is-return{--swipe-offset: 3px}.swipe-cue.is-return .swipe-cue-arrow{rotate:180deg}.swipe-cue:focus-visible,.page-deck:focus-visible{outline:2px solid #a56527;outline-offset:-2px}@keyframes swipe-invitation{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(var(--swipe-offset));opacity:1}}.has-pages .music-dock{bottom:max(62px,calc(env(safe-area-inset-bottom) + 54px))}.music-dock{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));right:15px;z-index:3;width:min(290px,calc(100% - 30px));animation:greeting-arrives 1s .25s ease-out both}.player-hint{text-align:right;font-size:11px;line-height:1.6;color:#46523b;text-shadow:0 1px 3px #fffbe9;background:#fffdf5e8;width:fit-content;margin:0 5px 10px auto;padding:3px 8px;border-radius:8px}.music-button{display:flex;align-items:center;width:100%;gap:10px;border:1px solid #dccba5;border-radius:48px;background:#fffdf5f5;color:#414332;padding:9px 14px 9px 9px;min-height:76px;box-shadow:0 6px 22px #6d643123;cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s}.music-button:hover{box-shadow:0 7px 26px #6d64313a;transform:translateY(-2px)}.music-button:active{transform:scale(.98)}.music-button:focus-visible,.retry-button:focus-visible{outline:3px solid #a56527;outline-offset:4px}.music-button:disabled{cursor:wait;opacity:.8}.record{width:48px;height:48px;position:relative;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(circle,#3b382e 0,#3b382e 2px,#494337,#494337 4px);border:2px solid #b7a06a;display:grid;place-items:center}.record-label{width:21px;height:21px;background:conic-gradient(#edcb75,#b88d36,#f8dfa1,#d6ad52,#edcb75);border-radius:50%}.record svg{width:13px;height:13px;fill:#fffaf0;position:absolute;filter:drop-shadow(0 1px 1px #68501d)}.is-playing .record-label{animation:record-turns 5s linear infinite}.track-info{min-width:0;flex:1;display:block}.track-info strong{display:block;font-size:14px;font-weight:600;line-height:1.6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-byline{display:block;font-size:10px;line-height:1.7;color:#827657;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-progress{display:flex;align-items:center;gap:5px;font-size:9px;line-height:1.6;color:#938369;font-variant-numeric:tabular-nums}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:2px;width:100%;height:2px;color:#bc963f;background:#e8dec8}progress::-webkit-progress-bar{background:#e8dec8}progress::-webkit-progress-value{background:#bc963f}progress::-moz-progress-bar{background:#bc963f}.equalizer{display:none;align-items:center;gap:2px;height:15px}.is-playing .equalizer{display:flex}.equalizer i{width:2px;height:10px;background:#bc963f;animation:equalizer-moves .9s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:15px;animation-delay:-.3s}.equalizer i:nth-child(3){height:7px;animation-delay:-.6s}.music-notice{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#fffdf5f5;border:1px solid #dccba5;border-radius:38px;box-shadow:0 6px 22px #6d643123}.notice-symbol{font-size:32px;color:#b18b37}.status-title{font-size:13px;margin:0 0 5px}.retry-button{border:0;padding:4px 0;min-height:36px;background:none;color:#84652e;text-decoration:underline;font-size:13px;cursor:pointer}.loading-dots{display:flex;gap:4px;padding:5px 0}.loading-dots i{width:4px;height:4px;border-radius:50%;background:#b9a677;animation:equalizer-moves .8s infinite alternate}.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}.playback-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:max(32px,env(safe-area-inset-top)) 28px max(32px,env(safe-area-inset-bottom));border:0;background:#28271b94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff9e7;cursor:pointer;text-align:center;touch-action:manipulation}.playback-prompt-content{display:flex;flex-direction:column;align-items:center;width:min(100%,340px);transform:translateY(-5vh)}.playback-prompt-icon{display:grid;place-items:center;flex-shrink:0;width:92px;height:92px;margin-bottom:34px;border:2px solid #fff0b1;border-radius:50%;background:linear-gradient(145deg,#f3d476,#e4b940);color:#604218;font:42px/1 Georgia,serif;box-shadow:0 0 0 16px #efd57526,0 8px 24px #30270f20;animation:invitation-glows 2.8s ease-in-out infinite}.playback-prompt-title,.playback-prompt-subtitle{display:block;font-size:19px;font-weight:500;line-height:1.8;letter-spacing:2px;text-shadow:0 1px 4px #28271b50}.playback-prompt-song{display:block;max-width:100%;margin-top:24px;font-size:13px;line-height:1.8;color:#fff3d3;overflow-wrap:anywhere}.playback-prompt:focus-visible{outline:none}.playback-prompt:focus-visible .playback-prompt-icon{outline:2px solid #fff0b1;outline-offset:5px}.playback-prompt[aria-disabled=true]{cursor:wait}.playback-prompt-enter-active,.playback-prompt-leave-active{transition:opacity .22s ease}.playback-prompt-enter-from,.playback-prompt-leave-to{opacity:0}.playback-prompt-leave-active{pointer-events:none}@keyframes invitation-glows{50%{box-shadow:0 0 0 22px #efd57516,0 8px 24px #30270f20}}@keyframes greeting-arrives{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes record-turns{to{transform:rotate(360deg)}}@keyframes equalizer-moves{0%{transform:scaleY(.4);opacity:.5}to{transform:scaleY(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}