:root{--paper:#faf8f1;--paper-dark:#eeeee4;--ink:#242c27;--ink-mid:#414b42;--ink-light:#6b7068;--vermillion:#496550;--vermillion-h:#344e3b;--bamboo:#496550;--gold:#8a714b;--border:rgba(69,84,66,.22);--shadow:rgba(42,60,43,.07)}
body{font-family:'Songti SC','STSong','Noto Serif CJK SC','SimSun',serif;background:var(--paper)}button,input,select,textarea{font:inherit}button,input,select{min-height:44px}input,textarea,select{font-size:16px;max-width:100%}button,a{touch-action:manipulation}a{color:var(--bamboo)}:focus-visible{outline:2px solid #496550;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-60px;left:20px;z-index:500;background:var(--paper);padding:12px}.skip-link:focus{top:12px}
.nav{height:86px;padding:0 clamp(24px,5.4vw,88px);background:var(--paper);backdrop-filter:none;position:relative;gap:28px;border-bottom:1px solid var(--border)}.nav-logo{display:flex;align-items:baseline;gap:15px;flex-shrink:0}.nav-logo .label{font-family:'STKaiti','KaiTi','Kaiti SC',serif;font-size:clamp(26px,2.9vw,40px);font-weight:600;letter-spacing:.09em;color:#19291e}.nav-logo small{font-size:12px;font-weight:400;letter-spacing:.16em;color:var(--ink-light)}.nav-links{gap:clamp(20px,2.4vw,38px);align-items:center}.nav-links a{font-size:17px;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;padding:0}.menu-toggle{display:none;border:1px solid var(--border);background:transparent;color:var(--ink);padding:5px 16px}
.landscape-hero{height:410px;background:var(--paper) url('../assets/landscape.webp') center center/cover no-repeat;position:relative}.hero-inner{max-width:1190px;margin:auto;padding:48px 0}.hero-inner h1{font-family:'STKaiti','KaiTi','Kaiti SC',serif;font-size:clamp(44px,4.7vw,67px);font-weight:500;line-height:1.28;letter-spacing:.1em;color:#172b22}.hero-inner>p{font-size:18px;letter-spacing:.1em;margin:16px 0 27px;color:#39493d}.search-form{display:flex;max-width:605px;min-height:60px}.search-form input{min-width:0;width:100%;background:rgba(255,255,255,.91);border:1px solid #bec6bb;border-right:0;border-radius:3px 0 0 3px;padding:14px 24px;outline-offset:-3px;font-size:18px;color:var(--ink)}.search-form button{flex-shrink:0;min-width:128px;border:0;border-radius:0 3px 3px 0;background:var(--bamboo);color:white;font-size:22px;letter-spacing:.2em;cursor:pointer}.search-form button:hover,.btn-primary:hover{background:var(--vermillion-h)}.landscape-caption{position:absolute;right:5%;top:92px;writing-mode:vertical-rl;font-size:23px;letter-spacing:.25em;color:#344c3b}
.editorial-spread{max-width:1230px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;padding:45px 0 30px}.editorial-spread>section{min-width:0;padding:0 42px}.editorial-spread>section:first-child{padding-left:8px;border-right:1px solid var(--border)}.editorial-spread>section:last-child{padding-right:8px}.section-kicker{display:flex;align-items:center;gap:22px;justify-content:space-between}.section-kicker h2{font-size:21px;white-space:nowrap;letter-spacing:.14em;border-bottom:2px solid var(--bamboo);padding-bottom:6px;color:#5a3a30;font-weight:500}.section-kicker span{font-size:13px;color:var(--ink-light);letter-spacing:.03em}.daily-content{padding:32px 24px 18px 70px}.daily-content h3{font-size:30px;font-weight:500;letter-spacing:.12em}.poem-byline{font-size:15px;color:var(--ink-light);margin:3px 0 24px}.poem-excerpt{font-size:25px;letter-spacing:.08em;line-height:2}.poem-note{font-size:15px;color:var(--ink-light);line-height:2;margin:22px 0 18px}.text-link{text-underline-offset:7px;font-size:17px}.home-naming{position:relative;background:url('../assets/magnolia.webp') right 50px/180px auto no-repeat}.naming-intro{position:relative;padding:36px 18px 20px 24px}.naming-intro h3{font-family:'STKaiti','KaiTi',serif;font-size:36px;font-weight:500;letter-spacing:.06em}.naming-intro>p{margin:20px 0 29px;max-width:410px;font-size:15px;color:var(--ink-light);line-height:1.9}.surname-form{max-width:405px}.surname-field{display:flex;background:rgba(255,255,255,.94);border:1px solid #c5cabe;border-radius:3px;align-items:center;min-height:59px}.surname-field label{padding:0 24px;border-right:1px solid var(--border);white-space:nowrap;font-size:18px}.surname-field input{width:100%;min-width:0;padding:14px 18px;border:0;background:transparent;outline-offset:-4px}.surname-form>.btn{width:100%;margin-top:16px;min-height:54px;font-size:18px;letter-spacing:.16em}.more-paths{max-width:1215px;margin:10px auto 0;padding:26px 0;border-top:1px solid var(--border);display:flex;justify-content:center;gap:100px}.more-paths a{text-decoration:none;font-size:17px}.more-paths span{font-size:13px;color:var(--ink-light);margin-left:20px}.footer{margin-top:20px;padding:24px}.footer p{margin-bottom:5px}.btn{box-shadow:none}.btn-primary{border-color:var(--bamboo)}.page-header .section-title{font-weight:500}.poet-emoji,.chat-h-avatar,.msg-av,.feat-icon{display:none}.poem-card{box-shadow:none!important}.modal{max-height:85dvh}.toast{max-width:calc(100vw - 32px)}
.naming-page{max-width:1140px;margin:auto;padding:42px 24px 60px}.naming-heading{text-align:center;margin-bottom:34px}.naming-heading .eyebrow{font-size:14px;color:var(--bamboo);letter-spacing:.24em}.naming-heading h1{font-family:'STKaiti','KaiTi',serif;font-size:44px;font-weight:500;letter-spacing:.13em;margin:10px 0}.naming-heading p{font-size:16px;color:var(--ink-light)}.naming-controls{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:18px;align-items:end;padding:26px 0;border-block:1px solid var(--border)}.field label{display:block;margin-bottom:8px;font-size:15px}.field input,.field select{width:100%;border:1px solid #bcc5b8;background:#fff;padding:12px;color:var(--ink);border-radius:3px}.naming-controls button{height:51px}.result-summary{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:25px 0 12px;font-size:14px;color:var(--ink-light)}.name-results{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.name-item{padding:26px 0;border-bottom:1px solid var(--border)}.name-item h2{font-family:'STKaiti','KaiTi',serif;font-size:34px;font-weight:500;letter-spacing:.18em}.name-item .pinyin{font-family:Georgia,serif;letter-spacing:.08em;color:var(--ink-light);font-size:15px;margin:4px 0 15px}.name-item blockquote{font-size:18px;line-height:1.9;margin:14px 0}.name-item .source{font-size:14px;color:var(--ink-light);margin-bottom:17px}.name-item button{background:none;border:0;border-bottom:1px solid var(--bamboo);color:var(--bamboo);padding:0;cursor:pointer}.catalog-note{font-size:13px;color:var(--ink-light);margin-top:26px;line-height:1.9}.empty-results{padding:48px 0;text-align:center;grid-column:1/-1;color:var(--ink-light)}.name-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--border);border-radius:5px;width:min(680px,calc(100% - 32px));max-height:88dvh;padding:32px;margin:auto}.name-dialog::backdrop{background:#1b2b2266}.dialog-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.dialog-top h2{font-size:35px;font-weight:500;letter-spacing:.1em}.dialog-close{background:transparent;border:1px solid var(--border);padding:0 12px;color:var(--ink)}.name-dialog blockquote{font-size:21px;line-height:2;padding:22px 0;border-bottom:1px solid var(--border);margin-bottom:20px}.name-dialog mark{background:#e0e8d8;color:#294a33}.detail-byline{color:var(--ink-light);margin:10px 0}.detail-heading{font-size:17px;margin:20px 0 10px;color:var(--bamboo)}.detail-copy{line-height:2;white-space:pre-wrap}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 10px}.error-text{color:#9b3627}.status-line{min-height:28px;font-size:14px;color:var(--ink-light)}
@media(min-width:1500px){.landscape-hero{height:450px}.hero-inner{padding-top:60px}}
@media(max-width:1270px){.hero-inner{padding-left:7%;padding-right:7%}.nav-logo small{display:none}.editorial-spread{padding-inline:30px}.editorial-spread>section{padding-inline:25px}.daily-content{padding-left:18px}.section-kicker span{font-size:12px}.naming-intro{padding-left:4px}.naming-intro h3{font-size:31px}.poem-excerpt{font-size:22px}.more-paths{margin-inline:30px;gap:50px}}
@media(max-width:960px){.nav{height:78px;padding-inline:24px;gap:15px}.nav-logo .label{font-size:27px}.nav-links{gap:19px}.nav-links a{font-size:15px}.landscape-hero{height:385px}.hero-inner h1{font-size:56px}.section-kicker span{display:none}.editorial-spread{padding-inline:28px}.editorial-spread>section{padding-inline:22px}.daily-content{padding-left:0}.daily-content h3{font-size:26px}.poem-excerpt{font-size:20px;letter-spacing:0}.naming-intro h3{font-size:28px;letter-spacing:0}.naming-intro>p br{display:none}.naming-controls{grid-template-columns:1fr 1fr}.naming-controls button{width:100%}.name-results{gap:0 26px}}
@media(max-width:720px){.nav{height:76px;padding-inline:20px;flex-wrap:wrap;position:relative;z-index:50}.nav-logo span.label{display:block;font-size:29px}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:12px 20px 20px;border-bottom:1px solid var(--border);gap:0}.nav-links.is-open{display:flex;flex-direction:column;align-items:stretch}.nav-links a{min-height:48px;font-size:17px;display:flex}.nav-links a::after{display:none}.nav-links .active{font-weight:bold}.landscape-hero{height:410px;background-position:61% center}.hero-inner{padding:47px 24px 0}.hero-inner h1{font-size:49px}.hero-inner>p{font-size:15px;letter-spacing:.04em;max-width:260px;margin-top:16px}.search-form{min-height:54px;margin-top:32px}.search-form input{padding:12px 14px;font-size:16px}.search-form button{min-width:82px;font-size:19px}.landscape-caption{right:20px;top:60px;font-size:17px}.editorial-spread{display:block;padding:30px 24px 0}.editorial-spread>section,.editorial-spread>section:first-child,.editorial-spread>section:last-child{padding:0;border-right:0}.editorial-spread>section+section{padding-top:28px;margin-top:24px;border-top:1px solid var(--border)}.section-kicker span{display:block;font-size:11px}.section-kicker{gap:12px}.section-kicker h2{font-size:19px}.daily-content{padding:25px 0 16px}.daily-content h3{font-size:28px}.poem-byline{margin-bottom:17px}.poem-excerpt{font-size:22px;line-height:2}.poem-note{font-size:14px;margin:17px 0}.desktop-only{display:none}.naming-intro{padding:25px 0 22px}.naming-intro h3{font-size:31px}.home-naming{background-size:120px;background-position:right 55px}.naming-intro>p{max-width:80%;font-size:14px;margin:18px 0 23px}.surname-form{max-width:none}.more-paths{margin-inline:24px;gap:24px;padding:24px 0;flex-direction:column}.more-paths a{display:flex;justify-content:space-between;font-size:16px}.more-paths span{font-size:12px;margin:0}.footer{font-size:12px;padding-inline:24px}.naming-page{padding:32px 20px}.naming-heading h1{font-size:34px}.naming-heading p{font-size:14px}.naming-controls{gap:16px 12px}.name-results{grid-template-columns:1fr}.name-item{padding:24px 0}.name-dialog{padding:22px}.game-box{padding:22px 18px!important}.tabs .tab-btn{padding:12px 14px;font-size:15px}.chat-messages{min-height:300px;max-height:55dvh;padding:14px}.msg-inner{max-width:94%}.container{padding-inline:20px}.modal-actions .btn{flex:1 1 auto}.search-bar{flex-wrap:wrap}.input{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.home-naming{background-blend-mode:multiply}.daily-content h3{font-weight:600}.section-kicker h2{font-weight:600}.poem-note,.naming-intro>p{color:#60685f}.nav-links a{color:#414b42}
.btn-primary:hover{box-shadow:none;transform:none}.home-page{background:var(--paper) url('../assets/pine.webp') left 585px/195px auto no-repeat;background-blend-mode:multiply}.dialog-top{position:sticky;top:-32px;background:var(--paper);z-index:2;padding:12px 0}.name-dialog{overscroll-behavior:contain}.mobile-naming-link{display:none}
@media(max-width:720px){.home-page{background-image:none}.dialog-top{top:-22px}.mobile-naming-link{display:inline-block;margin-top:14px;font-size:15px;text-underline-offset:5px}.landscape-caption{right:12px}.home-naming{background-blend-mode:multiply}.naming-controls .btn{box-shadow:none}}
.home-page{background-image:none}.daily-section{position:relative}.daily-section::before{content:'';position:absolute;left:-165px;top:55px;width:195px;height:400px;background:url('../assets/pine.webp') left top/195px auto no-repeat;filter:brightness(1.075);mix-blend-mode:multiply;pointer-events:none}.home-naming{background-image:none}.home-naming::before{content:'';position:absolute;inset:50px 0 0 auto;width:180px;background:url('../assets/magnolia.webp') right top/180px auto no-repeat;filter:brightness(1.075);mix-blend-mode:multiply;pointer-events:none}.section-kicker{position:relative}
@media(max-width:1270px){.daily-section::before{display:none}.home-naming::before{width:125px;background-size:125px;opacity:.65}}
@media(max-width:720px){.home-naming::before{width:115px;background-size:115px;opacity:.8}}
.tab-btn{white-space:nowrap}.section-title::before{display:none}@media(max-width:720px){.tabs .tab-btn{padding:12px 10px;font-size:14px;letter-spacing:.04em}.naming-controls .field{min-width:0}}
.modal-close{font-size:15px;min-height:44px;padding:0 12px}.modal{padding-top:60px}

.surname-reading{grid-column:1/-1;font-size:14px;color:var(--ink-light)}.surname-reading summary{cursor:pointer;padding:6px 0}.surname-reading .field{max-width:440px;margin-top:12px}.surname-reading small{display:block;margin-top:8px;line-height:1.7}.name-reason{font-size:15px;line-height:1.9;color:var(--bamboo)}