@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700;900&display=swap";:root{--paper: #fffdf8;--paper-deep: #e9efff;--canvas: #fffaf0;--sage-wash: #ff9a1b;--ink: #263572;--muted: #6d7090;--line: #dddeda;--rule: rgba(68, 87, 179, .2);--orange: #f58d18;--blue: #4052b4;--blue-dark: #2e3f96;--gold: #f6b72d;--coral: #ed6d58;--red: var(--blue);--red-dark: var(--blue-dark);--yellow: var(--gold);--green: var(--coral);--serif: "Noto Serif SC", "Songti SC", "STSong", serif;--sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--mono: "Courier New", "SFMono-Regular", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--canvas)}body{margin:0;min-width:320px;background:var(--canvas);color:var(--ink);font-family:var(--sans);line-height:1.7;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.shell{width:min(1120px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.site-header{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1248px,calc(100% - 64px));min-height:78px;margin:0 auto;border-bottom:1px solid rgba(64,82,180,.18);background:#fffdf8f0;backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:11px;justify-self:start}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--orange);color:var(--paper);font-family:var(--serif);font-size:1.1rem;font-weight:900}.brand-copy{display:grid;line-height:1.15}.brand-copy strong{color:var(--orange);font-family:var(--serif);font-size:1rem;letter-spacing:.1em}.brand-copy small{margin-top:4px;color:var(--muted);font-size:.63rem;letter-spacing:.08em}.site-header nav{display:flex;gap:30px;font-size:.76rem}.site-header nav a{color:var(--muted);transition:color .2s ease}.site-header nav a:hover{color:var(--red)}.header-location{justify-self:end;color:var(--blue);font-family:var(--mono);font-size:.66rem;letter-spacing:.08em}.header-location i{padding:0 6px;color:var(--yellow);font-style:normal}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.72fr);align-items:center;gap:100px;min-height:510px;padding-top:76px;padding-bottom:84px;overflow:hidden}.eyebrow{margin:0 0 20px;color:var(--red);font-family:var(--mono);font-size:.66rem;letter-spacing:.11em;line-height:1.5}.eyebrow span{color:var(--yellow)}.hero h1{margin:0;font-family:var(--sans);font-size:clamp(3.25rem,6.8vw,6.1rem);font-weight:800;letter-spacing:-.09em;line-height:1.12}.hero h1 em{color:var(--blue);font-style:normal}.hero-intro{max-width:465px;margin:28px 0 0;color:var(--muted);font-size:.98rem;line-height:2}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-width:142px;padding:11px 15px;border:1px solid currentColor;border-radius:6px;font-size:.75rem;letter-spacing:.04em;transition:transform .2s ease,background .2s ease,color .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--red);color:var(--paper)}.button-primary:hover{background:var(--red-dark)}.hero-button{margin-top:34px}.hero-note{position:relative;min-height:318px;padding:27px 28px 23px;border:2px solid var(--orange);background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,var(--rule) 39px,var(--rule) 40px);box-shadow:12px 16px #4052b421;transform:rotate(1.2deg)}.hero-note:before{position:absolute;top:0;bottom:0;left:39px;border-left:1px solid rgba(64,82,180,.23);content:""}.note-topline{position:relative;display:flex;justify-content:space-between;color:var(--green);font-family:var(--mono);font-size:.58rem;letter-spacing:.09em}.note-rule{position:relative;height:1px;margin:20px 0 19px;background:var(--red);opacity:.45}.note-question{position:relative;max-width:255px;margin:0 0 22px 28px;color:var(--blue);font-family:var(--serif);font-size:1.28rem;line-height:1.75}.note-lines{position:relative;height:76px;margin-left:28px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 33px,var(--rule) 33px,var(--rule) 34px)}.note-sign{position:relative;display:flex;justify-content:flex-end;align-items:baseline;gap:9px;margin-top:13px;color:var(--muted);font-family:var(--mono);font-size:.6rem}.note-sign strong{color:var(--red);font-family:var(--serif);font-size:.83rem;letter-spacing:.08em}.paper-plane{position:absolute;z-index:2;top:22px;right:24px;width:43px;height:30px;border-top:4px solid var(--blue);border-right:4px solid var(--blue);transform:skew(-28deg) rotate(-13deg)}.paper-plane:before{position:absolute;top:8px;left:-13px;width:45px;border-top:3px dashed var(--orange);content:"";transform:rotate(25deg)}.paper-plane:after{position:absolute;top:5px;left:8px;width:27px;height:18px;border-left:3px solid var(--orange);border-bottom:3px solid var(--orange);content:"";transform:skew(28deg) rotate(-10deg)}.doodle-star{position:absolute;z-index:2;color:var(--gold);font-size:1.45rem;line-height:1}.doodle-star-one{top:71px;right:22px;transform:rotate(16deg)}.doodle-star-two{bottom:25px;left:22px;color:var(--coral);font-size:1.15rem;transform:rotate(-17deg)}.open-letter-home{min-height:calc(100vh - 78px);padding:78px 0 62px}.home-kicker{margin-bottom:30px}.home-kicker .eyebrow{margin-bottom:0}.home-heading{display:flex;align-items:end;justify-content:space-between;gap:44px;margin-bottom:30px}.home-heading h1{margin:0;color:var(--ink);font-family:var(--sans);font-size:clamp(2.6rem,5.5vw,5rem);font-weight:800;letter-spacing:-.09em;line-height:1.13}.home-heading h1 em{color:var(--blue);font-style:normal}.home-heading>p{max-width:290px;margin:0 0 6px;color:var(--muted);font-size:.82rem;line-height:1.9}.home-paper{width:min(940px,100%);margin-inline:auto}.home-links{display:flex;justify-content:space-between;gap:24px;width:min(940px,calc(100% - 64px));margin-top:25px}.home-link{color:var(--blue);font-size:.72rem}.home-link span{margin-left:6px;color:var(--orange)}.home-link:hover{color:var(--blue-dark)}.share-result{width:min(940px,calc(100% - 64px));margin-top:72px;padding:31px 0 4px;border-top:1px solid rgba(64,82,180,.2)}.share-result-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}.share-result-heading .eyebrow{margin:0 0 7px}.share-result-heading h2{margin:0;color:var(--blue);font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.15rem);line-height:1.3}.share-result-heading>p{margin:0 0 4px;color:var(--muted);font-size:.78rem}.share-card{padding:9px;border:1px solid rgba(245,141,24,.5);background:var(--paper);box-shadow:10px 12px #4052b41a}.share-card img{display:block;width:100%;height:auto;background:var(--orange)}.share-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.button-outline{border-color:var(--blue);background:transparent;color:var(--blue)}.button-outline:hover{background:var(--blue);color:var(--paper)}.share-message{min-height:22px;margin:12px 0 0;color:var(--coral);font-size:.7rem}.subpage-main{min-height:calc(100vh - 180px)}.subpage-section{padding-top:66px}.subpage-back{display:inline-block;margin-bottom:33px;color:var(--blue);font-family:var(--mono);font-size:.62rem;letter-spacing:.04em}.subpage-back:hover{color:var(--orange)}.section-heading h1,.section-heading h2{margin:0;color:var(--ink);font-family:var(--sans);font-size:clamp(2.5rem,5vw,4.2rem);font-weight:800;letter-spacing:-.08em;line-height:1.05}.about-page{min-height:calc(100vh - 180px);padding:78px 0 92px}.about-page-card{max-width:880px;padding:30px 52px 42px 72px;border:2px solid var(--orange);background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,var(--rule) 39px,var(--rule) 40px);box-shadow:12px 14px #4052b421}.about-page-title{position:relative;padding:12px 0 24px}.about-page-title .eyebrow{margin-bottom:7px}.about-page-title strong{position:absolute;top:-6px;right:10px;color:var(--gold);font-family:var(--serif);font-size:4.2rem;line-height:1}.about-page-title h1{margin:0;color:var(--blue);font-family:var(--sans);font-size:clamp(2rem,4.5vw,3.7rem);line-height:1.25;letter-spacing:-.08em}.about-page-card .association-english{margin:0 0 23px}.about-page-card .about-copy{max-width:650px;color:var(--ink)}.about-page-note{max-width:650px;margin:28px 0 0;padding:15px 0 0 17px;border-left:3px solid var(--coral);color:var(--muted);font-size:.82rem;line-height:1.9}.about-page-links{display:flex;justify-content:space-between;gap:24px;margin-top:40px}.compose-section{padding:83px 0 97px;background:var(--sage-wash)}.compose-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:31px}.compose-heading h2{margin:0;color:var(--blue);font-family:var(--sans);font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:800;letter-spacing:-.08em;line-height:1.1}.compose-heading>p{max-width:360px;margin:0 0 5px;color:var(--muted);font-size:.82rem;line-height:1.9}.post-form{position:relative}.paper-sheet{padding:27px 47px 25px 68px;overflow:hidden;border:2px solid var(--orange);background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,var(--rule) 39px,var(--rule) 40px);box-shadow:10px 13px #4052b424}.paper-sheet:before{position:absolute;top:0;bottom:0;left:42px;border-left:1px solid rgba(64,82,180,.25);content:""}.paper-header{position:relative;display:flex;justify-content:space-between;color:var(--green);font-family:var(--mono);font-size:.58rem;letter-spacing:.1em}.form-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:28px 0 24px}.form-tab{display:flex;align-items:baseline;gap:10px;min-height:49px;padding:10px 13px;border:1px solid var(--line);border-radius:4px;background:#fffdf8ab;color:var(--muted);text-align:left;font-size:.75rem;line-height:1.5;transition:border-color .2s ease,background .2s ease,color .2s ease}.form-tab>span{color:var(--yellow);font-family:var(--mono);font-size:.59rem}.form-tab:hover,.form-tab.is-active{border-color:var(--red);background:#813c360f;color:var(--red)}.compose-context{position:relative;display:flex;align-items:baseline;gap:14px;padding:6px 0 17px;color:var(--red)}.compose-context strong{font-family:var(--serif);font-size:.98rem}.compose-context span{color:var(--muted);font-size:.72rem}.question-picker{position:relative;margin:0 0 20px;padding:17px 19px 15px;border-left:4px solid var(--coral);background:#e8efffe6}.question-search{display:flex;align-items:center;gap:9px;margin:-2px 0 16px;padding:8px 11px;border:1px solid rgba(64,82,180,.24);border-radius:4px;background:#fffdf8cc}.question-search>span{color:var(--coral);font-family:var(--serif);font-size:1.25rem;line-height:1}.question-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:.76rem}.question-search input::placeholder{color:#9c9aa6}.question-picker-head{display:flex;justify-content:space-between;align-items:baseline;color:var(--green);font-family:var(--mono);font-size:.6rem;letter-spacing:.05em}.question-picker-head small{color:var(--muted);font-size:.57rem}.question-picker p{margin:11px 0 13px;color:var(--red);font-family:var(--serif);font-size:1.05rem;line-height:1.75}.question-picker .question-empty{color:var(--muted);font-family:var(--sans);font-size:.75rem}.question-picker-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.question-picker-actions>small{color:var(--muted);font-size:.59rem}.question-next{padding:0;border:0;background:none;color:var(--green);font-size:.66rem}.question-next:disabled{cursor:not-allowed;opacity:.4}.question-next span{margin-left:4px;font-size:.9rem}.post-form>label,.form-meta-grid label{position:relative;display:flex;justify-content:space-between;margin:15px 0 7px;color:var(--red);font-family:var(--serif);font-size:.81rem;font-weight:700}.post-form label span{color:var(--muted);font-family:var(--sans);font-size:.59rem;font-weight:400}.post-form>input,.post-form textarea,.form-meta-grid input,.form-meta-grid select{position:relative;width:100%;border:0;border-bottom:1px solid rgba(125,148,147,.45);border-radius:0;outline:0;padding:9px 2px;background:transparent;font-size:.84rem}.post-form>input:focus,.post-form textarea:focus,.form-meta-grid input:focus,.form-meta-grid select:focus{border-bottom-color:var(--red);background:#fffdf899}.post-form>input[readonly]{color:var(--red)}.post-form textarea{min-height:154px;resize:vertical;line-height:1.9;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 36px,rgba(125,148,147,.18) 36px,rgba(125,148,147,.18) 37px)}.post-form input::placeholder,.post-form textarea::placeholder{color:#aaa198}.form-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-meta-grid label{margin-top:19px}.paper-footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:25px}.paper-footer>span{color:var(--muted);font-family:var(--serif);font-size:.73rem}.form-submit{margin:0;border:0}.form-message{position:relative;min-height:20px;margin:11px 0 0;color:var(--green);font-size:.68rem}.form-message[data-state=error]{color:#a14932}.forum-section{padding:104px 0 111px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:39px}.section-heading h2{margin:0;font-family:var(--sans);font-size:clamp(2.5rem,5vw,4.2rem);font-weight:800;letter-spacing:-.08em;line-height:1.05}.section-heading>p{max-width:300px;margin:0 0 5px;color:var(--muted);font-size:.82rem;line-height:1.9}.forum-toolbar{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:20px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;width:min(360px,100%);gap:11px;padding:9px 13px;border:1px solid var(--line);border-radius:5px;background:var(--paper)}.search-box>span{color:var(--red);font-size:1.2rem;line-height:1}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:.78rem}.search-box input::placeholder{color:#9a9288}.filter-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.filter-button{padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--canvas);color:var(--muted);font-size:.7rem;transition:color .2s ease,background .2s ease,border-color .2s ease}.filter-button:hover,.filter-button.is-active{border-color:var(--red);background:var(--red);color:var(--paper)}.forum-status-row{display:flex;justify-content:space-between;margin:18px 0 20px;color:var(--muted);font-family:var(--mono);font-size:.58rem;letter-spacing:.04em}.forum-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;min-height:220px}.forum-post{display:flex;min-height:257px;flex-direction:column;padding:21px 21px 18px;border:1px solid var(--line);border-top:3px solid var(--red);background:var(--paper);box-shadow:0 8px 18px #352b1f09}.forum-post:nth-child(3n+2){border-top-color:var(--yellow)}.forum-post:nth-child(3n){border-top-color:var(--green)}.post-topline,.post-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-family:var(--mono);font-size:.56rem;line-height:1.5}.post-type{color:var(--red)}.post-type.answer{color:var(--green)}.forum-post h3{margin:24px 0 12px;color:var(--ink);font-family:var(--serif);font-size:1.02rem;line-height:1.6}.post-content{flex:1;margin:0 0 24px;color:#514b43;font-size:.81rem;line-height:1.9}.post-meta{padding-top:12px;border-top:1px solid var(--line)}.forum-empty{margin:40px 0 0;color:var(--muted);text-align:center}.load-more{display:block;margin:30px auto 0;padding:10px 16px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--red);font-size:.73rem}.load-more:hover{border-color:var(--red);background:var(--paper-deep)}.about-strip{padding:57px 0;background:var(--paper-deep);border-top:2px solid var(--blue)}.about-grid{display:grid;grid-template-columns:.6fr 1.55fr .75fr;gap:48px;align-items:start}.about-label{display:flex;align-items:center;gap:13px;color:var(--muted);font-family:var(--mono);font-size:.61rem;letter-spacing:.1em}.about-label strong{color:var(--yellow);font-family:var(--serif);font-size:2.1rem;line-height:1}.association-name{margin:0;color:var(--red);font-family:var(--serif);font-size:1.14rem;font-weight:700}.association-english{margin:4px 0 18px;color:var(--muted);font-family:var(--mono);font-size:.6rem;letter-spacing:.02em}.about-copy{max-width:650px;margin:0;font-family:var(--serif);font-size:.95rem;line-height:1.95}.about-callout{justify-self:end;margin:31px 0 0;color:var(--red);font-family:var(--serif);font-size:.91rem;line-height:1.9}.site-footer{padding:30px 0 24px;border-top:1px solid var(--line);background:var(--canvas)}.footer-main{display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center}.footer-brand{display:flex;align-items:center;gap:9px;color:var(--red);font-family:var(--mono);font-size:.73rem;letter-spacing:.1em}.footer-brand .brand-mark{width:27px;height:27px;font-size:.84rem}.footer-main p{margin:0;color:var(--muted);font-family:var(--mono);font-size:.58rem;letter-spacing:.03em}.footer-main p:last-child{color:var(--red);font-family:var(--serif);font-size:.78rem}.footer-meta{display:flex;justify-content:space-between;margin-top:34px;padding-top:11px;border-top:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-size:.55rem;letter-spacing:.04em}@media(max-width:900px){.site-header{width:min(100% - 42px,720px);grid-template-columns:1fr auto}.site-header nav{display:flex;grid-column:2;gap:16px;font-size:.68rem}.header-location{display:none}.hero{grid-template-columns:1fr;gap:53px;min-height:auto;padding-top:63px}.hero-copy{max-width:650px}.hero-note{width:min(100%,520px);justify-self:center}.compose-heading{align-items:start;flex-direction:column;gap:18px}.compose-heading>p{max-width:520px}.home-heading{align-items:start;flex-direction:column;gap:18px}.home-heading>p{max-width:520px}.forum-list{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:.45fr 1fr;gap:28px}.about-callout{grid-column:2;justify-self:start;margin-top:0}.footer-main{grid-template-columns:auto 1fr}.footer-main p:last-child{grid-column:2}}@media(max-width:600px){.shell{width:min(100% - 36px,520px)}.site-header{width:calc(100% - 36px);min-height:72px}.header-location{font-size:.56rem}.hero{padding-top:52px;padding-bottom:66px}.hero h1{font-size:clamp(3rem,14vw,4.8rem)}.hero-intro{font-size:.92rem}.hero-note{min-height:302px;padding:24px 21px 20px}.hero-note:before{left:31px}.note-question,.note-lines{margin-left:22px}.compose-section{padding:66px 0 76px}.open-letter-home{padding:60px 0 50px}.home-heading h1{font-size:clamp(2.7rem,13vw,4.5rem)}.paper-sheet{padding:23px 20px 22px 39px}.paper-sheet:before{left:22px}.form-tabs{grid-template-columns:1fr;gap:7px;margin-top:24px}.compose-context{align-items:flex-start;flex-direction:column;gap:4px;padding-bottom:14px}.question-picker p{font-size:.98rem}.form-meta-grid{grid-template-columns:1fr;gap:0}.paper-footer{align-items:flex-start;flex-direction:column;gap:15px}.paper-footer .button{width:100%}.home-links,.about-page-links{align-items:flex-start;flex-direction:column;gap:13px}.home-links{width:min(100% - 36px,520px)}.share-result{width:min(100% - 36px,520px);margin-top:56px}.share-result-heading{align-items:flex-start;flex-direction:column;gap:8px}.share-actions{flex-direction:column}.share-actions .button{width:100%}.forum-section{padding:78px 0 84px}.section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:30px}.section-heading>p{max-width:100%}.forum-toolbar{align-items:stretch;flex-direction:column;gap:15px}.search-box{width:100%}.filter-group{justify-content:flex-start}.forum-status-row{align-items:flex-start;flex-direction:column;gap:5px}.forum-list{grid-template-columns:1fr;gap:13px}.forum-post{min-height:230px;padding:20px 19px 17px}.about-strip{padding:49px 0}.about-page{padding:58px 0 74px}.about-page-card{padding:22px 20px 31px 39px}.about-page-title strong{top:2px;right:4px;font-size:3.1rem}.about-grid{grid-template-columns:1fr;gap:18px}.about-callout{grid-column:auto}.footer-main{grid-template-columns:1fr;gap:14px}.footer-main p:last-child{grid-column:auto}.footer-meta{align-items:flex-start;flex-direction:column;gap:8px}}
