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{background-blend-mode:multiply;opacity:0;background-color:#f2efe9;background-position:50%;background-repeat:no-repeat;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:50% 40%;background-size:100%;-webkit-mask-image:linear-gradient(#000 0% 22%,#0000 48%);mask-image:linear-gradient(#000 0% 22%,#0000 48%)}}#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}#scroll-indicator{bottom:max(1.5rem, env(safe-area-inset-bottom))}.scroll-indicator-arrow{animation:1.8s ease-in-out infinite scroll-arrow}@keyframes scroll-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(.35rem)}}@media (prefers-reduced-motion:reduce){.scroll-indicator-arrow{animation:none}}.header-controls,.header-actions,.language-switcher{align-items:center;display:flex}.header-controls{gap:1.5rem}.header-actions{gap:1rem}.language-switcher{gap:.75rem}.language-switcher:before{content:"";background:#2c2c2c2e;width:1px;height:.875rem;margin-right:.25rem}.lang-button{color:#2c2c2c8c;transition:color .4s}.lang-button:after,.archive-toggle:after,.share-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)}.share-toggle,.archive-toggle{color:#2c2c2c8c;padding-bottom:.25rem;transition:color .4s;position:relative}.lang-button:hover,.lang-button.active,.archive-toggle:hover,.share-toggle:hover{color:#2c2c2c}.lang-button.active:after,.lang-button:hover:after,.archive-toggle:hover:after,.share-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}.share-backdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c2c2c33;position:fixed;inset:0}.share-dialog{z-index:41;color:#2c2c2c;background:#f2efe9fa;border:1px solid #2c2c2c24;width:min(100% - 2rem,620px);padding:1.75rem;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 80px #2c2c2c29}.share-dialog-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.share-dialog-header h2,.share-dialog-close,.share-action,.share-preview-message,.share-status{text-transform:uppercase;font-family:Space Mono,monospace}.share-dialog-header h2{letter-spacing:.2em;margin:0;font-size:13px;line-height:1.5}.share-dialog-close{color:#2c2c2c94;letter-spacing:.14em;font-size:12px}.share-preview-shell{aspect-ratio:1;background:#e9e5de;border:1px solid #2c2c2c1a;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.share-preview{object-fit:contain;width:100%;height:100%;display:block}.share-preview-message{color:#8c867e;letter-spacing:.2em;text-align:center;padding:2rem;font-size:11px;line-height:1.7}.share-actions{gap:1rem;margin-top:1.25rem;display:flex}.share-action{color:#2c2c2c;letter-spacing:.12em;border:1px solid #2c2c2c3d;flex:1;min-height:48px;padding:.875rem 1.25rem;font-size:12px;line-height:1.5;transition:color .25s,background-color .25s}.share-action:hover{color:#f2efe9;background:#2c2c2c}.share-action:disabled{cursor:wait;opacity:.45}.share-action-primary{color:#f2efe9;background:#2c2c2c}.share-status{color:#8c867e;letter-spacing:.14em;text-align:center;min-height:1.4em;margin:.875rem 0 0;font-size:10px;line-height:1.4}.share-card-host{pointer-events:none;width:1200px;height:1200px;position:fixed;top:0;left:-10000px;overflow:hidden}.share-card{box-sizing:border-box;color:#2c2c2c;background:#f2efe9;width:1200px;height:1200px;position:relative;overflow:hidden}.share-card:after{z-index:1;content:"";pointer-events:none;background:radial-gradient(#f2efe9 40%,#f2efe900 70%);width:1200px;height:642px;position:absolute;top:218px;left:0}.share-card-background{z-index:0;object-fit:contain;mix-blend-mode:multiply;opacity:.85;filter:contrast(1.1)brightness(1.05);width:1200px;height:642px;position:absolute;top:218px;left:0}.share-card-top,.share-card-theme,.share-card-poem,.share-card-footer{z-index:2;position:absolute}.share-card-top{letter-spacing:.16em;text-transform:uppercase;color:#8c867e;justify-content:space-between;align-items:center;font-family:Space Mono,monospace;font-size:19px;line-height:1.5;display:flex;top:64px;left:72px;right:72px}.share-card-language{letter-spacing:.22em}.share-card-theme{letter-spacing:.16em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;color:#8c867e;font-family:Space Mono,monospace;font-size:18px;line-height:1.6;top:142px;left:176px;right:176px;overflow:hidden}.share-card-poem{color:#1e1a14;justify-content:center;align-items:center;display:flex;inset:244px 196px 306px}.share-card-poem-horizontal{letter-spacing:.015em;text-align:center;flex-direction:column;gap:.44em;font-family:Georgia,Cambria,Times New Roman,serif;font-size:44px;font-weight:500;line-height:1.34}.share-card-poem-horizontal .share-card-poem-line{white-space:nowrap}.share-card-poem-vertical{flex-direction:row-reverse;align-items:flex-start;gap:44px;font-size:58px;font-weight:500}.share-card-zh .share-card-poem-vertical{font-family:Noto Serif SC,serif}.share-card-jp .share-card-poem-vertical{font-family:Noto Serif JP,serif}.share-card-poem-vertical .share-card-poem-line{letter-spacing:.12em;text-orientation:mixed;white-space:nowrap;writing-mode:vertical-rl;line-height:1.5}.share-card-footer{border-top:1px solid #2c2c2c1f;flex-direction:row;justify-content:space-between;align-items:center;min-height:148px;padding-top:26px;display:flex;bottom:48px;left:72px;right:72px}.share-card-brand{flex-direction:row;align-items:center;gap:22px;display:flex}.share-card-logo-mark{flex:none;width:58px;height:58px;display:block}.share-card-logo-mark path,.share-card-logo-mark line{stroke:#c8421a}.share-card-brand-copy{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.share-card-brand-name{letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:#2c2c2c;font-family:Space Mono,monospace;font-size:17px;line-height:1.45}.share-card-domain{letter-spacing:.16em;text-transform:uppercase;color:#8c867e;font-family:Space Mono,monospace;font-size:13px;line-height:1.5}.share-card-qr-lockup{align-items:center;gap:18px;display:flex}.share-card-qr-label{letter-spacing:.14em;text-align:right;text-transform:uppercase;color:#8c867e;max-width:112px;font-family:Space Mono,monospace;font-size:12px;line-height:1.6}.share-card-qr{shape-rendering:crispedges;flex:none;width:128px;height:128px;display:block}@media (width<=640px){header .max-w-6xl{flex-direction:row;align-items:center;gap:.5rem;padding-left:1rem;padding-right:1rem}header .max-w-6xl>div:first-child{letter-spacing:.22em;white-space:nowrap;flex:none;font-size:11px}.header-controls{flex-wrap:nowrap;justify-content:flex-end;gap:.625rem}.header-actions,.language-switcher{gap:.5rem}.header-controls button{letter-spacing:.14em;font-size:11px}.language-switcher:before{margin-right:0}.archive-panel{border-left:0;width:100%}.share-dialog{width:calc(100% - 1rem);padding:1rem}.share-actions{flex-direction:column}}@media (width<=340px){header .max-w-6xl>div:first-child,.header-controls button{letter-spacing:.12em;font-size:9px}.header-controls,.header-actions,.language-switcher{gap:.375rem}}@media (height<=760px){.share-dialog{width:min(100% - 1rem,620px,100svh - 10rem);padding:1rem}.share-dialog-header{margin-bottom:.75rem}.share-actions{flex-direction:row;margin-top:.75rem}.share-status{margin-top:.5rem}}