:root{
  --akk-app-bg:#fbfcfe;--akk-app-surface:#fff;--akk-app-surface2:#f5f8fc;--akk-app-text:#202936;--akk-app-muted:#697586;--akk-app-border:#e4eaf1;--akk-app-accent:#4a9af4
}
html[data-theme="dark"]{
  --akk-app-bg:#1b1e23;--akk-app-surface:#24282f;--akk-app-surface2:#2c3139;--akk-app-text:#f3f4f6;--akk-app-muted:#aab0ba;--akk-app-border:#3a4049;--akk-app-accent:#70b7ff
}
.akk-pwa-app-body{margin:0;background:var(--akk-app-bg);color:var(--akk-app-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.akk-app-shell{max-width:980px;margin:0 auto;padding:0 18px 34px}
.akk-app-header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--akk-app-border)}
.akk-app-brand{display:inline-flex;flex-direction:column;align-items:center;gap:1px;color:var(--akk-app-text);text-decoration:none;text-align:center}.akk-app-brand-name{font:800 22px/1.05 Manrope,Inter,sans-serif;letter-spacing:-.03em}.akk-app-brand-by{font:700 9px/1.15 Inter,sans-serif;letter-spacing:.06em;color:var(--akk-app-muted);text-transform:uppercase;text-align:center;width:100%}
.akk-app-actions{display:flex;align-items:center;gap:8px}.akk-app-web{font-size:13px;font-weight:700;color:var(--akk-app-muted);text-decoration:none;padding:9px 10px;border-radius:10px}.akk-app-web:hover{color:var(--akk-app-text);background:var(--akk-app-surface2)}
.akk-app-theme{width:42px;height:42px;border:1px solid var(--akk-app-border);border-radius:12px;background:var(--akk-app-surface);color:var(--akk-app-text);font-size:19px;cursor:pointer}
.akk-app-main{padding-top:28px}.akk-app-intro{margin-bottom:26px}.akk-app-intro h1{margin:0 0 7px;font:800 clamp(26px,5vw,36px)/1.1 Manrope,Inter,sans-serif;letter-spacing:-.035em}.akk-app-intro p{margin:0;color:var(--akk-app-muted);font-size:15px}
.akk-app-group{margin:0 0 26px}.akk-app-group h2{margin:0 0 10px;font:800 16px/1.2 Manrope,Inter,sans-serif;color:var(--akk-app-text)}
.akk-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.akk-app-tool{min-width:0;min-height:74px;display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--akk-app-border);border-radius:14px;background:var(--akk-app-surface);color:var(--akk-app-text);text-decoration:none;transition:border-color .15s ease,background .15s ease}
.akk-app-tool:hover{border-color:var(--akk-app-accent);background:var(--akk-app-surface2)}.akk-app-tool-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--akk-app-surface2);font-size:17px;font-weight:800}.akk-app-tool-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.akk-app-tool-copy strong{font-size:14px;line-height:1.25}.akk-app-tool-copy small{color:var(--akk-app-muted);font-size:12px;line-height:1.25}.akk-app-arrow{margin-left:auto;font-size:24px;color:var(--akk-app-muted)}
.akk-app-special{padding-top:4px}.akk-app-tool-special{border-color:color-mix(in srgb,var(--akk-app-accent) 45%,var(--akk-app-border))}
.akk-app-web-links{margin-top:34px;padding-top:18px;border-top:1px solid var(--akk-app-border);display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;font-size:13px}.akk-app-web-links span{color:var(--akk-app-muted)}.akk-app-web-links a{color:var(--akk-app-text);font-weight:700;text-decoration:none}.akk-app-web-links a:hover{color:var(--akk-app-accent)}
.akk-app-store{margin-top:16px;padding-top:14px;border-top:1px solid var(--akk-app-border);display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;color:var(--akk-app-muted);font-size:11px;text-align:center}.akk-app-store a{color:var(--akk-app-muted);font-weight:800;text-decoration:none}.akk-app-store a:hover{color:var(--akk-app-accent)}

/* W zainstalowanej aplikacji kalkulatory korzystają z istniejących widoków,
   ale chowamy elementy witryny, których użytkownik aplikacji nie potrzebuje. */
html.akk-pwa-standalone .ak-topnav,
html.akk-pwa-standalone .ak-install-header,
html.akk-pwa-standalone .ak-rightbar,
html.akk-pwa-standalone .ak-site-footer,
html.akk-pwa-standalone footer,
html.akk-pwa-standalone .ak-slider,
html.akk-pwa-standalone [data-slider]{display:none!important}
html.akk-pwa-standalone .ak-site-header{background:var(--ak-surface,#fff);border-bottom:1px solid var(--ak-border,#e4eaf1)}
html.akk-pwa-standalone .ak-brand-image{display:none!important}
html.akk-pwa-standalone .ak-brand{display:inline-flex!important;flex-direction:column;align-items:center;justify-self:start!important;align-self:center!important;width:auto!important;gap:1px;text-decoration:none;text-align:center}
html.akk-pwa-standalone .akk-pwa-brand-name{font:800 21px/1 Manrope,Inter,sans-serif;color:var(--ak-text,#202936);letter-spacing:-.03em}
html.akk-pwa-standalone .akk-pwa-brand-by{font:700 9px/1.15 Inter,sans-serif;letter-spacing:.06em;color:var(--ak-muted,#697586);text-transform:uppercase;text-align:center;width:100%}
html.akk-pwa-standalone .ak-shell{grid-template-columns:250px minmax(0,1fr);max-width:1180px}
html.akk-pwa-standalone .akk-main{max-width:none}
html.akk-pwa-standalone .akk-breadcrumb{margin-bottom:12px}
html.akk-pwa-standalone .akk-tool{margin-bottom:24px}
html.akk-pwa-standalone .ak-sidebar-title{font-size:13px}


/* Własny footer PWA na stronach pojedynczych narzędzi. */
html.akk-pwa-standalone .akk-pwa-tool-footer{max-width:1180px;margin:8px auto 0;padding:18px 18px 26px;color:var(--ak-muted,#697586);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html.akk-pwa-standalone .akk-pwa-tool-links{padding-top:18px;border-top:1px solid var(--ak-border,#e4eaf1);display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;font-size:13px}
html.akk-pwa-standalone .akk-pwa-tool-links span{color:var(--ak-muted,#697586)}
html.akk-pwa-standalone .akk-pwa-tool-links a{color:var(--ak-text,#202936);font-weight:700;text-decoration:none}
html.akk-pwa-standalone .akk-pwa-tool-links a:hover{color:var(--ak-accent,#4a9af4)}
html.akk-pwa-standalone .akk-pwa-tool-store{margin-top:16px;padding-top:14px;border-top:1px solid var(--ak-border,#e4eaf1);display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ak-muted,#697586);font-size:11px;text-align:center}
html.akk-pwa-standalone .akk-pwa-tool-store a{color:var(--ak-muted,#697586);font-weight:800;text-decoration:none}
html.akk-pwa-standalone .akk-pwa-tool-store a:hover{color:var(--ak-accent,#4a9af4)}

@media(max-width:820px){
  .akk-app-grid{grid-template-columns:1fr}.akk-app-shell{padding-left:14px;padding-right:14px}.akk-app-header{min-height:62px}.akk-app-web{display:none}
  html.akk-pwa-standalone .ak-shell{grid-template-columns:1fr}
}
@media(max-width:420px){.akk-app-tool{min-height:70px;padding:11px}.akk-app-intro{margin-bottom:22px}}

/* 0.1.6: desktop PWA – własna stopka nie może zostać ukryta przez regułę chowającą footer motywu. */
html.akk-pwa-standalone .akk-pwa-tool-footer{display:block!important;visibility:visible!important;opacity:1!important}
@media(min-width:821px){
  html.akk-pwa-standalone .akk-pwa-tool-footer{position:sticky;bottom:0;z-index:60;background:color-mix(in srgb,var(--ak-surface,#fff) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -8px 24px rgba(15,23,42,.06)}
  html.akk-pwa-standalone .akk-pwa-tool-links{justify-content:center}
}

/* Desktopowa strona startowa PWA: linki są zawsze dostępne przy dolnej krawędzi okna. */
.akk-app-bottom-links{margin-top:0}
@media(min-width:821px){
  html.akk-pwa-standalone.akk-pwa-app-page .akk-app-shell{padding-bottom:92px}
  html.akk-pwa-standalone.akk-pwa-app-page .akk-app-bottom-links{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;padding:10px 18px;background:color-mix(in srgb,var(--akk-app-surface) 94%,transparent);border-top:1px solid var(--akk-app-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -8px 24px rgba(15,23,42,.06)}
  html.akk-pwa-standalone.akk-pwa-app-page .akk-app-web-links,html.akk-pwa-standalone.akk-pwa-app-page .akk-app-store{margin:0;padding:0;border:0}
  html.akk-pwa-standalone.akk-pwa-app-page .akk-app-store{font-size:12px}
}