*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#eaf0ff;font:16px/1.6 system-ui,Segoe UI,Arial}a{color:inherit}header{background:#10182b;border-bottom:1px solid #273451;position:sticky;top:0;z-index:5}.wrap{max-width:1120px;margin:auto;padding:0 22px}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;flex-wrap:wrap}.brand{font-weight:900;font-size:1.25rem;text-decoration:none}.brand b{color:#6ce6b3}.navlinks{display:flex;gap:18px;flex-wrap:wrap}.navlinks a{text-decoration:none;color:#c5d0e4;font-size:.93rem}h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.14;margin:18px 0}h2{font-size:1.65rem;margin:32px 0 16px}h3{margin:4px 0 10px}.muted{color:#aebbd1}.hero{padding:60px 0 35px}.eyebrow{color:#6ce6b3;font-weight:800;letter-spacing:.09em;text-transform:uppercase;font-size:.78rem}.lead{max-width:730px;font-size:1.1rem;color:#b8c5da}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:17px}.card,.panel{background:#151f35;border:1px solid #2a3954;border-radius:18px;padding:23px}.card:hover{border-color:#4c688d}.apphead{display:flex;align-items:center;gap:14px}.logo{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;font-weight:900;font-size:1.7rem;color:#fff;flex:none}.score{margin-left:auto;font-weight:900;color:#70e4b0}.tag{display:inline-block;background:#26344c;border-radius:999px;padding:4px 11px;font-size:.78rem;color:#cbd7e8;margin:5px 5px 5px 0}.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.facts div{border-top:1px solid #344158;padding-top:10px;font-size:.92rem}.facts small{display:block;color:#99a9c2}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;background:#6ce6b3;color:#09231b;font-weight:800;padding:11px 17px;margin:5px 8px 5px 0}.btn.alt{background:#283854;color:#f3f6ff}.btn.disabled{background:#384054;color:#c0c6d0;cursor:not-allowed}.notice{border-left:4px solid #f3bd65;background:#282435;padding:15px 18px;border-radius:9px;margin:22px 0}.good{border-left-color:#6ce6b3;background:#152d2a}.platform{padding:14px 18px;border-radius:12px;background:#1b2c45;margin:16px 0}.steps li{margin:12px 0;padding-left:7px}.foot{margin-top:60px;border-top:1px solid #29364d;padding:25px 0;color:#9cacc6;font-size:.85rem}.small{font-size:.87rem}.filter{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.filter button{background:#22314b;border:1px solid #3a4b66;border-radius:9px;color:white;padding:9px 14px;cursor:pointer}.filter button.active{background:#6ce6b3;color:#09231b}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:670px}th,td{padding:13px;text-align:left;border-bottom:1px solid #344158}th{color:#9ee8cb}button{font:inherit}@media(max-width:600px){.hero{padding-top:38px}.facts{grid-template-columns:1fr}.navlinks{gap:12px}.card{padding:18px}}
/* Wersja 0.2 — szybki start i mobile-first */
.quick-start{margin:22px 0 28px;padding:20px;background:linear-gradient(135deg,#17364b,#152b37);border:1px solid #43836e;border-radius:20px}
.quick-start h2{margin:0 0 7px}.quick-start p{margin:0 0 14px}.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.quick-app{background:#101e30;border:1px solid #34536a;border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:8px;min-width:0}.quick-app strong{font-size:1rem}.quick-app small{color:#b8c9d9}.quick-app .btn{margin:0;padding:9px 10px;font-size:.9rem}.quick-app .more{font-size:.84rem;color:#b7e9dc}
.install-row{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.install-row .btn{margin:0}.install-row .store-secondary{background:#2b3e56;color:#fff}
.platform-note{color:#b9d4db;font-size:.82rem}.unavailable{border:1px solid #7e6b49;background:#352c25;border-radius:10px;padding:10px;font-size:.88rem;color:#f0d5a2}
.jump-link{display:inline-block;margin-top:8px;color:#b4ebd9;font-weight:700}.trust-note{font-size:.84rem;color:#b5c4d9;margin:6px 0}
@media(max-width:980px){.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-start{padding:15px}.quick-app{padding:11px}.quick-app .btn{font-size:.82rem}}

/* v0.3 — kremowo-żółta paleta, ciepłe powierzchnie */
:root{color-scheme:light;--cream:#fff4d4;--paper:#fffdf6;--yellow:#f4c84d;--ink:#342b1c;--soft:#746750;--line:#e9dcbf}
body{background:#fff9e9;color:var(--ink)}header{background:rgba(255,250,234,.96);border-color:var(--line);backdrop-filter:blur(12px)}.brand b,.eyebrow,.score,.jump-link,.quick-app .more{color:#a36d08}.navlinks a{color:#65573d}.muted,.lead,.quick-app small,.trust-note,.platform-note{color:var(--soft)}.card,.panel{background:var(--paper);border-color:var(--line);box-shadow:0 7px 22px rgba(98,72,23,.045)}.card:hover{border-color:#d8af50}.quick-start{background:linear-gradient(135deg,#fff0bd,#fffae8);border-color:#e8cd85}.quick-app{background:#fffdf6;border-color:#ecdcb5}.btn,.filter button.active{background:var(--yellow);color:#38280b}.btn:hover{filter:brightness(.96)}.btn.alt,.install-row .store-secondary{background:#f3e7cb;color:#453820}.tag,.platform{background:#f6ebd1;color:#51432d}.facts div,th,td{border-color:var(--line)}.facts small{color:#806f50}.notice{background:#fff1d6;border-left-color:#d49a28}.good{background:#f7f0d9;border-left-color:#8ca65e}.filter button{background:#fffdf6;border-color:#d9c9a5;color:#51432d}.foot{border-color:var(--line);color:#776a53}.unavailable{background:#fff0d7;color:#795526;border-color:#d7b77b}th{color:#88600d}.logo{background:#f4e6c1!important;color:#4c3b20!important;border:1px solid #e7d4a5;overflow:hidden}.logo img{display:block;width:100%;height:100%;object-fit:contain}.quick-app .app-icon{width:38px;height:38px;display:block}.quick-app strong{display:flex;align-items:center;gap:8px}.app-icon{width:56px;height:56px;border-radius:13px;object-fit:contain}.hero h1 span{color:#a36d08!important}

/* v0.4 — kremowo-pomarańczowe CTA i rozwijane instrukcje */
:root{--cta:#f6c58a;--cta-hover:#efae68;--cta-ink:#342b1c}
.btn:not(.alt):not(.disabled),.quick-app .btn,.filter button.active{background:var(--cta);color:var(--cta-ink);border:1px solid #e5aa68;box-shadow:0 3px 0 rgba(125,74,18,.12);transition:background .15s,transform .15s}
.btn:not(.alt):not(.disabled):hover,.quick-app .btn:hover,.filter button.active:hover{background:var(--cta-hover);filter:none;transform:translateY(-1px)}
.btn:focus-visible,.guide-step summary:focus-visible{outline:3px solid #a66b21;outline-offset:3px}
.guide-step{background:#fffdf6;border:1px solid #e9dcbf;border-radius:15px;margin:12px 0;overflow:hidden}
.guide-step summary{list-style:none;cursor:pointer;display:flex;gap:14px;align-items:center;padding:16px;font-weight:750}
.guide-step summary::-webkit-details-marker{display:none}.guide-step summary::after{content:'⌄';margin-left:auto;font-size:1.3rem;color:#8b6338}.guide-step[open] summary::after{content:'⌃'}
.step-number{display:grid;place-items:center;background:#f6c58a;color:#342b1c;border-radius:10px;width:36px;height:36px;flex-shrink:0}
.step-body{padding:0 17px 18px 67px}.screen-placeholder{border:2px dashed #d9bf96;background:#fff4e4;border-radius:13px;min-height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#8c6e4d;padding:18px;gap:5px}.screen-placeholder span{font-size:2rem}.screen-placeholder small{max-width:400px}
@media(max-width:600px){.step-body{padding:0 14px 16px}.guide-step summary{padding:13px}}

/* v0.5 — motyw automatyczny i cieplejsze nagłówki */
:root{--font-main:system-ui,Segoe UI,Arial,sans-serif;--font-head:system-ui,Segoe UI,Arial,sans-serif} /* ZMIEŃ CZCIONKI TUTAJ */
body{font-family:var(--font-main)}h1,h2,h3,.brand{font-family:var(--font-head);letter-spacing:-.025em}h1{font-weight:850}h2{font-weight:800}
.app-detail-hero{display:flex;align-items:center;gap:23px;padding:28px;background:linear-gradient(125deg,#fff0cb,#fffdf6);border:1px solid var(--line);border-radius:22px;margin-top:26px}.app-detail-hero .app-icon-large{width:104px;height:104px;flex:none;border-radius:24px;border:1px solid var(--line);background:#fff9ed;box-shadow:0 10px 22px #76522118}.app-detail-hero h1{margin:6px 0}.app-detail-hero .lead{margin:8px 0}.app-detail-hero .eyebrow{margin:0}.app-detail-hero img{width:100%;height:100%;object-fit:contain}
.theme-control{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.theme-control select{font:inherit;font-size:.84rem;border:1px solid var(--line);border-radius:9px;padding:7px;background:var(--paper);color:var(--ink)}
.legal-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.legal-links a{text-decoration:underline;text-underline-offset:3px}.legal-page{max-width:820px}.legal-page h2{margin-top:26px}.cookie-note{font-size:.9rem}
html[data-theme="dark"]{color-scheme:dark;--ink:#f6e9d3;--soft:#c5b59d;--line:#594b3b;--paper:#302a25;--cta:#dca56e;--cta-hover:#efb57a;--cta-ink:#2b2018}
html[data-theme="dark"] body{background:#211e1b;color:var(--ink)}
html[data-theme="dark"] header{background:#29241feF;border-color:var(--line)}
html[data-theme="dark"] .navlinks a,html[data-theme="dark"] .muted,html[data-theme="dark"] .lead,html[data-theme="dark"] .trust-note,html[data-theme="dark"] .platform-note{color:var(--soft)}
html[data-theme="dark"] .brand b,html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .score,html[data-theme="dark"] .jump-link,html[data-theme="dark"] .quick-app .more{color:#efbd7e}
html[data-theme="dark"] .card,html[data-theme="dark"] .panel,html[data-theme="dark"] .quick-app,html[data-theme="dark"] .guide-step{background:#302a25;border-color:var(--line)}
html[data-theme="dark"] .quick-start,html[data-theme="dark"] .app-detail-hero{background:linear-gradient(135deg,#413328,#2c2925);border-color:#73593c}
html[data-theme="dark"] .tag,html[data-theme="dark"] .platform,html[data-theme="dark"] .btn.alt,html[data-theme="dark"] .install-row .store-secondary{background:#493d31;color:#f5e4cb}
html[data-theme="dark"] .filter button,html[data-theme="dark"] .theme-control select{background:#393129;color:#f6e9d3;border-color:#69533d}
html[data-theme="dark"] .facts div,html[data-theme="dark"] th,html[data-theme="dark"] td{border-color:var(--line)}
html[data-theme="dark"] .facts small,html[data-theme="dark"] .foot{color:#c1ab8f}
html[data-theme="dark"] .notice,html[data-theme="dark"] .unavailable{background:#443627;color:#f2d7ae;border-color:#b88749}
html[data-theme="dark"] .good{background:#33382d;border-color:#8da36b}
html[data-theme="dark"] .screen-placeholder{background:#3a3029;color:#ddc4a5;border-color:#806648}
html[data-theme="dark"] .logo,html[data-theme="dark"] .app-detail-hero .app-icon-large{background:#e8d5b5!important;border-color:#806648}
html[data-theme="dark"] .quick-app small{color:#c5b59d}
html[data-theme="dark"] .hero h1 span{color:#efbd7e!important}
@media(max-width:650px){.app-detail-hero{padding:18px;gap:14px}.app-detail-hero .app-icon-large{width:76px;height:76px;border-radius:17px}.app-detail-hero h1{font-size:2rem}.app-detail-hero .lead{font-size:.94rem}.theme-control{width:100%}}

/* v0.6 — wprowadzenie edukacyjne i automatyczny zachód słońca */
.intro-guide{margin:26px 0 20px;padding:clamp(20px,4vw,36px);border:1px solid #e9d6ad;border-radius:22px;background:linear-gradient(145deg,#fffdf6,#fff2d9)}
.intro-guide h2{margin:8px 0 12px;font-size:clamp(1.55rem,3vw,2.1rem)}
.intro-lead{font-size:1.06rem;line-height:1.75;max-width:940px;color:var(--ink)}
.intro-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:23px 0}
.intro-tiles article{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:19px}
.intro-tiles h3{margin:10px 0 7px;font-size:1.12rem}.intro-tiles p{margin:0;line-height:1.6;color:var(--soft)}
.intro-symbol{display:inline-flex;align-items:center;justify-content:center;width:47px;height:47px;background:#fff0d5;border-radius:13px;font-size:1.6rem}
.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding:18px 0;border-top:1px solid var(--line)}
.intro-bottom h3{margin:0 0 8px}.intro-bottom p,.intro-bottom li{line-height:1.7;color:var(--soft)}.intro-bottom ul{padding-left:21px;margin:0}
.intro-actions{margin-top:10px}.location-theme-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;padding:7px 9px;cursor:pointer;font-size:.8rem}
html[data-theme="dark"] .intro-guide{background:linear-gradient(145deg,#413328,#2c2925);border-color:#73593c}
html[data-theme="dark"] .intro-tiles article{background:#302a25;border-color:var(--line)}
html[data-theme="dark"] .intro-symbol{background:#57422f}
html[data-theme="dark"] .location-theme-btn{background:#393129;color:#f6e9d3;border-color:#69533d}
html{transition:background-color .5s,color .5s}body,header,.card,.panel,.quick-start,.quick-app,.intro-guide,.guide-step{transition:background-color .5s,color .5s,border-color .5s}
@media(max-width:740px){.intro-tiles{grid-template-columns:1fr}.intro-bottom{grid-template-columns:1fr;gap:12px}.intro-guide{padding:19px}.intro-lead{font-size:1rem}}

/* v0.7 — linkowane galerie prawdziwych ekranów; ilustracje wyraźnie schematyczne */
.screen-source{display:grid;grid-template-columns:118px 1fr;gap:17px;align-items:center;background:var(--paper);border:1px solid var(--line);padding:14px;border-radius:15px;margin-top:12px}
.screen-source-art{background:linear-gradient(150deg,#fff0d5,#f5d6ae);border-radius:12px;min-height:150px;display:grid;place-items:center}
.phone-illustration{display:flex;flex-direction:column;gap:8px;width:72px;height:127px;border:5px solid #574432;border-radius:13px;background:#fffdf6;padding:15px 7px 8px;box-shadow:3px 5px 12px #59421e24}
.phone-top{height:5px;width:22px;background:#574432;border-radius:8px;align-self:center}.phone-line{height:7px;background:#e4c797;border-radius:4px}.phone-line.short{width:60%}.phone-card{height:31px;background:#f6c58a;border-radius:5px}.screen-source p{font-size:.92rem;color:var(--soft);margin:7px 0}.screen-source small{display:block;font-size:.78rem;color:var(--soft);margin-top:8px}.source-link{display:inline-block;background:#f6c58a;color:#342b1c!important;padding:9px 13px;border-radius:10px;text-decoration:none;font-weight:750}.source-link:hover{background:#efae68}.source-disclaimer{font-size:.86rem;color:var(--soft);border-left:3px solid var(--cta);padding-left:13px;margin:18px 0}
html[data-theme="dark"] .screen-source-art{background:linear-gradient(150deg,#5d4938,#3c3029)}
@media(max-width:520px){.screen-source{grid-template-columns:1fr}.screen-source-art{min-height:110px}.phone-illustration{transform:scale(.75);margin:-15px}}

.device-details summary,.support-details summary{cursor:pointer;padding:.65rem;font-weight:600}.device-details .filter{padding:.5rem}.support-details{margin:1rem 0;border:1px solid #aaa;border-radius:10px;padding:.4rem}.support-details p{padding:.5rem;line-height:1.5}

/* v0.8.1: szybkie akcje w kafelkach */
.quick-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:.65rem 0}
.quick-platforms{display:inline-flex;gap:.45rem;flex-wrap:wrap}
.quick-platforms a{display:inline-block;border:1px solid currentColor;border-radius:9px;padding:.45rem .65rem;text-decoration:none;font-size:.9rem}
.quick-platforms a:hover{text-decoration:underline}

.quick-platforms a{display:inline-flex;align-items:center;gap:.35rem}
.platform-icon{width:19px;height:19px;display:inline-block;vertical-align:middle;flex-shrink:0}

.quick-platforms{gap:6px}
.quick-platforms a{border:0;padding:3px;min-width:30px;min-height:30px;display:inline-flex;align-items:center;justify-content:center}
.quick-platforms .platform-icon{width:24px;height:24px}

/* v0.8.5 — czytelniejszy logotyp w nagłówku, szczególnie na telefonach */
header .brand{display:inline-flex;align-items:center;gap:.08em;font-size:1.48rem;line-height:1.2;white-space:nowrap}
@media(max-width:600px){
  header .brand{font-size:1.65rem;line-height:1.2}
  header .nav{row-gap:12px}
}
@media(max-width:360px){header .brand{font-size:1.48rem}}