:root{--bg:#07151c;--surface:#0e2430;--surface2:#143241;--text:#f4fbff;--muted:#acd0df;--accent:#4ed7c4;--accent2:#52a9ff;--blue:#79c5ff;--green:#69e0a8;--red:#ff8d9c;--warn:#ffd47c;--border:#285064;--shadow:0 22px 60px rgba(0,0,0,.28);--radius:20px;--max:1180px;color-scheme:dark}
:root[data-theme="light"]{--bg:#eef8fb;--surface:#fff;--surface2:#e5f3f7;--text:#102935;--muted:#526f7c;--accent:#087d71;--accent2:#176ea5;--blue:#176ea5;--green:#147547;--red:#b02b40;--warn:#7c5600;--border:#c6dce5;--shadow:0 18px 46px rgba(31,82,103,.13);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% -5%,rgba(78,215,196,.17),transparent 28%),radial-gradient(circle at 98% 8%,rgba(82,169,255,.13),transparent 26%),var(--bg);color:var(--text);font:16px/1.62 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:var(--blue);text-decoration-thickness:.08em;text-underline-offset:.18em}img,svg{max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--accent);color:#001b19;padding:10px 14px;border-radius:10px;z-index:999}.skip-link:focus{left:12px}.site-header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.header-inner{min-height:70px;display:flex;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:900;text-decoration:none;font-size:1.18rem}.brand-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#00211e;display:grid;place-items:center;font-size:1.35rem;box-shadow:0 8px 24px rgba(78,215,196,.25)}.nav{margin-left:auto;display:flex;align-items:center;gap:10px}.nav a{color:var(--text);text-decoration:none;font-weight:700;padding:8px 9px;border-radius:10px}.nav a:hover,.nav a:focus-visible{background:var(--surface2)}.icon-btn,.btn{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:12px;padding:10px 14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;max-width:100%}.btn:hover,.btn:focus-visible,.icon-btn:hover,.icon-btn:focus-visible{border-color:var(--accent);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#00211e;border-color:transparent}.menu-btn{display:none;margin-left:auto}.breadcrumbs{padding:14px 0 0}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.92rem}.breadcrumbs li+li:before{content:'›';margin-right:8px}.hero{padding:58px 0 34px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:42px;align-items:center}.hero-grid>*,.tool-layout>*{min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--accent);font-weight:900}.hero h1,.page-hero h1{font-size:clamp(2.15rem,5vw,4.6rem);line-height:1.04;margin:.35em 0 .25em;letter-spacing:-.04em;overflow-wrap:anywhere}.page-hero h1{font-size:clamp(2rem,4vw,3.6rem)}.lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--muted);max-width:780px;overflow-wrap:anywhere}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-art{position:relative;min-height:420px;display:grid;place-items:center}.water-illustration{position:absolute;inset:7% 3% 7% 8%;border-radius:34px;background:linear-gradient(160deg,rgba(82,169,255,.13),rgba(78,215,196,.08));border:1px solid var(--border);overflow:hidden}.water-illustration:before{content:'';position:absolute;left:12%;right:12%;top:10%;height:39%;border-radius:20px 20px 8px 8px;background:linear-gradient(135deg,#31566a,#173647);clip-path:polygon(0 70%,50% 0,100% 70%,100% 100%,0 100%)}.water-illustration:after{content:'';position:absolute;left:22%;right:22%;bottom:9%;height:42%;border:4px solid var(--accent2);border-radius:22px;background:linear-gradient(to top,rgba(82,169,255,.62) 0 58%,transparent 58%)}.rain-drops{position:absolute;inset:4% 15% 20%;background:radial-gradient(ellipse at 20% 10%,var(--blue) 0 3px,transparent 4px),radial-gradient(ellipse at 45% 2%,var(--blue) 0 3px,transparent 4px),radial-gradient(ellipse at 70% 13%,var(--blue) 0 3px,transparent 4px);background-size:65px 85px;opacity:.65}.hero-art .panel{position:relative;width:min(100%,430px);z-index:2}.section{padding:42px 0}.section h2{font-size:clamp(1.55rem,3vw,2.35rem);margin:0 0 12px}.section-intro{color:var(--muted);max-width:790px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,white 4%),var(--surface));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:22px}.card h3{margin-top:0}.panel{padding:24px}.panel h2,.panel h3{margin-top:0}.tool-layout{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:24px;align-items:start}.panel.sticky{position:sticky;top:92px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-full{grid-column:1/-1}.field label,.label{font-weight:800;font-size:.93rem}.field small{color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:11px;background:var(--bg);color:var(--text);padding:11px 12px}input:focus,select:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--blue) 38%,transparent);border-color:var(--blue)}.month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.month-grid label{font-size:.78rem;color:var(--muted)}.month-grid input{padding:8px}.status{margin-top:14px;padding:11px 13px;border-radius:12px;background:var(--surface2);color:var(--muted);white-space:pre-line}.status:empty{display:none}.status.success{border:1px solid var(--green);color:var(--green)}.status.error{border:1px solid var(--red);color:var(--red)}.result-box{min-height:260px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.metric{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface2);min-width:0}.metric strong{display:block;font-size:1.35rem;line-height:1.15;overflow-wrap:anywhere}.metric span{color:var(--muted);font-size:.88rem}.notice{border-left:4px solid var(--accent);background:var(--surface2);padding:14px 16px;border-radius:0 12px 12px 0}.warning-box{border-left-color:var(--warn)}.danger-box{border-left-color:var(--red)}.drawing{min-height:280px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(rgba(82,169,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(82,169,255,.055) 1px,transparent 1px),var(--bg);background-size:24px 24px;display:grid;place-items:center;overflow:auto;padding:12px}.drawing svg{width:100%;min-width:520px;max-height:440px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--border);vertical-align:top}th{background:var(--surface2)}.saved-list{display:grid;gap:14px}.saved-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--surface2)}.saved-card h3{margin:0}.saved-card p{margin:4px 0;color:var(--muted)}.saved-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.compare-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:13px;border-bottom:1px solid var(--border)}.compare-row:first-child{font-weight:900;background:var(--surface2)}.content{max-width:880px}.content h2{margin-top:2.1em}.content h3{margin-top:1.7em}.content p,.content li{color:color-mix(in srgb,var(--text) 88%,var(--muted))}.faq details{border:1px solid var(--border);border-radius:13px;padding:13px 15px;background:var(--surface);margin:10px 0}.faq summary{font-weight:900;cursor:pointer}.hub-card{display:flex;flex-direction:column}.hub-card .btn{margin-top:auto;align-self:flex-start}.footer{border-top:1px solid var(--border);margin-top:44px;padding:36px 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.network-links{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:10px}.cookie-note{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;max-width:760px;margin:auto;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}.no-js{padding:12px;background:#6b2228;color:#fff;text-align:center}.ad-space{min-height:120px;border:1px dashed var(--border);border-radius:14px;display:none}.muted{color:var(--muted)}.source-list{font-size:.92rem;color:var(--muted)}.result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.result-actions .btn{white-space:normal}.progress{height:14px;background:var(--surface2);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));width:0}.kicker{color:var(--accent);font-weight:900}.print-only{display:none}
@media(max-width:900px){.hero-grid,.tool-layout,.footer-grid{grid-template-columns:1fr}.panel.sticky{position:static}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{display:none;position:absolute;top:70px;left:16px;right:16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-btn{display:inline-flex}.compare-row{grid-template-columns:1fr 1fr}.compare-row>*:last-child{grid-column:1/-1}}
@media(max-width:620px){.container{width:min(calc(100% - 22px),var(--max))}.hero{padding-top:40px}.hero-art{min-height:360px}.grid-2,.grid-3,.grid-4,.form-grid,.metric-grid{grid-template-columns:1fr}.month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-full{grid-column:auto}.panel{padding:17px}.actions .btn{flex:1 1 100%;min-width:0;white-space:normal;text-align:center;overflow-wrap:anywhere}.compare-row,.saved-card{grid-template-columns:1fr}.saved-actions{justify-content:flex-start}.drawing svg{min-width:440px}.header-inner{gap:8px}.brand{min-width:0}.brand span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{white-space:normal;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.site-header,.footer,.actions,.cookie-note,.breadcrumbs,.no-print,.ad-space{display:none!important}.print-only{display:block}.panel,.card{box-shadow:none;border-color:#bbb}body{background:#fff;color:#111}.tool-layout{display:block}.container{width:100%}.drawing{border:1px solid #888}}