/* Native app look (same rules as the Impact Connect native pass): app bars, icon bottom bar, 48px touch targets, Android and iPhone variants from one codebase. Nothing removed. */
@media(max-width:700px){
html[data-native]{--nr:24px;--nbg:#F3E9F7;--bar:#EAD9F2;--pill:#D9BDEB}
html[data-native=ios]{--nr:14px;--nbg:#F4F2F6;--bar:color-mix(in srgb,var(--white) 90%,transparent)}
html[data-native] body{background:var(--nbg)}
html[data-native] header{background:var(--bar);border-bottom:1px solid var(--line);padding:0 16px;min-height:64px}
html[data-native=ios] header{min-height:60px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
html[data-native] header b{font-size:21px;letter-spacing:-.4px}
html[data-native] .banner{display:none}
html[data-native] nav{display:grid;grid-template-columns:repeat(5,1fr);background:var(--bar);border-top:1px solid var(--line);height:calc(76px + env(safe-area-inset-bottom));padding:8px 6px calc(8px + env(safe-area-inset-bottom))}
html[data-native=ios] nav{height:calc(72px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
html[data-native] nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:0;border-radius:0;font-size:11px;font-weight:700;min-height:52px;padding:0;color:var(--grey)}
html[data-native] nav button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;padding:4px 16px;box-sizing:content-box;border-radius:18px}
html[data-native] nav button[aria-current=page]{background:none;color:var(--deep)}
html[data-native] nav button[aria-current=page] svg{background:var(--pill)}
html[data-native=ios] nav button svg{padding:2px 16px}
html[data-native=ios] nav button[aria-current=page] svg{background:none;stroke-width:2.5}
html[data-native] button,html[data-native] select,html[data-native] input[type=text]{min-height:48px;border-radius:var(--nr)}
html[data-native] nav button{border-radius:0;min-height:52px}
html[data-native] textarea{border-radius:16px}
html[data-native] .card{border-radius:var(--nr);border-color:transparent;box-shadow:0 1px 3px #3e185014}
html[data-native=ios] .card{box-shadow:none;border-color:var(--line)}
html[data-native] .tile{border-radius:calc(var(--nr) - 6px)}
html[data-native] h1{letter-spacing:-.6px}
html[data-native] .tools select,html[data-native] .tools button{min-height:44px}
}
@media(prefers-color-scheme:dark){html[data-native]:not([data-theme=light]){--nbg:#17101C;--bar:#2B1F34;--pill:#4A2F63}html[data-native=ios]:not([data-theme=light]){--bar:color-mix(in srgb,var(--white) 90%,transparent)}}
html[data-native][data-theme=dark]{--nbg:#17101C;--bar:#2B1F34;--pill:#4A2F63}html[data-native=ios][data-theme=dark]{--bar:color-mix(in srgb,var(--white) 90%,transparent)}
html[data-native] .mkbar{bottom:calc(76px + env(safe-area-inset-bottom))}html[data-native=ios] .mkbar{bottom:calc(72px + env(safe-area-inset-bottom))}