/* The sign-in shell: only a frame around login.seppo.app/login. No form, no password field on seppo.app. */
:root { color-scheme: light dark; --bg: #f3e8cc; --fg: #2b1d10; --link: #8a5f10; }
@media (prefers-color-scheme: dark) { :root { --bg: #0b1233; --fg: #fbf3dc; --link: #e9b84f; } }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--fg); font: 16px/1.4 system-ui, sans-serif; }
body { display: flex; flex-direction: column; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); box-sizing: border-box; }
main { flex: 1 1 auto; min-height: 0; display: flex; }
iframe { flex: 1 1 auto; width: 100%; border: 0; background: transparent; color-scheme: normal; }
p { margin: 0; padding: 10px 16px; text-align: center; }
a { color: var(--link); }