Something went wrong. Try again.
find unattached blobs for removal
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115/* Sifter app styles — minimal functional CSS (no glassmorphism, no gradients, no animations, no box-shadows). 18px base font, 48px touch targets, WCAG AA. */
.app-container { min-height: 100vh; background-color: var(--background); color: var(--text); display: flex; flex-direction: column;}
.main-container { flex: 1; margin: 0 auto; max-width: 1000px; width: 100%; padding: 0 16px 48px; box-sizing: border-box;}
h1 { font-size: 2.1em; margin: 24px 0 8px; color: var(--text);}
h2 { font-size: 1.5em; margin: 24px 0 8px; color: var(--text);}
p { margin: 12px 0;}
a { color: var(--button-bg);}
button { background: var(--button-bg); border: none; border-radius: 6px; color: var(--button-text); cursor: pointer; padding: 12px 20px; font-weight: 700; font-size: 1rem; min-height: 48px; transition: background-color 0.2s ease;}
button:hover { background: var(--button-hover-bg);}
button:disabled { opacity: 0.5; cursor: not-allowed;}
/* Destructive actions flash red (user preference) */button.danger { background: var(--error-text); animation: flash-red 0.6s ease;}
@keyframes flash-red { 0% { background-color: #ff4444; } 100% { background-color: var(--error-text); }}
.auth-loading,.auth-redirecting { padding: 48px; text-align: center; color: var(--text-muted);}
.error { color: var(--error-text);}
.muted { color: var(--text-muted);}
.banner { border: 2px solid var(--card-border); border-radius: 8px; padding: 16px; margin: 16px 0; background: var(--navbar-bg);}
.banner-warning { border-color: var(--error-text);}
@media (max-width: 600px) { .main-container { padding: 0 12px 32px; }}
/* Footer version + repo link */.footer-version { font-size: 0.85rem; opacity: 0.7;}.footer-version a { color: inherit;}