#app{width:100%;max-width:1100px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:32px;margin:0 auto;padding:48px 24px 80px}#app>header{width:100%;max-width:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:12px;padding:0}#app>header>span{color:var(--color-accent);font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}#app>header>h1{color:var(--color-text-primary);font-size:40px;font-weight:800;line-height:1.15;letter-spacing:-1px}#app>header>p{max-width:640px;color:var(--color-text-secondary);font-size:18px;font-weight:400;line-height:1.6}#tool-panel{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:24px;padding:28px;border:var(--border-default);border-radius:var(--border-radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}#tool-panel>.fields{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}#tool-panel .field{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:8px}#tool-panel .field.full{grid-column:1 / -1}#tool-panel .field>label{color:var(--color-text-primary);font-size:14px;font-weight:600}#tool-panel .field>span{color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:1.4}#tool-panel .field>input,#tool-panel .field>select{width:100%;min-height:48px;color:var(--color-text-primary);font-size:16px;font-weight:500;padding:0 14px;border:var(--border-default);border-radius:var(--border-radius-sm);background:var(--color-background);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}#tool-panel .field>input:focus,#tool-panel .field>select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent)}#tool-results{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:16px;padding:20px;border:1px solid color-mix(in srgb,var(--color-accent) 30%,var(--color-border));border-radius:var(--border-radius-md);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface))}#tool-results.pain{border-color:color-mix(in srgb,var(--color-error) 35%,var(--color-border));background:color-mix(in srgb,var(--color-error) 8%,var(--color-surface))}#tool-results.pain>dl>dd.highlight{color:var(--color-error)}#tool-results>h2{color:var(--color-text-primary);font-size:18px;font-weight:700}#tool-results>dl{display:grid;grid-template-columns:1fr auto;row-gap:10px;column-gap:16px}#tool-results>dl>dt{color:var(--color-text-secondary);font-size:15px;font-weight:500}#tool-results>dl>dd{color:var(--color-text-primary);font-size:16px;font-weight:700;text-align:right}#tool-results>dl>dd.highlight{color:var(--color-accent);font-size:22px}#tool-results>p{color:var(--color-text-primary);font-size:15px;font-weight:500;line-height:1.5}#tool-cta{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:12px}#tool-cta>a{width:auto;cursor:pointer}#tool-compare{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:16px;padding:28px;border:var(--border-default);border-radius:var(--border-radius-md);background:var(--color-surface)}#tool-compare>.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#tool-compare>.compare-grid>div{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:6px;padding:16px;border:var(--border-default);border-radius:var(--border-radius-sm);background:var(--color-background)}#tool-compare>.compare-grid>div>span{color:var(--color-text-secondary);font-size:13px;font-weight:500}#tool-compare>.compare-grid>div>strong{color:var(--color-text-primary);font-size:20px;font-weight:700}#tool-compare>.compare-grid>div>strong.positive{color:var(--color-success)}#tool-faqs{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:12px}#tool-faqs>h2{color:var(--color-text-primary);font-size:24px;font-weight:700;letter-spacing:-.5px}#tool-faqs>details{padding:14px 0;border-bottom:var(--border-default)}#tool-faqs>details>summary{color:var(--color-text-primary);font-size:16px;font-weight:600;list-style:none;cursor:pointer}#tool-faqs>details>summary::-webkit-details-marker{display:none}#tool-faqs>details>summary::marker{content:""}#tool-faqs>details>p{color:var(--color-text-secondary);font-size:15px;font-weight:400;line-height:1.6;margin-top:10px}.tools-related{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:12px;padding-top:8px;border-top:var(--border-default)}.tools-related>h2{color:var(--color-text-primary);font-size:18px;font-weight:700}.tools-related>ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:8px;padding-left:0;list-style:none}.tools-related>ul>li>a{color:var(--color-accent);font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}#checklist-items{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:10px}#checklist-items>label{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:12px;padding:14px 16px;border:var(--border-default);border-radius:var(--border-radius-md);background:var(--color-background);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}#checklist-items>label:hover{border-color:var(--color-accent)}#checklist-items>label:has(input:checked){border-color:color-mix(in srgb,var(--color-success) 50%,var(--color-border));background:color-mix(in srgb,var(--color-success) 8%,var(--color-surface))}#checklist-items>label>input{position:relative;width:20px;min-width:20px;height:20px;flex-shrink:0;appearance:none;border:var(--border-default);border-radius:var(--border-radius-sm);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}#checklist-items>label:hover>input{border-color:var(--color-accent)}#checklist-items>label>input:checked{border-color:var(--color-success);background:var(--color-success)}#checklist-items>label>input:checked:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:translate(-50%,-58%) rotate(45deg)}#checklist-items>label>span{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;gap:4px}#checklist-items>label>span>strong{color:var(--color-text-primary);font-size:15px;font-weight:600}#checklist-items>label>span>small{color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:1.4}#checklist-tips{display:none;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:8px}#checklist-tips.visible{display:flex}#checklist-tips>h3{color:var(--color-text-primary);font-size:16px;font-weight:700}#checklist-tips>ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;gap:6px;padding-left:0;list-style:none}#checklist-tips>ul>li{color:var(--color-text-secondary);font-size:14px;font-weight:400;line-height:1.5}@media (max-width: 720px){#app{gap:32px;padding:32px 16px 64px}#app>header>h1{font-size:30px}#app>header>p{font-size:16px}#tool-panel{padding:20px}#tool-panel>.fields{grid-template-columns:1fr}#tool-compare>.compare-grid{grid-template-columns:1fr}#tool-cta{flex-direction:column;align-items:stretch}#tool-cta>a{width:100%;justify-content:center}}