@import"https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&family=EB+Garamond:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:IBM Plex Sans,PingFang SC,Noto Sans SC,sans-serif;color:#203046;background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 30%),radial-gradient(circle at top right,rgba(14,165,233,.16),transparent 28%),linear-gradient(180deg,#f8fafc,#eef3fb,#f8fafc);--bg-card: rgba(255, 255, 255, .86);--bg-card-strong: rgba(255, 255, 255, .95);--line: rgba(71, 85, 105, .18);--line-strong: rgba(37, 99, 235, .28);--shadow: 0 24px 80px rgba(15, 23, 42, .12);--text-main: #203046;--text-muted: #5a6880;--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .12);--accent-strong: #1746a2;--good: #047857;--warn: #b45309;--bad: #b91c1c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text-main)}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.shell{width:min(1520px,calc(100vw - 32px));margin:0 auto;padding:28px 0 72px}.loading-shell{min-height:100vh;display:grid;place-items:center}.loading-card,.hero,.control-panel,.compare-summary,.logic-board,.section-change-panel,.document-panel{background:var(--bg-card);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.loading-card{width:min(680px,calc(100vw - 32px));padding:36px}.error-card{border-color:#b91c1c33}.hero,.control-panel,.compare-summary,.section-change-panel,.document-panel{margin-bottom:24px}.hero{display:grid;grid-template-columns:1.45fr 1fr;gap:24px;padding:34px}.hero-copy h1,.loading-card h1{margin:10px 0 12px;font-family:EB Garamond,"Noto Serif SC",serif;font-size:clamp(2.6rem,5vw,4.8rem);line-height:.94;letter-spacing:-.03em}.hero-text,.summary-intro p,.section-panel-header p,.loading-card p,.control-head p{margin:0;color:var(--text-muted);line-height:1.7;font-size:1rem}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}.stat-card{padding:18px;border-radius:20px;background:var(--bg-card-strong);border:1px solid var(--line)}.stat-card span,.toggle-group span,.version-picker span,.side-label,.section-change-top span,.doc-pane-header p{display:block;color:var(--text-muted);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.stat-card strong{display:block;margin-top:10px;font-size:1.1rem;line-height:1.4}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow-muted{background:#64748b1f;color:#41516a}.control-panel,.compare-summary,.section-change-panel,.document-panel{padding:28px}.control-head,.section-panel-header{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.control-head h2,.summary-intro h2,.section-panel-header h2{margin:10px 0 6px;font-family:EB Garamond,"Noto Serif SC",serif;font-size:clamp(2rem,3vw,3rem);line-height:1.02}.control-actions,.step-buttons,.toggle-list{display:flex;gap:10px;flex-wrap:wrap}.ghost-button,.toggle-button{border:1px solid var(--line);border-radius:999px;background:#ffffffd1;color:var(--text-main);padding:11px 16px;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.ghost-button:hover,.toggle-button:hover,.toggle-button.active{transform:translateY(-1px);border-color:var(--line-strong);background:#2563eb14}.small-button{padding:8px 12px}.version-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.version-picker{padding:18px;border-radius:22px;background:var(--bg-card-strong);border:1px solid var(--line)}.version-picker label{display:grid;gap:10px}.version-picker select{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:#fff;color:var(--text-main)}.toggle-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.toggle-group{padding:16px 18px;border-radius:22px;background:var(--bg-card-strong);border:1px solid var(--line)}.toggle-group span{margin-bottom:10px}.compare-summary{display:grid;gap:20px}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.highlight-card{padding:20px;border-radius:22px;border:1px solid rgba(37,99,235,.18);background:linear-gradient(180deg,#2563eb14,#fffffff0),#fff}.placeholder-card{border-style:dashed}.highlight-kicker{display:block;color:var(--accent-strong);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.highlight-card h3{margin:14px 0 10px;font-family:EB Garamond,"Noto Serif SC",serif;font-size:1.75rem;line-height:1}.highlight-card h3 span{color:var(--accent)}.highlight-card p{margin:0;color:var(--text-muted);line-height:1.7}.logic-board{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;padding:24px;margin-bottom:24px}.logic-column{min-width:0}.version-header{padding:18px 18px 14px;border-radius:22px;background:var(--bg-card-strong);border:1px solid var(--line);margin-bottom:14px}.version-header-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.version-header h3{margin:8px 0 6px;font-family:EB Garamond,"Noto Serif SC",serif;font-size:2rem}.time-pill{padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:700}.time-pill.older{background:#94a3b829;color:#475569}.time-pill.newer{background:#2563eb1f;color:var(--accent-strong)}.time-pill.same{background:#64748b1f;color:#41516a}.preview-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preview-pill{padding:6px 10px;border-radius:999px;background:#64748b1f;color:#304056;font-size:.86rem}.logic-card-list{display:grid;gap:12px}.logic-card{padding:18px;border-radius:22px;background:var(--bg-card-strong);border:1px solid var(--line)}.logic-card.changed{border-color:#2563eb47;box-shadow:inset 0 0 0 1px #2563eb14}.logic-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.logic-card-top span{font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.logic-card-top strong{font-size:.92rem;color:var(--accent-strong)}.logic-card p{margin:0 0 12px;color:var(--text-main);line-height:1.72}.logic-card code{display:block;padding-top:12px;border-top:1px dashed var(--line);color:var(--text-muted);font-size:.84rem;line-height:1.65;white-space:pre-wrap}.logic-divider{display:grid;justify-items:center;align-content:center;gap:12px;width:40px}.divider-line{width:1px;height:120px;background:linear-gradient(180deg,transparent,var(--line-strong),transparent)}.logic-divider span{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.section-change-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.section-change-item{padding:18px;border-radius:22px;border:1px solid var(--line);background:var(--bg-card-strong)}.section-change-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:8px}.section-change-top strong{font-size:1.05rem}.section-change-item p{margin:0;color:var(--text-muted);line-height:1.7}.status-added{border-color:#0478573d}.status-removed{border-color:#b91c1c3d}.status-changed{border-color:#2563eb3d}.document-grid{display:grid;gap:16px}.section-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.doc-pane{min-width:0;padding:18px;border-radius:24px;border:1px solid var(--line);background:var(--bg-card-strong)}.missing-pane{display:grid;align-content:start}.missing-text{margin:16px 0 0;color:var(--text-muted)}.doc-pane-header{display:flex;gap:12px;align-items:start;margin-bottom:16px}.doc-pane-header h3{margin:0 0 4px;font-family:EB Garamond,"Noto Serif SC",serif;font-size:1.75rem;line-height:1}.status-pill{flex:none;min-width:58px;padding:6px 10px;border-radius:999px;text-align:center;font-size:.8rem;font-weight:700}.status-pill.status-added{background:#0478571f;color:var(--good)}.status-pill.status-removed{background:#b91c1c1f;color:var(--bad)}.status-pill.status-changed{background:#2563eb1f;color:var(--accent-strong)}.status-pill.status-same{background:#64748b1f;color:#41516a}.doc-blocks{display:grid;gap:14px}.text-block,.list-block,.code-block,.tag-block,.translated-section{margin:0;padding:14px 16px;border-radius:18px;background:#f1f5f9b8;border:1px solid rgba(148,163,184,.18)}.text-block p,.list-block p,.translated-section{margin:0}.translated-section{font-family:Crimson Text,"Noto Serif SC",serif;font-size:1.08rem;line-height:1.76;color:var(--text-main);white-space:pre-wrap}.text-block .en-text,.list-block .en-text{color:var(--text-muted);line-height:1.74;white-space:pre-wrap}.en-text-plain{margin:0;padding:0;border:0}.list-block{padding-left:32px}.list-block li+li{margin-top:10px}.code-block,.tag-block{font-family:IBM Plex Sans,PingFang SC,Noto Sans SC,sans-serif;color:var(--text-muted);font-size:.9rem;line-height:1.6;white-space:pre-wrap}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.ghost-button,.toggle-button{transition:none}}@media (max-width: 1180px){.hero,.logic-board,.section-row,.hero-meta,.version-grid,.toggle-row{grid-template-columns:1fr}.logic-divider{width:auto;grid-auto-flow:column;justify-content:center;padding:8px 0}.divider-line{width:80px;height:1px}}@media (max-width: 760px){.shell{width:min(100vw - 18px,100%);padding:10px 0 48px}.hero,.control-panel,.compare-summary,.logic-board,.section-change-panel,.document-panel{border-radius:24px;padding:18px}.control-head,.section-panel-header{align-items:start;flex-direction:column}.hero-copy h1,.loading-card h1{font-size:clamp(2.25rem,12vw,3.5rem)}.highlight-card h3,.doc-pane-header h3{font-size:1.45rem}}