:root{font-family:system-ui,-apple-system,sans-serif;color:#e8eef4;background:#101820;color-scheme:dark;font-size:16px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid #34404c;height:78px}strong{white-space:nowrap;font-size:20px}small{font-size:12px;color:#b3bec9}nav{display:flex;gap:8px;margin-left:auto}button,select,input,textarea{font:inherit;border:1px solid #536373;border-radius:8px;background:#1c2935;color:inherit;padding:10px 14px;min-height:44px}button{cursor:pointer}button:hover{background:#304252}button:disabled{opacity:.5;cursor:default}label{display:block;margin:14px 0}input,textarea{display:block;width:100%;margin-top:7px}input[type=checkbox]{display:inline;width:auto;min-height:auto}main{padding:16px 24px}#error{color:#ffb6a7;margin:0 24px;min-height:24px;font-size:14px}#login,#onboarding{max-width:480px;margin:25px auto}p,li{color:#bbc7d1;line-height:1.5}h1{font-size:24px}h2{font-size:20px}#cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;height:calc(100dvh - 176px);min-height:350px}.card{background:#1b2732;border:1px solid #3c4c5a;border-radius:14px;padding:18px;display:flex;flex-direction:column;min-height:0}.card.question{border-color:#edbc65}.row{display:flex;gap:10px;align-items:center;justify-content:space-between}.meta{font-size:13px;color:#abbcc9}.card h2{margin:10px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card p{white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0}.card .actions{margin-top:auto;display:flex;gap:8px;padding-top:10px}.status{font-size:14px;background:#304153;border-radius:20px;padding:6px 10px;white-space:nowrap}.question .status{color:#ffdc9c;background:#52422c}footer{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:10px}dialog{width:min(660px,94vw);max-height:88dvh;background:#16222d;color:inherit;border:1px solid #536373;border-radius:14px;padding:22px}dialog::backdrop{background:#0009}.dialoghead{display:flex;justify-content:space-between;gap:15px;align-items:center}.dialoghead h2{margin:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0e1820;padding:14px;border-radius:8px}a{color:#9ad9ff}.questionbody{white-space:pre-wrap}.options{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}hr{border:0;border-top:1px solid #40505f;margin:22px 0}[hidden]{display:none!important}@media(max-width:760px){header{height:auto;flex-wrap:wrap;padding:12px}nav{flex-wrap:wrap;margin:0}main{padding:12px}#cards{grid-template-columns:1fr;height:auto;min-height:0}.card{min-height:230px}#connection{font-size:12px}#error{margin:0 12px}}@media(min-width:761px) and (max-height:750px){header{height:66px;padding:10px 18px}main{padding:10px 18px}#cards{height:calc(100dvh - 156px);gap:10px}.card{padding:12px}.card p{-webkit-line-clamp:2}.card h2{font-size:18px;margin:6px 0}.card .actions{padding-top:6px}}

select#workspace{max-width:180px}.pinrow{display:flex;align-items:center;gap:12px;border-bottom:1px solid #34404c;padding:9px 0;margin:0}.pinrow input{width:20px;min-height:20px;margin:0}.pinrow span{min-width:0;overflow-wrap:anywhere}.setupsteps li{margin-bottom:10px}.downloadlinks{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}@media(min-width:761px) and (max-width:1200px){#connection{display:none}nav{gap:5px}nav button{padding:8px 10px}header{gap:10px}header strong{font-size:18px}}

.guide{max-width:850px;margin:0 auto;padding-bottom:60px}.guide li{margin:12px 0}

.firstComputer{max-width:760px;margin:25px auto;padding:28px;border:1px solid #405364;border-radius:14px;background:#1b2732}.firstComputer h1{margin:6px 0 14px}.setupEyebrow{color:#a5d8b4;font-size:14px;margin:0}.osChoices{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.primary,.primaryLink{background:#b5d7c1;color:#11251a;border-color:#b5d7c1;font-weight:650}.primary:hover,.primaryLink:hover{background:#cee8d7}.primaryLink{display:inline-block;padding:12px 18px;min-height:46px;border-radius:8px;text-decoration:none;margin:8px 0}.setupProgress{display:flex;padding:0;list-style:none;gap:8px;margin:20px 0 26px;justify-content:space-between}.setupProgress li{display:flex;align-items:center;gap:7px;font-size:13px;color:#9babb9}.setupProgress span{display:grid;place-items:center;border:1px solid #526576;border-radius:50%;width:25px;height:25px}.setupProgress [aria-current=step]{color:#dceee4;font-weight:700}.setupProgress [aria-current=step] span,.setupProgress .complete span{background:#b5d7c1;border-color:#b5d7c1;color:#11251a}.setupInstructions{padding-left:22px;margin:16px 0}.setupInstructions li{margin-bottom:10px}.filePreview{display:grid;gap:9px;padding:16px 18px;margin:16px 0;background:#0e1820;border:1px solid #405364;border-radius:8px}.filePreview span{font-size:13px;color:#b5c1cb}.filePreview strong{font-family:ui-monospace,monospace;font-size:18px;white-space:normal}.wizardActions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 12px}.setupError{color:#ffc1ac;white-space:pre-wrap}.setupError:empty{display:none}.pairingBlock{padding:16px;background:#0e1820;border:1px solid #536c5d;border-radius:9px;margin:16px 0}.pairingBlock label{margin:0 0 8px;font-size:14px}.copyRow{display:flex;gap:9px;align-items:center}.copyRow input{font-family:ui-monospace,monospace;font-size:14px;margin:0;min-width:0}.pairingBlock .meta{display:block;margin-top:9px}.setupLive{padding:14px 16px;border-left:3px solid #b5d7c1;background:#23342a;margin:14px 0;line-height:1.5}.sharingOption{font-size:14px}details{border-top:1px solid #405364;margin-top:20px;padding-top:14px}summary{cursor:pointer;color:#c7d7e2;min-height:35px}#setupWizard h3{font-size:21px;margin:12px 0}dialog:has(#setupWizard){width:min(740px,94vw)}@media(max-width:500px){.setupProgress{gap:4px}.setupProgress li{font-size:11px;gap:4px}.setupProgress span{width:21px;height:21px}.firstComputer{padding:20px;margin:8px auto}.copyRow{flex-wrap:wrap}.copyRow input{width:100%}}
.copyRow button{white-space:nowrap;flex-shrink:0}#setupWizard .setupProgress{margin:16px 0 18px}#setupWizard .pairingBlock{padding:12px}#setupWizard .setupInstructions{font-size:15px;line-height:1.45;margin:12px 0}#setupWizard .setupInstructions li{margin-bottom:8px}#setupWizard .setupLive{padding:10px 14px}#setupWizard details{margin-top:12px;padding-top:10px}#setupWizard .wizardActions{margin-top:16px}
