#auth-form{display:grid;gap:16px;margin-top:25px}#auth-form label{display:grid;gap:7px;font-size:14px;color:#bbb}#auth-form input{background:#111;border:1px solid #555;border-radius:5px;padding:12px;color:#eee;width:100%;min-width:0}#auth-form input:focus{border-color:#ddd}.form-message{font-size:14px;color:#ccc;margin:16px 0;white-space:pre-line}.form-message:empty{display:none}.auth-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:23px}.auth-links button{border:0;border-bottom:1px solid #555;background:none;color:#aaa;padding:4px 0;font-size:14px}.portal-title{font-size:48px;letter-spacing:-1.5px}.portal-email{overflow-wrap:anywhere;margin-bottom:20px}.account-main>#account-signin{margin-top:25px}#portal-content>.subscription+.subscription{margin-top:20px}#portal-message{color:#ddd;margin-bottom:15px}#portal-message:empty{display:none}#real-filter{margin-bottom:20px}

/* Keep the archive actions next to the selected dates. */
#real-filter .date-controls{display:flex;justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;gap:16px}
#real-filter .date-controls label{flex:0 0 auto}
#real-filter .date-controls input{width:166px;max-width:none;height:46px}
#real-filter .filter-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#real-filter .filter-actions .button{margin:0;width:auto;min-height:46px;padding:11px 20px;white-space:nowrap;justify-content:center}
@media(max-width:720px){
 #real-filter .date-controls{gap:12px}
 #real-filter .date-controls label{flex:1 1 calc(50% - 6px);min-width:0}
 #real-filter .date-controls input{width:100%}
 #real-filter .filter-actions{flex:1 1 100%;gap:10px}
 #real-filter .filter-actions .button{flex:1 1 auto;padding:11px 14px}
}