.pn-offline-banner{z-index:2150;top:calc(env(safe-area-inset-top,0px) + 8px);background:var(--pn-warn-bg);max-width:520px;color:var(--pn-warn-text);box-shadow:0 0 0 1px var(--pn-warn-ring), 0 4px 14px var(--pn-shadow);pointer-events:none;border-radius:12px;margin:0 auto;padding:8px 12px;font-size:15px;font-weight:600;line-height:1.35;position:fixed;left:16px;right:16px}.pn-offline-banner:before{content:"";z-index:-1;border-radius:inherit;background:var(--pn-surface);position:absolute;inset:0}.pn-update{z-index:2200;left:16px;right:16px;bottom:calc(max(var(--pn-tabbar-clearance,0px), env(safe-area-inset-bottom,0px)) + 16px);background:var(--pn-surface);max-width:520px;color:var(--pn-label);box-shadow:0 0 0 1px var(--pn-ring), 0 8px 24px var(--pn-shadow);border-radius:16px;align-items:center;gap:12px;margin:0 auto;padding:12px 12px 12px 16px;font-size:15px;display:flex;position:fixed}.pn-update p{flex:1;margin:0;font-weight:600}.pn-update button{background:var(--pn-accent);min-width:48px;min-height:48px;color:var(--pn-on-primary);font:inherit;cursor:pointer;border:0;border-radius:12px;padding:0 18px;font-weight:700}.pn-update .pn-update__later{color:var(--pn-accent);box-shadow:inset 0 0 0 1px var(--pn-ring);background:0 0;padding:0 12px}.pn-update button:focus-visible{outline:3px solid var(--pn-accent,#0b7a75);outline-offset:2px}.pn-offline{background:var(--pn-fill);min-height:100dvh;color:var(--pn-label);padding:calc(env(safe-area-inset-top,0px) + 24px) 16px calc(env(safe-area-inset-bottom,0px) + 32px)}.pn-offline__inner{flex-direction:column;gap:16px;max-width:560px;margin:0 auto;display:flex}.pn-offline h1{margin:0;font-size:28px;line-height:1.2}.pn-offline h2{margin:8px 0 0;font-size:19px}.pn-offline p{color:var(--pn-label2);margin:0;font-size:16px;line-height:1.45}.pn-offline__links{flex-wrap:wrap;gap:12px;display:flex}.pn-offline__links a{background:var(--pn-accent);min-height:48px;color:var(--pn-on-primary);border-radius:12px;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.pn-offline__links a+a{background:var(--pn-surface);color:var(--pn-label);box-shadow:inset 0 0 0 1px var(--pn-ring)}.pn-offline__links a:focus-visible{outline:3px solid var(--pn-accent,#0b7a75);outline-offset:2px}.pn-offline__trips{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pn-offline__trip{background:var(--pn-surface);box-shadow:inset 0 0 0 1px var(--pn-ring);border-radius:16px}.pn-offline__trip summary{cursor:pointer;flex-direction:column;gap:2px;min-height:48px;padding:12px 16px;list-style:none;display:flex}.pn-offline__trip summary::-webkit-details-marker{display:none}.pn-offline__trip summary:focus-visible{outline:3px solid var(--pn-accent,#0b7a75);outline-offset:2px;border-radius:16px}.pn-offline__trip-to{color:var(--pn-label);font-size:17px;font-weight:700}.pn-offline__trip-from,.pn-offline__trip-hint{color:var(--pn-label2);font-size:15px}.pn-offline__steps{color:var(--pn-label);flex-direction:column;gap:6px;margin:0;padding:0 16px 16px 36px;font-size:16px;line-height:1.4;display:flex}.pn-offline__meta{padding:0 16px 16px}