@font-face {
  font-family: Raleway;
  src: url("fonts/Raleway-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
*{box-sizing:border-box}
body{margin:0;background:#f2f5fa;color:#192b43;font:14px/1.5 Arial,Helvetica,sans-serif}
button,input,textarea{font:inherit}
button,a,input,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{opacity:.4;cursor:not-allowed}
a{text-decoration:none;color:inherit}
header{height:82px;padding:0 42px;background:#fff;border-bottom:1px solid #e0e6ef;display:flex;align-items:center;justify-content:space-between}
.wordmark{font-size:23px;font-weight:900;font-style:italic;letter-spacing:-1px}
.wordmark span{font-size:14px;margin:0 3px;font-weight:400}
.wordmark .blue{color:#087ff1;font-size:28px;font-weight:900}
.header-right{display:flex;align-items:center;gap:24px}
.connection{font-size:12px;color:#768294}
.connection.online{color:#237d65}
.connection:before{content:"";display:inline-block;width:7px;height:7px;background:currentColor;border-radius:50%;margin-right:7px}
main{max-width:1480px;margin:auto;padding:36px 42px 70px}
.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.eyebrow{color:#2079c7;font-size:10px;font-weight:700;letter-spacing:2.5px}
h1{font-size:32px;letter-spacing:-1px;margin:7px 0}
p{margin:8px 0;color:#748093}
.format{font-size:12px;color:#75849a;display:flex;gap:15px;align-items:center}
.format b{font-size:9px;letter-spacing:1px;border:1px solid #d1dbe9;border-radius:4px;padding:4px 7px}
.layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:24px}
.panel{background:white;border:1px solid #dfe6f0;border-radius:12px;box-shadow:0 4px 14px #253d5e03;overflow:hidden}
.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;gap:12px}
h2{font-size:15px;margin:0;font-weight:700}
h2 #count{font-size:11px;background:#edf3fa;padding:3px 7px;border-radius:5px;color:#657d97;margin-left:7px}
.button,.small-button{border:1px solid #dbe3ed;border-radius:7px;background:#fff;color:#354b65;padding:10px 16px;font-weight:600;font-size:12px;transition:.15s}
.button:hover,.small-button:hover{border-color:#79a9dc;background:#f4f9ff}
.button.primary{background:#137ded;border-color:#137ded;color:white}
.button.primary:hover{background:#086acc}
.small-button{padding:6px 10px;font-size:11px}
.search-wrap{padding:0 20px 16px}
input[type=search]{border:1px solid #e1e7ee;border-radius:7px;background:#f9fbfd;width:100%;padding:10px 12px;outline:0}
input:focus,textarea:focus{border-color:#3897f7;outline:2px solid #3398ff22}
.rundown{align-self:start}
.questions{max-height:760px;overflow:auto;padding:0 10px 10px}
.question-row{position:relative;border:1px solid transparent;border-radius:7px;margin:3px 0;display:flex;align-items:center;gap:4px}
.question-row.active{border-color:#bddaff;background:#eef6ff}
.select-question{display:flex;gap:13px;align-items:flex-start;text-align:left;border:0;background:none;padding:15px 10px;flex:1;min-width:0;color:#4c5d71;line-height:1.55}
.q-number{font-size:11px;font-weight:700;color:#8da0b5;padding-top:2px;min-width:22px}
.q-text{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.active .q-number,.active .q-text{color:#136dcc}
.edit-question{margin-right:7px;background:transparent;border:0;font-size:17px;color:#8498b0;padding:5px 9px;border-radius:4px}
.edit-question:hover{background:#e2edfa;color:#126ed1}
.rundown-footer{border-top:1px solid #edf1f6;padding:17px 21px;color:#8895a7;font-size:11px}
.workspace{display:flex;flex-direction:column;gap:20px}
.muted{font-size:11px;color:#8b99aa}
.live-dot{display:inline-block;width:7px;height:7px;background:#1689f9;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #e9f4ff}
.current-text{margin:4px 24px 23px;font-size:23px;line-height:1.45;color:#253951;min-height:92px;letter-spacing:-.3px}
.navigation{display:flex;justify-content:space-between;padding:0 24px 24px}
.divider{height:1px;background:#edf1f6;margin:0 24px}
.verdict-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 24px 13px}
.verdict-heading h3{margin:0;font-size:12px}
.verdict-heading span{font-size:11px;color:#8593a5}
.verdict-buttons{display:flex;gap:14px;padding:0 24px}
.decision{position:relative;flex:1;border:1px solid transparent;border-radius:8px;padding:18px 12px;font-size:23px;letter-spacing:1px;font-weight:800;transition:.15s}
.decision span{font-weight:400;margin-right:9px}
.norm{background:#ddf7ee;color:#177456;border-color:#bdebdc}
.norm:hover,.norm.selected{background:#bbefdc;border-color:#53b694}
.stryom{background:#ffedf2;color:#b54065;border-color:#f7d0dd}
.stryom:hover,.stryom.selected{background:#ffd7e4;border-color:#e189a4}
kbd{font:10px Arial,sans-serif;border:1px solid currentColor;opacity:.45;border-radius:3px;padding:2px 4px}
.decision kbd{position:absolute;right:10px;top:10px}
.clear{display:block;border:0;background:transparent;color:#6f8199;margin:16px auto 0;font-size:12px}
.clear kbd{margin-left:8px}
.hint{font-size:11px;line-height:1.65}
.control>.hint{text-align:center;margin:10px 24px 20px;color:#9aa7b6}
.preview-panel iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#07152d}
.instructions{padding:22px 24px}
.instructions p{font-size:12px;line-height:1.8}
.instructions h2{margin-bottom:10px}
.url-row{display:flex;gap:8px;margin:12px 0}
.url-row input{flex:1;min-width:0;border:1px solid #dfe7f0;background:#f7f9fc;border-radius:6px;padding:9px 12px;color:#377bbd;font-size:12px}
dialog{border:1px solid #dfe6f0;border-radius:13px;padding:0;width:600px;max-width:calc(100% - 30px);box-shadow:0 30px 100px #112b4d44}
dialog::backdrop{background:#071a39a6;backdrop-filter:blur(4px)}
dialog form{padding:0 24px 24px}
dialog .panel-heading{padding-left:0;padding-right:0}
dialog label{display:block;color:#576c83;font-size:12px;margin-bottom:10px}
textarea{width:100%;resize:vertical;border:1px solid #d9e3ee;border-radius:7px;padding:13px;color:#263b51}
.edit-meta{display:flex;justify-content:space-between;font-size:10px;color:#8997aa;margin-top:8px;gap:15px}
.dialog-actions{display:flex;justify-content:space-between;margin-top:23px}
.danger{border:0;background:transparent;color:#bc5070;font-size:12px}
#editError{color:#bb3758;font-size:12px}
#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#17324f;color:#fff;border-radius:8px;padding:12px 22px;opacity:0;pointer-events:none;transition:.2s;z-index:10;font-size:13px}
#toast.visible{opacity:1;transform:translate(-50%,0)}
:focus-visible{outline:3px solid #40a3ff;outline-offset:3px}
@media(min-width:1450px){.layout{grid-template-columns:420px minmax(0,1fr)}
}
@media(max-width:950px){header{padding:0 20px}
main{padding:25px 20px}
.layout{grid-template-columns:310px minmax(0,1fr)}
.decision{font-size:18px}
.format{display:none}
.current-text{font-size:20px}
}
@media(max-width:720px){header{height:auto;min-height:76px;gap:12px;flex-wrap:wrap;padding:16px}
.header-right{gap:12px}
.connection{font-size:10px}
.layout{display:flex;flex-direction:column}
.rundown{width:100%}
.questions{max-height:290px}
.page-heading h1{font-size:28px}
.page-heading p{font-size:12px}
.current-text{min-height:0}
.decision{font-size:22px}
main{padding:24px 14px}
.panel-heading{padding:19px}
.format{display:none}
}


@media(max-width:720px){.decision{font-size:19px;white-space:nowrap;padding:22px 8px 18px}
.decision span{margin-right:3px}
}


.current-text, .q-text, .decision, #questionInput { font-family: Raleway, Arial, sans-serif; font-variant-numeric: lining-nums; }

.intro-button{display:flex;align-items:center;gap:14px;width:calc(100% - 40px);margin:0 20px 13px;padding:13px 12px;border:1px solid #d9e4f2;border-radius:7px;background:#f7faff;color:#435f83;text-align:left}
.intro-button>span:first-of-type{flex:1}.intro-button b{font-size:12px;color:#6a91bd}.intro-button small{display:block;margin-top:2px;font-size:10px;color:#859bb3}.intro-button.active{background:#e6f3ff;border-color:#81bffc;color:#166ac4}
.sound-panel>.hint{margin:0 24px 20px}.sound-switch{font-size:12px;color:#4e647e;display:flex;align-items:center;gap:7px}.sound-switch input{accent-color:#137ded}.sound-controls{display:flex;align-items:center;gap:15px;padding:0 24px 17px}.sound-controls label,.sound-controls output{font-size:12px;color:#6d829b}.sound-controls input{flex:1;min-width:40px;accent-color:#137ded}.sound-controls output{min-width:34px}