.tool-site{--page:#fff;--surface:#fff;--ink:#172031;--muted:#596274;--primary:#174de3;--soft:#eef3ff;--line:#dce3ef;--accent:#174de3;--radius:20px;max-width:1120px;color:var(--ink);margin:auto;padding:0 32px}.tool-site[data-theme=mojicon]{--page:#f7f9fc;--ink:#202a3b;--muted:#59677c;--primary:#2468ab;--accent:#4a90e2;--soft:#eaf2fc;--line:#d5e1f0;--radius:16px}.tool-site[data-theme=grapho]{--page:#f4faff;--ink:#1f3345;--muted:#546a7c;--primary:#126995;--accent:#4caeed;--soft:#e5f6ff;--line:#c9e4f1;--radius:24px}.tool-site[data-theme=saving]{--page:#e4f9ff;--ink:#1a334a;--muted:#45627b;--primary:#176ab2;--accent:#4fa8ff;--soft:#d9f0ff;--line:#b9dcee;--radius:24px}.tool-site[data-theme=calendar]{--page:#f5f6ef;--ink:#243d32;--muted:#5e6e63;--primary:#347258;--accent:#e7bc83;--soft:#e7efe4;--line:#dde5d9;--radius:22px}.tool-site[data-theme=heart]{--page:#faf8f4;--ink:#2d2318;--muted:#665543;--primary:#af4623;--accent:#e8794a;--soft:#fde8e0;--line:#e8e0d6;--radius:24px}.tool-site[data-theme=petlog]{--page:#faf7f2;--surface:#fffdf9;--ink:#1a1714;--muted:#61564f;--primary:#ad4639;--accent:#d96b5a;--soft:#fae7df;--line:#e8dfd2;--radius:26px}.tool-site[data-theme=appseed]{--page:#f5f7fc;--radius:22px}body:has(.tool-site[data-theme=mojicon]){background:#f7f9fc}body:has(.tool-site[data-theme=grapho]){background:#f4faff}body:has(.tool-site[data-theme=saving]){background:#e4f9ff}body:has(.tool-site[data-theme=calendar]){background:#f5f6ef}body:has(.tool-site[data-theme=heart]){background:#faf8f4}body:has(.tool-site[data-theme=petlog]){background:#faf7f2}body:has(.tool-site[data-theme=appseed]){background:#f5f7fc}.tool-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.tool-header nav{gap:24px;font-size:14px;font-weight:600;display:flex}.tool-header nav a{align-items:center;min-height:44px;display:flex}.tool-site:not([data-theme=index]) main{max-width:900px;margin:auto}.tool-site h1,.tool-site h2,.tool-site h3{color:var(--ink)}.tool-site .eyebrow,.tool-site .textlink{color:var(--primary)}.tool-site .muted{color:var(--muted)}.tool-skip{position:absolute;top:-100px}.tool-skip:focus{z-index:10;background:#fff;padding:8px;top:8px}.tool-site :focus-visible{outline:3px solid var(--primary);outline-offset:4px}.tool-site button:disabled{cursor:wait;opacity:.65}.tool-site input,.tool-site textarea,.tool-site select{accent-color:var(--primary)}.tool-intro{max-width:760px;padding:58px 0 36px}.tool-intro h1{margin:18px 0;font-size:clamp(32px,5vw,50px);line-height:1.45}.tool-intro p{color:var(--muted)}.tool-privacy{background:var(--soft);border-radius:14px;padding:16px 20px;font-size:14px;line-height:1.8}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tool-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;min-width:0;padding:24px;transition:box-shadow .15s,border-color .15s;display:flex}.tool-card:hover{border-color:#174de3;box-shadow:0 8px 24px #1720310b}.tool-cardtop{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.tool-cardglyph{color:#174de3;background:#eef3ff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tool-number{color:#69788d;letter-spacing:.15em;font-size:12px;font-weight:700}.tool-card h2{margin:12px 0;font-size:21px;line-height:1.6}.tool-card p{color:var(--muted);flex:1;margin-top:0;font-size:14px}.tool-cardfoot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.tool-cardfoot .textlink{align-items:center;gap:8px;font-size:14px;display:inline-flex}.tool-cardbrand{color:#596274;font-size:11px}.tool-back{min-height:44px;color:var(--muted);align-items:center;font-size:13px;font-weight:600;display:inline-flex}.tool-pagehead{padding:20px 0 8px}.tool-brandline{align-items:center;gap:12px;margin:18px 0 24px;display:flex}.tool-brandline img{border-radius:12px;box-shadow:0 3px 10px #1720310b}.tool-brandline>div{flex-direction:column;gap:2px;display:flex}.tool-brandname{font-size:17px;font-weight:750}.tool-brandlabel{color:var(--muted);letter-spacing:.07em;font-size:11px}.tool-category{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:20px;margin-left:auto;padding:5px 10px;font-size:11px;font-weight:600}.tool-kicker{color:var(--primary);margin:0 0 8px;font-size:14px;font-weight:650}.tool-pagehead h1{letter-spacing:-.035em;margin:8px 0 16px;font-size:clamp(27px,3.5vw,38px);line-height:1.45}.tool-lead{max-width:730px;color:var(--muted);font-size:15px;line-height:1.9}.tool-steps{gap:12px;margin:24px 0 18px;padding:0;list-style:none;display:flex}.tool-steps li{flex:1;align-items:center;gap:9px;min-width:0;font-size:13px;font-weight:650;display:flex}.tool-steps li>span{background:var(--soft);width:28px;height:28px;color:var(--primary);border:1px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.tool-inline-privacy{color:var(--muted);align-items:flex-start;gap:9px;margin:14px 0;font-size:12px;line-height:1.7;display:flex}.tool-inline-privacy svg{color:var(--primary);flex-shrink:0;margin-top:2px}.tool-taskhead{margin:28px 0 12px}.tool-taskhead h2{margin:0 0 5px;font-size:20px}.tool-taskhead p{color:var(--muted);margin:0;font-size:14px}.tool-workspace{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;margin:14px 0 28px;padding:28px;box-shadow:0 5px 20px #17203104}.tool-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.tool-field{flex-direction:column;gap:8px;min-width:0;font-size:14px;font-weight:650;display:flex}.tool-field small{color:var(--muted);font-size:12px;font-weight:400;line-height:1.7}.tool-field input,.tool-field select,.tool-field textarea{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:11px;padding:12px 14px;font-size:16px;font-weight:400;line-height:1.6}.tool-field input[type=color]{height:48px;padding:6px}.tool-field input[type=range]{border:0;min-height:48px;padding:12px 0}.tool-field input[type=file]{background:var(--soft);border-style:dashed;padding:14px;font-size:13px}.tool-field textarea{resize:vertical;min-height:136px}.tool-wide{grid-column:1/-1}.tool-controls>.tool-field+.tool-fields{margin-top:20px}.tool-checks{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.tool-checks label{border:1px solid var(--line);background:var(--page);border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:9px 12px;font-size:13px;display:flex}.tool-checks input{flex-shrink:0;width:17px;height:17px}.tool-actions{flex-wrap:wrap;gap:12px;margin:24px 0 4px;display:flex}.tool-site .btn{background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:12px;gap:8px;min-height:48px;padding:12px 22px;font-size:14px;font-weight:700}.tool-site .btn.secondary{background:var(--surface);color:var(--primary);border-color:var(--line)}.tool-site .btn:hover:not(:disabled){filter:brightness(.95)}.tool-action-icon{align-items:center;display:inline-flex}.tool-result{background:var(--soft);border:1px solid var(--line);border-radius:calc(var(--radius) - 4px);overflow-wrap:anywhere;margin-top:28px;padding:24px}.tool-result h2{margin:0 0 18px;font-size:20px}.tool-result h3{font-size:15px}.tool-result>p{font-size:14px;line-height:1.8}.tool-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.tool-metric{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0;padding:16px}.tool-metric strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--primary);margin-top:8px;font-size:32px;font-weight:750;line-height:1.4;display:block}.tool-metric small{color:var(--muted);font-size:12px;line-height:1.7;display:block}.tool-highlight{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:#fff;border-radius:12px;max-height:300px;padding:16px;font-size:16px;line-height:1.9;overflow:auto}.tool-highlight mark{color:#84162b;background:#ffd9df}.tool-error{color:#912037;overflow-wrap:anywhere;background:#fff2f4;border:1px solid #f1c4d0;border-radius:12px;margin:18px 0;padding:14px 18px;font-size:14px}.tool-table-wrap{margin-top:24px;overflow-x:auto}.tool-table{border-collapse:collapse;width:100%;font-size:14px}.tool-table caption{text-align:left;padding:10px;font-size:14px;font-weight:650}.tool-table th,.tool-table td{border:1px solid var(--line);text-align:left;overflow-wrap:anywhere;padding:8px 12px}.tool-table th{background:var(--page)}.tool-chart{border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;height:auto;margin-top:24px;display:block}.tool-image-preview{object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/20px 20px;border-radius:12px;width:100%;max-height:360px;display:block}.tool-screen-only,.tool-workspace p.muted{font-size:13px;line-height:1.8}.tool-print{color:#172031;border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:24px;padding:24px;font-size:14px}.tool-print h2{margin:0 0 12px;font-size:22px}.tool-print p{margin:6px 0}.tool-paper-note{color:#495468;font-size:11px}.tool-note-section{border:1px solid #bac5d9;border-radius:10px;min-height:120px;margin:14px 0;padding:12px}.tool-note-section h3{margin:0 0 8px;font-size:15px}.tool-note-section p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.tool-empty-lines{background:repeating-linear-gradient(#fff,#fff 23px,#dce3ef 23px 24px);height:72px}.tool-print .tool-table{font-size:12px}.tool-print .tool-table td,.tool-print .tool-table th{height:24px;padding:4px 5px}.tool-print .tool-table td{font-variant-numeric:tabular-nums}.tool-pulse{width:50px}.tool-print.savings-paper{max-height:520px;overflow:auto}.tool-explainer{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:14px;margin:28px 0;padding:16px 20px;font-size:14px}.tool-explainer summary{cursor:pointer;min-height:28px;color:var(--ink);font-size:15px;font-weight:650}.tool-explainer p{line-height:1.9}.tool-related{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:28px 0;padding:24px}.tool-related-mark{align-items:center;gap:14px;margin-bottom:16px;display:flex}.tool-related-mark img{border-radius:12px}.tool-related h2{margin:0 0 4px;font-size:18px}.tool-related p{color:var(--muted);margin:0;font-size:13px}.tool-related>p{margin-top:12px}.tool-next{flex-wrap:wrap;gap:8px 20px;margin-top:32px;font-size:13px;display:flex}.tool-next a{color:var(--primary);align-items:center;min-height:40px;display:flex}.tool-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:12px 24px;margin-top:48px;padding:28px 0;font-size:12px;display:flex}.tool-footer a{align-items:center;min-height:36px;display:flex}.tool-site[data-theme=mojicon] .tool-controls>.tool-field textarea{background:#fcfdff;border-radius:14px;min-height:260px}.tool-site[data-theme=mojicon] .tool-result .tool-metric strong{color:#202a3b;font-size:48px}.tool-site[data-theme=mojicon] .tool-result{background:#f2f6fc}.tool-site[data-theme=grapho] .tool-workspace{border-top:5px solid #4caeed}.tool-site[data-theme=grapho] .tool-cardglyph{background:#e5f6ff}.tool-site[data-theme=saving] .tool-result{background:#d9f0ff}.tool-site[data-theme=saving] .tool-metric{border-radius:20px}.tool-site[data-theme=calendar] .tool-result{background:#e7efe4;border-top:4px solid #347258}.tool-site[data-theme=calendar] .tool-metric strong{color:#243d32}.tool-site[data-theme=heart] .tool-workspace{border-top:4px solid #e8794a}.tool-site[data-theme=heart] .tool-print{border-top:3px solid #e8794a}.tool-site[data-theme=petlog] .tool-checks label{border-radius:18px}.tool-site[data-theme=petlog] .tool-note-section{background:#fffdf9;border-color:#e8dfd2;border-radius:14px}.tool-site[data-theme=petlog] .tool-note-section h3{color:#ad4639}.tool-site[data-theme=petlog] .tool-print{border-top:3px solid #7a9e7e}@media (min-width:1000px){.tool-site[data-theme=mojicon] .tool-workspace{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.tool-site[data-theme=mojicon] .tool-result{margin-top:0}.tool-site[data-theme=mojicon] .tool-error{grid-column:1/-1}}@media (max-width:800px){.tool-site{padding:0 20px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-header{gap:12px;min-height:76px;padding:12px 0}.tool-header .brand-logo{width:190px}.tool-header nav{gap:16px;font-size:13px}.tool-workspace{padding:22px}.tool-print{padding:16px}.tool-fields{gap:18px}.tool-intro{padding-top:38px}.tool-pagehead{padding-top:10px}.tool-pagehead h1{font-size:30px}.tool-brandline{margin:14px 0 20px}}@media (max-width:540px){.tool-site{padding:0 16px}.tool-header{flex-wrap:wrap;gap:0 12px}.tool-header nav{margin-left:auto}.tool-grid,.tool-fields{grid-template-columns:1fr}.tool-wide{grid-column:auto}.tool-card{padding:22px}.tool-workspace{border-radius:18px;padding:18px}.tool-pagehead h1{font-size:27px;line-height:1.5}.tool-brandline img{border-radius:10px;width:40px;height:40px}.tool-brandname{font-size:14px}.tool-category{padding:4px 8px;font-size:10px}.tool-brandline{gap:10px;margin:12px 0 18px}.tool-kicker{font-size:12px}.tool-lead{font-size:14px}.tool-steps{gap:8px;margin:18px 0 14px}.tool-steps li{align-items:flex-start;gap:6px;font-size:11px;line-height:1.6}.tool-steps li>span{width:22px;height:22px;font-size:10px}.tool-inline-privacy{font-size:11px}.tool-taskhead{margin:20px 0 10px}.tool-taskhead h2{font-size:18px}.tool-taskhead p{font-size:13px}.tool-checks{gap:8px}.tool-checks label{padding:8px;font-size:12px}.tool-actions{gap:10px}.tool-actions .btn{flex:auto}.tool-actions .btn.secondary{flex:0 auto}.tool-result{margin-top:24px;padding:16px}.tool-metrics{grid-template-columns:1fr;gap:10px}.tool-metric{padding:14px}.tool-metric strong{font-size:30px}.tool-site[data-theme=mojicon] .tool-metrics{grid-template-columns:1fr 1fr}.tool-site[data-theme=mojicon] .tool-metric{padding:12px}.tool-site[data-theme=mojicon] .tool-metric strong{font-size:36px}.tool-result h2{font-size:18px}.tool-print{padding:12px}.tool-print h2{font-size:19px}.tool-print .tool-table{font-size:10px}.tool-print .tool-table td,.tool-print .tool-table th{padding:3px 2px}.tool-note-section{padding:10px}.tool-related{padding:20px}.tool-explainer{padding:14px 16px}.tool-cardfoot{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.tool-card{transition:none}}@page appseed-tool{size:A4 portrait;margin:12mm}@media print{:is(html:has(.tool-site),body:has(.tool-site)){background:#fff!important;margin:0!important;padding:0!important}body:has(.tool-site){font-size:11pt!important}.tool-site{color:#000;max-width:none;padding:0}.tool-site:not([data-theme=index]) main{max-width:none}.tool-header,.tool-footer,.tool-pagehead,.tool-taskhead,.tool-explainer,.tool-related,.tool-next,.tool-controls,.tool-actions,.tool-error,.tool-skip,.tool-result,.tool-screen-only{display:none!important}.tool-workspace{box-shadow:none;background:#fff;border-radius:0;margin:0;padding:0;border:0!important;display:block!important}.tool-print{page:appseed-tool;color:#000;background:#fff;border-radius:0;margin:0;padding:0;border:0!important}.tool-print.savings-paper{max-height:none;overflow:visible}.tool-print h2{color:#000;font-size:17pt}.tool-print .tool-table{font-size:9pt;line-height:1.2}.tool-print .tool-table td,.tool-print .tool-table th{color:#000;background:#fff;border-color:#7b858c;height:6.5mm;padding:1mm 1.5mm}.tool-print thead{display:table-header-group}.tool-print tr{break-inside:avoid}.tool-site .tool-note-section{break-inside:avoid;background:#fff;border-color:#7b858c;border-radius:0;min-height:35mm;margin:3mm 0;padding:3mm}.tool-site .tool-note-section h3{color:#000}.tool-note-section p{color:#000;font-size:10pt;line-height:1.7}.tool-paper-note{color:#333;font-size:8pt}.tool-empty-lines{height:25mm}.tool-print.pet-paper{max-width:186mm}.tool-table-wrap{overflow:visible}.tool-print.bp-paper{width:100%}.tool-print .tool-pulse{width:auto}}.tool-output-title{margin:28px 0 0;font-size:20px}.tool-empty-result{border:1px dashed var(--line);color:var(--muted);background:var(--page);border-radius:14px;margin-top:26px;padding:20px;font-size:13px}.tool-empty-result strong{color:var(--ink);font-size:14px}.tool-empty-result p{margin:5px 0 0;line-height:1.8}#tool-result{scroll-margin-top:20px}#tool-result:focus-visible{outline:2px solid var(--primary);outline-offset:6px}@media print{.tool-empty-result,.tool-output-title{display:none!important}}.tool-pagehead h1{text-wrap:balance;font-weight:750}.tool-taskhead h2,.tool-card h2,.tool-result h2,.tool-print h2{font-weight:700}.tool-header .brand-logo{width:210px;height:58px}.tool-header .brand-logo img{width:360px;max-width:none;height:58px}@media (max-width:800px){.tool-header .brand-logo{width:160px;height:44px}.tool-header .brand-logo img{width:274px;max-width:none;height:44px}}.tool-saving-progress{color:var(--muted);flex-direction:column;gap:9px;margin:0 0 22px;font-size:13px;display:flex}.tool-saving-progress strong{color:var(--primary);margin-left:8px;font-size:22px}.tool-saving-progress progress{accent-color:#3a8dff;border:0;border-radius:20px;width:100%;height:12px;overflow:hidden}.tool-saving-progress progress::-webkit-progress-bar{background:#fff;border-radius:20px}.tool-saving-progress progress::-webkit-progress-value{background:#3a8dff;border-radius:20px}.tool-saving-progress progress::-moz-progress-bar{background:#3a8dff;border-radius:20px}.tool-site[data-theme=calendar] .tool-metrics{grid-template-columns:1fr 1fr}.tool-site[data-theme=calendar] .tool-metric:first-child{border-left:4px solid #347258;grid-column:1/-1}.tool-site[data-theme=calendar] .tool-metric:first-child strong{font-size:42px}.tool-site[data-theme=calendar] .tool-metric:not(:first-child) strong{font-size:28px}@media (max-width:540px){.tool-site[data-theme=calendar] .tool-metric:not(:first-child) strong{font-size:24px}.tool-site[data-theme=calendar] .tool-metric{padding:12px}}.tool-brandglyph{background:var(--soft);width:48px;height:48px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.tool-site .btn svg{flex-shrink:0}@media (max-width:540px){.tool-brandglyph{border-radius:10px;width:40px;height:40px}}.tool-field input:not([type=range]),.tool-field select,.tool-field textarea{border-color:#80909e}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:var(--primary)}.tool-site[data-theme=mojicon] .tool-metric strong[data-compact=true]{font-size:30px}@media (max-width:540px){.tool-site[data-theme=mojicon] .tool-metric strong[data-compact=true]{font-size:24px}}