.communication-app{--green:#345e52}.communication-app button:disabled{opacity:.45;cursor:not-allowed}.communication-app a{color:var(--green);text-underline-offset:4px}.communication-app .header-right>a{font-size:12px}.communication-app .hero h1{font-size:clamp(36px,4vw,58px);line-height:1.4}.communication-app .hero-description{max-width:36em}.communication-app .cat-family-preview figure{margin:0;position:relative}.communication-app .cat-family-preview figcaption{font-size:11px;text-align:center;color:#716a59;padding:0 0 12px}.communication-app .art-bottom button{background:transparent;color:inherit;font-size:11px;text-decoration:underline}.comm-panel{background:#fffdf7;border:1px solid #dedfd3;border-radius:18px;padding:28px;margin:20px 0;min-width:0}.comm-panel h2,.comm-section>h2{font-size:24px;margin:10px 0 18px;line-height:1.5}.comm-panel p,.comm-section>p{font-size:13px;line-height:1.9;color:#6a746c}.comm-panel summary{cursor:pointer;line-height:1.8}.comm-panel h3{font-size:17px;line-height:1.6;margin:0 0 14px}.sample{padding:36px;background:#edf0e7}.sample blockquote{font-family:Georgia,SimSun,serif;font-size:23px;line-height:1.9;margin:22px 0;min-height:90px}.chip-row,.button-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.chip-row button{border:1px solid #cfd5cb;background:#fffdf7;border-radius:100px;padding:10px 16px;color:#536758;font-size:12px}.chip-row button.active{background:var(--green);color:#fff;border-color:var(--green)}.comm-topic{border-radius:18px;padding:20px;margin:26px 0}.comm-topic>header{margin:0 0 20px}.comm-topic h2{font-size:20px;display:flex;justify-content:space-between;align-items:center}.comm-topic h2 small{font-size:11px;font-weight:400}.comm-topic>header p{font-size:12px;line-height:1.8;color:#647167}.comm-topic .question-card{padding:20px;margin-bottom:16px}.comm-options{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:8px}.comm-options .option{font-size:13px;min-height:55px}.comm-options .option:nth-child(n+3){background:transparent;font-size:11px;border-style:dashed;min-height:44px}.communication-app progress{width:100%;height:6px;accent-color:#648977;margin:15px 0 24px}.communication-app .quiz-navigation{position:sticky;bottom:0;background:#f8f5eef5;padding:16px 0;border-top:1px solid var(--line);z-index:2}.comm-result-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:35px;padding:30px 0}.comm-result-hero h1{font-family:Songti SC,SimSun,serif;font-size:40px;line-height:1.45;margin:16px 0}.comm-result-hero h2{font-size:20px;font-weight:500;line-height:1.7}.comm-result-hero p{font-size:14px;line-height:1.9;color:#68766b}.comm-result-hero>img{width:100%;max-width:380px;border-radius:24px;mix-blend-mode:multiply;justify-self:center}.jump-link{display:block;margin-top:20px;font-size:13px}.preference-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preference-grid .comm-panel{margin:0;padding:24px}.comm-section{margin:45px 0}.rule{padding:13px 0;border-top:1px solid #e5e7df}.rule label{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.9;cursor:pointer}.rule input{margin-top:6px;accent-color:var(--green);flex-shrink:0;width:17px;height:17px}.rule details{padding-left:28px;font-size:11px;margin-top:7px;color:#819080}.rule details p{font-size:11px}.friction .intro-grid{margin:10px 0 0;padding:15px 0 0;gap:20px;border:0}.friction .intro-grid article+article{padding-left:20px}.mode-label{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px;margin-top:25px}.mode-label select{background:#edf0e7;border:1px solid #cfd5cb;border-radius:8px;padding:12px;color:#345e52;font:inherit;max-width:100%}.editor-label{display:block;font-size:13px;margin-top:24px}.editor-label textarea,.export-preview{box-sizing:border-box;width:100%;min-height:380px;margin-top:12px;padding:20px;line-height:1.9;font-size:13px;resize:vertical;border:1px solid #cfd5cb;border-radius:12px;background:#fafbf5;color:#354c40;font-family:inherit}.mode-preview,.change-preview{padding:20px;background:#eef0e6;border-radius:12px;margin-top:15px;font-size:13px}.change-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.9}.adjustments{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.export-preview{min-height:240px}.near-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.near-cats figure{margin:0}.near-cats img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;mix-blend-mode:multiply}.near-cats figcaption{font-size:13px}.near-cats small{display:block;font-size:11px;color:#748175;line-height:1.6;margin-top:7px}.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.roster-grid .comm-panel{padding:16px;margin:0}.roster-grid img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.roster-grid h2{font-size:18px}.communication-app :focus-visible{outline:3px solid #ab925d;outline-offset:4px}.communication-app h1:focus{outline:none}.guide-editor{scroll-margin-top:20px}@media(max-width:760px){.communication-app .header-right>a{font-size:10px}.communication-app .trial-badge{display:none}.comm-panel{padding:20px}.sample{padding:24px}.sample blockquote{font-size:20px;min-height:150px}.comm-options{grid-template-columns:1fr}.comm-topic{padding:12px}.comm-topic .question-card{padding:16px 12px}.comm-result-hero{grid-template-columns:1fr}.comm-result-hero h1{font-size:32px}.comm-result-hero>img{max-width:290px}.preference-grid{grid-template-columns:1fr}.friction .intro-grid article+article{padding-left:0}.near-cats,.roster-grid{grid-template-columns:repeat(2,1fr)}.editor-label textarea{padding:14px}.communication-app .quiz-navigation{gap:8px}.communication-app .quiz-navigation .micro{max-width:90px;text-align:center}.comm-panel h2,.comm-section>h2{font-size:22px}.button-row .primary{gap:10px;padding:15px 18px}.communication-app .header-right{gap:8px}}.language-toggle{min-height:44px;padding:10px 16px;background:#eef1e9;border:1px solid #c8d1c4;border-radius:100px;color:#315e50;font:inherit;font-size:13px;white-space:nowrap}.communication-app .header-right{gap:16px}.communication-app .header-right>a{color:#536758}.communication-app .micro,.communication-app .privacy-line{color:#626e61}.communication-app[data-language=en] .hero h1,.communication-app[data-language=en] .comm-result-hero h1{font-family:Georgia,serif;letter-spacing:-1px;line-height:1.16}.communication-app[data-language=en] .hero h1{font-size:clamp(36px,4.4vw,59px)}.communication-app[data-language=en] .brand small{letter-spacing:1px}.communication-app[data-language=en] .hero-description{max-width:35em;line-height:1.8}.communication-app[data-language=en] .art-caption{letter-spacing:1px}.communication-app[data-language=en] .stages li{line-height:1.65}.communication-app[data-language=en] .art-bottom{letter-spacing:.5px}.communication-app[data-language=en] .quiz-heading h1{line-height:1.4}.communication-app .roster-grid h2{overflow-wrap:break-word}.communication-app .rule input{min-height:20px;min-width:20px}.communication-app .rule label{padding-block:5px}.communication-app .comm-topic .option{padding-block:14px}.communication-app .hero .primary{min-height:48px}.communication-app .brand small{color:#536758}.communication-app .question-id{color:#66775f}@media(max-width:760px){.communication-app .site-header{height:auto;min-height:84px;padding:16px 20px;gap:12px}.communication-app .header-right{gap:10px}.communication-app .header-right>a{display:none}.communication-app .language-toggle{padding:10px 14px}.communication-app[data-language=en] .hero h1{font-size:43px;max-width:8.5em}.communication-app .hero-actions{gap:10px 22px}.communication-app .hero-description{max-width:28em}.communication-app .primary{white-space:normal}.communication-app .site-footer a{min-height:44px;display:inline-flex;align-items:center}.communication-app[data-language=en] .quiz-navigation .micro{display:none}.communication-app[data-language=en] .comm-result-hero h1{font-size:36px}.communication-app .comm-panel summary{padding:8px 0}}.communication-app[data-language=zh]{--font-zh:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-family:var(--font-zh);letter-spacing:0}.communication-app[data-language=zh] :is(.hero h1,.comm-result-hero h1,.quiz-sidebar h2,.sample blockquote){font-family:var(--font-zh);font-weight:500;letter-spacing:0}.communication-app[data-language=zh] .hero h1{font-size:clamp(36px,3.7vw,52px);line-height:1.5;letter-spacing:-.025em}.communication-app[data-language=zh] .comm-result-hero h1{line-height:1.5;letter-spacing:-.02em}.communication-app[data-language=zh] :is(h2,h3,.question-card legend){font-weight:500}.communication-app[data-language=zh] .hero-description{line-height:1.9;color:#697368}.communication-app[data-language=zh] .brand small{font-family:var(--font-zh);letter-spacing:.1em;line-height:1.6}.communication-app[data-language=zh] :is(.eyebrow,.art-caption){letter-spacing:.1em}.communication-app[data-language=zh] :is(.art-bottom,.intro-number,.trial-badge){font-family:var(--font-zh);letter-spacing:.025em}.communication-app[data-language=zh] .sample blockquote{line-height:1.8}@media(max-width:760px){.communication-app[data-language=zh] .hero h1{font-size:clamp(30px,8.7vw,40px);line-height:1.5}.communication-app[data-language=zh] .comm-result-hero h1{font-size:30px}.communication-app[data-language=zh] .hero-description{font-size:14px}}