:root{color:#1c1d1b;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f6f4ef;--paper-deep:#efede7;--ink:#1c1d1b;--muted:#686963;--line:#cbc7bd;--line-soft:#ddd9d0;--red:#e34435;--red-deep:#b93228;--red-wash:#f8dcd5;--amber:#d99a35;--amber-wash:#f5e7c9;--olive:#7a7d6e;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", serif;background:#f6f4ef;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#1c1d1b05 1px, transparent 1px), var(--paper);background-size:100% 34px;min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:3px}button{color:inherit}.app-shell{border-top:2px solid var(--ink);min-height:100vh}.topbar,main,footer{width:min(100% - 80px,1440px);margin:0 auto}.topbar{border-bottom:1px solid var(--line);grid-template-columns:190px 1fr auto;align-items:center;height:82px;display:grid}.brand{width:fit-content;color:var(--ink);font-family:var(--serif);letter-spacing:.12em;align-items:center;font-size:27px;font-weight:700;text-decoration:none;display:inline-flex}.topbar nav{align-items:center;gap:48px;height:100%;display:flex}.topbar nav a,.topbar nav button{color:#41423e;cursor:pointer;background:0 0;border:0;place-items:center;height:100%;padding:0;font-size:15px;text-decoration:none;display:grid;position:relative}.topbar nav .active:after{content:"";background:var(--red);height:3px;position:absolute;inset:auto 0 -1px}.button{border:1px solid var(--line);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:5px;min-height:40px;padding:0 22px;font-size:14px;font-weight:600;transition:background .16s,color .16s,border .16s,transform .16s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.42}.button-outline{border-color:#e34435b3}.button-outline:hover:not(:disabled){color:var(--red-deep);background:#e344350d}.button-primary{border-color:var(--ink);background:var(--ink);color:var(--paper)}.button-primary:hover:not(:disabled){background:#30312e}.button-quiet{background:#ffffff2e}.hero{border-left:4px solid var(--red);padding:64px 34px 40px;position:relative}.hero h1,.hero p{margin:0}.hero h1{max-width:920px;font-family:var(--serif);letter-spacing:.025em;font-size:clamp(40px,4.3vw,66px);font-weight:700;line-height:1.14}.hero p{max-width:840px;color:var(--muted);font-family:var(--serif);margin-top:20px;font-size:17px;line-height:1.8}.workspace{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(560px,1.08fr);display:grid}.editor-column,.result-column{min-width:0;padding:30px 34px 34px}.result-column{border-left:1px solid var(--line);transition:opacity .18s}.result-column.is-loading{opacity:.38}.section-heading,.evidence-title-row{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.section-heading h2,.evidence-title-row h2{font-family:var(--serif);letter-spacing:.08em;margin:0;font-size:21px}.section-heading span,.evidence-title-row span{color:var(--muted);font-size:13px}.editor-frame{background:#fff3;border:1px solid #b9b5ab;border-radius:7px;margin-top:15px;overflow:hidden}.editor-frame textarea{resize:vertical;color:#292a27;width:100%;height:clamp(280px,100vh - 590px,440px);font-family:var(--serif);letter-spacing:.035em;background:0 0;border:0;border-radius:0;outline:0;padding:28px 30px;font-size:17px;line-height:1.95;display:block}.editor-frame textarea::placeholder{color:#99978f}.editor-actions{border-top:1px solid var(--line);justify-content:space-between;padding:12px 16px;display:flex}.editor-actions .button-primary{min-width:178px}.result-heading{border-bottom:1px solid var(--line);padding-bottom:14px}.score-block{align-items:center;gap:38px;padding:25px 8px 18px;display:flex}.score-block>strong{color:var(--red);font-family:var(--serif);letter-spacing:-.06em;font-size:88px;font-weight:500;line-height:1}.score-block span{color:var(--red);font-family:var(--serif);font-size:19px;font-weight:700}.score-block h3{font-family:var(--serif);margin:7px 0 6px;font-size:29px;line-height:1.2}.spectrum{font-family:var(--serif);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 5px 20px;font-size:14px;display:grid}.spectrum-track{background:var(--olive);height:1px;position:relative}.spectrum-track:before,.spectrum-track:after{content:"";background:var(--olive);width:1px;height:9px;position:absolute;top:-4px}.spectrum-track:before{left:0}.spectrum-track:after{right:0}.spectrum-track i{border:4px solid var(--paper);background:var(--red);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #e3443533}.spectrum-tick{color:var(--muted);font-family:Inter,sans-serif;font-size:10px;position:absolute;top:8px;transform:translate(-50%)}.tick-25{left:25%}.tick-50{left:50%}.tick-75{left:75%}.dimensions{margin-top:8px}.dimension-row{border-bottom:1px solid var(--line);grid-template-columns:126px 142px minmax(0,1fr);align-items:center;gap:16px;min-height:64px;display:grid}.dimension-name{font-family:var(--serif);font-size:17px;font-weight:700}.severity{align-items:center;gap:8px;display:flex}.severity>span{color:var(--muted);flex:none;font-size:10px}.severity-track{background:#d1cec4;border-radius:4px;width:70px;height:4px;overflow:hidden}.severity-track i{border-radius:inherit;background:var(--red);height:100%;display:block}.dimension-row p{color:var(--muted);font-family:var(--serif);margin:0;font-size:12px;line-height:1.55}.evidence-section{border-top:1px solid var(--line);padding:20px 34px 28px}.evidence-title-row{margin-bottom:10px}.evidence-list{border-bottom:1px solid var(--line)}.evidence-item{border-top:1px solid var(--line-soft);grid-template-columns:minmax(360px,1.25fr) minmax(300px,1fr) 104px;align-items:start;gap:32px;padding:10px 0 10px 16px;display:grid;position:relative}.evidence-item:before{content:"";background:var(--red);width:4px;position:absolute;top:10px;bottom:10px;left:0}.evidence-item.tone-medium:before{background:var(--amber)}.evidence-quote{background:var(--red-wash);font-family:var(--serif);border:1px solid #e344353d;border-radius:5px;padding:7px 13px;font-size:15px;line-height:1.6}.tone-medium .evidence-quote{background:var(--amber-wash);border-color:#d99a3557}.evidence-explanation p,.suggestion{color:var(--muted);font-family:var(--serif);margin:5px 0 0;font-size:12px;line-height:1.55}.suggestion{border-left:2px solid var(--red);color:#33342f;margin-top:8px;padding-left:10px}.evidence-button{min-height:34px;padding:0 12px;font-size:12px}.empty-evidence{border-top:1px solid var(--line);color:var(--muted);font-family:var(--serif);text-align:center;padding:42px 0}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:82px;padding:14px 0 14px 22px;display:flex}footer p{color:var(--muted);font-family:var(--serif);margin:0;font-size:14px;position:relative}footer p:before{content:"";background:var(--red);width:3px;position:absolute;top:-8px;bottom:-8px;left:-22px}.copy-button{justify-content:center;align-items:center;gap:10px;min-width:234px;display:inline-flex}.dialog-backdrop{z-index:20;background:#1c1d1b8a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.method-dialog{border:1px solid var(--ink);border-top:5px solid var(--red);background:var(--paper);border-radius:7px;width:min(100%,620px);padding:42px 46px;position:relative;box-shadow:0 22px 80px #1c1d1b33}.method-dialog .icon-button{position:absolute;top:16px;right:16px}.icon-button{cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.method-dialog h2{font-family:var(--serif);margin:0 0 20px;font-size:30px}.method-dialog p,.method-dialog li{color:#4d4f49;font-family:var(--serif);font-size:15px;line-height:1.8}.method-dialog ol{margin:18px 0;padding-left:1.4em}.method-dialog .dialog-note{border-left:3px solid var(--red);background:var(--paper-deep);margin-bottom:0;padding:14px 16px;font-size:13px}@media (width<=1080px){.topbar,main,footer{width:min(100% - 44px,1440px)}.workspace{grid-template-columns:1fr}.result-column{border-top:1px solid var(--line);border-left:0}.evidence-item{grid-template-columns:1fr 1fr 104px}}@media (width<=720px){.app-shell{border-top-width:1px}.topbar,main,footer{width:min(100% - 28px,1440px)}.topbar{grid-template-columns:1fr auto auto;gap:10px;height:68px}.brand{font-size:22px}.topbar nav{gap:0;height:auto;display:flex}.topbar nav .active{display:none}.topbar nav button{height:36px;font-size:13px}.topbar>.button{min-height:36px;padding:0 13px}.hero{border-left-width:3px;padding:42px 20px 30px}.hero h1{font-size:38px}.hero p{margin-top:14px;font-size:15px}.editor-column,.result-column,.evidence-section{padding:24px 20px}.editor-frame textarea{height:clamp(200px,100dvh - 520px,320px);padding:22px 20px;font-size:16px}.editor-actions .button-primary{min-width:140px}.score-block{gap:24px;padding-inline:0}.score-block>strong{font-size:68px}.score-block h3{font-size:24px}.dimension-row{grid-template-columns:1fr auto;gap:7px 12px;padding:13px 0}.dimension-row p{grid-column:1/-1}.evidence-title-row{flex-direction:column;align-items:flex-start;gap:5px}.evidence-item{grid-template-columns:1fr;gap:8px;padding-block:14px}.evidence-button{width:fit-content}footer{flex-direction:column;align-items:stretch;gap:22px;padding:25px 0 28px 22px}.copy-button{width:calc(100% - 22px)}.method-dialog{padding:38px 24px 28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
