@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(/evening/fonts/cormorant-garamond-italic-500-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:500;font-display:swap;src:url(/evening/fonts/cormorant-garamond-italic-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora;font-style:italic;font-weight:400;font-display:swap;src:url(/evening/fonts/lora-italic-400-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Lora;font-style:italic;font-weight:400;font-display:swap;src:url(/evening/fonts/lora-italic-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.evening-page{min-block-size:100svh;background:radial-gradient(at 50% 40%,#38261b 0%,#201711 75%);flex-direction:column;justify-content:center;align-items:center;padding-block-start:max(24px, env(safe-area-inset-top));padding-block-end:max(64px, calc(52px + env(safe-area-inset-bottom)));padding-inline-start:max(12px, env(safe-area-inset-left));padding-inline-end:max(12px, env(safe-area-inset-right));display:flex}.evening-title{text-align:center;text-wrap:balance;margin:0 0 18px;font-family:Cormorant Garamond,Times New Roman,serif;font-size:clamp(1.5rem,4.5vw,2rem);font-style:italic;font-weight:500;line-height:1.25}.evening-stage{flex-shrink:0;inline-size:min(100%,36rem,clamp(28rem,100svh - 10rem,52rem)/1.5);position:relative;container:stage/inline-size}.evening-image-area{position:relative}.evening-scene{aspect-ratio:2/3;opacity:0;flex-shrink:0;inline-size:100%;transition:opacity .45s ease-out;position:relative;container:scene/inline-size}.evening-scene--ready{opacity:1}.evening-scene__image{block-size:100%;max-block-size:none;inline-size:100%;max-inline-size:100%;transition:filter .4s;display:block}.evening-scene__image--dim{width:100%;height:100%;opacity:0;pointer-events:none;max-block-size:none;transition:opacity .4s;position:absolute;inset:0}.evening-scene--dimmed .evening-scene__image--dim{opacity:1}.evening-scene--dim-fallback>.evening-scene__image:first-of-type{filter:brightness(.8)saturate(.94)}.evening-hint{text-align:center;color:#dbc2a1;margin:14px 0 0;font-size:clamp(.8rem,3.3vw,1rem);line-height:1.5;transition:opacity .2s}.evening-hint--hidden{opacity:0;visibility:hidden}.evening-heading{max-inline-size:100%}.evening-heading--final{animation:.6s ease-out both evening-finish}.evening-heading--final .evening-title{margin-block-end:8px}.evening-goodnight{text-align:center;color:#dbc2a1;margin:0 0 18px;font-size:clamp(.9rem,3.5vw,1.1rem);font-style:italic}@keyframes evening-finish{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.evening-controls{inset-inline:0;text-align:center;animation:.3s ease-out translation-appear;position:absolute;top:calc(100% + 8px)}@keyframes translation-appear{0%{opacity:0}to{opacity:1}}.translation-toggle{color:#dbc2a1;text-underline-offset:4px;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:6px;min-block-size:44px;padding:8px 12px;font:italic .875rem/1.5 Lora,Georgia,serif;-webkit-text-decoration:underline #dbc2a166;text-decoration:underline #dbc2a166}.translation-toggle[aria-pressed=true]{color:#fff5da;background:#ffeec714}.translation-toggle:focus-visible{outline-offset:2px;outline:2px solid #fff0c7}.translation-error{color:#dbc2a1;margin:4px 0;font-size:.8rem;line-height:1.5}.translation-error:empty{display:none}.song-translation{inset-inline:4%;pointer-events:none;text-align:center;color:#fff5e4;text-shadow:0 1px 4px #201711;font-family:Lora,Georgia,serif;font-size:clamp(.875rem,3.3cqw,1rem);font-style:italic;line-height:1.5;position:absolute;bottom:3%}.song-translation[hidden]{display:none}.song-translation p{white-space:pre-line;overflow-wrap:anywhere;pointer-events:none;background:#20171194;border-radius:8px;max-inline-size:100%;margin:0;padding:6px 10px;display:inline-block}@container stage (width<=24rem){.song-translation{padding:10px 4px 0;position:relative;inset:auto}}.scene-hotspot{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;visibility:hidden;background:0 0;border:0;padding:0;position:absolute}.evening-scene--ready .scene-hotspot{visibility:visible}.scene-hotspot:disabled{cursor:default}.scene-hotspot--left-cup,.scene-hotspot--right-cup{border-radius:30%}.scene-hotspot svg{fill:none;stroke:#0000;stroke-width:5px;pointer-events:none;width:100%;height:100%;display:block}.scene-hotspot:focus-visible{background:#ffefbd26;outline:none;box-shadow:inset 0 0 0 3px #fff0c7}.scene-hotspot:focus-visible svg{stroke:#fff0c7}.evening-scene--debug .scene-hotspot{background:#eb48994d;box-shadow:inset 0 0 0 2px #ffb5db}.evening-scene--debug .scene-hotspot svg{stroke:#ffb5db}.scene-decorations{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene-decorations *{pointer-events:none}.scene-marker{aspect-ratio:1;pointer-events:none;background:#ffeec71f;border:1.5px solid #fff5da;border-radius:50%;inline-size:clamp(9px,2.8cqw,12px);position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 4px #704118a6,0 0 9px 2px #ffda998c}.cup-steam{width:11%;height:6.4%;position:absolute}.cup-steam--left{top:44.6%;left:18%}.cup-steam--right{top:43.7%;left:47%}.cup-steam i{filter:blur(.6px);opacity:0;border-left:1px solid #fff2d64d;border-radius:50%;width:20%;height:76%;animation:9s ease-in-out infinite tea-steam;position:absolute;bottom:0;left:12%}.cup-steam i:nth-child(2){height:92%;animation-delay:-3s;left:44%}.cup-steam i:nth-child(3){height:67%;animation-delay:-6s;left:72%}@keyframes tea-steam{0%{opacity:0;transform:translateY(10%)}30%{opacity:.55}70%{opacity:.25}to{opacity:0;transform:translate(12%,-25%)}}.phone-screen-glow{clip-path:polygon(2% 73%,60% 0,99% 14%,98% 28%,35% 100%,0 82%);opacity:0;background:radial-gradient(#9ebed559,#4c7ea324);width:24%;height:7.7%;transition:opacity .25s;position:absolute;top:67.8%;left:8%}.evening-scene--playing .phone-screen-glow{opacity:1}.music-caption{color:#f5e5c9;text-shadow:0 1px 3px #382012;align-items:center;gap:5px;width:30%;font-size:clamp(9px,2.6cqw,13px);line-height:1.45;display:flex;position:absolute;top:83%;left:5%}.music-caption[hidden]{display:none}.music-caption>span:last-child{white-space:nowrap}.music-caption small{color:#e2c6a3;font-size:.85em;display:block}.music-indicator{flex:none;align-items:center;gap:2px;height:14px;display:flex}.music-indicator i{transform-origin:50%;background:#eac99a;border-radius:2px;width:2px;height:9px;animation:1.6s ease-in-out infinite paused music-wave}.music-indicator i:nth-child(2){height:14px;animation-delay:-.6s}.music-indicator i:nth-child(3){animation-delay:-1.1s}.evening-scene--playing .music-indicator i{animation-play-state:running}@keyframes music-wave{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.music-error{color:#513722;pointer-events:none;background:#f8ecd7;border-radius:8px;width:92%;margin:0;padding:8px 12px;font-size:clamp(.75rem,3cqw,1rem);line-height:1.5;position:absolute;top:86%;left:4%}.music-error:empty,.music-error[hidden]{display:none}.phone-hint{color:#513722;pointer-events:none;background:#f8ecd7;border-radius:8px;max-width:92%;margin:0;padding:6px 10px;font-size:clamp(.75rem,3cqw,1rem);line-height:1.5;position:absolute;top:78%;left:4%}.phone-hint[hidden]{display:none}.lamp-fallback-shade{clip-path:polygon(25% 0,84% 0,100% 87%,97% 95%,48% 100%,0 90%);opacity:0;background:radial-gradient(#3f1f0859,#3f1f081a);width:22.85%;height:15.49%;transition:opacity .4s;position:absolute;top:31.77%;left:77.15%}.evening-scene--dim-fallback .lamp-fallback-shade{opacity:1}.character-remark{color:#513722;background:#f8ecd7;border:1px solid #d3b791;border-radius:18px;align-items:center;gap:4px;width:92%;padding:6px 4px 6px 10px;font-size:clamp(.875rem,3.7cqw,1.125rem);font-style:italic;font-weight:400;line-height:1.45;animation:.18s ease-out paper-appear;display:flex;position:absolute;bottom:84.5%;left:4%;box-shadow:0 5px 18px #2011063d}.character-remark[hidden]{display:none}.character-remark p{flex:1;margin:0}.character-remark:after{content:"";pointer-events:none;background:#f8ecd7;border-bottom:1px solid #d3b791;border-right:1px solid #d3b791;width:12px;height:12px;position:absolute;top:calc(100% - 5px);left:25cqw;transform:rotate(45deg)}.character-remark--right-cup{left:auto;right:4%}.character-remark--right-cup:after{left:auto;right:26cqw}.paper-close,.remark-close{color:#63482f;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;flex:0 0 44px;width:44px;height:44px;padding:0;font:28px/1 Georgia,serif}.paper-close:hover,.remark-close:hover{background:#7e552a1a}.paper-close:focus-visible,.remark-close:focus-visible,.paper-dialog__content:focus-visible{outline-offset:2px;outline:2px solid #84613e}.paper-dialog{width:min(42rem,100% - 24px);max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - max(24px, env(safe-area-inset-top)) - max(24px, env(safe-area-inset-bottom)));color:#513722;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fbf2e2 repeating-linear-gradient(97deg,#0000 0 4px,#8a684105 4px 5px);border:1px solid #d9c3a3;border-radius:14px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 18px 65px #0e080373}.paper-dialog[open]{animation:.18s ease-out paper-appear;display:flex}.paper-dialog::backdrop{background:#120c0894}.paper-dialog--wish{width:min(32rem,100% - 24px)}.paper-dialog__sheet{flex-direction:column;width:100%;min-height:0;display:flex}.paper-dialog__header{border-bottom:1px solid #855f3029;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:18px 18px 12px 28px;display:flex}.paper-dialog h2{margin:0;font-family:Cormorant Garamond,Times New Roman,serif;font-size:clamp(1.6rem,5vw,2rem);font-style:italic;font-weight:500;line-height:1.2}.paper-dialog__content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bca17b transparent;text-align:left;overflow-wrap:break-word;min-height:0;padding:22px 32px 30px;font-family:Lora,Georgia,Times New Roman,serif;font-size:19px;font-style:italic;font-weight:400;line-height:1.65;overflow-y:auto}.paper-dialog__content p{margin:0 0 1.2em}.paper-dialog__content p:last-child{margin-bottom:0}@keyframes paper-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.paper-dialog[open],.character-remark,.evening-heading--final,.evening-controls{animation:none}.evening-scene,.evening-scene__image,.evening-hint,.phone-screen-glow,.lamp-fallback-shade{transition:none}.cup-steam i{opacity:.2;animation:none;transform:none}.music-indicator i{animation:none;transform:none}}@container scene (width>=24rem){.character-remark{width:72%}}@media (width<=600px){.evening-stage{inline-size:100%}.evening-scene__image{max-block-size:none;inline-size:100%}.paper-dialog__header{padding:12px 10px 10px 18px}.paper-dialog__content{padding:18px 20px 24px}}:root{color:#ead8bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#201711;font-family:Lora,Georgia,Times New Roman,serif}*,:before,:after{box-sizing:border-box}body{min-inline-size:0;margin:0}