#night-review{position:absolute;inset:0;z-index:5;pointer-events:none;color:#eadfc8}#night-review[hidden]{display:none}.night-portrait{position:absolute;left:0;top:9%;width:53%;height:83%;pointer-events:none}.night-portrait:after{content:'';position:absolute;inset:0;box-shadow:inset -1.5vw 0 2vw #16242b2b,inset 0 -2vh 4vh #12202c45;pointer-events:none}.night-person{position:absolute;left:5%;width:43%;bottom:9%;text-align:center;text-shadow:0 2px 12px #000}.night-person:before{content:'';position:absolute;inset:-4vh -5vw -3vh;background:linear-gradient(transparent,#15212de0);z-index:-1}.night-person small{font-size:clamp(11px,1.15vw,18px);letter-spacing:.2em;color:#c4b797}.night-person h2{font-size:clamp(23px,3vw,43px);font-weight:400;letter-spacing:.18em;margin:.35em 0}.night-person p{font-size:clamp(12px,1.2vw,18px);margin:0}.night-scroll{position:absolute;right:4%;top:11%;bottom:10%;width:39%;pointer-events:auto;display:flex;flex-direction:column;padding:2.4vh 2.7vw 1.5vh;color:#554630;border:1px solid #d3bc8b;border-radius:46% 2% 3% 2% / 1% 1% 1% 1%;box-shadow:0 1.5vh 4vw #0b162e90,inset 0 0 3vw #9f763031;background:repeating-linear-gradient(4deg,#fff8e805 0 2px,#775f3305 3px 4px),linear-gradient(95deg,#d6c298,#f2e5c5 12%,#e9d7b5 88%,#c9af85);box-sizing:border-box}.night-scroll:before,.night-scroll:after{content:'';position:absolute;height:.5vh;left:-1%;right:-1%;border-radius:50%;background:#af9160;box-shadow:0 1px 2px #66552c55}.night-scroll:before{top:0}.night-scroll:after{bottom:0}.night-scroll header{text-align:center;border-bottom:1px solid #a9905b70;padding-bottom:1vh;flex-shrink:0}.night-scroll header small{font-size:clamp(10px,1vw,15px);letter-spacing:.22em;color:#857047}.night-scroll header h2{font-weight:400;font-size:clamp(19px,2.2vw,31px);letter-spacing:.1em;margin:.35em 0}.night-scroll header span{font-size:.75em;color:#ad8a4b}.poem-window{flex:1;min-height:0;overflow:hidden;margin:1vh 0;touch-action:none;cursor:grab;mask-image:linear-gradient(transparent,#000 3%,#000 94%,transparent)}.poem-text{will-change:transform;padding:.4vh 0 1vh}.poem-text section{margin:0 0 2.8vh}.poem-text section small{display:block;font-size:clamp(10px,1vw,15px);color:#8b7149;letter-spacing:.13em;margin:.8em 0}.poem-text p{font-family:Georgia,'Songti SC','SimSun',serif;font-size:clamp(15px,1.52vw,22px);line-height:1.95;letter-spacing:.04em;margin:0}.night-scroll footer{border-top:1px solid #a9905b70;padding-top:1.2vh;display:flex;gap:.6vw;flex-wrap:wrap;justify-content:space-between;flex-shrink:0}.night-scroll footer button{font-size:clamp(11px,1vw,15px);padding:.55em .7em;min-height:3em;border:1px solid #ac905c;background:#dfcba4;color:#59492f}.night-scroll .poem-next{background:#68593d;color:#f4e6c9;flex:1}.night-scroll footer button{min-height:44px}.night-scroll .poem-pause[aria-pressed="true"]{background:#68593d;color:#f4e6c9;border-color:#f4e6c9}.night-scroll button:disabled{opacity:.5;cursor:default}.night-scroll footer small{display:block;width:100%;text-align:center;font-size:clamp(9px,.82vw,13px);color:#907b57}.reviewing #subtitle,.reviewing .cinema-bottom{visibility:hidden}.reviewing .cinema-top{z-index:7}.reviewing #cinema{z-index:7}.reviewing #vignette{box-shadow:inset 0 0 12vw #15222b80}.reviewing #overlay.active{z-index:9}@media(max-height:450px){.night-scroll{right:3%;width:43%;top:12%;bottom:5%;padding:1.5vh 2.2vw}.night-portrait{width:50%;height:83%}.night-person{width:41%;bottom:7%}.night-scroll header span{display:none}.night-scroll header h2{font-size:20px}.poem-text p{font-size:15px;line-height:1.85}.night-scroll footer small{font-size:9px}}
