.pwa-bottom-nav,.pwa-brand,.pwa-menu-toggle { display:none; }
.mad-app-main { width:min(1180px,calc(100% - 28px)); margin:24px auto 48px; color:#e8f1fb; }
.app-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:26px; padding:16px 28px 16px 16px; border:1px solid #b4c9df; border-radius:18px; background:radial-gradient(ellipse at 95% 10%,#b2163044,transparent 60%),linear-gradient(135deg,#15385d,#07121f); box-shadow:inset 0 1px #fff8,0 5px 0 #34475a; }
.app-hero img { width:100%; height:auto; border-radius:10px; }.app-hero h1 { font-size:clamp(2rem,4.5vw,3.8rem); font-style:italic; line-height:1.05; margin:12px 0; color:#edf4fc; }.app-hero p { color:#c2d5ea; line-height:1.5; }.app-hero .eyebrow { color:#99c9fb; font-size:.72rem; letter-spacing:.1em; }
.app-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:24px 0; }.app-shortcuts a { padding:20px; border:1px solid #6c91ba; border-radius:10px; background:linear-gradient(150deg,#1e4269,#112338); box-shadow:inset 0 1px #ffffff35,0 3px 0 #070d16; }.app-shortcuts strong,.app-shortcuts span { display:block; }.app-shortcuts strong { color:#eaf4ff; font-size:1.1rem; }.app-shortcuts span { color:#b6cce2; font-size:.85rem; line-height:1.5; margin-top:7px; }
.app-settings-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:20px; align-items:start; }.app-card { padding:26px; border:1px solid #91a9c1; border-radius:13px; background:linear-gradient(140deg,#26384e,#0c1929); box-shadow:inset 0 1px #ffffff60,0 5px 0 #070c14; }.app-card h2 { margin:10px 0; color:white; font-style:italic; }.app-card p,.app-card li { line-height:1.6; }.app-card ol { padding-left:22px; }.app-card li { margin:14px 0; }.app-card .eyebrow { color:#a8cfff; font-size:.72rem; }.app-card button,.app-button { display:inline-block; padding:12px 18px; min-height:44px; border:1px solid #9dc6ee; border-radius:7px; background:linear-gradient(150deg,#3978b6,#164777); color:white; font:inherit; font-weight:700; cursor:pointer; }.app-card button:disabled { opacity:.5; }.app-check { display:flex; align-items:center; gap:10px; margin:14px 0; font-weight:650; line-height:1.4; }.app-check input { width:20px; height:20px; flex:0 0 20px; accent-color:#50a8ff; }.app-card fieldset { margin:20px 0; padding:8px 18px; border:1px solid #5c799a; border-radius:8px; }.app-card legend { padding:0 8px; font-weight:700; }.app-small { font-size:.83rem; color:#b9cde3; }.app-notification-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }.app-card [hidden],.pwa-bottom-nav [hidden] { display:none!important; }#push-status { padding:12px 0; color:#bedbfa; }.app-card :focus-visible { outline:3px solid #a8d4ff; outline-offset:4px; }
@media(max-width:768px) { body.pwa-ready { padding-bottom:calc(76px + env(safe-area-inset-bottom,0px)); }.pwa-ready .topbar { padding-top:env(safe-area-inset-top,0px); }.pwa-ready .topbar .nav { min-height:58px; padding:8px 0; display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:8px; }.pwa-ready .pwa-brand { display:flex; flex-direction:column; line-height:1.05; }.pwa-brand strong { color:#e9f3ff; font-size:1rem; font-style:italic; letter-spacing:.04em; }.pwa-brand span { color:#ed6576; font-size:.7rem; font-weight:900; letter-spacing:.23em; margin-top:4px; }.pwa-ready .pwa-menu-toggle { display:block; border:1px solid #7c9abb; border-radius:7px; padding:9px 15px; background:#152b43; color:white; font:inherit; font-size:.85rem; font-weight:700; }.pwa-ready .topbar .nav-links { display:none; width:100%; flex-basis:100%; }.pwa-ready .topbar .pwa-menu-open .nav-links { display:flex; flex-wrap:wrap; gap:5px; padding-top:10px; }.pwa-ready .topbar .nav-links a { flex:1 1 110px; min-height:42px; justify-content:center; text-align:center; padding:10px 8px; }.pwa-bottom-nav { position:fixed; inset:auto 0 0; z-index:70; display:flex; justify-content:space-around; gap:2px; padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px)); background:#0b1828f5; border-top:1px solid #88aed4; box-shadow:0 -4px 20px #0006; backdrop-filter:blur(14px); }.pwa-bottom-nav a { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:45px; border-radius:7px; color:#b6cde3; font-size:.65rem; font-weight:750; }.pwa-bottom-nav a[aria-current=page] { background:#204970; color:#fff; box-shadow:inset 0 -2px #f05a6d; }.pwa-bottom-nav svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linejoin:round; stroke-linecap:round; }.app-hero { grid-template-columns:1fr; gap:12px; text-align:center; padding:12px 14px 24px; }.app-hero img { max-height:250px; object-fit:contain; }.app-hero h1 { font-size:2.4rem; }.app-settings-grid { grid-template-columns:1fr; }.app-shortcuts { grid-template-columns:1fr; gap:10px; margin:18px 0; }.app-shortcuts a { padding:16px 18px; }.app-card { padding:22px; }.mad-app-main { margin-top:18px; } }

.pwa-ready [hidden] { display:none!important; }

.app-page { background:radial-gradient(ellipse at 5% 0,#113b6455,transparent 50%),radial-gradient(ellipse at 100% 5%,#8d1c3044,transparent 45%),#07111f; }
@media(max-width:768px) { .pwa-ready .topbar { background:#081523f5; border-bottom:1px solid #7c9abb; }.pwa-ready .pwa-brand strong { color:#e9f3ff; text-shadow:0 1px #000; } }