[hidden]{display:none!important}.app-nav{display:flex!important;gap:5px;position:fixed;bottom:0;left:0;right:0;margin:0;padding:9px 8px max(9px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e3e8f0;box-shadow:0 -5px 24px #17223508;z-index:30;justify-content:center}.app-nav a{display:flex;flex:1;max-width:180px;flex-direction:column;align-items:center;gap:5px;padding:8px 6px;background:transparent;font-size:12px;color:#69758a;border-radius:14px}.app-nav a[aria-current=page]{background:#fff6d5;color:#172235}.app-nav svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.distelna-app main{padding-bottom:125px}.app-overview>nav{display:none}.app-overview>h1{font-size:clamp(24px,4vw,34px)}.app-overview>.grid>.card:first-child{background:linear-gradient(125deg,#183449,#28596a);color:white;border:0}.app-overview>.grid>.card:first-child small{color:#d5e7ee}.app-overview>.grid>.card:first-child h2{font-size:34px;margin-top:12px}.app-help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.app-help-grid a{display:block;padding:22px;border:1px solid #e3e8f0;border-radius:16px;text-decoration:none;background:#fff}.app-help-grid strong{display:block;margin-bottom:8px}.app-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.app-toolbar a{font-size:13px}.app-install-bar{display:flex;justify-content:flex-end;padding-top:10px}.app-install-bar button{font-size:12px;background:#edf1f7}.app-help-intro{font-size:16px;color:#69758a}.app-install-guide li{margin:12px 0;line-height:1.5}.distelna-app [data-app-panel]{animation:app-in .15s ease-out}@keyframes app-in{from{opacity:.6}to{opacity:1}}@media(prefers-reduced-motion:reduce){.distelna-app [data-app-panel]{animation:none}}@media(max-width:640px){.bar .logo{font-size:23px}.bar button{font-size:12px;padding:10px}.app-overview>.grid{grid-template-columns:1fr}.app-nav a{min-height:57px}.card{border-radius:20px}h2{font-size:21px}.app-help-grid{grid-template-columns:1fr}header .bar{padding-top:max(16px,env(safe-area-inset-top))}}
