@font-face{font-family:Plex;src:url(/fonts/IBMPlexSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url(/fonts/IBMPlexSans-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--bg:#f6f7f4;--surface:#fff;--ink:#242622;--muted:#5f655a;--line:#bac0b4;--tint:#e9ede4;--accent:#665000;--yellow:#f1c232;--error:#a32720;--focus:#795e00;--radius:3px;--space:24px;color-scheme:light;font-family:Plex,sans-serif;color:var(--ink);background:var(--bg);font-size:17px;line-height:1.55}:root[data-theme=dark]{--bg:#1e211d;--surface:#292e27;--ink:#f1f4ed;--muted:#bcc5b5;--line:#737d6b;--tint:#353d30;--accent:#f1c232;--error:#ffb1a5;--focus:#f1c232;color-scheme:dark}*{box-sizing:border-box}body{margin:0}::selection{background:var(--yellow);color:#242622}input,select,button{font:inherit}input{caret-color:var(--accent)}a{color:var(--accent);text-underline-offset:.22em}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button{min-height:46px;padding:10px 17px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .15s,color .15s,border-color .15s}button:hover{background:var(--tint);border-color:var(--ink)}button:active{border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.6}.primary{background:var(--yellow);color:#242622;border-color:#8c6c00;font-weight:700}.primary:hover{background:#ffd653;color:#242622}.skip{position:absolute;left:16px;top:-100px;background:var(--surface);padding:12px;z-index:10}.skip:focus{top:10px}.site-header,.site-footer,main{max-width:1160px;margin-inline:auto;padding-inline:32px}.site-header{display:flex;align-items:center;gap:25px;padding-block:22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;letter-spacing:-.02em;text-decoration:none;color:var(--ink);white-space:nowrap}.brand svg{width:32px;height:32px}.site-nav{display:flex;gap:22px;margin-left:auto;align-items:center;font-size:15px}.site-nav a[aria-current]{font-weight:700}.site-header>button{font-size:14px;padding:9px 11px}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10px 65px;padding-block:44px 35px;align-items:center}.intro h1{grid-row:span 2;margin:0;font-size:clamp(2.4rem,4.7vw,3.8rem);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}.intro p{margin:0;font-size:19px;color:var(--muted);max-width:42ch}.intro button{justify-self:start}h2,h3{line-height:1.25;text-wrap:balance}h2{font-size:27px;letter-spacing:-.015em;margin:0 0 18px}h3{font-size:21px;margin:28px 0 10px}p{margin:0 0 18px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:23px}.section-title h2{margin:0}.section-title p{font-size:15px;color:var(--muted);margin:0;max-width:58ch}.measure-section,.material-section{padding-block:30px;border-top:1px solid var(--line)}.room{padding:24px;margin-bottom:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.room-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.room-head label{max-width:340px;width:100%}.room-head button,.opening button{font-size:14px}.measure-row{display:grid;grid-template-columns:repeat(3,1fr) .65fr;gap:18px}.categories{display:flex;gap:24px;margin-top:20px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;font-weight:400}.check input{width:20px;height:20px;min-height:0;margin:0;accent-color:var(--accent)}label{display:block;font-weight:700;font-size:15px}label>span{color:var(--muted);font-weight:400}input,select{display:block;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:47px;padding:9px 11px;margin-top:7px;font-size:18px;font-variant-numeric:tabular-nums}input::placeholder{color:var(--muted);opacity:1}input[aria-invalid=true]{border-color:var(--error)}.room details{margin-top:18px;border-top:1px solid var(--line);padding-top:10px}summary{cursor:pointer;min-height:44px;align-content:center;color:var(--accent);font-size:16px}.opening{display:grid;grid-template-columns:1.1fr 1fr 1fr .6fr auto;gap:13px;align-items:end;margin:15px 0}.opening button{margin-bottom:0}.opening-add{font-size:14px}.unit-hint,.hint{font-size:14px;color:var(--muted)}.unit-hint{margin:12px 0 0}.materials{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.material{margin:0;padding:18px 0 0;border:none;min-width:0}.material+fieldset{padding-left:24px;border-left:1px solid var(--line)}legend{font-size:20px;font-weight:700;padding:0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.material label{margin-bottom:18px}.material-section>.hint{margin:4px 0 0}.error{padding:18px;border:1px solid var(--error);color:var(--error);background:var(--surface);font-weight:700;max-width:75ch}.shopping{padding-block:32px;border-top:2px solid var(--ink)}.shopping-item{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.shopping-item h3{margin:0 0 8px}.shopping-item p{margin:0;font-size:15px;color:var(--muted)}.buy{font-size:30px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.buy small{font-size:16px;font-weight:400}.item-math{font-size:15px}.item-math span{display:block;margin-bottom:4px}.item-math strong{font-variant-numeric:tabular-nums}.cost-line{margin:26px 0 20px}.cost-line>p:first-child{font-size:22px;font-weight:700;margin-bottom:5px}.breakdown{border-block:1px solid var(--line);margin:20px 0}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:15px}th,td{text-align:right;padding:12px 8px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}th{font-size:14px}td:first-child{overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}#export-status{min-height:24px;margin:12px 0 0;color:var(--muted);font-size:15px}.help{border-top:1px solid var(--line);padding-block:45px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.help p{max-width:70ch}.links a{display:block;padding:15px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:700}.links a:hover{text-decoration:underline}.links span{display:block;font-size:14px;color:var(--muted);font-weight:400;margin-top:6px}.site-footer{padding-block:30px;border-top:1px solid var(--line);display:flex;gap:30px;justify-content:space-between;font-size:14px}.site-footer nav{display:flex;gap:20px;flex-wrap:wrap}.article{max-width:70ch;margin:45px auto 65px}.article h1{font-size:42px;line-height:1.15;letter-spacing:-.025em;margin-bottom:30px}.article h2{margin:38px 0 15px}.article p{margin-bottom:20px}.breadcrumb{font-size:14px}.fragment{padding:22px;border:1px solid var(--line);background:var(--surface);margin-bottom:18px}.fragment-header{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:18px}.fragment-header h2{font-size:21px;margin:0}.fragment-fields{display:grid;grid-template-columns:1.1fr 1fr 1fr .7fr 1fr;gap:18px}.surface-result{margin:30px 0;padding:30px 0;border-top:2px solid var(--ink)}.surface-total{font-size:48px;font-weight:700;font-variant-numeric:tabular-nums;margin:10px 0 20px}.surface-result li{margin-bottom:6px}.surface-result .hint{margin-top:25px}[hidden]{display:none!important}@media(max-width:760px){.site-header,main,.site-footer{padding-inline:20px}.intro{display:block;padding-block:30px}.intro h1{font-size:42px;margin-bottom:23px}.intro p{font-size:17px;margin-bottom:20px}.section-title{display:block}.section-title p{margin-top:10px}.room{padding:18px}.room-head{align-items:end;gap:12px}.room-head button{padding-inline:12px}.measure-row{grid-template-columns:1fr 1fr;gap:16px}.categories{gap:4px 17px}.opening{grid-template-columns:1fr 1fr}.opening label:last-of-type{grid-column:1}.opening button{justify-self:start;align-self:end}.opening label:first-child{grid-column:1/-1}.materials{display:block}.material{padding-block:15px}.material+fieldset{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:24px}.shopping-item{grid-template-columns:1fr 1fr;gap:15px}.shopping-item>div:first-child{grid-column:1/-1}.buy{font-size:27px}.item-math{font-size:14px}table{font-size:13px}td,th{padding:10px 4px}.help{display:block;padding-block:32px}.help>div+div{margin-top:40px}.site-footer{display:block}.site-footer nav{gap:16px}.article{margin-block:30px 45px}.article h1{font-size:34px}.brand{font-size:22px}.fragment-fields{grid-template-columns:1fr 1fr}.fragment-fields>label:first-child{grid-column:1/-1}.fragment-fields>label:last-child{grid-column:1/-1}.fragment{padding:18px}.fragment-header{gap:12px}.fragment-header button{font-size:14px}}@media(max-width:360px){.site-header,main,.site-footer{padding-inline:16px}.intro h1{font-size:36px}.room{padding:14px}.room-head{display:block}.room-head button{margin-top:12px}.categories{display:block}.buy{font-size:23px}.item-math{font-size:13px}.fragment{padding:14px}}@media(prefers-reduced-motion:reduce){button{transition:none}}@media print{body{background:#fff;color:#000}.site-header,.site-footer,.intro,form,.help,.breadcrumb,.error,.actions,#export-status,.skip{display:none!important}main{max-width:none;padding:0}.shopping,.surface-result{border:0;padding:0}.shopping-item{break-inside:avoid}details>summary{display:none}details>div{display:block!important}.shopping p,.item-math,.hint{color:#333}.shopping-item{grid-template-columns:1fr 1fr 1fr}.shopping-item>div:first-child{grid-column:auto}.shopping:before{content:"Remontowa Miarka: lista zakupów";display:block;font-size:24px;font-weight:700;margin-bottom:20px}button{display:none}th,td{border-color:#bbb}.cost-line{break-inside:avoid}}html{scrollbar-gutter:stable}html.mobile-menu-open{overflow:hidden}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;min-height:44px;padding:.55rem .75rem;background:var(--surface);color:var(--ink);border:1px solid var(--line);font:inherit;font-size:.9375rem;cursor:pointer}.mobile-menu-toggle[hidden]{display:none!important}.mobile-menu-toggle svg,.mobile-menu-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.mobile-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(22rem,calc(100vw - 1.5rem));height:100vh;max-height:100vh;height:100dvh;max-height:100dvh;max-width:none;box-sizing:border-box;padding:1.25rem;background:var(--bg);color:var(--ink);border:0;border-left:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain;font:inherit;scrollbar-color:var(--line) var(--bg)}.mobile-menu[open]{animation:menu-enter .18s cubic-bezier(.16,1,.3,1)}.mobile-menu::backdrop{background:#00000073}.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line);margin-bottom:.5rem}.mobile-menu-heading h2{font:inherit;font-size:1.2rem;font-weight:650;letter-spacing:normal;line-height:1.3;margin:0}.mobile-menu-close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.5rem;background:var(--surface);color:var(--ink);border:1px solid var(--line);cursor:pointer}.mobile-menu .site-nav,.mobile-menu .tool-nav{display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:0;width:100%;max-width:none;padding:0;margin:0;border:0;font:inherit}.mobile-menu nav a{display:flex;align-items:center;min-height:48px;margin:0;padding:.8rem .2rem;border-bottom:1px solid var(--line);font:inherit;font-size:1rem;line-height:1.35;color:var(--ink);text-decoration:none;box-shadow:none;overflow-wrap:anywhere}.mobile-menu nav a:hover{background:var(--tint);color:var(--ink)}.mobile-menu nav a[aria-current=page]{color:var(--accent);font-weight:700;box-shadow:none}.mobile-menu #theme-toggle{display:block;width:100%;max-width:none;margin:1.25rem 0 .25rem;min-height:44px;padding:.7rem;background:var(--surface);color:var(--ink);border:1px solid var(--line);font:inherit;font-size:.9375rem}.mobile-menu-toggle:hover,.mobile-menu-close:hover{background:var(--tint)}@keyframes menu-enter{0%{transform:translate(20px)}to{transform:translate(0)}}@media(max-width:60em){.site-header[data-mobile-menu-ready=true]{flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important}.site-header[data-mobile-menu-ready=true] .brand{font-size:clamp(1.125rem,4.8vw,1.7rem);white-space:normal;min-width:0}.site-header[data-mobile-menu-ready=true] .brand svg{flex-shrink:0}}@media(prefers-reduced-motion:reduce){.mobile-menu[open]{animation:none}}@media print{.mobile-menu,.mobile-menu-toggle{display:none!important}}:root{--motion-fast:.14s;--motion-state:.24s;--motion-ease:cubic-bezier(.16,1,.3,1)}button,.button,input,select,textarea,summary{transition:background-color var(--motion-fast) ease-out,border-color var(--motion-fast) ease-out,color var(--motion-fast) ease-out,box-shadow var(--motion-fast) ease-out,transform var(--motion-fast) var(--motion-ease)}button:not(:disabled):active,.button:active{transform:translateY(1px)}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{box-shadow:inset 0 -2px var(--focus,var(--accent))}nav a{transition:color var(--motion-fast) ease-out,background-size var(--motion-state) var(--motion-ease);background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 1px}nav a:focus-visible{background-size:100% 1px}@media(hover:hover)and (pointer:fine){nav a:hover{background-size:100% 1px}button:not(:disabled):hover,.button:hover{box-shadow:0 2px 5px #0000001a}summary:hover{color:var(--accent)}}[data-needs-js][inert]:before{content:"";position:absolute;left:calc(50% - 11px);top:24px;width:22px;height:22px;border:2px solid var(--line,var(--border));border-top-color:var(--accent);border-radius:50%;z-index:2;animation:tool-loading .8s linear 8;pointer-events:none}@keyframes tool-loading{to{transform:rotate(360deg)}}@keyframes motion-status{0%{opacity:.58}to{opacity:1}}@keyframes motion-row{0%{opacity:.55;transform:translate(-7px)}to{opacity:1;transform:none}}@keyframes motion-number{0%{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes motion-ink{0%{opacity:.6}to{opacity:1}}.motion-confirm{animation:motion-status .22s ease-out}.motion-new-row{animation:motion-row .22s var(--motion-ease)}.motion-result{animation:motion-number var(--motion-state) var(--motion-ease)}[data-motion-site=page004] progress{accent-color:var(--accent)}[data-motion-site=page001] .motion-result{animation-duration:.2s}@media(prefers-reduced-motion:no-preference){details[open]>:not(summary){animation:motion-status .18s ease-out}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}[data-needs-js][inert]:before{display:none}}