:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;color:#0f172a;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(56,189,248,.12),transparent 30%),#f8fafc}button,textarea{font:inherit}button{cursor:pointer}.page-shell{max-width:1080px;margin:0 auto;padding:20px 24px 40px}.site-header{padding:18px 0}.site-brand{display:flex;align-items:center;gap:14px}.brand-mark{display:inline-flex;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;background:#0f172a;color:#f8fafc;font-weight:700}.brand-label{margin:0;font-size:1rem;font-weight:700}.brand-subtitle{margin:4px 0 0;color:#475569;font-size:.94rem}.hero-section{display:grid;gap:24px}.hero-copy h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.hero-copy p{margin:18px 0 0;max-width:720px;color:#334155}.hero-tool{display:grid;gap:18px}.tool-card,.support-box,.seo-content,.site-footer{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 18px 60px #0f172a0a}.tool-card{padding:24px}.tool-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.tool-header h2{margin:0;font-size:1.35rem}.tool-header p{margin:8px 0 0;color:#475569}.checklist-input{width:100%;min-height:220px;border-radius:18px;border:1px solid #cbd5e1;padding:18px;resize:vertical;background:#f8fafc;color:#0f172a;transition:border-color .2s ease}.checklist-input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d41f}.hint-text{margin:10px 0 0;color:#64748b;font-size:.95rem}.tool-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0}.primary-button,.secondary-button{border:none;border-radius:14px;padding:16px 20px;font-weight:600;font-size:1rem;min-height:44px;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;cursor:pointer}.primary-button{background:#0f172a;color:#fff}.secondary-button{background:#e2e8f0;color:#0f172a}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:focus,.secondary-button:focus{outline:3px solid rgba(14,165,233,.4);outline-offset:2px}.status-message{margin:16px 0 0;color:#0f172a;font-weight:600}.result-card{margin-top:28px;padding:22px;border-radius:20px;background:#f8fafc}.result-header h3{margin:0;font-size:1.15rem}.result-header p{margin:8px 0 0;color:#475569}.checklist-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}.checklist-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px 18px}.checklist-item label{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:44px}.checklist-item input[type=checkbox]{width:20px;height:20px;min-width:20px;accent-color:#0f172a;cursor:pointer}.checklist-item input[type=checkbox]:checked+span{text-decoration:line-through;color:#64748b}.result-actions{display:grid;gap:12px;margin-top:16px}.ad-placeholder{min-height:86px;border:1px dashed #cbd5e1;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#64748b;padding:14px;contain:layout;font-size:.9rem}.ad-placeholder--top,.ad-placeholder--after-tool{min-height:86px}.support-box{padding:24px;margin-top:24px}.support-copy{margin-bottom:18px}.support-title{margin:0;font-size:1.1rem}.support-description{margin:10px 0 0;color:#475569}.support-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.support-note{margin-top:18px;color:#475569;font-size:.95rem}.seo-content{padding:24px;margin-top:24px}.seo-block{margin-bottom:24px}.seo-block h2{margin:0 0 12px;font-size:1.1rem}.seo-block p,.seo-block ul,.seo-block dl{margin:0;color:#475569}.seo-block ul{padding-left:20px}.seo-block li{margin-bottom:8px}.seo-block dl dt{font-weight:700;margin-top:16px}.seo-block dl dd{margin:6px 0 0;color:#475569}.site-footer{padding:22px 24px;margin-top:24px;text-align:center;color:#64748b}@media (min-width: 880px){.hero-section{grid-template-columns:minmax(340px,1fr) minmax(420px,1.2fr);align-items:start}.tool-card{padding:28px}.result-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.page-shell{padding:16px 16px 32px}.site-header{padding:14px 0}.brand-mark{width:40px;height:40px;font-size:1.2rem}.brand-label{font-size:.95rem}.brand-subtitle{font-size:.88rem}.hero-section{gap:18px}.hero-copy h1{font-size:1.5rem}.tool-card{padding:18px}.primary-button,.secondary-button{padding:18px 16px;width:100%}.result-actions{grid-template-columns:1fr}.checklist-item{padding:16px 14px}.result-card{padding:18px;margin-top:20px}.seo-content,.support-box{padding:18px}}@media print{body{background:#fff;color:#0f172a;margin:0;padding:0}.page-shell,.skip-link,.site-header,.brand-mark,.brand-label,.brand-subtitle,.ad-placeholder,.support-box,.seo-content,.site-footer,.hero-section,.hero-copy,.hero-tool,.tool-header,.tool-actions,.checklist-input,.hint-text,.status-message,.result-header,.result-actions,.print-footer{display:none!important}.tool-card{max-width:100%;padding:0;margin:0;border:none;box-shadow:none;background:transparent}.result-card{background:transparent;padding:0;border:none;box-shadow:none;margin:0}.checklist-list{margin:0;padding:0}.checklist-item{border:1px solid #0f172a;padding:12px 14px;margin-bottom:8px;page-break-inside:avoid;background:#fff}.checklist-item label{display:flex;gap:10px}.checklist-item span{flex:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:#0f172a;color:#fff;padding:8px 16px;text-decoration:none;border-radius:0 0 4px;z-index:100}.skip-link:focus{top:0}
