.reference-home :where(*:not(svg):not(svg *)){all:revert;box-sizing:border-box}
.reference-home{--reference-color-0:#293d59;--reference-color-1:#5878df;--reference-color-2:#7a8a9e;--reference-color-3:#e6edf5;--reference-color-4:#f9fbfe;--reference-color-5:#9bb3f3;--reference-color-6:#8c9cb1;--reference-color-7:#2f53ba;--reference-color-8:#ffffff;--reference-color-9:#4969ce;--reference-color-10:#dce5f1;--reference-color-11:#edf3ff;--reference-color-12:#e9f1ffb0;--reference-color-13:#d3deef;--reference-color-14:#617da5;--reference-color-15:#7189b0;--reference-color-16:#77899f;--reference-color-17:#fffffff2;--reference-color-18:#496b9f0e;--reference-color-19:#496b9f08;--reference-color-20:#f1f5fe;--reference-color-21:#e9f0ff;--reference-color-22:#819add;--reference-color-23:#8798b0;--reference-color-24:#97a4b6;--reference-color-25:#7a8fae;--reference-color-26:#91a0b3;--reference-color-27:#8b9bb0;--reference-color-28:#8b9db5;--reference-color-29:#93a1b4;--reference-color-30:#344d70;--reference-color-31:#4f6583;--reference-color-32:#8f9db0;--reference-color-33:#95a4b9;--reference-color-34:#e3eaf5;--reference-color-35:#fafcff;--reference-color-36:#f5f8fe;--reference-color-37:#96a5b8;--reference-color-38:#bd8d68;--reference-color-39:#405878;--reference-color-40:#788ba4;--reference-color-41:#90a1b7;--reference-color-42:#799c90;--reference-color-43:#b79a72;--reference-color-44:#97a4b7;--reference-color-45:#d9e2ef;--reference-color-46:#91a9df;--reference-color-47:#f0f4fa;--reference-color-48:#e5ebf3;--reference-color-49:#44597909;--reference-color-50:#dde6f1;--reference-color-51:#9aa8ba;--reference-color-52:#8394ac;--reference-color-53:#98a7ba;--reference-color-54:#f6f8fc;--reference-color-55:#657c99;--reference-color-56:#93a1b5;--reference-color-57:#92a5bf;--reference-color-58:#71839c;--reference-color-59:#f5f8fc;--reference-color-60:#7c8fa8;--reference-color-61:#e9eef5;--reference-color-62:#627994;--reference-color-63:#f3f7ff;--reference-color-64:#5477bc;--reference-color-65:#9aa9bc;--reference-color-66:#8a9db4;--reference-color-67:#94a5be;--reference-color-68:#415f88;--reference-color-69:#af8465;--reference-color-70:#faf2ec;--reference-color-71:#749588;--reference-color-72:#eff6f2;--reference-color-73:#4e6b93;--reference-color-74:#7e8ea5;--reference-color-75:#e5ecf6;--reference-color-76:#6e85a5;--reference-color-77:#94a4b9;--reference-color-78:#ba8566;--reference-color-79:#97a5b8;--reference-color-80:#96a5b9;--reference-color-81:#ccd8ea;--reference-color-82:#839ed9;--reference-color-83:#30415d2b;--reference-color-84:#34476132;--reference-color-85:#7c8fa9;--reference-color-86:#dfe7f2;--reference-color-87:#607998;--reference-color-88:#fbfcff;--reference-color-89:#99a7b9;--reference-color-90:#334966;--reference-color-91:#f4f6fc;--reference-color-92:#64728a;--reference-color-93:#8795ad;--reference-color-94:#d8e0f0;--reference-color-95:#6378d5;--reference-color-96:#1a7f37;--reference-color-97:#cf222e;--reference-color-98:#eef1fb;--reference-color-99:#dde2f6;--reference-color-100:#efc8b6;--reference-color-101:#8c9dcc}
[data-theme="dark"] .reference-home{--reference-color-0:#a1a7af;--reference-color-1:#afb8d4;--reference-color-2:#b8bdc2;--reference-color-3:#2e2e2e;--reference-color-4:#1f1f1f;--reference-color-5:#c1c8da;--reference-color-6:#bdc2c8;--reference-color-7:#a3adca;--reference-color-8:#1b1b1b;--reference-color-9:#aab3d0;--reference-color-10:#363636;--reference-color-11:#252525;--reference-color-12:#272727b0;--reference-color-13:#d1d4d9;--reference-color-14:#b1b9c4;--reference-color-15:#b6bcc7;--reference-color-16:#b7bcc3;--reference-color-17:#1b1b1bf2;--reference-color-18:#aab4c30e;--reference-color-19:#aab4c308;--reference-color-20:#232323;--reference-color-21:#272727;--reference-color-22:#bac1d4;--reference-color-23:#bcc1c7;--reference-color-24:#c0c4c9;--reference-color-25:#b8bec7;--reference-color-26:#bfc3c8;--reference-color-27:#bdc1c7;--reference-color-28:#bdc2c9;--reference-color-29:#bfc3c8;--reference-color-30:#a5acb5;--reference-color-31:#acb2bb;--reference-color-32:#bec2c7;--reference-color-33:#c0c4ca;--reference-color-34:#303030;--reference-color-35:#1e1e1e;--reference-color-36:#212121;--reference-color-37:#c0c4ca;--reference-color-38:#cbbdb3;--reference-color-39:#a8afb8;--reference-color-40:#b8bdc4;--reference-color-41:#bec3c9;--reference-color-42:#b8c2be;--reference-color-43:#c9c1b6;--reference-color-44:#c0c4c9;--reference-color-45:#393939;--reference-color-46:#bfc5d4;--reference-color-47:#262626;--reference-color-48:#303030;--reference-color-49:#a9afb809;--reference-color-50:#353535;--reference-color-51:#c1c5ca;--reference-color-52:#bbbfc6;--reference-color-53:#c1c5ca;--reference-color-54:#222222;--reference-color-55:#b2b9c1;--reference-color-56:#bfc3c9;--reference-color-57:#bfc4cb;--reference-color-58:#b6bbc2;--reference-color-59:#222222;--reference-color-60:#b9bec5;--reference-color-61:#2d2d2d;--reference-color-62:#b1b8bf;--reference-color-63:#222222;--reference-color-64:#aeb7cb;--reference-color-65:#c1c5cb;--reference-color-66:#bdc2c8;--reference-color-67:#bfc4cb;--reference-color-68:#a8b1bc;--reference-color-69:#c7bbb2;--reference-color-70:#282828;--reference-color-71:#b6c0bc;--reference-color-72:#292929;--reference-color-73:#acb4bf;--reference-color-74:#b9bec4;--reference-color-75:#2e2e2e;--reference-color-76:#b5bbc4;--reference-color-77:#bfc4ca;--reference-color-78:#cabbb3;--reference-color-79:#c0c4ca;--reference-color-80:#c0c4ca;--reference-color-81:#cfd2d8;--reference-color-82:#bbc2d3;--reference-color-83:#a3a8b02b;--reference-color-84:#a5aab132;--reference-color-85:#b9bec5;--reference-color-86:#343434;--reference-color-87:#b1b8c1;--reference-color-88:#1d1d1d;--reference-color-89:#c1c5ca;--reference-color-90:#a4aab3;--reference-color-91:#232323;--reference-color-92:#b2b6bd;--reference-color-93:#bcc0c6;--reference-color-94:#393939;--reference-color-95:#b2b8d2;--reference-color-96:#9dbaa5;--reference-color-97:#d0a0a3;--reference-color-98:#272727;--reference-color-99:#333333;--reference-color-100:#d9cec9;--reference-color-101:#bdc2cf}
.reference-home{--ink: var(--reference-color-0); --blue: var(--reference-color-1); --muted: var(--reference-color-2); --line: var(--reference-color-3); --bg: var(--reference-color-4); --sans: 'PingFang SC','Microsoft YaHei',system-ui,sans-serif; --num: 'Avenir Next','Segoe UI',var(--sans);}
.reference-home *{box-sizing: border-box;}
.reference-home{scroll-behavior: smooth;}
.reference-home{margin: 0px; background: var(--bg); color: var(--ink); font: 14px/1.8 var(--sans); -webkit-font-smoothing: antialiased;}
.reference-home h1,.reference-home h2,.reference-home h3,.reference-home h4,.reference-home p{margin: 0px;}
.reference-home button,.reference-home input,.reference-home textarea{font: inherit;}
.reference-home button,.reference-home a{touch-action: manipulation; -webkit-tap-highlight-color: transparent;}
.reference-home button{cursor: pointer; color: inherit; border: 0px; background: none;}
.reference-home a{color: inherit; text-decoration: none;}
.reference-home button,.reference-home a{transition: color 0.2s, background 0.2s, transform 0.2s;}
.reference-home button:active{transform: translateY(1px);}
.reference-home button:disabled{opacity: 0.3; cursor: default;}
.reference-home button:focus-visible,.reference-home a:focus-visible,.reference-home textarea:focus-visible,.reference-home [tabindex]:focus-visible{outline: var(--reference-color-5) solid 3px; outline-offset: 5px;}
.reference-home [hidden]{display: none !important;}
.reference-home .icon{width: 20px; height: 20px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto;}
.reference-home .wrap{width: min(1120px, 100% - 112px); margin: auto;}
.reference-home .brand{display: inline-flex; align-items: center; gap: 10px; font: 650 25px var(--num); letter-spacing: 0px;}
.reference-home .brand svg{width: 28px; height: 30px; color: var(--blue);}
.reference-home .eyebrow{font-size: 11px; color: var(--reference-color-6); letter-spacing: 0px;}
.reference-home .link{display: inline-flex; align-items: center; gap: 8px; min-height: 42px; color: var(--blue); font-size: 12px;}
.reference-home .link .icon{width: 15px; height: 15px;}
.reference-home .link:hover{color: var(--reference-color-7);}
.reference-home .primary{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 46px; padding: 10px 24px; background: var(--blue); color: var(--reference-color-8); border-radius: 9px;}
.reference-home .primary:hover{background: var(--reference-color-9);}
.reference-home .round{width: 42px; height: 42px; border: 1px solid var(--reference-color-10); border-radius: 50%; display: inline-grid; place-items: center; background: var(--reference-color-8);}
.reference-home .round:hover:not(:disabled){background: var(--reference-color-11); color: var(--blue);}
.reference-home .hero-screen{min-height: 100svh; display: flex; flex-direction: column; position: relative; isolation: isolate; background: radial-gradient(at 50% 46%, var(--reference-color-12), transparent 60%);}
.reference-home .nav{height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.reference-home .nav-links{display: flex; align-items: center; gap: 30px; font-size: 12px; color: var(--muted);}
.reference-home .nav-links a{display: flex; align-items: center; min-height: 42px;}
.reference-home .nav-links a:hover{color: var(--blue);}
.reference-home .nav-links .nav-try{border: 1px solid var(--reference-color-13); border-radius: 25px; padding: 0px 19px; color: var(--reference-color-14);}
.reference-home .hero{flex: 1 1 0%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 38px 24px 50px;}
.reference-home .hero .eyebrow{color: var(--reference-color-15); letter-spacing: 0px;}
.reference-home .hero h1{font-size: 54px; font-weight: 500; letter-spacing: 0px; line-height: 1.5; margin-top: 23px;}
.reference-home .hero h1 em{color: var(--blue); font-style: normal;}
.reference-home .hero-description{font-size: 15px; color: var(--reference-color-16); line-height: 2; margin-top: 23px;}
.reference-home .entry{width: min(530px, 100%); padding: 13px 14px 5px; border: 1px solid var(--reference-color-8); background: var(--reference-color-17); border-radius: 18px; box-shadow: var(--reference-color-18) 0px 18px 60px, var(--reference-color-19) 0px 3px 12px; margin-top: 37px; text-align: left;}
.reference-home .choose{width: 100%; padding: 14px; display: flex; align-items: center; gap: 16px; text-align: left; background: var(--reference-color-20); border-radius: 11px; min-height: 81px;}
.reference-home .choose:hover{background: var(--reference-color-21);}
.reference-home .folder{display: grid; place-items: center; color: var(--reference-color-22); width: 38px;}
.reference-home .folder .icon{width: 28px; height: 28px;}
.reference-home .pick-text{flex: 1 1 0%; min-width: 0px;}
.reference-home .pick-text strong{display: block; font-size: 15px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.reference-home .pick-text small{display: block; font-size: 11px; color: var(--reference-color-23); margin-top: 3px;}
.reference-home .choose-arrow{display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--blue); color: var(--reference-color-8);}
.reference-home .entry-bottom{display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 1px 9px; font-size: 11px; color: var(--reference-color-24);}
.reference-home .entry-bottom button{min-height: 43px; display: flex; align-items: center; gap: 5px; color: var(--reference-color-25); min-width: 0px;}
.reference-home .entry-bottom .icon{width: 15px; height: 15px;}
.reference-home .entry-bottom span{flex: 0 0 auto;}
.reference-home #doc-name{max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.reference-home .invite{display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 20px; color: var(--reference-color-26); font-size: 12px;}
.reference-home .privacy{font-size: 10px; color: var(--reference-color-27); min-height: 32px; margin-top: 8px;}
.reference-home .privacy:hover{color: var(--blue);}
.reference-home .scroll-cue{display: flex; align-items: center; gap: 12px; width: max-content; margin: 0px auto 28px; color: var(--reference-color-28); font-size: 11px; min-height: 38px;}
.reference-home .scroll-cue .icon{width: 15px; height: 15px; transition: transform 0.2s;}
.reference-home .scroll-cue:hover .icon{transform: translateY(4px);}
.reference-home .results-screen{min-height: 100svh; padding: 66px 0px 48px; background: var(--reference-color-8); border-top: 1px solid var(--line); display: flex; align-items: center;}
.reference-home .section-head{display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.reference-home .section-head h2{font-size: 26px; font-weight: 500; letter-spacing: 0px;}
.reference-home .sample-label{font-size: 11px; color: var(--reference-color-29);}
.reference-home .metrics{display: grid; grid-template-columns: 1fr 1fr 1.22fr; margin: 34px 0px 48px; padding-bottom: 37px; border-bottom: 1px solid var(--line);}
.reference-home .metric{padding-right: 30px;}
.reference-home .metric + .metric{border-left: 1px solid var(--line); padding-left: 48px;}
.reference-home .metric-value{font: 400 88px/1.1 var(--num); letter-spacing: 0px; color: var(--reference-color-30);}
.reference-home .metric:nth-child(3) .metric-value{color: var(--blue);}
.reference-home .metric-value small{font-size: 0.43em; letter-spacing: 0px; margin-left: 5px;}
.reference-home .metric-label{margin-top: 17px; font-size: 15px; color: var(--reference-color-31);}
.reference-home .metric-note{font-size: 11px; color: var(--reference-color-32); margin-top: 6px; line-height: 1.85;}
.reference-home .case-heading{display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 21px;}
.reference-home .case-heading h3{font-size: 17px; font-weight: 500;}
.reference-home .carousel-nav{display: flex; align-items: center; gap: 9px;}
.reference-home .counter{font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; color: var(--reference-color-33); margin-right: 7px; font-variant-numeric: tabular-nums;}
.reference-home .track{display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 2px 2px 9px; margin: 0px -2px;}
.reference-home .track::-webkit-scrollbar{display: none;}
.reference-home .case{flex: 0 0 calc(33.3333% - 13.3333px); scroll-snap-align: start; min-width: 0px; padding: 25px 26px 21px; border: 1px solid var(--reference-color-34); border-radius: 14px; background: linear-gradient(150deg, var(--reference-color-35), var(--reference-color-36)); display: flex; flex-direction: column; min-height: 293px;}
.reference-home .case-top{display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 10px; color: var(--reference-color-37);}
.reference-home .severity{color: var(--reference-color-38); display: flex; align-items: center; gap: 5px;}
.reference-home .severity::before{content: ""; width: 4px; height: 4px; background: currentcolor; border-radius: 50%;}
.reference-home .case h4{font-size: 21px; font-weight: 500; letter-spacing: 0px; line-height: 1.7; margin-top: 20px; color: var(--reference-color-39); text-wrap: balance;}
.reference-home .case > p{font-size: 12px; color: var(--reference-color-40); line-height: 1.95; margin-top: 14px;}
.reference-home .case-bottom{font-size: 10px; color: var(--reference-color-41); margin-top: auto; padding-top: 24px; display: flex; align-items: center; justify-content: space-between;}
.reference-home .case-bottom span:last-child{color: var(--reference-color-42);}
.reference-home .case-bottom .pending{color: var(--reference-color-43) !important;}
.reference-home .case-foot{display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 13px; font-size: 10px; color: var(--reference-color-44);}
.reference-home .dots{display: flex; gap: 5px;}
.reference-home .dot{min-width: 22px; height: 32px; padding: 0px; display: grid; place-items: center;}
.reference-home .dot::before{content: ""; width: 5px; height: 5px; border-radius: 6px; background: var(--reference-color-45); transition: width 0.2s, background 0.2s;}
.reference-home .dot[aria-pressed="true"]::before{width: 18px; background: var(--reference-color-46);}
.reference-home .report-screen{--report-text:var(--reference-color-31);--report-warning:#80522f;--report-confirmed:#376c52;min-height: 100svh; background: var(--reference-color-47); padding: 68px 0px 55px; border-top: 1px solid var(--line);}
[data-theme="dark"] .reference-home .report-screen{--report-warning:#d7b39a;--report-confirmed:#abc7b9;}
.reference-home .paper{max-width: 1000px; margin: auto; background: var(--reference-color-8); padding: 44px 54px 25px; border: 1px solid var(--reference-color-48); box-shadow: var(--reference-color-49) 0px 12px 45px; border-radius: 3px;}
.reference-home .paper-top{display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--reference-color-50);}
.reference-home .paper .brand{font-size: 20px; gap: 7px;}
.reference-home .paper .brand svg{width: 22px; height: 24px;}
.reference-home .paper-top > span{font-size: 11px; color: var(--report-text); letter-spacing: 0px;}
.reference-home .report-title{display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-top: 27px;}
.reference-home .report-title h2{font-size: 27px; font-weight: 500; letter-spacing: 0px;}
.reference-home .report-title p{font-size: 12px; color: var(--report-text); margin-top: 5px;}
.reference-home .report-code{font: 11px var(--num); color: var(--report-text); letter-spacing: 0px; white-space: nowrap;}
.reference-home .report-meta{display: grid; grid-template-columns: 1fr 1fr; gap: 8px 25px; margin: 23px 0px; padding: 15px 18px; background: var(--reference-color-54); font-size: 12px; color: var(--report-text);}
.reference-home .report-meta span{color: var(--report-text); margin-right: 14px;}
.reference-home .report-grid{display: grid; grid-template-columns: 1fr 1.12fr; gap: 37px;}
.reference-home .paper h3{font-size: 14px; font-weight: 500; margin: 18px 0px 13px; display: flex; align-items: center; gap: 11px;}
.reference-home .chapter{font: 11px var(--num); color: var(--report-text);}
.reference-home .report-summary{font-size: 14px; line-height: 1.95; color: var(--report-text); text-wrap: pretty;}
.reference-home .findings{width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; line-height: 1.9;}
.reference-home .findings th{background: var(--reference-color-59); color: var(--report-text); font-size: 12px; font-weight: 400; padding: 8px 9px;}
.reference-home .findings td{padding: 12px 9px; border-bottom: 1px solid var(--reference-color-61); color: var(--report-text); vertical-align: top;}
.reference-home .findings td:last-child{white-space: nowrap; font-size: 12px;}
.reference-home .findings tr.active td{background: var(--reference-color-63); color: var(--reference-color-68);}
.reference-home .findings small{display: block; color: var(--report-text); font-size: 12px; margin-top: 3px;}
.reference-home .report-limit{font-size: 12px; color: var(--report-text); margin-top: 16px; line-height: 1.9;}
.reference-home .detail-panel{padding-left: 30px; border-left: 1px solid var(--line);}
.reference-home .detail-id{color: var(--report-text); font: 11px var(--num);}
.reference-home .detail-panel h4{font-size: 17px; font-weight: 500; line-height: 1.7; color: var(--reference-color-68); margin: 8px 0px 13px;}
.reference-home .badges{display: flex; gap: 7px; margin-bottom: 19px;}
.reference-home .badge{font-size: 11px; line-height: 1.6; padding: 4px 9px; border-radius: 4px; color: var(--report-warning); background: var(--reference-color-70);}
.reference-home .badge.green{color: var(--report-confirmed); background: var(--reference-color-72);}
.reference-home .detail-item{margin-top: 15px;}
.reference-home .detail-item dt{font-size: 12px; color: var(--reference-color-73); margin-bottom: 5px;}
.reference-home .detail-item dd{font-size: 14px; color: var(--report-text); line-height: 1.95; margin: 0px; text-wrap: pretty;}
.reference-home .logic{background: var(--reference-color-54); border: 1px solid var(--reference-color-75); padding: 13px 15px; margin-top: 13px; border-radius: 5px; font-size: 12px; color: var(--report-text);}
.reference-home .logic-row{display: flex; justify-content: space-between; gap: 14px; padding: 4px 0px;}
.reference-home .logic-row span:first-child{color: var(--report-text);}
.reference-home .logic-row.wrong span:last-child{color: var(--report-warning);}
.reference-home .paper-foot{display: flex; justify-content: space-between; gap: 20px; margin-top: 26px; padding-top: 15px; border-top: 1px solid var(--line); font-size: 11px; color: var(--report-text);}
.reference-home .footer{display: flex; align-items: center; justify-content: space-between; max-width: 1000px; margin: 22px auto 0px; font-size: 12px; color: var(--report-text);}
.reference-home .footer a:hover{color: var(--blue);}
.reference-home .rail{position: fixed; right: 21px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 6px; z-index: 5;}
.reference-home .rail a{width: 22px; height: 28px; display: grid; place-items: center;}
.reference-home .rail a::before{content: ""; width: 4px; height: 4px; border-radius: 5px; background: var(--reference-color-81); transition: height 0.25s, background 0.25s;}
.reference-home .rail a[aria-current="true"]::before{height: 18px; background: var(--reference-color-82);}
.reference-home .reveal{opacity: 1; transform: none;}
.reference-home .motion .reveal{opacity: 0; transform: translateY(18px); transition: opacity 0.7s, transform 0.7s;}
.reference-home .motion .reveal.visible{opacity: 1; transform: none;}
.reference-home dialog{width: 460px; max-width: calc(-32px + 100vw); border: 0px; border-radius: 17px; padding: 26px; color: var(--ink); box-shadow: var(--reference-color-83) 0px 24px 90px;}
.reference-home dialog::backdrop{background: var(--reference-color-84); backdrop-filter: blur(5px);}
.reference-home .dialog-head{display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; gap: 15px;}
.reference-home .dialog-head h2{font-size: 19px; font-weight: 500;}
.reference-home .dialog-head .round{width: 34px; height: 34px;}
.reference-home .dialog-content{font-size: 12px; color: var(--reference-color-85); line-height: 2;}
.reference-home textarea{width: 100%; margin: 18px 0px 10px; min-height: 130px; resize: vertical; border: 1px solid var(--reference-color-86); border-radius: 8px; padding: 13px; color: var(--reference-color-87); background: var(--reference-color-88); font-size: 12px; line-height: 1.9;}
.reference-home .dialog-note{font-size: 10px; color: var(--reference-color-89); margin-top: 14px;}
.reference-home .dialog-actions{display: flex; gap: 15px; flex-wrap: wrap; margin-top: 20px;}
.reference-home .toast{position: fixed; bottom: 26px; left: 50%; transform: translate(-50%, 10px); opacity: 0; pointer-events: none; padding: 10px 18px; background: var(--reference-color-90); color: var(--reference-color-8); border-radius: 8px; z-index: 20; font-size: 12px; max-width: calc(-32px + 100vw); width: max-content; transition: opacity 0.2s, transform 0.2s;}
.reference-home .toast.show{opacity: 1; transform: translate(-50%, 0px);}
@media (min-width: 1600px){.reference-home .wrap{width: min(1220px, 100% - 140px);}
.reference-home .hero h1{font-size: 62px;}
.reference-home .hero-description{font-size: 16px;}
.reference-home .metrics{margin-top: 48px; margin-bottom: 58px;}
.reference-home .metric-value{font-size: 100px;}
.reference-home .case{min-height: 318px; padding: 30px;}
.reference-home .paper{max-width: 1080px; padding: 50px 60px 30px;}
.reference-home .report-grid{gap: 44px;}
.reference-home .detail-item dd,.reference-home .report-summary{font-size: 14px;}
.reference-home .findings{font-size: 14px;}
.reference-home .footer{max-width: 1080px;}}
@media (max-width: 1000px){.reference-home .wrap{width: calc(100% - 64px);}
.reference-home .rail{right: 6px;}
.reference-home .hero h1{font-size: 47px;}
.reference-home .metric + .metric{padding-left: 28px;}
.reference-home .metric{padding-right: 20px;}
.reference-home .metric-value{font-size: 65px;}
.reference-home .case{padding: 21px; flex-basis: calc(50% - 10px);}
.reference-home .paper{padding: 32px;}
.reference-home .report-grid{gap: 24px;}
.reference-home .detail-panel{padding-left: 24px;}
.reference-home .report-title h2{font-size: 24px;}}
@media (max-width: 650px){.reference-home .wrap{width: calc(100% - 40px);}
.reference-home .nav{height: 76px;}
.reference-home .brand{font-size: 23px;}
.reference-home .nav-links{gap: 18px; font-size: 11px;}
.reference-home .nav-links .nav-try{display: none;}
.reference-home .hero{padding: 25px 22px 42px;}
.reference-home .hero h1{font-size: 35px; letter-spacing: 0px; line-height: 1.6; margin-top: 22px;}
.reference-home .hero-description{font-size: 12px; margin-top: 20px; max-width: 300px;}
.reference-home .hero-description br{display: none;}
.reference-home .hero .eyebrow{font-size: 10px;}
.reference-home .entry{margin-top: 30px; padding: 10px 10px 3px;}
.reference-home .choose{padding: 12px 9px; gap: 10px; min-height: 75px;}
.reference-home .folder{width: 29px;}
.reference-home .folder .icon{width: 24px; height: 24px;}
.reference-home .pick-text strong{font-size: 13px;}
.reference-home .pick-text small{font-size: 9px;}
.reference-home .choose-arrow{width: 33px; height: 33px;}
.reference-home .entry-bottom{font-size: 10px; padding: 1px 4px;}
.reference-home #doc-name{max-width: 170px;}
.reference-home .invite{font-size: 10px; gap: 5px; margin-top: 15px;}
.reference-home .invite .link{font-size: 11px;}
.reference-home .scroll-cue{margin-bottom: 18px;}
.reference-home .results-screen{padding: 39px 0px; min-height: auto;}
.reference-home .section-head h2{font-size: 23px;}
.reference-home .sample-label{font-size: 10px;}
.reference-home .metrics{grid-template-columns: 1fr 1fr; gap: 25px 0px; margin: 28px 0px 31px; padding-bottom: 28px;}
.reference-home .metric{padding-right: 10px;}
.reference-home .metric + .metric{padding-left: 23px;}
.reference-home .metric:nth-child(3){grid-column: 1 / -1; border-left: 0px; border-top: 1px solid var(--line); padding: 22px 0px 0px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 5px 10px;}
.reference-home .metric-value{font-size: 65px;}
.reference-home .metric:nth-child(3) .metric-value{grid-row: 1 / 3; font-size: 67px;}
.reference-home .metric-label{font-size: 12px; margin-top: 12px;}
.reference-home .metric-note{font-size: 10px; margin-top: 4px;}
.reference-home .metric:nth-child(3) .metric-label{margin: 0px; align-self: end;}
.reference-home .metric:nth-child(3) .metric-note{margin: 0px; align-self: start;}
.reference-home .case-heading{margin-bottom: 16px;}
.reference-home .case-heading h3{font-size: 16px;}
.reference-home .round{width: 36px; height: 36px;}
.reference-home .carousel-nav{gap: 7px;}
.reference-home .counter{font-size: 10px; margin-right: 2px;}
.reference-home .case{flex-basis: calc(100% - 25px); min-height: 285px; padding: 23px;}
.reference-home .case h4{font-size: 22px;}
.reference-home .case > p{font-size: 12px;}
.reference-home .case-foot{display: block; font-size: 9px;}
.reference-home .dots{justify-content: center; margin-top: 8px;}
.reference-home .report-screen{padding: 32px 0px 25px;}
.reference-home .report-screen .wrap{width: calc(100% - 24px);}
.reference-home .paper{padding: 23px 19px 18px;}
.reference-home .paper-top{padding-bottom: 15px;}
.reference-home .paper-top > span{font-size: 11px;}
.reference-home .report-title{display: block; margin-top: 20px;}
.reference-home .report-title h2{font-size: 21px;}
.reference-home .report-title p{font-size: 12px;}
.reference-home .report-code{display: none;}
.reference-home .report-meta{grid-template-columns: 1fr; gap: 5px; padding: 12px; margin: 19px 0px;}
.reference-home .report-grid{grid-template-columns: 1fr; gap: 10px;}
.reference-home .detail-panel{padding: 15px 0px 0px; border-left: 0px; border-top: 1px solid var(--line); margin-top: 13px;}
.reference-home .detail-panel h4{font-size: 18px;}
.reference-home .paper-foot{gap: 10px;}
.reference-home .footer{padding: 0px 7px;}
.reference-home .rail{display: none;}}
@media (prefers-reduced-motion: reduce){.reference-home{scroll-behavior: auto;}
.reference-home *,.reference-home ::before{transition: none !important; animation: auto ease 0s 1 normal none running none !important;}
.reference-home .motion .reveal{opacity: 1; transform: none;}}
.reference-home{--hero-paper: var(--reference-color-8); --hero-wash: var(--reference-color-91); --hero-ink: var(--reference-color-0); --hero-secondary: var(--reference-color-92); --hero-faint: var(--reference-color-93); --hero-rule: var(--reference-color-94); --hero-accent: var(--reference-color-95); --hero-success: var(--reference-color-96); --hero-error: var(--reference-color-97); --hero-sky: var(--reference-color-98); --hero-lilac: var(--reference-color-99); --hero-peach: var(--reference-color-100); --hero-path: var(--reference-color-101); --hero-serif: 'Baskerville','Iowan Old Style','Palatino Linotype',Georgia,serif; --hero-tint: color-mix(in srgb,var(--hero-accent) 7%,var(--hero-paper)); --hero-shadow: color-mix(in srgb,var(--hero-ink) 9%,transparent);}
.reference-home #start{min-height: 100svh; overflow: clip; background: radial-gradient(ellipse at 86% 18%,color-mix(in srgb,var(--hero-peach) 28%,transparent),transparent 35%),radial-gradient(ellipse at 70% 47%,var(--hero-lilac),transparent 53%),linear-gradient(125deg,var(--hero-wash),var(--hero-sky)); color: var(--hero-ink);}
.reference-home #start .nav{height: 92px; flex: 0 0 auto; width: min(1220px, 100% - 112px); z-index: 1;}
.reference-home #start .nav-links button{min-height: 42px; min-width: 84px; padding: 0px 21px; border: 1px solid color-mix(in srgb,var(--hero-accent) 23%,transparent); border-radius: 999px; background: color-mix(in srgb,var(--hero-paper) 55%,transparent); color: var(--hero-ink); font-size: 13px; font-weight: 500;}
.reference-home #start .nav-links button:hover{background: var(--hero-paper); border-color: var(--hero-accent);}
.reference-home #start .hero{width: min(1220px, 100% - 112px); margin: auto; display: flex; flex-direction: column; justify-content: center; gap: clamp(34px, 5vh, 64px); padding: 22px 0px 48px; text-align: left;}
.reference-home .hero-stage{width: 100%; display: grid; grid-template-columns: 0.92fr 1.08fr; align-items: center; gap: 20px;}
.reference-home .hero-lead{min-width: 0px; position: relative; z-index: 1; padding: 28px 0px 36px;}
.reference-home #start h1{margin: 0px; font-size: 70px; font-weight: 500; line-height: 1.17; letter-spacing: 0px; color: var(--hero-ink); text-wrap: initial;}
.reference-home #start .headline-main{display: block;}
.reference-home #start .headline-accent{color: var(--hero-accent);}
.reference-home #start .headline-follow{display: block; font-size: 24px; font-weight: 400; letter-spacing: 0px; line-height: 1.6; margin-top: 24px; white-space: nowrap;}
.reference-home #start .entry{width: min(430px, 100%); padding: 6px; margin: 34px 0px 0px; border: 1px solid color-mix(in srgb,var(--hero-paper) 90%,transparent); border-radius: 17px; background: color-mix(in srgb,var(--hero-paper) 72%,transparent); box-shadow: 0 3px 6px color-mix(in srgb,var(--hero-shadow) 35%,transparent),0 18px 38px var(--hero-shadow); text-align: left;}
.reference-home #start .entry-content{min-height: 76px;}
.reference-home #start .choose{min-height: 76px; padding: 14px 17px; gap: 13px; border: 1px solid var(--hero-paper); border-radius: 12px; background: var(--hero-paper); color: var(--hero-ink);}
.reference-home #start .choose:hover{background: var(--hero-wash);}
.reference-home #start .choose .folder{width: 32px; color: var(--hero-accent);}
.reference-home #start .choose .folder .icon{width: 27px; height: 27px;}
.reference-home #start .pick-text strong{font-size: 16px; font-weight: 500; letter-spacing: 0px;}
.reference-home #start .choose-arrow{height: 44px; width: 44px; border-radius: 11px; background: var(--hero-ink); color: var(--hero-paper); transition: transform 0.2s, background 0.2s;}
.reference-home #start .choose:hover .choose-arrow{background: var(--hero-accent); transform: translateX(3px);}
.reference-home .exception-scene{position: relative; min-width: 0px; margin: 0px -25px 0px -12px;}
.reference-home .exception-scene svg{display: block; width: 100%; height: auto; overflow: visible;}
.reference-home .scene-sheet{fill: var(--hero-paper); fill-opacity: 0.14; stroke: var(--hero-paper); stroke-opacity: 0.42; stroke-width: 0.65;}
.reference-home .scene-grid{fill: none; stroke: var(--hero-accent); stroke-opacity: 0.03; stroke-width: 0.65;}
.reference-home .scene-flow{fill: none; stroke: var(--scene-line,var(--hero-path)); stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; opacity: var(--path-opacity,.6);}
.reference-home .scene-flow-tail{stroke-dasharray: 1.5, 6.5;}
.reference-home .scene-label{font-family: var(--sans); font-size: 12px; font-weight: var(--scene-weight,400); fill: var(--scene-text,var(--hero-secondary)); letter-spacing: 0px;}
.reference-home .scene-category{font-family: var(--sans); font-size: 11px; font-weight: 500; fill: var(--hero-accent); letter-spacing: 0px;}
.reference-home .scene-node{fill: var(--hero-wash); stroke: var(--scene-line,var(--hero-path)); stroke-width: 1.1;}
.reference-home .scene-found-halo{fill: var(--hero-peach); fill-opacity: 0.28;}
.reference-home .scene-found-node{fill: var(--hero-peach); stroke: var(--hero-paper); stroke-width: 1.1;}
.reference-home .scene-magnified{--scene-text: var(--hero-ink); --scene-line: var(--hero-accent); --scene-weight: 500; --path-opacity: .9; opacity: 0.93; transition: opacity 220ms ease-out;}
.reference-home .scene-rim{fill: none;}
.reference-home .scene-rim-outer{fill: none; stroke: var(--hero-paper); stroke-width: 0.65; stroke-opacity: 0.85;}
.reference-home .scene-rim-inner{fill: none; stroke: var(--hero-path); stroke-width: 0.65; stroke-opacity: 0.28;}
.reference-home .scene-glint{fill: none; stroke: var(--hero-paper); stroke-width: 1.4; stroke-linecap: round; opacity: 0.8; transition: opacity 220ms ease-out;}
.reference-home .scene-glint-secondary{fill: none; stroke: var(--hero-paper); stroke-width: 0.8; stroke-linecap: round; opacity: 0.55;}
@media (hover: hover) and (pointer: fine){.reference-home .exception-scene:hover .scene-magnified,.reference-home .exception-scene:hover .scene-glint{opacity: 1;}}
.reference-home #start .principles{display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 52px; width: 100%; margin: 0px; padding-top: 8px;}
.reference-home #start .principle{padding: 0px; border: 0px; min-width: 0px;}
.reference-home .principle-mark{display: flex; align-items: center; gap: 15px; color: var(--hero-accent); margin-bottom: 17px;}
.reference-home .principle-mark::after{content: ""; height: 1px; background: color-mix(in srgb,var(--hero-accent) 17%,transparent); flex: 1 1 0%;}
.reference-home .principle-mark svg{height: 24px; width: 24px; flex: 0 0 auto; fill: none; stroke: currentcolor; stroke-width: 1.2; stroke-linecap: round; stroke-linejoin: round;}
.reference-home #start .principle h2{font-family: var(--hero-serif); font-size: 28px; line-height: 1.18; letter-spacing: 0px; font-weight: 400; min-height: 66px; color: var(--hero-ink);}
.reference-home #start .principle h2 em{font-weight: 400; color: var(--hero-accent);}
.reference-home #start .principle p{font-size: 12px; line-height: 1.9; margin-top: 12px; max-width: 34em; color: var(--hero-secondary);}
.reference-home .entry-ready,.reference-home .entry-status{min-height: 78px; display: flex; align-items: center; gap: 12px; padding: 9px 12px; color: var(--hero-ink);}
.reference-home .entry-summary{display: flex; align-items: center; gap: 10px; min-width: 0px; flex: 1 1 0%;}
.reference-home .entry-summary > span:last-child{min-width: 0px;}
.reference-home .entry-summary .folder{width: 27px; color: var(--hero-accent);}
.reference-home .entry-summary strong{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; max-width: 260px;}
.reference-home .entry-summary small{display: block; font-size: 10px; color: var(--hero-secondary); margin-top: 3px;}
.reference-home .entry-actions{display: flex; align-items: center; gap: 8px; flex: 0 0 auto; margin-left: auto;}
.reference-home .entry-actions .round{width: 36px; height: 36px; border: 0px; background: transparent; color: var(--hero-secondary);}
.reference-home .entry-actions .primary{min-height: 40px; padding: 9px 15px; font-size: 12px; border-radius: 9px;}
.reference-home .entry-status{font-size: 13px;}
.reference-home .entry-status .icon{color: var(--hero-accent);}
.reference-home .entry-status.error,.reference-home .entry-status.error .icon{color: var(--hero-error);}
.reference-home .entry-status.done,.reference-home .entry-status.done .icon{color: var(--hero-success);}
.reference-home .entry-status > span:not(.progress-line):not(.entry-actions){min-width: 0px;}
.reference-home .progress-line{height: 3px; width: 90px; flex: 0 0 auto; margin-left: auto; border-radius: 5px; overflow: hidden; background: var(--hero-rule);}
.reference-home .progress-line::before{content: ""; display: block; height: 100%; width: 40%; background: var(--hero-accent); animation: 1.2s ease-in-out 0s infinite alternate none running entry-progress;}

.reference-home #dialog{width: 500px; padding: 30px; border: 1px solid var(--hero-rule); border-radius: 20px; color: var(--hero-ink); background: var(--hero-paper); box-shadow: 0 30px 90px var(--hero-shadow);}
.reference-home #dialog::backdrop{background: color-mix(in srgb,var(--hero-ink) 20%,transparent); backdrop-filter: blur(7px);}
.reference-home #dialog .dialog-head{margin-bottom: 26px;}
.reference-home #dialog .dialog-head h2{font-size: 21px; letter-spacing: 0px;}
.reference-home #dialog .dialog-head .round{border: 0px; background: var(--hero-wash);}
.reference-home .dialog-choice{display: grid; gap: 12px;}
.reference-home .dialog-choice button{display: flex; gap: 15px; align-items: center; padding: 19px 18px; width: 100%; text-align: left; border: 1px solid var(--hero-rule); border-radius: 12px; font-size: 13px; line-height: 1.7;}
.reference-home .dialog-choice button .icon{color: var(--hero-accent); width: 19px; height: 19px; flex: 0 0 auto;}
.reference-home .dialog-choice button:hover{background: var(--hero-tint); border-color: color-mix(in srgb,var(--hero-accent) 45%,var(--hero-paper));}
.reference-home .dialog-choice button:disabled{opacity: 0.5;}
.reference-home .dialog-login{display: grid; gap: 12px;}
.reference-home .dialog-login label{font-size: 12px; color: var(--hero-secondary);}
.reference-home .dialog-login input{border: 1px solid var(--hero-rule); background: var(--hero-wash); color: var(--hero-ink); padding: 12px 14px; width: 100%; border-radius: 9px; font-size: 14px;}
.reference-home .dialog-login input:focus-visible{outline: 2px solid var(--hero-accent); outline-offset: 2px;}
.reference-home .dialog-login .primary{margin-top: 8px; width: 100%; border-radius: 9px;}
.reference-home .dialog-feedback{font-size: 12px; color: var(--hero-secondary); margin: 16px 0px 0px; line-height: 1.8;}
@media (min-width: 1600px){.reference-home #start .hero,.reference-home #start .nav{width: min(1320px, 100% - 160px);}
.reference-home #start .hero{gap: 54px; padding-bottom: 58px;}
.reference-home .hero-stage{gap: 36px;}
.reference-home #start h1{font-size: 76px;}
.reference-home #start .principles{gap: 66px;}
.reference-home #start .principle h2{font-size: 30px; min-height: 71px;}
.reference-home #start .principle p{font-size: 13px;}}
@media (max-width: 1050px){.reference-home #start .hero,.reference-home #start .nav{width: calc(100% - 72px);}
.reference-home .hero-stage{grid-template-columns: 1fr 1fr; gap: 8px;}
.reference-home #start h1{font-size: 51px;}
.reference-home #start .headline-follow{font-size: 18px; white-space: normal; max-width: 18em;}
.reference-home #start .entry{margin-top: 26px;}
.reference-home #start .choose{padding: 13px 11px; gap: 8px;}
.reference-home #start .pick-text strong{font-size: 14px;}
.reference-home .exception-scene{margin-right: -22px;}
.reference-home #start .principles{gap: 30px; grid-template-columns: 1fr 1fr 1.25fr;}
.reference-home #start .principle h2{font-size: 25px; min-height: 60px;}
.reference-home #start .principle p{font-size: 11px;}
.reference-home .entry-summary .folder{display: none;}
.reference-home .entry-summary strong{max-width: 150px;}
.reference-home .entry-actions{gap: 2px;}
.reference-home .entry-actions .primary{padding: 9px 10px;}
.reference-home .entry-actions .round{width: 30px;}}
@media (max-width: 760px){.reference-home #start .nav{height: 78px;}
.reference-home #start .hero,.reference-home #start .nav{width: calc(100% - 44px);}
.reference-home #start .hero{padding: 14px 0px 40px; gap: 24px;}
.reference-home .hero-stage{grid-template-columns: 1fr; gap: 0px;}
.reference-home .hero-lead{padding: 20px 0px 10px;}
.reference-home #start h1{font-size: 40px;}
.reference-home #start .headline-follow{font-size: 18px; max-width: none; margin-top: 18px;}
.reference-home #start .entry{margin-top: 25px; width: 100%; max-width: 470px;}
.reference-home #start .choose{min-height: 68px; padding: 12px 14px; gap: 13px;}
.reference-home #start .entry-content{min-height: 68px;}
.reference-home #start .pick-text strong{font-size: 16px;}
.reference-home .exception-scene{max-width: 580px; width: calc(100% + 20px); margin: -6px -10px -5px;}
.reference-home #start .principles{grid-template-columns: 1fr; gap: 28px;}
.reference-home #start .principle h2{min-height: 0px; font-size: 27px;}
.reference-home #start .principle h2 br{display: none;}
.reference-home #start .principle p{max-width: none; font-size: 12px; margin-top: 8px;}
.reference-home .principle-mark{margin-bottom: 12px;}
.reference-home .principle-mark svg{width: 22px; height: 22px;}
.reference-home .entry-ready,.reference-home .entry-status{min-height: 68px; padding: 8px; gap: 8px;}
.reference-home .entry-summary strong{max-width: 155px; font-size: 12px;}
.reference-home .progress-line{width: 50px;}
.reference-home #dialog{padding: 24px;}
.reference-home .dialog-choice button{padding: 16px 13px; font-size: 12px; gap: 10px;}}
@media (prefers-reduced-motion: reduce){.reference-home .progress-line::before{animation: auto ease 0s 1 normal none running none; width: 70%;}
.reference-home .scene-magnified,.reference-home .scene-glint{transition: none;}}