html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:#2c2c2c;background:#f2efe9}.hidden{display:none!important}#content{position:fixed;inset:0;overflow:hidden}#global-bg{z-index:0;pointer-events:none;background-color:#f2efe9;position:absolute;inset:0}.bg-layer{mix-blend-mode:multiply;opacity:0;filter:contrast(1.1)brightness(1.05);background-position:50%;background-size:cover;transition:opacity 1.2s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 20%,#000 55%);mask-image:radial-gradient(#0000 20%,#000 55%)}.bg-layer.active{opacity:.85}@media (aspect-ratio<=1){.bg-layer{background-position:top;background-size:100%;-webkit-mask-image:linear-gradient(#000 0%,#0000 60%);mask-image:linear-gradient(#000 0%,#0000 60%)}}#poem-stream{will-change:transform;z-index:1;flex-direction:column;width:100%;height:100%;transition:transform 1s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.poem-screen{box-sizing:border-box;z-index:1;flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100svh;padding:6.5rem 1.5rem 3rem;display:flex;position:relative}.poem-frame{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:min(100%,980px);min-height:min(72vh,760px);transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .8s;display:flex;transform:translateY(0)}.poem-meta{letter-spacing:.32em;text-transform:uppercase;color:#8c867e;flex-direction:column;align-items:center;gap:.75rem;font-family:Space Mono,monospace;font-size:13px;line-height:1.4;display:flex}.poem-date{letter-spacing:.28em}.poem-theme{letter-spacing:.32em}.poem-text{color:#2c2c2c}.poem-body{justify-content:center;align-items:center;width:100%;min-height:min(52vh,620px);display:flex}.poem-lines-horizontal{flex-direction:column;align-items:center;gap:.18em;display:inline-flex}html[lang^=en] .poem-lines-horizontal{gap:.3em}.poem-line-horizontal{white-space:nowrap}.poem-lines-vertical{flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:clamp(.9rem,2vw,2rem);block-size:fit-content;max-block-size:100%;display:inline-flex}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;letter-spacing:.06em;line-height:1.75}html[lang^=ja] .poem-line-vertical ruby{ruby-position:over}html[lang^=ja] .poem-line-vertical rt{letter-spacing:0;font-size:.45em}.poem-signature{letter-spacing:.28em;text-transform:uppercase;color:#8c867e;font-family:Space Mono,monospace;font-size:13px;line-height:1.4}.lang-button{color:#2c2c2c8c;transition:color .4s}.lang-button:after,.archive-toggle:after{content:"";transform-origin:0;background-color:#2c2c2c;width:100%;height:1px;transition:transform .4s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.archive-toggle{color:#2c2c2c8c;padding-bottom:.25rem;transition:color .4s;position:relative}.lang-button:hover,.lang-button.active,.archive-toggle:hover{color:#2c2c2c}.lang-button.active:after,.lang-button:hover:after,.archive-toggle:hover:after{transform:scaleX(1)}#history-sentinel{height:1px;position:absolute;inset:auto 0 0}.archive-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f2efe9b8;position:fixed;inset:0}.archive-panel{z-index:31;color:#2c2c2c;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#f2efe9f5;border-left:1px solid #2c2c2c24;width:min(100%,360px);height:100svh;padding:5.5rem 2rem 2rem;position:fixed;top:0;right:0;overflow-y:auto}.archive-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.archive-header h2{letter-spacing:.28em;text-transform:uppercase;color:#2c2c2c;margin:0;font-family:Space Mono,monospace;font-size:13px;line-height:1.4}.archive-close{letter-spacing:.22em;text-transform:uppercase;color:#2c2c2c8c;font-family:Space Mono,monospace;font-size:11px;line-height:1.4;transition:color .4s}.archive-close:hover{color:#2c2c2c}.archive-list{flex-direction:column;gap:.45rem;display:flex}.archive-year{letter-spacing:.28em;color:#8c867e;margin-top:1.2rem;margin-bottom:.35rem;font-family:Space Mono,monospace;font-size:12px;line-height:1.4}.archive-year:first-child{margin-top:0}.archive-month{letter-spacing:.22em;text-align:left;text-transform:uppercase;color:#2c2c2c9e;border-bottom:1px solid #2c2c2c1f;width:100%;padding:.55rem 0;font-family:Space Mono,monospace;font-size:13px;line-height:1.4;transition:color .4s,border-color .4s}.archive-month:hover,.archive-month.active{color:#2c2c2c;border-color:#2c2c2c61}.archive-message{letter-spacing:.22em;text-transform:uppercase;color:#8c867e;font-family:Space Mono,monospace;font-size:12px;line-height:1.6}@media (width<=640px){header .max-w-6xl{gap:1rem}header .max-w-6xl>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:.75rem 1rem}.archive-panel{border-left:0;width:100%}}