:root{font-family:var(--tl4k-font-family-body, Lexend, system-ui, sans-serif);color:var(--tl4k-neutral-700, #4a4949);background:var(--tl4k-surface-warm, #f9f6f5)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}.app-shell{max-width:1100px;margin:0 auto;padding:var(--tl4k-spacing-lg, 1.5rem)}.app-title{font-family:var(--tl4k-font-family-headline, "Plus Jakarta Sans", sans-serif);font-size:var(--tl4k-font-size-xl, 1.5rem);color:var(--tl4k-primary-500, #0076a8);margin:0 0 var(--tl4k-spacing-md, 1rem)}.filters{display:flex;flex-wrap:wrap;gap:var(--tl4k-spacing-sm, .75rem);margin-bottom:var(--tl4k-spacing-lg, 1.5rem)}.filters label{display:flex;flex-direction:column;gap:.25rem;font-size:var(--tl4k-font-size-sm, .875rem)}.filters input,.filters select{min-height:var(--tl4k-touch-target-size, 48px);padding:0 var(--tl4k-spacing-sm, .75rem);border:1px solid var(--tl4k-neutral-300, #c8c7c7);border-radius:var(--tl4k-border-radius-md, .5rem)}.activity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--tl4k-spacing-md, 1rem)}.status-banner{padding:var(--tl4k-spacing-md, 1rem);border-radius:var(--tl4k-border-radius-md, .5rem);background:var(--tl4k-surface-default, #fff);border:1px solid var(--tl4k-neutral-200, #e5e4e4)}.status-banner--error{border-color:var(--tl4k-secondary-500, #f39200)}.viewer-panel{margin-top:var(--tl4k-spacing-lg, 1.5rem)}.viewer-panel h2{font-family:var(--tl4k-font-family-headline, "Plus Jakarta Sans", sans-serif);font-size:var(--tl4k-font-size-lg, 1.25rem);margin:0 0 var(--tl4k-spacing-sm, .75rem)}.activity-frame{width:100%;min-height:70vh;border:1px solid var(--tl4k-neutral-300, #c8c7c7);border-radius:var(--tl4k-border-radius-lg, .75rem);background:#fff}.back-link{min-height:var(--tl4k-touch-target-size, 48px);min-width:var(--tl4k-touch-target-size, 48px);margin-bottom:var(--tl4k-spacing-md, 1rem);padding:0 var(--tl4k-spacing-md, 1rem);border:none;border-radius:var(--tl4k-border-radius-md, .5rem);background:var(--tl4k-primary-500, #0076a8);color:var(--tl4k-surface-default, #fff);cursor:pointer}.back-link:focus-visible{outline:3px solid var(--tl4k-secondary-500, #f39200);outline-offset:2px}html.tl4k-embedded-shell,html.tl4k-embedded-shell body,html.tl4k-embedded-shell #root{height:100%;min-height:0}html.tl4k-embedded-shell body{overflow:hidden;background:var(--tl4k-surface-default, #fff)}.app-shell--embedded-viewer{height:100%;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.app-shell--embedded-viewer .viewer-panel{flex:1;min-height:0;margin:0;display:flex;flex-direction:column}.app-shell--embedded-viewer .activity-frame{flex:1;min-height:0;width:100%;border:none;border-radius:0}