@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&family=ZCOOL+XiaoWei&display=swap";:root{color:#28332f;font-synthesis:none;background:#f2f0e8;font-family:Noto Serif SC,serif}*{box-sizing:border-box}body{min-width:0;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.home{color:#eeeadd;background:#111d1c;min-height:100vh;overflow:hidden}.home nav{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;width:min(1100px,100% - 40px);height:66px;margin:auto;display:flex}.home nav span,.home nav button{letter-spacing:.14em;align-items:center;gap:8px;display:flex}.home nav button{color:#9fa6a0;background:0 0;border:0;font-size:11px}.hero{text-align:center;background:radial-gradient(circle at 50% 25%,#354440 0,#1c2a28 27%,#111d1c 65%);flex-direction:column;justify-content:center;align-items:center;min-height:660px;padding:70px 24px 85px;display:flex;position:relative}.hero:after{content:"";pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero>*{z-index:1;position:relative}.hero-moon{background:#e9dfbd;border-radius:50%;width:116px;height:116px;margin-bottom:26px;box-shadow:0 0 55px #d8cc9973,inset -13px -8px 18px #bcb38f}.overline{color:#bca98f;letter-spacing:.3em;font-size:10px}.hero h1{letter-spacing:.12em;margin:12px 0 18px;font-family:ZCOOL XiaoWei,serif;font-size:clamp(42px,11vw,62px);font-weight:400;line-height:1.4}.hero>p:not(.overline){color:#b8bbb3;font-size:12px;line-height:2}.primary{color:#172321;letter-spacing:.12em;background:#ddd4b6;border:0;margin-top:23px;padding:14px 22px 14px 26px}.primary span{margin-left:14px}.text-button{color:#aeb3ab;background:0 0;border:0;border-bottom:1px solid #747b73;margin-top:22px;padding:4px;font-size:10px}.topic-section{width:min(1000px,100% - 40px);margin:auto;padding:70px 0 80px}.topic-section>header{justify-content:space-between;align-items:baseline;margin-bottom:25px;display:flex}.topic-section header span{letter-spacing:.15em;font-size:19px}.topic-section header small{color:#7f8882;font-size:9px}.topic-grid{border-top:1px solid #ffffff20;grid-template-columns:repeat(2,1fr);display:grid}.topic-grid button{text-align:left;color:#ebe7d9;background:0 0;border:0;border-bottom:1px solid #ffffff20;grid-template-columns:43px 1fr 22px;align-items:center;gap:9px;min-height:102px;padding:15px 6px;display:grid}.topic-grid button:nth-child(odd){border-right:1px solid #ffffff20}.topic-grid i{color:#c0a98b;border:1px solid #a9907270;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-style:normal;display:grid}.topic-grid button>span{flex-direction:column;gap:7px;display:flex}.topic-grid b{font-size:15px;font-weight:500}.topic-grid small{color:#89918c;font-size:9px;line-height:1.5}.topic-grid em{color:#776c5e;font-size:9px;font-style:normal}.home>footer{text-align:center;color:#737c76;border-top:1px solid #ffffff12;padding:24px;font-size:9px}.home>footer button{color:#a3aaa5;background:0 0;border:0;border-bottom:1px dotted #777}.shell{width:min(100%,720px);min-height:100vh;margin:auto;padding:0 22px 55px}.topbar{border-bottom:1px solid #2f393216;justify-content:space-between;align-items:center;height:66px;display:flex}.brand,.top-actions button{color:#56615c;background:0 0;border:0;align-items:center;gap:8px;display:flex}.brand{letter-spacing:.18em;font-size:13px}.top-actions{gap:8px;display:flex}.top-actions button{padding:8px;position:relative}.top-actions small{font-size:8px}.library{padding:48px 0}.library-title{text-align:center}.library-title p{color:#a17e68;letter-spacing:.2em;font-size:10px}.library-title h1{letter-spacing:.16em;margin:12px 0;font-family:ZCOOL XiaoWei;font-size:32px;font-weight:400}.library-title>span{color:#97978f;font-size:10px}.search{color:#8e9089;border-bottom:1px solid #aaa89d;align-items:center;gap:9px;margin:37px 0 18px;padding:10px 3px;display:flex}.search input{color:#303936;background:0 0;border:0;outline:0;width:100%;font-size:13px}.search button{color:#888;background:0 0;border:0}.topic-tabs{scrollbar-width:none;gap:7px;padding:4px 0 22px;display:flex;overflow-x:auto}.topic-tabs button{color:#84847d;background:0 0;border:1px solid #d2cec1;border-radius:20px;flex:none;padding:6px 11px;font-size:10px}.topic-tabs button.active{color:#eeeadd;background:#263633;border-color:#263633}.poem-list{border-top:1px solid #cecabe}.poem-list>button{text-align:left;color:#35403b;background:0 0;border:0;border-bottom:1px solid #cecabe;grid-template-columns:38px 1fr 24px;align-items:center;width:100%;padding:19px 2px;display:grid}.poem-list .index{color:#b09b8c;font-size:9px}.poem-list button>span:nth-child(2){flex-direction:column;gap:5px;min-width:0;display:flex}.poem-list b{letter-spacing:.08em;font-size:15px;font-weight:500}.poem-list small{color:#97978f;font-size:9px}.poem-list em{color:#757a75;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:normal;overflow:hidden}.go{color:#957b6a}.empty{text-align:center;color:#85877f;padding:80px 0;line-height:2}.empty small{color:#aaa}.poem-card{text-align:center;padding:70px 0 52px;animation:.5s both rise}.topic{color:#9b765f;letter-spacing:.2em;justify-content:center;align-items:center;gap:12px;font-size:10px;display:flex}.topic span{background:#b99c88;width:25px;height:1px}.poem-card h1{letter-spacing:.14em;margin:20px 0 10px;font-family:ZCOOL XiaoWei;font-size:31px;font-weight:400}.author{color:#8b8b82;font-size:11px}.poem-lines{max-width:620px;margin:45px auto 35px}.poem-lines p{letter-spacing:.1em;margin:0 0 13px;font-size:clamp(17px,5vw,23px);line-height:1.85}.save{color:#77796f;background:0 0;border:1px solid #bdb8aa;align-items:center;gap:7px;padding:9px 15px;font-size:11px;display:inline-flex}.save.saved{color:#8b5c4d;background:#efe4dd;border-color:#b88a7b}.interpretation{border-top:1px solid #d3cfc2;border-bottom:1px solid #d3cfc2}.interpretation>button{color:#59615d;background:0 0;border:0;justify-content:space-between;width:100%;padding:18px 2px;display:flex}.interpretation>button span{align-items:center;gap:9px;font-size:13px;display:flex}.turned{transform:rotate(180deg)}.interpretation-body{color:#74766f;padding:0 8px 18px;font-size:12px;line-height:1.9}.interpretation-body p{border-left:2px solid #b5957e;padding-left:14px}.method-note{color:#9b7b68}.paths{padding:58px 0 30px}.section-heading{justify-content:space-between;align-items:baseline;margin-bottom:22px;display:flex}.section-heading span{font-size:16px}.section-heading small{color:#aaa69c;font-size:9px}.path-list{border-top:1px solid #cbc7ba}.path-list button{text-align:left;background:0 0;border:0;border-bottom:1px solid #cbc7ba;grid-template-columns:38px 1fr 25px;align-items:center;width:100%;padding:20px 3px;display:grid}.path-number{color:#b89e8b;font-size:9px}.path-copy{flex-direction:column;gap:6px;display:flex}.path-copy b{font-size:14px;font-weight:500}.path-copy em{color:#72766e;font-size:10px;font-style:normal;line-height:1.7}.arrow{color:#8b7465}.source{text-align:center;color:#a09d93;padding:18px;font-size:9px;line-height:1.8}.source>span{border:1px solid #c8c3b6;margin-right:9px;padding:2px 5px}.source a{color:#777b73}.source p{margin:6px}.topic-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.topic-chips>span{color:#76695f;border:1px solid #d1ccc0;flex-direction:column;padding:7px 10px;font-size:10px;display:flex}.topic-chips small{color:#aaa49b;margin-top:3px;font-size:8px}.about{width:min(100% - 44px,660px);margin:auto;padding:35px 0 80px}.back{color:#747971;background:0 0;border:0;align-items:center;gap:8px;display:flex}.about>.overline{margin-top:65px}.about>h1{letter-spacing:.1em;margin-bottom:50px;font-family:ZCOOL XiaoWei;font-size:36px;font-weight:400}.about section{border-top:1px solid #ccc8bc;padding:25px 0}.about h2{font-size:16px;font-weight:500}.about p{color:#696f69;font-size:12px;line-height:2}.source-links{flex-direction:column;gap:9px;margin-top:20px;display:flex}.source-links a{color:#846d5e;font-size:11px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media (width>=700px){.topic-grid{grid-template-columns:repeat(5,1fr)}.topic-grid button{border-right:1px solid #ffffff20}.topic-grid button:nth-child(5n){border-right:0}.shell{padding-inline:42px}.poem-card{padding-top:85px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.curation{background:#eae7dc;border-top:1px solid #cbc7ba;margin:30px 0;padding:24px 18px}.curation h2{margin:12px 0;font-size:22px;font-weight:400}.curation>p{color:#696f69;font-size:13px;line-height:2}.curation ol{margin:22px 0;padding-left:22px}.curation li{color:#9b765f;padding-left:4px}.curation li button{text-align:left;color:#35403b;background:0 0;border:0;border-bottom:1px solid #cecabe;flex-direction:column;gap:8px;width:100%;padding:16px 0;display:flex}.curation li span{color:#9b765f;font-size:11px}.curation li b{font-size:15px;font-weight:500}.curation li em{font-size:13px;font-style:normal;line-height:1.9}.curation li small,.curation>.curation-note{color:#73786f;font-size:11px;line-height:1.9}.walk-nav{color:#73786f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:22px;font-size:11px;display:flex}.walk-nav button,.walk-next button{color:#846d5e;text-align:left;background:0 0;border:0;min-height:44px;padding:12px 0}.walk-next{text-align:center;padding-bottom:28px;font-size:13px;line-height:1.9}.walk-next p{color:#73786f}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #a17e68}.series-jump,.series-tabs{flex-wrap:wrap;gap:10px;display:flex}.series-jump a{color:#ddd4b6;border:1px solid #ffffff30;padding:12px 16px;font-size:13px;text-decoration:none}.series-section{padding-top:36px;scroll-margin-top:20px}.series-section h2{margin-bottom:10px;font-size:21px;font-weight:400}.series-section>p{color:#9fa6a0;font-size:12px;line-height:1.9}.series-section .pending-topics{color:#bca98f;margin-top:20px}.series-tabs{margin-bottom:14px}.series-tabs button{color:#73786f;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 4px;font-size:13px}.series-tabs button[aria-pressed=true]{color:#35403b;border-color:#846d5e}.topic-intro{color:#696f69;background:#eae7dc;margin-top:24px;padding:18px;font-size:13px;line-height:2}.topic-intro small{color:#73786f;font-size:11px}@media (width<=480px){.topic-section>header{flex-direction:column;align-items:flex-start;gap:12px}}.share-link{color:#65736b;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin:16px 0;font-size:13px;display:flex}.share-link button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:20px;padding:8px 12px}.poem-lines p{flex-wrap:wrap;justify-content:center;gap:0 .35em;margin-bottom:16px;display:flex}.verse-segment{white-space:nowrap;display:inline-block}.path-item{border-bottom:1px solid #cbc7ba;padding:8px 0 16px}.path-item>button{text-align:left;color:#35403b;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) 22px;align-items:start;width:100%;padding:20px 0 10px;display:grid}.path-item .path-number,.path-item .arrow{padding-top:4px}.path-copy{gap:8px;min-width:0}.path-copy b{font-size:19px;line-height:1.6}.path-copy .path-direction{color:#97735e;letter-spacing:.08em;font-size:11px}.path-copy small{color:#777d74;font-size:11px}.path-copy .path-quote{color:#48554d;font-size:14px;line-height:1.9}.path-reason{color:#747a70;font-size:12px;line-height:1.8}.path-evidence{color:#747a70;margin-left:28px;font-size:11px;line-height:1.8}.path-evidence summary{cursor:pointer;width:fit-content;min-height:32px;padding-top:8px}.path-evidence p{max-width:48em;margin:8px 0}@media (width<=600px){.poem-lines p{letter-spacing:.06em;flex-direction:column;align-items:center;font-size:clamp(20px,5.4vw,23px);line-height:2}.verse-segment{white-space:normal;overflow-wrap:anywhere;max-width:100%}.section-heading{flex-wrap:wrap;gap:8px}}