@import "https://fonts.googleapis.com/css2?family=Iansui&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--iansui:"Iansui", "PingFang TC", "Noto Sans TC", sans-serif;--panel-paper:#fbebd2;--panel-ink:#6b4530;--panel-ink-soft:#8a5a36}.panel-dialog{border-style:solid;border-width:23px;border-image-source:var(--img-dialog-box,url(/ui/dialog/dialog-box.webp));background:0 0;border-image-slice:46 fill;border-image-width:23px;border-image-repeat:stretch}*{box-sizing:border-box}html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;margin:0;font-family:system-ui,-apple-system,PingFang TC,Noto Sans TC,sans-serif;overflow:hidden}#app{position:fixed;inset:0;overflow:hidden}#app canvas{touch-action:none;display:block;position:absolute;inset:0}.pet-heart{color:#e98b86;pointer-events:none;font-size:22px;line-height:1;animation:1.4s ease-out forwards pet-heart-float;position:absolute;transform:translate(-50%)}@keyframes pet-heart-float{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-6px)scale(1)}to{opacity:0;transform:translate(-50%,-46px)scale(1)}}.pet-bubble{pointer-events:none;transition:opacity var(--pet-bubble-fade,.4s) ease-in;animation:.25s ease-out backwards pet-bubble-pop;position:absolute}.pet-bubble.leaving{opacity:0}.pet-bubble.faint:not(.leaving){opacity:.6}.pet-bubble-frame{transform-origin:50% 100%;box-sizing:border-box;border-style:solid;border-image-source:var(--img-bubble-frame,url(/ui/bubbles/bubble.webp));min-width:1.6em;font-family:var(--iansui);color:#4a3324;white-space:nowrap;border-image-slice:84 fill;border-image-repeat:stretch;justify-content:center;align-items:center;padding:0 .3em;line-height:1;display:flex;position:absolute;top:0;left:0;transform:translate(-50%)}.pet-bubble-frame img{display:block}.pet-bubble-tail{display:block;position:absolute;left:0;transform:translate(-50%)}@keyframes pet-bubble-pop{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.thought-bubble{pointer-events:none;transition:opacity var(--thought-bubble-fade,.4s) ease-in;animation:.25s ease-out backwards pet-bubble-pop;position:absolute}.thought-bubble.leaving{opacity:0}.thought-bubble.dream{opacity:.6}.thought-bubble-inner{position:relative}.thought-bubble-piece{display:block;position:absolute;top:0}.thought-bubble-trail{display:block;position:absolute}.thought-bubble-text{font-family:var(--iansui);color:#4a3324;text-align:center;line-height:1.15;position:absolute}.thought-bubble-line{white-space:nowrap}@media (prefers-reduced-motion:reduce){.thought-bubble{animation:.25s ease-out backwards pet-bubble-fade-in}}.pet-stroke-particle{opacity:.9;pointer-events:none;--drift:-34px;--sway:0px;height:auto;animation:1.2s ease-out forwards pet-stroke-particle-drift;position:absolute;transform:translate(-50%)}@keyframes pet-stroke-particle-drift{0%{opacity:0;transform:translate(-50%)scale(.7)}15%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--sway)), var(--drift)) scale(1)}}@media (prefers-reduced-motion:reduce){.pet-bubble{animation:.25s ease-out backwards pet-bubble-fade-in}.pet-stroke-particle{animation:.9s ease-out forwards pet-fx-fade-only}}.floor-ripple{pointer-events:none;width:10px;height:10px;box-shadow:0 0 0 var(--ripple-ring,2px) #ffebcde6, 0 0 0 var(--ripple-outline,4px) #3c281459;opacity:.9;transition:width var(--ripple-expand,.35s) ease-out, height var(--ripple-expand,.35s) ease-out, opacity .3s ease-in;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.floor-ripple.expanded{width:var(--ripple-size,51px);height:var(--ripple-size,51px)}.floor-ripple.leaving{opacity:0}.floor-ripple.reduced{transition:opacity .3s ease-in}.floor-ripple.reduced.expanded{width:var(--ripple-size,51px);height:var(--ripple-size,51px);transition:opacity .3s ease-in}@keyframes pet-bubble-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pet-fx-fade-only{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.pet-hand{pointer-events:none;opacity:0;transition:opacity var(--pet-hand-fade,.15s) ease-out;position:absolute}@media (prefers-reduced-motion:reduce){.pet-hand{transition:none}}.swipe-hint{background:var(--panel-paper);border:2.5px solid var(--panel-ink);width:48px;height:48px;color:var(--panel-ink);opacity:0;pointer-events:none;--hint-pet-width:90px;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 8px #0000004d}.swipe-hint svg{width:26px;height:26px}.swipe-hint:before{content:"";background:linear-gradient(to right, transparent, var(--panel-ink-soft) 75%);opacity:0;z-index:-1;border-radius:50%;width:70px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-90%,-50%)scaleX(.6)}.swipe-hint.visible{animation:1.6s ease-in-out infinite swipe-hint-slide}.swipe-hint.visible:before{animation:1.6s ease-in-out infinite swipe-hint-trail}@keyframes swipe-hint-slide{0%{transform:translate(-50%, -50%) translate(calc(-1 * var(--hint-pet-width)), 6px) scale(.9);opacity:0}15%{opacity:.95}50%{transform:translate(-50%, -50%) translate(calc(.15 * var(--hint-pet-width)), -10px) scale(1);opacity:.95}85%{opacity:0}to{transform:translate(-50%, -50%) translate(calc(-1 * var(--hint-pet-width)), 6px) scale(.9);opacity:0}}@keyframes swipe-hint-trail{0%{opacity:0}25%{opacity:.6}60%{opacity:.6}90%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.swipe-hint.visible{opacity:.95;animation:none;transform:translate(-50%,-50%)}.swipe-hint.visible:before{opacity:0;animation:none}}.subtitle-bar{left:50%;top:calc(66px + env(safe-area-inset-top));text-align:center;pointer-events:none;opacity:0;width:min(440px,100vw - 28px);min-height:20px;padding:10px 16px;transition:opacity .2s;position:fixed;transform:translate(-50%)}.subtitle-bar.visible{opacity:1}.subtitle-narration{font-family:var(--iansui);color:var(--panel-ink);margin:0 0 2px;font-size:16px;line-height:1.5}.subtitle-hint{font-family:var(--iansui);color:var(--panel-ink-soft);margin:0;font-size:14px;line-height:1.4}.subtitle-action{font-family:var(--iansui);color:var(--panel-ink);pointer-events:auto;background:0 0;border:none;margin:4px auto 0;font-size:14px;text-decoration:underline;display:none}.subtitle-action.visible{display:block}.icon-button{z-index:5;color:#8a5a36;background:#ffffffe0;border:none;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .1s;display:flex;position:fixed;box-shadow:0 2px 8px #0000002e}.icon-button:active{transform:scale(.94)}#collection-box-button{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right))}#settings-button{top:calc(10px + env(safe-area-inset-top));right:calc(10px + 48px + 8px + env(safe-area-inset-right))}#diary-button{top:calc(10px + env(safe-area-inset-top));right:calc(10px + 96px + 16px + env(safe-area-inset-right))}#diary-button.diary-glow{transition:box-shadow .4s;box-shadow:0 0 0 6px #ffe0828c,0 2px 8px #0000002e}#reception-back-button{top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left))}#debug-export-button{top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));width:auto;height:auto;padding:4px 8px;font-family:monospace;font-size:11px}.overlay-backdrop{opacity:0;pointer-events:none;z-index:20;background:#281c1438;justify-content:center;align-items:flex-start;transition:opacity .2s;display:flex;position:fixed;inset:0}.overlay-backdrop.open{opacity:1;pointer-events:auto}.overlay-card{padding:calc(22px + env(safe-area-inset-top)) 22px 22px;text-align:center;filter:drop-shadow(0 6px 18px #00000029);width:min(480px,100vw);transition:transform .22s ease-out;transform:translateY(-24px)}.overlay-backdrop.open .overlay-card{transform:translateY(0)}.overlay-title{font-family:var(--iansui);color:var(--panel-ink);margin:0 0 14px;font-size:20px;font-weight:600}.overlay-note{font-family:var(--iansui);color:var(--panel-ink);margin:-6px 0 14px;font-size:16px;line-height:1.5}.chip-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.name-chip{border:1.5px solid var(--panel-ink-soft);background:var(--panel-paper);min-height:44px;font-family:var(--iansui);color:var(--panel-ink);border-radius:18px 16px 19px 15px;padding:0 16px;font-size:15px;transition:transform .1s,background .15s}.name-chip:active{transform:scale(.96)}.name-chip.selected{border-color:var(--panel-ink);background:#e7bd8c}.name-input{border:1.5px solid var(--panel-ink-soft);background:var(--panel-paper);width:100%;min-height:44px;color:var(--panel-ink);border-radius:12px 10px 13px 9px;margin-top:4px;padding:0 12px;font-size:16px}.primary-button{border:1.5px solid var(--panel-ink);color:#fff;width:100%;min-height:44px;font-family:var(--iansui);background:#c97b53;border-radius:12px 10px 13px 9px;margin-top:16px;font-size:16px;transition:transform .1s,opacity .15s}.primary-button:active{transform:scale(.98)}.primary-button:disabled{opacity:.4}.menu-item-button{border:1.5px solid var(--panel-ink-soft);background:var(--panel-paper);width:100%;min-height:44px;font-family:var(--iansui);color:var(--panel-ink);border-radius:12px 10px 13px 9px;margin-top:8px;font-size:15px;transition:transform .1s;display:block}.menu-item-button:active{transform:scale(.97)}.settings-restart-button{border:none;border-top:1px solid var(--panel-ink-soft);width:100%;min-height:44px;font-family:var(--iansui);color:var(--panel-ink-soft);background:0 0;margin-top:18px;padding-top:10px;font-size:13px;display:block}.settings-restart-button:active{opacity:.7}.version-line{font-family:var(--iansui);color:var(--panel-ink-soft);opacity:.55;font-size:11px}.settings-version-line{text-align:center;margin:10px 0 0}.about-version-line{text-align:center;margin:4px 0 12px}.reset-confirm-buttons{gap:10px;display:flex}.reset-confirm-buttons .primary-button,.reset-confirm-buttons .menu-item-button{margin-top:16px}.settings-row{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:4px 2px;display:flex}.settings-row-label{font-family:var(--iansui);color:var(--panel-ink);font-size:16px}.toggle-switch{border:1.5px solid var(--panel-ink-soft);background:var(--panel-paper);border-radius:14px;width:48px;min-width:44px;height:28px;min-height:44px;padding:0;transition:background .15s,border-color .15s;position:relative}.toggle-switch .toggle-thumb{background:var(--panel-ink-soft);border-radius:50%;width:20px;height:20px;transition:transform .15s,background .15s;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.toggle-switch.on{border-color:var(--panel-ink);background:#e7bd8c}.toggle-switch.on .toggle-thumb{background:var(--panel-ink);transform:translate(20px,-50%)}.toggle-switch:focus-visible{outline:2px solid var(--panel-ink);outline-offset:2px}.credits-body{text-align:left;max-height:55vh;margin-bottom:8px;overflow-y:auto}.credits-heading{font-family:var(--iansui);color:var(--panel-ink);margin:16px 0 4px;font-size:16px;font-weight:600}.credits-heading:first-child{margin-top:0}.credits-label{font-family:var(--iansui);color:var(--panel-ink);margin:8px 0 2px;font-size:15px;font-weight:600}.credits-lines,.credits-list{color:var(--panel-ink-soft);margin:0 0 4px;font-size:13px;line-height:1.6}.credits-list{padding-left:18px}.credits-lines a,.credits-list a{color:var(--panel-ink-soft);word-break:break-all}.changelog-body{text-align:left;max-height:60vh;margin-bottom:8px;overflow-y:auto}.changelog-version{font-family:var(--iansui);color:var(--panel-ink);margin:10px 0 2px;font-size:14px;font-weight:600}.changelog-version:first-child{margin-top:0}.changelog-line{color:var(--panel-ink-soft);margin:0;font-size:13px;line-height:1.6}.gift-grid{grid-template-columns:repeat(4,1fr);gap:8px;max-height:55vh;margin-bottom:8px;display:grid;overflow-y:auto}.gift-cell{aspect-ratio:1;border:1.5px solid var(--panel-ink-soft);background:var(--panel-paper);border-radius:12px 10px 13px 9px;padding:6px;transition:transform .1s;position:relative}.gift-cell:active{transform:scale(.95)}.gift-cell-empty-message{font-family:var(--iansui);color:var(--panel-ink-soft);margin:0;padding:20px 4px;font-size:14px;line-height:1.6}.gift-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.gift-image-mosaic{image-rendering:pixelated}.gift-detail-image-wrap{width:140px;height:140px;margin:0 auto 12px;position:relative}.gift-detail-name{font-family:var(--iansui);color:var(--panel-ink);margin:0 0 6px;font-size:19px;font-weight:600}.pet-sex-symbol{color:var(--panel-ink-soft);opacity:.6;align-items:center;margin-left:2px;display:inline-flex}.pet-sex-icon{width:.9em;height:.9em}.gift-detail-desc{color:var(--panel-ink-soft);margin:0 0 14px;font-size:14px;line-height:1.5}.gift-detail-receipts{text-align:left;max-height:30vh;margin-bottom:8px;overflow-y:auto}.gift-detail-receipt-line{color:var(--panel-ink-soft);font-size:14px;line-height:1.8}.gift-receipt-card{left:50%;top:calc(20% + env(safe-area-inset-top));width:min(300px,82vw);padding:calc(18px + env(safe-area-inset-top)) 18px 18px;text-align:center;z-index:22;opacity:0;pointer-events:none;transition:opacity .4s;position:fixed;transform:translate(-50%)}.gift-receipt-card.open{opacity:1;pointer-events:auto}.gift-receipt-image-wrap{width:96px;height:96px;margin:0 auto 10px;position:relative}.gift-receipt-desc{font-family:var(--iansui);color:var(--panel-ink);margin:0;font-size:15px;line-height:1.5}.intro-screen{--intro-ease:cubic-bezier(.22, 1, .36, 1);z-index:30;cursor:pointer;background:#f7ede1;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.intro-lines{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:480px;display:flex}.intro-line{font-family:var(--iansui);font-size:min(clamp(16px, 4.6vw, 21px), calc((100vw - 48px) / 16), var(--intro-line-max-size,999px));white-space:normal;color:#4a3d31;margin:0;line-height:1.7}.intro-clause{white-space:nowrap;display:inline-block}.intro-char{opacity:0;transition:opacity var(--intro-char-fade) var(--intro-ease), transform var(--intro-char-fade) var(--intro-ease);display:inline-block;transform:translateY(4px)}.intro-char.shown{opacity:1;transform:none}.intro-char.instant{transition:none}.intro-content{transition:opacity var(--intro-screen-fade) ease, transform var(--intro-glide) var(--intro-ease);flex-direction:column;align-items:center;display:flex}.intro-content.no-glide{transition:opacity var(--intro-screen-fade) ease}.intro-content.fade-out,.intro-screen.fade-out{opacity:0}.intro-screen{transition:opacity var(--intro-screen-fade) ease}.intro-skip{top:calc(14px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));color:#8a5a36;background:0 0;border:none;min-width:44px;min-height:44px;padding:0 14px;font-size:14px;position:fixed}.intro-skip.hidden{display:none}.intro-choices{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;margin-top:28px;transition:opacity .5s;display:flex}.intro-choices .wish-card{opacity:0}.intro-choices.visible .wish-card{opacity:1}.intro-choices.dim{opacity:0}.intro-lines.leaving{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translateY(-48px)}.intro-choices.visible .wish-card.leaving{opacity:0;pointer-events:none}.wish-card.chosen{pointer-events:none;transition:transform .7s ease-in-out,opacity .6s}.intro-closing{flex-direction:column;align-items:center;display:flex;position:absolute;left:0;right:0}.intro-loading-hint{font-family:var(--iansui);letter-spacing:.2em;color:#8a7866;align-items:center;gap:8px;margin-top:28px;font-size:14px;display:flex}.intro-loading-paws{align-items:center;gap:5px;display:inline-flex}.intro-paw{fill:currentColor;opacity:0;width:12px;height:12px;animation:2.4s ease-in-out infinite intro-paw-step}.intro-paw:nth-child(odd){transform:translateY(2px)rotate(-8deg)}.intro-paw:nth-child(2n){transform:translateY(-2px)rotate(8deg)}.intro-paw:nth-child(2){animation-delay:.4s}.intro-paw:nth-child(3){animation-delay:.8s}@keyframes intro-paw-step{0%{opacity:0}15%,55%{opacity:.85}80%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.intro-paw{opacity:.7;animation:none}}.wish-card{border:1.5px solid var(--panel-ink-soft);background:var(--panel-paper);border-radius:18px 15px 19px 16px;flex-direction:column;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:10px 8px;transition:opacity .6s,transform .1s,background .15s;display:flex}.wish-card:active{background:#f3dcb8;transform:scale(.95)}.wish-card img{width:auto;max-width:22vw;height:auto;max-height:72px}.wish-card-label{font-family:var(--iansui);color:var(--panel-ink);font-size:16px}@media (prefers-reduced-motion:reduce){.pet-heart{opacity:1;animation:none;transform:translate(-50%,-20px)}.overlay-backdrop,.overlay-card,.icon-button,.name-chip,.primary-button,.menu-item-button,.toggle-switch,.toggle-switch .toggle-thumb,.gift-cell,.gift-receipt-card,.intro-screen,.intro-content,.intro-char,.intro-choices,.wish-card,.cover-screen,.cover-gear{transition:none}.cover-start-line{opacity:.85;animation:none}}.intro-screen.reduced-motion,.intro-screen.reduced-motion .intro-lines,.intro-screen.reduced-motion .wish-card,.intro-screen.reduced-motion .intro-content,.intro-screen.reduced-motion .intro-char,.intro-screen.reduced-motion .intro-choices{transition:none}#test-panel-toggle{bottom:calc(10px + env(safe-area-inset-bottom));left:calc(10px + env(safe-area-inset-left));z-index:19;width:auto;height:auto;padding:6px 10px;font-family:monospace;font-size:12px}.test-panel{bottom:calc(10px + 40px + 8px + env(safe-area-inset-bottom));left:calc(10px + env(safe-area-inset-left));color:#eee;z-index:18;background:#141414eb;border-radius:8px;width:min(280px,100vw - 20px);max-height:60vh;padding:8px;font-family:monospace;font-size:12px;display:none;position:fixed;overflow-y:auto}.test-panel.open{display:block}.test-panel-heading{text-transform:uppercase;color:#9c9c9c;margin:10px 0 4px;font-size:11px}.test-panel-heading:first-child{margin-top:0}.test-panel-group{flex-wrap:wrap;gap:4px;display:flex}.test-panel-button{color:#eee;background:#333;border:1px solid #555;border-radius:4px;min-height:28px;padding:2px 8px;font-family:monospace;font-size:11px}.test-panel-button:active{background:#444}.test-panel-button:disabled{opacity:.4}.test-panel-save-details{width:100%;margin-top:4px}.test-panel-save-summary{cursor:pointer;color:#9c9c9c}.test-panel-save-json{white-space:pre-wrap;word-break:break-all;background:#ffffff0f;border-radius:4px;max-height:200px;padding:6px;overflow:auto}.test-panel-toast{bottom:calc(10px + 40px + 8px + env(safe-area-inset-bottom));left:calc(10px + env(safe-area-inset-left));color:#eee;z-index:26;background:#141414eb;border-radius:6px;max-width:min(280px,100vw - 20px);padding:6px 10px;font-family:monospace;font-size:12px;position:fixed}.overlay-backdrop.diary-book-backdrop{opacity:1;pointer-events:none;background-color:#281c1400;align-items:center;transition:none}.overlay-backdrop.diary-book-backdrop.open{pointer-events:auto}.diary-book{flex-direction:column;align-items:center;gap:14px;width:min(300px,100vw - 48px);display:flex}.diary-book-tabs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.diary-book-tabs.hidden{display:none}.diary-book-tab{font-family:var(--iansui);border:1px solid var(--panel-ink-soft);color:var(--panel-ink-soft);background:0 0;border-radius:10px;padding:4px 12px;font-size:13px}.diary-book-tab.active{background:var(--panel-ink-soft);color:#fff}.diary-book-frame{aspect-ratio:559/749;background-image:var(--img-diary-page-right,url(/ui/diary/page-right.webp));filter:drop-shadow(0 8px 20px #00000038);background-repeat:no-repeat;background-size:100% 100%;width:100%;position:relative}.diary-book-page{background-image:var(--img-diary-line,url(/ui/diary/line.webp));background-position:top;background-repeat:repeat-y;background-size:100% 32px;transition:opacity .22s;position:absolute;inset:8%;overflow-y:auto}.diary-book-page.turning{opacity:0}.diary-book-date{font-family:var(--iansui);color:var(--panel-ink-soft);margin:0 0 4px;font-size:14px}.diary-date-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 4px;display:flex}.diary-date-row .diary-book-date{margin:0}.diary-day-count{font-family:var(--iansui);color:var(--panel-ink-soft);white-space:nowrap;margin:0;font-size:12px}.diary-signature{font-family:var(--iansui);color:var(--panel-ink-soft);text-align:right;margin:6px 0 0;font-size:15px}.diary-day-count.hidden{display:none}.diary-book-text{font-family:var(--iansui);color:var(--panel-ink);margin:0;font-size:18px;line-height:32px}.diary-book-entry{margin:0}.diary-book-entry+.diary-book-entry{margin-top:32px}.diary-book-nav-button{font-family:var(--iansui);width:44px;height:44px;color:var(--panel-ink);background:#ffffffc7;border:none;border-radius:50%;font-size:22px;position:absolute;bottom:4%;box-shadow:0 2px 6px #0000002e}.diary-book-nav-prev{left:-6px}.diary-book-nav-next{right:-6px}.diary-book-nav-button:disabled{opacity:.3}.diary-book-close{margin:0}.diary-cutscene{opacity:0;pointer-events:none;z-index:24;background:0 0;transition:opacity .3s;position:fixed;inset:0}.diary-cutscene.open{opacity:1;pointer-events:auto}.diary-cutscene-book{filter:drop-shadow(0 8px 20px #00000038);perspective:1400px;position:fixed;overflow:visible}.diary-cutscene-cover{background-repeat:no-repeat;background-image:var(--img-diary-cover,url(/ui/diary/cover.webp));opacity:1;backface-visibility:hidden;background-size:100% 100%;transition:opacity .3s;position:absolute}.diary-cutscene-cover.faded{opacity:0}@keyframes diary-cover-flip-open{0%{filter:brightness();transform:rotateY(0)}50%{filter:brightness(.82)}to{filter:brightness();transform:rotateY(-180deg)}}@keyframes diary-cover-flip-close{0%{filter:brightness();transform:rotateY(-180deg)}50%{filter:brightness(.82)}to{filter:brightness();transform:rotateY(0)}}.diary-ink-char{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;display:inline-block;transform:translateY(4px)}.diary-ink-char.shown{opacity:1;transform:none}.diary-ink-char.instant{transition:none}@media (prefers-reduced-motion:reduce){.diary-cutscene,.diary-cutscene-book,.diary-cutscene-cover,.diary-book-page,.diary-ink-char{transition:none!important}.diary-cutscene-cover{animation:none!important}}.flavor-picker{z-index:15;max-width:220px;padding:10px;position:absolute;transform:translate(-50%,-100%)}.flavor-picker-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.flavor-option{font-family:var(--iansui);color:var(--panel-ink);cursor:pointer;touch-action:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.flavor-icon{object-fit:contain;width:auto;max-width:40px;height:auto;max-height:40px}.flavor-option-label{font-size:13px}.cover-screen{z-index:10;cursor:pointer;background:#000;transition:opacity .8s;position:fixed;inset:0}.cover-screen.fade-out{opacity:0}.cover-screen canvas{display:block;position:absolute;inset:0}.cover-gear{position:fixed}.cover-start-line{font-family:var(--iansui);white-space:nowrap;pointer-events:none;align-items:center;gap:6px;font-size:20px;animation:2.6s ease-in-out infinite cover-start-pulse;display:inline-flex;position:fixed;transform:translate(-50%,-50%)}.cover-start-line .intro-paw{width:.85em;height:.85em}.cover-version-line{right:calc(10px + env(safe-area-inset-right));bottom:calc(6px + env(safe-area-inset-bottom));pointer-events:none;margin:0;position:fixed}@keyframes cover-start-pulse{0%,to{opacity:.55}50%{opacity:1}}