:root{--bg:#0b1020;--surface:#141b2f;--surface2:#1b2540;--text:#f6f7fb;--muted:#b7c0d9;--brand:#76e4c4;--brand2:#8db5ff;--danger:#ff8f9d;--warn:#ffd27d;--ok:#8ce99a;--border:#2d3857;--shadow:0 20px 50px rgba(0,0,0,.24);--radius:20px;--max:1180px;color-scheme:dark}
:root[data-theme="light"]{--bg:#f5f8fb;--surface:#fff;--surface2:#eef4f8;--text:#13213a;--muted:#53627a;--brand:#087f6b;--brand2:#2458b8;--danger:#b4233b;--warn:#8a5b00;--ok:#1c7c39;--border:#d6deea;--shadow:0 18px 40px rgba(30,50,80,.12);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% -10%,rgba(118,228,196,.16),transparent 28%),radial-gradient(circle at 90% 0,rgba(141,181,255,.14),transparent 25%),var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-width:320px}a{color:var(--brand);text-decoration-thickness:.08em;text-underline-offset:.18em}img,svg{max-width:100%}button,input,select{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(--brand);color:#071711;padding:10px 14px;border-radius:10px;z-index:999}.skip-link:focus{left:12px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.header-inner{min-height:70px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:850;text-decoration:none;font-size:1.18rem}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#071711}.nav{display:flex;gap:20px;margin-left:auto;align-items:center}.nav a{color:var(--text);text-decoration:none;font-weight:650}.nav a:hover,.nav a:focus-visible{color:var(--brand)}.icon-btn,.btn{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:13px;min-height:44px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--brand),#54c9a7);color:#061611;border-color:transparent}.btn-secondary{background:linear-gradient(135deg,var(--brand2),#688fe9);color:#07142b;border-color:transparent}.btn-danger{border-color:color-mix(in srgb,var(--danger) 65%,var(--border));color:var(--danger)}.menu-btn{display:none;margin-left:auto}.hero{padding:74px 0 50px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:6px 12px;color:var(--brand);font-size:.9rem;font-weight:800}.hero h1{font-size:clamp(2.35rem,6vw,5.2rem);line-height:1.02;letter-spacing:-.045em;margin:.32em 0}.lead{font-size:clamp(1.06rem,2vw,1.28rem);color:var(--muted);max-width:65ch}.hero-art{background:linear-gradient(145deg,var(--surface),var(--surface2));border:1px solid var(--border);border-radius:28px;padding:24px;box-shadow:var(--shadow);min-height:390px;display:grid;place-items:center;overflow:hidden}.wave-svg path{fill:none;stroke-width:3;stroke-linecap:round}.section{padding:52px 0}.section h2{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.15;margin:0 0 14px}.section-intro{color:var(--muted);max-width:72ch}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:linear-gradient(150deg,var(--surface),color-mix(in srgb,var(--surface2) 84%,var(--surface)));border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 10px 24px rgba(0,0,0,.08)}.card h3{margin-top:0;line-height:1.25}.card p{color:var(--muted)}.tool-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.panel.sticky{position:sticky;top:92px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px}.field-full{grid-column:1/-1}label{font-weight:750}.hint,.small{font-size:.9rem;color:var(--muted)}input,select{width:100%;min-height:46px;border-radius:12px;border:1px solid var(--border);background:var(--surface2);color:var(--text);padding:10px 12px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 68%,transparent);outline-offset:3px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.status{min-height:26px;margin-top:12px;font-weight:750}.status.error{color:var(--danger)}.status.success{color:var(--ok)}.result-empty{color:var(--muted);text-align:center;padding:40px 10px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}.metric strong{display:block;font-size:1.45rem;line-height:1.2}.metric span{color:var(--muted);font-size:.9rem}.badge{display:inline-flex;padding:4px 9px;border-radius:999px;font-weight:800;font-size:.82rem;border:1px solid currentColor}.badge.good{color:var(--ok)}.badge.high{color:var(--warn)}.badge.low{color:var(--brand2)}table{width:100%;border-collapse:collapse;display:block;overflow:auto}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;white-space:nowrap}th{color:var(--muted);font-size:.88rem}.chart{width:100%;height:250px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}.chart-grid{stroke:var(--border);stroke-width:1}.chart-line{fill:none;stroke:var(--brand);stroke-width:3}.chart-line-2{fill:none;stroke:var(--brand2);stroke-width:3}.callout{border-left:4px solid var(--brand);background:var(--surface2);padding:16px 18px;border-radius:0 14px 14px 0}.warning{border-left-color:var(--warn)}.breadcrumbs{padding:18px 0;color:var(--muted);font-size:.9rem}.breadcrumbs ol{display:flex;list-style:none;padding:0;margin:0;gap:8px;flex-wrap:wrap}.breadcrumbs li+li:before{content:'›';margin-right:8px}.article{max-width:840px}.article h2{margin-top:2em}.faq details{border:1px solid var(--border);border-radius:14px;padding:14px 16px;background:var(--surface);margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.room-plan{width:100%;aspect-ratio:16/10;border:1px solid var(--border);border-radius:16px;background:var(--surface2);touch-action:none}.planner-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.planner-item{cursor:grab}.planner-item:focus{outline:3px solid var(--brand)}.planner-item.selected{stroke:var(--warn);stroke-width:3}.compare-list{display:grid;gap:12px}.compare-row{display:grid;grid-template-columns:1.4fr repeat(4,1fr) auto;gap:10px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:14px}.footer{margin-top:60px;border-top:1px solid var(--border);padding:40px 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.network-links{display:flex;gap:10px 16px;flex-wrap:wrap}.network-links a{color:var(--muted)}.cookie-note{position:fixed;left:16px;right:16px;bottom:16px;max-width:720px;margin:auto;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow);z-index:70}.cookie-note[hidden]{display:none}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}.ad-slot{min-height:0}.no-js{padding:12px;background:var(--warn);color:#2b1c00;text-align:center}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.legal-box{background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:18px}.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-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}.header-inner>.icon-btn:not(.menu-btn){display:none}.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:48px}.hero-art{min-height:280px}.grid-2,.grid-3,.form-grid,.metric-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.panel{padding:18px}.actions .btn{flex:1 1 45%}.compare-row{grid-template-columns:1fr}.site-header{position:sticky}.brand span:last-child{font-size:1.05rem}}
@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{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%}}

@media(max-width:620px){.header-inner{gap:8px}.menu-btn span{display:none}.menu-btn{padding-inline:12px}.brand{min-width:0}.brand span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}