html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{background:#f2efe9;color:#2c2c2c}.hidden{display:none!important}#content{position:fixed;inset:0;overflow:hidden}#poem-stream{display:flex;flex-direction:column;width:100%;height:100%;transition:transform 1s cubic-bezier(.22,1,.36,1);will-change:transform}.poem-screen{flex:0 0 100%;width:100%;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;padding:6.5rem 1.5rem 3rem;box-sizing:border-box}.poem-frame{width:min(100%,980px);min-height:min(72vh,760px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center;transform:translateY(0);transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .8s ease}.poem-meta{display:flex;flex-direction:column;align-items:center;gap:.75rem;font-family:Space Mono,monospace;font-size:13px;line-height:1.4;letter-spacing:.32em;text-transform:uppercase;color:#8c867e}.poem-date{letter-spacing:.28em}.poem-theme{letter-spacing:.32em}.poem-text{color:#2c2c2c}.poem-body{display:flex;align-items:center;justify-content:center;min-height:min(52vh,620px);width:100%}.poem-lines-horizontal{display:inline-flex;flex-direction:column;align-items:center;gap:.18em}html[lang^=en] .poem-lines-horizontal{gap:.3em}.poem-line-horizontal{white-space:nowrap}.poem-lines-vertical{display:inline-flex;flex-direction:row-reverse;align-items:flex-start;justify-content:center;gap:clamp(.9rem,2vw,2rem);block-size:fit-content;max-block-size:100%}html[lang^=zh] .poem-lines-vertical{align-items:flex-start;gap:clamp(.36rem,.95vw,.9rem)}html[lang^=zh] .poem-lines-vertical .poem-line-vertical:nth-child(3){align-self:flex-end}.poem-line-vertical{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;line-height:1.75;letter-spacing:.06em}html[lang^=ja] .poem-line-vertical ruby{ruby-position:over}html[lang^=ja] .poem-line-vertical rt{font-size:.45em;letter-spacing:0}.poem-signature{font-family:Space Mono,monospace;font-size:13px;line-height:1.4;letter-spacing:.28em;text-transform:uppercase;color:#8c867e}.lang-button{color:#2c2c2c8c;transition:color .4s ease}.lang-button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#2c2c2c;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.lang-button:hover,.lang-button.active{color:#2c2c2c}.lang-button.active:after,.lang-button:hover:after{transform:scaleX(1)}#history-sentinel{position:absolute;inset:auto 0 0;height:1px}