.companion-home{background:radial-gradient(ellipse at 50% 48%,#34425f 0,#1a2944 48%,#101c32 100%)}.home-page{container-type:inline-size;width:min(100vw,480px);height:min(100dvh,calc(100vw * 1.5),720px);overflow:visible}.home-scene{position:absolute;inset:0;isolation:isolate;overflow:hidden}.home-heading{position:absolute;top:9%;left:0;width:100%;text-align:center;color:#e8dfcd;z-index:8}.home-heading span{font:9px Georgia,serif;letter-spacing:5px;color:#a6b4c7}.home-heading h2{font:25px "Songti SC",serif;letter-spacing:7px;font-weight:400;margin:13px 0}.home-book-base{position:absolute;left:-3%;bottom:11%;width:106%;height:auto;filter:saturate(.65) brightness(.87);pointer-events:none}.home-halo{position:absolute;inset:26% 5% 14%;border-radius:50%;background:radial-gradient(ellipse,#b6c4d522,transparent 70%);pointer-events:none}.home-paper{position:absolute;left:var(--x);bottom:var(--bottom);width:var(--width);aspect-ratio:1;transform:translateX(-50%);pointer-events:none}.home-paper-pop{position:absolute;inset:0;transform-origin:50% 88%;will-change:transform,opacity}.home-paper canvas{display:block;width:100%;height:100%}.home-companion{position:absolute;left:0;top:0;width:0;height:0;will-change:transform;pointer-events:none}.home-companion>svg{position:absolute;left:-15cqw;top:-22.5cqw;width:30cqw;height:30cqw;overflow:visible}.home-page .home-lamp-aura{position:absolute;left:47%;top:55%;width:32%;height:23%;background:radial-gradient(ellipse,#f5d6948c, #efc57522 40%,transparent 72%);opacity:0;pointer-events:none}.home-page .home-tea-warm{position:absolute;top:61%;width:4%;height:6%;background:radial-gradient(ellipse,#f4e9cc77,transparent 70%);opacity:0;pointer-events:none}.home-page .tea-left{left:56%}.home-page .tea-right{left:68%}.home-page .home-table-touch,.home-page .home-cup-touch{z-index:6;left:59%;top:56%;width:12%;height:11%;background:none;border:0;padding:0;min-width:0;border-radius:50%;touch-action:manipulation}.home-page .home-cup-touch{top:63%;width:10%;height:7%}.home-page .cup-left{left:51%}.home-page .cup-right{left:69%}.home-last-line{position:absolute;left:0;bottom:4%;width:100%;text-align:center;font:11px "Songti SC",serif;letter-spacing:3px;color:#9eacbd}.home-page .home-letter{bottom:-4%;opacity:.4;transition:opacity 1s,background 1s}.home-page .home-letter.is-ready{opacity:1;background:#a48b5566;border-color:#dbc99777}.home-fireflies{position:absolute;inset:0;pointer-events:none}.home-fireflies i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;background:#e9e3a6;border-radius:50%;box-shadow:0 0 6px #e9e3a677;animation:home-spark 6s ease-in-out infinite;animation-delay:var(--delay);opacity:0}.home-playing .home-fireflies i{animation-play-state:running}.companion-home:not([open]) *{animation-play-state:paused!important}.home-arriving .home-book-base{animation:home-book-arrive 1.2s ease-out both}.home-page .home-close,.home-page .home-sound{top:0}.home-page .home-close{left:12px}.home-page .home-sound{right:12px}.warm-cups .home-tea-warm{animation:home-tea-answer 3s ease-out both}.warm-cups .home-lamp-aura{animation:home-light-answer 3s ease-out both}.home-defs{position:absolute;pointer-events:none}@keyframes home-book-arrive{from{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}@keyframes home-spark{0%,100%{opacity:0;transform:translate3d(0,4px,0)}45%{opacity:.65}70%{opacity:.3;transform:translate3d(7px,-9px,0)}}@keyframes home-tea-answer{30%{opacity:1;transform:translateY(-5px)}100%{opacity:.3;transform:translateY(-12px)}}@keyframes home-light-answer{40%{opacity:1}100%{opacity:.65}}@media(prefers-reduced-motion:reduce){.home-fireflies i,.home-arriving .home-book-base{animation:none}.home-fireflies i{opacity:.3}.home-paper-pop{will-change:auto}}@media(max-height:700px){.home-page{width:min(100vw,calc((100dvh - 70px)*2/3));height:calc(100dvh - 70px)}.home-heading{top:7%}}

.home-page:focus,.home-page:focus-visible{outline:none!important}
.home-paper{z-index:2}.home-companion{z-index:10}.home-page .home-lamp-aura,.home-page .home-tea-warm{z-index:8}.home-fireflies{z-index:11}.home-page .home-table-touch,.home-page .home-cup-touch{z-index:20}

.home-companion>img{position:absolute;max-width:none;object-fit:fill;pointer-events:none}

.home-companion{width:30cqw;height:30cqw}