:root { font-family: system-ui, sans-serif; color: #edf0f6; background: #11151d; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 760px; margin: auto; padding: 28px 20px 60px; }
header { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
h1 { font-size: 1.8rem; } h2 { font-size: 1.25rem; margin-top: 0; }
section { margin-top: 22px; padding: 22px; border: 1px solid #364050; border-radius: 10px; background: #1b222d; }
p { line-height: 1.5; } #status { min-height: 24px; } #status.error { color: #ffb6b6; }
label { display: block; margin-bottom: 16px; }
input { display: block; margin-top: 7px; width: 100%; padding: 11px; border: 1px solid #67778c; border-radius: 5px; font: inherit; background: #11151d; }
button, .button { display: inline-block; padding: 10px 14px; border: 1px solid #719dc3; background: #29496b; color: white; border-radius: 5px; font: inherit; text-decoration: none; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
button:focus-visible, input:focus-visible, a:focus-visible { outline: 3px solid #9bcaff; outline-offset: 3px; }
ul { padding: 0; list-style: none; } li { margin-bottom: 12px; }
#verify-form { margin-top: 22px; } #invite-result { overflow-wrap: anywhere; }
#import-form { margin-top: 24px; border-top: 1px solid #364050; padding-top: 20px; }
details { margin: 12px 0; padding: 12px; border: 1px solid #364050; border-radius: 5px; }
summary { cursor: pointer; font-weight: 600; }
#preview-warnings { color: #ffd396; }
[hidden] { display: none !important; }