.app-shell{background:#fff;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.app-header{border-bottom:1px solid #e5e7eb;align-items:baseline;gap:8px;padding:16px 20px;display:flex}.app-title{color:#1d4ed8;font-size:1.1rem;font-weight:700}.app-badge{color:#6b7280;background:#f3f4f6;border-radius:999px;padding:2px 8px;font-size:.7rem}.app-content{flex:1;padding:20px 20px 90px;overflow-y:auto}.bottom-nav{width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e5e7eb;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{text-align:center;color:#6b7280;flex:1;padding:10px 4px;font-size:.72rem;text-decoration:none}.nav-item.active{color:#1d4ed8;font-weight:600}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}.app-shell{color:#e5e7eb;background:#16171d}.app-header,.bottom-nav{background:#16171d;border-color:#2e303a}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:0 0 8px}button{font:inherit}.card{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:12px;padding:16px}.muted{color:#6b7280;font-size:.85rem}.pill{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.btn-primary{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:10px;padding:12px 16px;font-weight:600}.list-link{color:inherit;text-decoration:none;display:block}a{color:#1d4ed8}