@font-face{font-family:'Site Serif SC';src:url('./assets/fonts/site-serif-sc.woff2?v=20261103-7') format('woff2');font-weight:200 900;font-display:swap}
/* Keep the paper-and-plum material; give the product room to speak. */
:root{--serif:Instrument,'Baskerville',serif}body{-webkit-font-smoothing:antialiased}h1{font-size:clamp(62px,6.1vw,94px);letter-spacing:-.025em;line-height:1.08}h1 em,h2 em{font-family:var(--serif);font-style:italic;letter-spacing:-.025em}.brand>span>b{font-weight:400}.brand>span{letter-spacing:.01em;font-size:29px}.brand small{font-size:8px;letter-spacing:.12em}.header{gap:20px}.header nav{gap:23px;font-size:12px}.header nav a{white-space:nowrap}.tools{gap:11px}.hero{min-height:720px}.section-description{font-size:16px}.handwritten{font-family:var(--serif);font-style:italic}.gallery-heading,.plaza-heading{display:flex;align-items:end;justify-content:space-between;gap:55px;padding:45px 0 30px}.gallery-heading h2{font-size:clamp(45px,4.8vw,68px)}.gallery-heading .section-description{max-width:350px}.gallery-tabs,.plaza-theme-picker,.update-filters{display:flex;gap:6px;flex-wrap:wrap}.gallery-tabs{margin-bottom:23px;border-bottom:1px solid var(--line);gap:30px}.gallery-tabs button{padding:10px 0 15px;background:none;border-bottom:2px solid transparent;color:var(--muted);font-size:13px}.gallery-tabs [aria-selected=true]{border-bottom-color:var(--plum);color:var(--ink)}.gallery-frame{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.gallery-zoom{position:relative;display:block;width:100%;padding:0;background:transparent;border-radius:5px;overflow:hidden;box-shadow:0 10px 40px #34221820}.gallery-zoom img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:contain;background:var(--paper-light)}.zoom-hint{position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:9px;padding:8px 15px;background:var(--paper-light);color:var(--ink);border:1px solid var(--line);border-radius:30px;font-size:12px}.zoom-hint>span:first-child{font-size:21px}.gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:20px;font-size:11px;color:var(--muted)}.gallery-arrows{display:flex;gap:16px;align-items:center;white-space:nowrap}.gallery-arrows button{background:transparent;border:1px solid var(--line);height:36px;width:36px;border-radius:50%;font-size:18px}.gallery-arrows button:hover{background:var(--surface)}.gallery-dialog{width:min(1300px,95vw);max-height:95dvh;padding:40px 18px 12px}.gallery-dialog img{display:block;max-width:100%;width:100%;height:auto;max-height:80dvh;object-fit:contain}.gallery-dialog>p{font-size:11px;margin:12px!important;text-align:center}.gallery-dialog .dialog-close{top:0;right:15px}.voice-art{padding-bottom:75px;min-height:570px;justify-content:center}.voice-caption{bottom:0;left:0;right:0;max-width:390px;margin:auto;text-align:center;line-height:1.7}.voice-art blockquote{margin:18px 0}.waveform{height:42px}.voice-art:not(.is-playing) .waveform i{animation-play-state:paused}.voice-art.is-playing .disc-rings{animation:disc-spin 18s linear infinite}.audio-player{width:min(330px,90%);margin:10px auto 0;position:relative;z-index:2;text-align:left}.audio-character{font-size:11px;color:#ead7bf;margin-bottom:12px;text-align:center}.audio-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.audio-play{display:flex;gap:11px;align-items:center;background:#f5e7d7;color:#4b2638;border-radius:4px;padding:12px 16px;font-size:12px;min-height:44px}.audio-play:hover{background:#fff6e8}#audio-symbol{font-size:13px;min-width:13px}#audio-time{font-size:10px;color:#e7ceb8;white-space:nowrap;font-variant-numeric:tabular-nums}#audio-seek{accent-color:#ebc3a0;display:block;width:100%;margin:14px 0 0;height:18px;cursor:pointer}#audio-status{font-size:11px;color:#f5cfb2;min-height:18px}.plaza{background:var(--surface)}.plaza-heading{align-items:center}.plaza-heading .section-description{margin-top:22px;max-width:560px}.plaza-theme-picker{flex-shrink:0;flex-direction:column;align-items:stretch;min-width:145px}.plaza-theme-picker button,.update-filters button{font-size:12px;padding:10px 16px;border:1px solid var(--line);border-radius:30px;color:var(--muted);background:transparent}.plaza-theme-picker [aria-pressed=true],.update-filters [aria-pressed=true]{background:var(--plum);color:var(--paper);border-color:var(--plum)}.plaza-stage{height:480px;position:relative;overflow:hidden;border-radius:8px;color:#eadcc9;background:#142638}.plaza-stage[data-world=paper]{color:#664f3b;background:#e8d5b5}#plaza-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:pan-y}.plaza-stage-top,.plaza-stage-bottom{position:absolute;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;pointer-events:none}.plaza-stage-top{top:26px;font-size:10px;letter-spacing:.15em}.plaza-stage-top button,.plaza-stage-bottom button{pointer-events:auto;background:transparent;border:1px solid #e5d2bb50;color:inherit;border-radius:30px;padding:9px 14px;font-size:11px;min-height:40px}.plaza-stage[data-world=paper] button{border-color:#92755660}.plaza-stage-bottom{bottom:25px;font-size:12px}.plaza-stage-bottom button{display:flex;gap:8px;align-items:center}.plaza-stage-bottom button span:first-child{font-size:20px}.plaza-poem{position:absolute;inset:29% 0 auto;text-align:center;pointer-events:none}.plaza-poem>span{font-size:25px;opacity:.8}.plaza-poem p{font:italic 38px/1.3 var(--serif);margin-top:14px;text-shadow:0 3px 20px #14263855}.plaza-caption{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:11px;color:var(--muted)}.plaza-caption button{background:transparent;white-space:nowrap;font-size:11px}.updates{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.updates-intro .eyebrow{font-size:9px;margin-bottom:25px}.updates h2{font-size:61px}.updates .section-description{font-size:14px;margin-top:23px}.update-filters{margin-top:26px}.update-list{border-top:1px solid var(--line)}.update-list article{padding:25px 0 29px;border-bottom:1px solid var(--line)}.update-list article[hidden]{display:none}.update-list article>div{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:var(--muted);margin-bottom:15px}.update-list h3{font-size:29px;margin-bottom:12px}.update-list p{font-size:13px;line-height:1.85;color:var(--muted)}.feedback-section{background:var(--surface)}.feedback-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.feedback-copy .eyebrow{font-size:9px;margin-bottom:25px}.feedback-copy h2{font-size:65px}.feedback-copy .section-description{font-size:14px;margin-top:25px}.feedback-process{display:grid;gap:16px;margin-top:35px;color:var(--accent);font-size:10px}.feedback-process b{margin-left:15px;font-size:12px;font-weight:400;color:var(--ink)}.feedback-privacy{font-size:11px;line-height:1.85;color:var(--muted);margin-top:30px;max-width:350px}#feedback-form{padding:30px;background:var(--paper-light);border:1px solid var(--line);border-radius:5px}#feedback-form>label,.form-row label{display:flex;flex-direction:column;gap:9px;margin-bottom:18px;font-size:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{font:inherit;color:var(--ink);max-width:100%}#feedback-form input:not([type=checkbox]),#feedback-form select,#feedback-form textarea{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:11px 12px;width:100%;font-size:13px;min-height:44px}#feedback-form textarea{resize:vertical;line-height:1.75;min-height:135px}#feedback-form input::placeholder,#feedback-form textarea::placeholder{color:var(--muted);opacity:.8}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#feedback-form .consent{flex-direction:row;align-items:flex-start;gap:10px;font-size:11px;line-height:1.7}input[type=checkbox]{accent-color:var(--plum);width:16px;height:16px;margin:2px 0 0;flex-shrink:0}.form-submit{display:flex;align-items:center;gap:20px;font-size:10px;color:var(--muted)}#feedback-submit:disabled{opacity:.65}.honey{display:none}#feedback-status{font-size:12px;line-height:1.8;margin-top:18px;overflow-wrap:anywhere}#feedback-status:empty{display:none}#feedback-status[data-state=error]{color:#a13d2b}#feedback-status[data-state=success]{color:var(--sage)}.community{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:90px;border-bottom:1px solid var(--line)}.community-symbol{width:250px;height:250px;position:relative;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;margin:auto;font:140px var(--serif);color:var(--plum)}.community-symbol:before{content:'';position:absolute;inset:18px -24px;border:1px solid var(--line);border-radius:50%;transform:rotate(-35deg)}.community-symbol>span{position:absolute;right:5px;bottom:10px;font:40px var(--serif);background:var(--paper);padding:5px}.community .eyebrow{font-size:9px;margin-bottom:25px}.community h2{font-size:66px}.community .section-description{font-size:14px;margin-top:25px}.community-status{display:flex;gap:9px;align-items:center;font-size:12px;margin-top:24px}.community-status>span:first-child{height:7px;width:7px;border-radius:50%;background:var(--accent)}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid var(--line);padding-block:10px;margin-top:8px}.text-link:hover{border-color:var(--accent)}.footer{column-gap:20px}.footer .brand>span{font-size:26px}.footer>div{gap:20px}.faq{padding-top:80px}[data-theme=dark] #feedback-status[data-state=error]{color:#f4ac94}[data-theme=dark] #feedback-status[data-state=success]{color:#c3d0ae}[data-theme=dark] .community-symbol>span{background:var(--paper)}
html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3,html[lang=zh-CN] .brand>span{font-family:'Site Serif SC','Songti SC','SimSun',serif;font-weight:450}html[lang=zh-CN] h1{font-size:clamp(48px,5.1vw,75px);line-height:1.3;letter-spacing:.015em}html[lang=zh-CN] h2{font-size:clamp(38px,4.2vw,60px);line-height:1.35;letter-spacing:.01em}html[lang=zh-CN] .brand>span{font-size:24px;letter-spacing:.08em}html[lang=zh-CN] .brand small{letter-spacing:.05em}html[lang=zh-CN] .plaza-poem p{font-family:'Site Serif SC','Songti SC',serif;font-size:29px;font-style:normal;line-height:1.7}html[lang=zh-CN] .update-list h3{font-size:25px}html[lang=zh-CN] .community h2{font-size:52px}html[lang=zh-CN] .closing h2{font-size:64px}
@keyframes disc-spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.header nav{gap:15px;font-size:11px}.brand>span{font-size:26px}.brand small{font-size:7px}.updates,.feedback-grid,.community{gap:50px}.gallery-heading .section-description{max-width:300px}.feedback-copy h2{font-size:57px}}
@media(max-width:1050px){.header{position:relative}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper-light);padding:25px;z-index:30;border:1px solid var(--line);box-shadow:var(--shadow);grid-template-columns:1fr 1fr;gap:18px}.header nav.open{display:grid}.header nav a{font-size:14px;padding:6px}.tools .menu-toggle{display:flex;flex-direction:column;gap:5px;width:32px;height:32px;justify-content:center;align-items:center}.menu-toggle span{display:block;height:1px;width:18px;background:var(--ink)}.gallery-heading{gap:30px}.updates h2{font-size:52px}.audio-controls{gap:9px}.audio-play{padding:11px;font-size:11px}.voice-art{min-height:565px}.voice-caption{max-width:285px}.community-symbol{width:200px;height:200px}.community h2{font-size:56px}}
@media(max-width:760px){.gallery-heading,.plaza-heading{align-items:start;flex-direction:column;gap:24px}.gallery-heading .section-description{max-width:100%;font-size:14px}.gallery-heading h2{font-size:53px}.gallery-tabs{gap:16px}.gallery-tabs button{font-size:11px}.gallery-frame{padding:12px}.gallery-bottom{font-size:10px;align-items:start}.gallery-arrows{gap:9px}.zoom-hint{font-size:10px;padding:5px 10px;bottom:10px;right:10px}.voice-art{min-height:530px;padding-bottom:75px}.voice-caption{max-width:380px}.plaza-theme-picker{flex-direction:row;flex-wrap:wrap}.plaza-stage{height:420px}.updates,.feedback-grid,.community{grid-template-columns:1fr;gap:35px}.updates h2,.feedback-copy h2{font-size:58px}.updates .section-description{max-width:100%}.feedback-process{display:flex;flex-wrap:wrap;gap:18px}.feedback-process b{margin-left:8px;font-size:11px}.feedback-privacy{max-width:100%}.community-symbol{width:160px;height:160px;font-size:95px}.community-symbol>span{font-size:30px}.community{text-align:center}.community .eyebrow,.community-status{justify-content:center}.community .section-description{margin-inline:auto}.plaza-stage-bottom{font-size:10px;left:20px;right:20px}.plaza-stage-top{left:20px;right:20px}.plaza-poem p{font-size:34px}.plaza-caption{font-size:10px}.gallery-dialog{padding:35px 8px 8px}.gallery-dialog>p{font-size:9px!important}.footer .brand>span{font-size:23px}}
@media(max-width:480px){h1{font-size:clamp(52px,15vw,66px);line-height:1.1}.brand>span{font-size:25px}.header .brand small{font-size:6px}.header .brand img{width:36px;height:36px}.header nav{padding:18px;gap:12px}.hero{min-height:auto}.hero-copy .eyebrow{font-size:7px}.gallery-heading{padding-top:28px}.gallery-heading h2{font-size:45px}.gallery-tabs{gap:8px 19px;border:0}.gallery-tabs button{padding:7px 0;font-size:11px}.gallery-frame{padding:6px}.gallery-bottom{gap:10px;flex-direction:column}.gallery-arrows{align-self:end}.plaza-stage{height:390px}.plaza-poem{top:28%}.plaza-stage-top{left:15px;right:15px;top:15px;letter-spacing:.08em}.plaza-stage-top button{font-size:10px;padding:7px 11px}.plaza-stage-bottom{left:15px;right:15px;bottom:15px;align-items:end}.plaza-stage-bottom>span{max-width:150px;line-height:1.7}.plaza-caption{flex-wrap:wrap;gap:10px}.plaza-theme-picker button{font-size:11px;padding:8px 14px}.updates h2,.feedback-copy h2,.community h2{font-size:49px}#feedback-form{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.feedback-process{display:grid;gap:12px}.audio-player{width:100%;max-width:300px}.voice-art{padding-bottom:78px}.voice-caption{max-width:290px}.audio-character{font-size:10px}html[lang=zh-CN] h1{font-size:clamp(39px,12.5vw,51px);line-height:1.35}html[lang=zh-CN] h2,html[lang=zh-CN] .company-copy h2,html[lang=zh-CN] .voice h2,html[lang=zh-CN] .community h2{font-size:38px;line-height:1.4}html[lang=zh-CN] .brand>span{font-size:21px}html[lang=zh-CN] .plaza-poem p{font-size:24px}html[lang=zh-CN] .update-list h3{font-size:23px}html[lang=zh-CN] .closing h2{font-size:42px}.footer>div{flex-wrap:wrap;gap:20px}.community .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.voice-art.is-playing .disc-rings{animation:none}canvas{scroll-behavior:auto}}

.voice-caption{font-size:11px}.voice-art .voice-caption{max-width:370px}.gallery-tabs button{min-height:44px}.tools button{min-height:36px}html[lang=en] .voice-art blockquote{font-size:36px}
@media(max-width:600px){.voice-art .voice-caption{max-width:290px;font-size:10px}.tools button{min-height:36px}.plaza-poem p{font-size:29px}}
