.app-main { padding: var(--syr-space-8) 0 var(--syr-space-16); }
.app-login { max-width: 420px; margin: 10vh auto; text-align: center; }
.app-login .syr-card { text-align: left; margin-top: var(--syr-space-6); }
.app-form { display: grid; gap: var(--syr-space-4); max-width: 640px; }
.app-inline { display: inline; }
.app-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--syr-space-6); }
.app-progress { display: grid; gap: var(--syr-space-2); }
.app-log { font-family: ui-monospace, monospace; font-size: 0.85rem; white-space: pre-wrap; background: var(--syr-surface-subtle); padding: var(--syr-space-4); border-radius: var(--syr-radius-sm); max-height: 320px; overflow: auto; }
.app-score { font-family: var(--syr-font-head); font-size: 2rem; font-weight: var(--syr-fw-bold); }
@media (max-width: 720px) { .app-grid-2 { grid-template-columns: 1fr; } }