@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap');
html { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; }
:root { color-scheme:dark; --bg:#000; --panel:#0a0a0a; --line:#242424; --text:#ededed; --muted:#777; --green:#43bd8b; }
* { box-sizing:border-box; font-family:'Geist',sans-serif!important; }
body { min-height:100vh; margin:0; background:#000; color:var(--text); font-size:14px; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
button,input,select { font:inherit; }
.public-header { display:flex; height:68px; align-items:center; padding:0 28px; border-bottom:1px solid var(--line); }.public-brand { display:flex; align-items:center; gap:10px; color:#fff; font-size:16px; font-weight:650; text-decoration:none; }.public-mark { display:block; width:24px; height:24px; object-fit:contain; filter:brightness(0) invert(1); }.public-header>span { margin-left:auto; color:#5e5e5e; font-size:9px; letter-spacing:1px; text-transform:uppercase; }
.auth-layout { display:grid; min-height:calc(100vh - 68px); place-items:center; padding:36px 20px; }.auth-card { width:min(440px,100%); border:1px solid var(--line); border-radius:12px; background:var(--panel); overflow:hidden; }.auth-copy { padding:28px 28px 22px; border-bottom:1px solid var(--line); }.kicker { display:block; margin-bottom:10px; color:#777; font-size:8px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; }.auth-card h1 { margin:0; font-size:23px; font-weight:600; letter-spacing:-.7px; }.auth-card p { margin:9px 0 0; color:#777; font-size:10px; line-height:1.65; }.auth-form { display:flex; flex-direction:column; gap:14px; padding:22px 28px 28px; }.field { display:flex; flex-direction:column; gap:7px; }.field>span { color:#aaa; font-size:9px; font-weight:600; }.field input,.field select { width:100%; height:40px; padding:0 11px; border:1px solid #303030; border-radius:7px; outline:none; background:#0f0f0f; color:#eee; font-size:10px; }.field input:focus,.field select:focus { border-color:#666; }.primary-action { display:flex; height:40px; align-items:center; justify-content:center; border:1px solid #fff; border-radius:7px; background:#fff; color:#000; font-size:10px; font-weight:650; cursor:pointer; }.primary-action:hover { background:#e5e5e5; }.error-message { margin:0!important; padding:10px 12px; border:1px solid #47251f; border-radius:7px; background:#140b09; color:#db8879!important; font-size:9px!important; }.credential-note { padding:12px 28px; border-top:1px solid var(--line); background:#070707; color:#666; font-size:8px; }.credential-note code { color:#bbb; }
.notice-list { display:flex; flex-direction:column; gap:10px; margin:18px 0 0; padding:0; list-style:none; }.notice-list li { display:flex; gap:9px; color:#8a8a8a; font-size:9px; line-height:1.5; }.notice-list li>span { display:grid; flex:0 0 auto; width:19px; height:19px; border:1px solid #303030; border-radius:5px; color:#bbb; font-size:7px; place-items:center; }.consent-row { display:flex; gap:9px; align-items:flex-start; color:#8b8b8b; font-size:9px; line-height:1.5; cursor:pointer; }.consent-row input { margin:2px 0 0; accent-color:#fff; }
.submission-layout { width:min(960px,100%); margin:auto; padding:55px 24px 80px; }.submission-head { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:25px; }.submission-head h1 { margin:8px 0 0; font-size:31px; letter-spacing:-1.2px; }.submission-head p { margin:7px 0 0; color:#777; font-size:10px; }.progress-badge { padding:7px 10px; border:1px solid #24372f; border-radius:99px; background:#09130f; color:#70b598; font-size:8px; }.submission-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:16px; }.upload-panel,.instruction-panel { border:1px solid var(--line); border-radius:11px; background:var(--panel); }.upload-panel { padding:22px; }.drop-area { display:flex; min-height:230px; align-items:center; flex-direction:column; justify-content:center; border:1px dashed #363636; border-radius:9px; background:#070707; text-align:center; cursor:pointer; }.drop-area.drag { border-color:#777; background:#0d0d0d; }.drop-area input { display:none; }.drop-icon { display:grid; width:39px; height:39px; margin-bottom:13px; border:1px solid #303030; border-radius:9px; background:#111; color:#bbb; font-size:16px; place-items:center; }.drop-area strong { font-size:11px; }.drop-area span { margin-top:5px; color:#666; font-size:8px; }.metadata-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }.metadata-grid .field:last-child { grid-column:1/-1; }.upload-panel .primary-action { width:100%; margin-top:15px; }.upload-panel button:disabled { opacity:.5; cursor:wait; }.instruction-panel { padding:22px; }.instruction-panel h2 { margin:0; font-size:14px; }.instruction-panel>p { margin:7px 0 18px; color:#666; font-size:9px; line-height:1.5; }.task-list { display:flex; flex-direction:column; gap:1px; overflow:hidden; border:1px solid #222; border-radius:8px; background:#222; }.task-list div { display:grid; grid-template-columns:27px 1fr; gap:10px; padding:12px; background:#0c0c0c; }.task-list span { display:grid; width:27px; height:27px; border-radius:7px; background:#181818; color:#aaa; font-size:8px; place-items:center; }.task-list strong,.task-list small { display:block; }.task-list strong { color:#ccc; font-size:9px; }.task-list small { margin-top:4px; color:#666; font-size:8px; line-height:1.4; }.success-panel { display:none; padding:24px; border:1px solid #24372f; border-radius:10px; background:#09130f; text-align:center; }.success-panel.show { display:block; }.success-panel span { display:grid; width:38px; height:38px; margin:0 auto 12px; border-radius:50%; background:#10241b; color:#52c391; place-items:center; }.success-panel strong { display:block; font-size:13px; }.success-panel p { margin:6px 0 15px; color:#71a08c; font-size:9px; }.success-panel button { border:0; background:transparent; color:#ddd; font-size:9px; text-decoration:underline; cursor:pointer; }
@media(max-width:720px){.submission-grid{grid-template-columns:1fr}.submission-head{align-items:flex-start;flex-direction:column;gap:14px}.metadata-grid{grid-template-columns:1fr}.metadata-grid .field:last-child{grid-column:auto}}
.primary-action{gap:8px}.primary-action svg{width:15px;height:15px}

/* Comfortable type for real participants and admins. */
body { font-size:16px; }
.public-header>span,.kicker,.progress-badge { font-size:10px; }
.auth-card p,.credential-note,.notice-list li,.consent-row,.submission-head p,.instruction-panel>p { font-size:12px; }
.field>span,.error-message,.drop-area span,.task-list small,.success-panel p,.success-panel button { font-size:11px!important; }
.field input,.field select,.primary-action,.drop-area strong,.task-list strong { font-size:12px; }
.task-list span { font-size:10px; }
.instruction-panel h2 { font-size:16px; }