.telefon{--szer:300px;--pt:calc(100cqw / 393);width:var(--szer);aspect-ratio:393/852;padding:calc(var(--szer) * .034);border-radius:calc(var(--szer) * .165);box-shadow:inset 0 0 0 calc(var(--szer) * .005) #ffffff38, inset 0 0 0 calc(var(--szer) * .012) #0b0e0c, 0 calc(var(--szer) * .1) calc(var(--szer) * .2) calc(var(--szer) * -.06) #1118146b, var(--cien-plywajacy);background:linear-gradient(150deg,#454c47 0%,#1d2220 34%,#101412 100%);flex:none;position:relative}.telefon__ekran{border-radius:calc(var(--szer) * .135);background:var(--papier);width:100%;height:100%;color:var(--atrament);font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, var(--font-sans);-webkit-font-smoothing:antialiased;isolation:isolate;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;container-type:inline-size}.telefon__warstwa{padding-top:calc(54 * var(--pt));background:var(--papier);position:absolute;inset:0}.telefon__wyspa{z-index:5;top:calc(11 * var(--pt));width:calc(124 * var(--pt));height:calc(36 * var(--pt));background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.telefon .g-ikona{width:1em;height:1em}.ios-stan{height:calc(54 * var(--pt));padding:calc(4 * var(--pt)) calc(34 * var(--pt)) 0 calc(40 * var(--pt));font-size:calc(17 * var(--pt));justify-content:space-between;align-items:center;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.ios-stan__ikony{align-items:center;gap:calc(5 * var(--pt));font-size:calc(17 * var(--pt));display:inline-flex}.ios-stan__bateria{width:calc(26 * var(--pt));height:calc(12.5 * var(--pt));border-radius:calc(4 * var(--pt));background:currentColor;position:relative}.ios-stan__bateria:after{content:"";top:30%;right:calc(-3 * var(--pt));width:calc(2 * var(--pt));opacity:.5;background:currentColor;border-radius:0 2px 2px 0;height:40%;position:absolute}.ios-narzedzia{height:calc(52 * var(--pt));padding:0 calc(16 * var(--pt));justify-content:space-between;align-items:center;display:flex}.ios-narzedzia--prawe{justify-content:flex-end}.ios-szklo{justify-content:center;align-items:center;gap:calc(20 * var(--pt));min-width:calc(44 * var(--pt));height:calc(44 * var(--pt));padding:0 calc(12 * var(--pt));background:color-mix(in srgb, var(--powierzchnia) 78%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--atrament) 7%, transparent), 0 calc(2 * var(--pt)) calc(8 * var(--pt)) #11181414;font-size:calc(21 * var(--pt));border-radius:999px;display:inline-flex}.ios-szklo--alarm{color:var(--alarm-wypelnienie)}.ios-szklo--para{padding:0 calc(15 * var(--pt))}.ios-tytul{padding:calc(4 * var(--pt)) calc(20 * var(--pt)) 0}.ios-tytul__duzy{font-size:calc(34 * var(--pt));letter-spacing:.005em;font-weight:700;line-height:1.15}.ios-tytul__pod{margin-top:calc(1 * var(--pt));font-size:calc(13 * var(--pt));color:var(--atrament-2)}.ios-segmenty{margin:calc(14 * var(--pt)) calc(20 * var(--pt)) 0;padding:calc(2 * var(--pt));background:var(--powierzchnia-2);font-size:calc(14 * var(--pt));text-align:center;border-radius:999px;grid-template-columns:1fr 1fr;font-weight:500;display:grid}.ios-segmenty>span{padding:calc(6 * var(--pt)) 0;border-radius:999px}.ios-segmenty__aktywny{background:var(--powierzchnia);box-shadow:0 calc(1 * var(--pt)) calc(4 * var(--pt)) #1118141f;font-weight:600}.ios-sekcja{align-items:center;gap:calc(6 * var(--pt));margin:calc(20 * var(--pt)) calc(36 * var(--pt)) calc(7 * var(--pt));font-size:calc(16 * var(--pt));color:var(--atrament-2);font-weight:600;display:flex}.ios-grupa{margin:0 calc(16 * var(--pt));border-radius:calc(26 * var(--pt));background:var(--powierzchnia);overflow:hidden}.ios-grupa+.ios-grupa{margin-top:calc(14 * var(--pt))}.ios-stopka{margin:calc(7 * var(--pt)) calc(36 * var(--pt)) 0;font-size:calc(13 * var(--pt));color:var(--atrament-2);line-height:1.3}.ios-wiersz{align-items:center;gap:calc(12 * var(--pt));min-height:calc(52 * var(--pt));padding:calc(10 * var(--pt)) calc(16 * var(--pt));display:flex}.ios-wiersz+.ios-wiersz,.ios-miernik+.ios-wiersz,.ios-miernik+.ios-miernik{border-top:1px solid var(--linia)}.ios-wiersz__tekst{flex:1;min-width:0;display:grid}.ios-wiersz__tytul{font-size:calc(17 * var(--pt));line-height:1.25}.ios-wiersz__opis{font-size:calc(14 * var(--pt));color:var(--atrament-2);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.ios-wiersz__prawa{font-size:calc(16 * var(--pt));color:var(--atrament-2);flex:none}.ios-wiersz__strzalka{font-size:calc(14 * var(--pt));color:var(--linia-mocna);flex:none}.ios-ikona{font-size:calc(22 * var(--pt));color:var(--zielen);flex:none}.ios-kafel{width:calc(32 * var(--pt));height:calc(32 * var(--pt));color:#fff;font-size:calc(19 * var(--pt));border-radius:26%;flex:none;place-items:center;display:inline-grid}.ios-ok{color:var(--zielen-mocna)}.ios-brak{color:var(--alarm)}.ios-uwaga{color:var(--jedzenie)}.ios-szare{color:var(--atrament-2)}.ios-miernik{gap:calc(8 * var(--pt));padding:calc(14 * var(--pt)) calc(16 * var(--pt));display:grid}.ios-miernik__glowa{align-items:center;gap:calc(12 * var(--pt));font-size:calc(17 * var(--pt));display:flex}.ios-miernik__glowa .g-ikona{font-size:calc(22 * var(--pt));color:var(--zielen)}.ios-miernik__nazwa{flex:1;font-weight:600}.ios-miernik__wartosc{font-variant-numeric:tabular-nums;font-weight:600}.ios-miernik__tor{height:calc(12 * var(--pt));background:var(--powierzchnia-2);border-radius:999px;display:block;overflow:hidden}.ios-miernik__pasek{border-radius:inherit;background:var(--zielen);transform-origin:0;height:100%;display:block}.ios-miernik__opis{font-size:calc(13 * var(--pt));color:var(--atrament-2)}.ios-miernik--woda .ios-miernik__pasek{background:var(--woda)}.ios-miernik--woda .ios-miernik__glowa .g-ikona{color:var(--woda)}.ios-miernik--jedzenie .ios-miernik__pasek{background:var(--jedzenie)}.ios-miernik--jedzenie .ios-miernik__glowa .g-ikona{color:var(--jedzenie)}.ios-zakladki{left:calc(18 * var(--pt));right:calc(18 * var(--pt));bottom:calc(24 * var(--pt));padding:calc(5 * var(--pt));background:color-mix(in srgb, var(--powierzchnia) 82%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--atrament) 7%, transparent), 0 calc(6 * var(--pt)) calc(20 * var(--pt)) #11181424;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;grid-template-columns:repeat(5,1fr);display:grid;position:absolute}.ios-zakladka{justify-items:center;gap:calc(2 * var(--pt));padding:calc(7 * var(--pt)) 0 calc(6 * var(--pt));font-size:calc(10 * var(--pt));white-space:nowrap;border-radius:999px;font-weight:500;display:grid}.ios-zakladka .g-ikona{font-size:calc(23 * var(--pt))}.ios-zakladka--aktywna{background:color-mix(in srgb, var(--zielen) 15%, transparent);color:var(--zielen-mocna)}.ios-powiadomienie{z-index:4;top:calc(56 * var(--pt));left:calc(10 * var(--pt));right:calc(10 * var(--pt));gap:calc(12 * var(--pt));padding:calc(12 * var(--pt)) calc(14 * var(--pt));border-radius:calc(26 * var(--pt));background:color-mix(in srgb, var(--powierzchnia) 88%, transparent);box-shadow:0 calc(8 * var(--pt)) calc(28 * var(--pt)) #11181438;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:calc(15 * var(--pt));align-items:center;line-height:1.3;display:flex;position:absolute}.ios-powiadomienie img{width:calc(38 * var(--pt));height:calc(38 * var(--pt));border-radius:22%;flex:none}.ios-powiadomienie__tekst{gap:calc(1 * var(--pt));display:grid}.ios-powiadomienie__glowa{color:var(--atrament-2);font-size:calc(13 * var(--pt));justify-content:space-between;display:flex}.ios-powiadomienie__glowa b{color:var(--atrament);font-weight:600;font-size:calc(15 * var(--pt))}.ios-112{justify-content:center;align-items:center;gap:calc(10 * var(--pt));height:calc(64 * var(--pt));margin:calc(18 * var(--pt)) calc(16 * var(--pt)) calc(16 * var(--pt));background:var(--alarm-wypelnienie);color:var(--na-alarmie);font-size:calc(20 * var(--pt));border-radius:999px;font-weight:700;display:flex}.ios-112 .g-ikona{font-size:calc(24 * var(--pt))}.ios-siatka{gap:calc(12 * var(--pt));margin:0 calc(16 * var(--pt));grid-template-columns:1fr 1fr;display:grid}.ios-narzedzie{gap:calc(4 * var(--pt));min-height:calc(118 * var(--pt));padding:calc(14 * var(--pt));border-radius:calc(22 * var(--pt));background:var(--powierzchnia);align-content:start;display:grid}.ios-narzedzie .ios-kafel{width:calc(36 * var(--pt));height:calc(36 * var(--pt));margin-bottom:calc(6 * var(--pt));font-size:calc(21 * var(--pt))}.ios-narzedzie .ios-wiersz__tytul{font-size:calc(16 * var(--pt));font-weight:600}.ios-narzedzie .ios-wiersz__opis{white-space:normal;font-size:calc(13 * var(--pt))}