.tp-app{display:flex;flex-direction:column;min-height:100dvh}.tp-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--tp-space-unit) * 3);min-height:64px;padding:calc(var(--tp-space-unit) * 3) calc(var(--tp-space-unit) * 4);padding-top:max(calc(var(--tp-space-unit) * 3),env(safe-area-inset-top));background:var(--tp-green-900);color:var(--tp-on-green)}.tp-header__logo{display:block;height:32px;width:auto}.tp-pill{display:inline-flex;align-items:center;gap:calc(var(--tp-space-unit) * 2);min-height:32px;padding:0 calc(var(--tp-space-unit) * 3);border-radius:999px;background:var(--tp-on-green);color:var(--tp-green-900);font-size:16px;font-weight:600}.tp-pill__icon{width:10px;height:10px;border-radius:50%;background:currentColor}.tp-pill--offline .tp-pill__icon{background:transparent;border:2px solid currentColor}.tp-main{flex:1;padding:calc(var(--tp-space-unit) * 6) calc(var(--tp-space-unit) * 4)}.tp-title{margin:0 0 calc(var(--tp-space-unit) * 3);font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.tp-card{margin:calc(var(--tp-space-unit) * 6) 0 0;padding:calc(var(--tp-space-unit) * 4);border:1px solid var(--tp-border);border-radius:var(--tp-radius-lg);font-weight:600}.tp-footer{padding:calc(var(--tp-space-unit) * 4);padding-bottom:max(calc(var(--tp-space-unit) * 4),env(safe-area-inset-bottom));border-top:1px solid var(--tp-border)}.tp-footer p{margin:0 0 calc(var(--tp-space-unit) * 2)}.tp-muted{color:var(--tp-ink-muted);font-size:14px}