.questionchoices{display:grid;grid-gap:10px;gap:10px}.questionchoice{display:flex;align-items:center;gap:12px;border:1px solid #e3dfec;border-radius:9px;padding:13px;cursor:pointer;font-size:14px;font-weight:400;letter-spacing:0;color:#243653}.questionchoice:has(input:checked){background:#f1edfc;border-color:#6b54d6}.questionchoice input{width:18px;height:18px;accent-color:#6b54d6;flex-shrink:0;margin:0}.questionchoice span{overflow-wrap:anywhere}.imagechoices{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.imagechoices .questionchoice{flex-wrap:wrap}.questionchoice img{width:100%;height:130px;object-fit:contain;order:-1}.ratingscale{display:flex;gap:6px;flex-wrap:wrap}.ratingpoint{position:relative;display:grid;place-items:center;min-width:40px;min-height:44px;border:1px solid #ded9eb;border-radius:8px;cursor:pointer;color:#243653;font-size:14px;letter-spacing:0}.ratingpoint input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.ratingpoint:focus-within{outline:3px solid #b6a9e9;outline-offset:2px}.ratingpoint.chosen{background:#6b54d6;color:white;border-color:#6b54d6}.scalelabels{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#647589;margin-top:12px}.scalelabels span:last-child{text-align:right}.slideranswer{padding:12px 0}.slideranswer output{display:block;margin-bottom:16px;color:#176b67;font-size:14px}.slideranswer input[type=range]{width:100%;accent-color:#6b54d6;min-height:36px;padding:0}.inputhelp{font-size:13px;line-height:1.7;color:#68768a}.rankitem{display:flex;gap:12px;align-items:center;border:1px solid #e3dfec;padding:12px;margin-top:10px;border-radius:9px}.rankitem>b{color:#176b67;font-size:14px}.rankitem>span{flex:1 1;font-size:14px;overflow-wrap:anywhere}.rankitem button{padding:5px 10px}.maxdiffhead,.maxdiffrow{display:grid;grid-template-columns:minmax(100px,1fr) 64px 64px;align-items:center;grid-gap:8px;gap:8px;padding:14px 0;border-bottom:1px solid #e8e4ee;font-size:13px}.maxdiffhead b{text-align:center;color:#176b67}.maxdiffrow input{width:18px;height:18px;margin:auto;accent-color:#6b54d6}.gridanswer{display:grid;grid-gap:18px;gap:18px}.gridanswer .gridrow{border:1px solid #e5e1ee;border-radius:10px;padding:16px;margin:0}.gridanswer .gridrow>legend{font-size:14px;letter-spacing:0;padding:0 6px;width:auto;color:#243653;font-weight:600;margin:0 0 8px}.gridrow input:not([type=radio]):not([type=checkbox]),.gridrow select{width:100%;font:inherit;padding:12px;border:1px solid #ddd7e9;border-radius:8px}.sumtotal{padding:12px;background:#e8f5f3;border-radius:8px;color:#176b67}.mediaanswer audio,.mediaanswer img,.mediaanswer video{width:100%;max-height:380px;object-fit:contain}.questiondescription{font-size:14px;line-height:1.7;color:#68768a;white-space:pre-wrap}.questioninputwrap{margin:20px 0}.questioninputwrap>input,.questioninputwrap>select,.questioninputwrap>textarea{width:100%;font:inherit;padding:13px;border:1px solid #ddd7e9;border-radius:9px;color:#243653;background:#fdfcff}.questioninputwrap>textarea{resize:vertical}.questioninputwrap button:disabled{opacity:.4;cursor:default}.inputhelp:empty{display:none}:root{font-family:Inter,system-ui,sans-serif;color:#243653;background:#f7f7fb;font-size:15px}*{box-sizing:border-box}body{margin:0}.respondent{min-height:100vh;background:radial-gradient(ellipse at top right,#e8f5f3,transparent 48%)}header{height:88px;justify-content:space-between;padding:0 6%;border-bottom:1px solid #e9e7f1;background:#ffffffbf}.brand,header{display:flex;align-items:center}.brand{font-weight:750;letter-spacing:-1px}.brand,.qmark{font-size:25px}.qmark{background:#6b54d6;color:white;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;margin-right:10px;letter-spacing:0}.teal{color:#238d88}.period{color:#6b54d6}.headerlabel{font-size:12px;color:#60778a}main{max-width:710px;margin:56px auto;padding:0 22px}.studylabel{color:#176b67;font-size:12px;font-weight:600;letter-spacing:.06em;margin:0 0 18px}.surveycard{background:white;border:1px solid #e6e2ee;border-radius:20px;padding:44px;box-shadow:0 16px 50px #24365306}h1,legend{font-size:29px;letter-spacing:-.8px;line-height:1.35;font-weight:700;margin:0 0 18px}p{color:#68768a;line-height:1.8}.endicon,.welcomeicon{color:#238d88;background:#e8f5f3;border-radius:14px;width:52px;height:52px;display:grid;place-items:center;font-size:28px;margin-bottom:24px}.questionmeta{display:flex;justify-content:space-between;color:#6b54d6;font-size:12px;margin-bottom:14px}.questionmeta span:last-child{color:#778499}.progress{height:4px;background:#eeebf7;margin-bottom:30px;border-radius:6px;overflow:hidden}.progress span{display:block;height:100%;background:#238d88}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0;width:100%;overflow-wrap:anywhere}.instruction{margin:0 0 20px;font-size:13px}.choices{display:grid;grid-gap:12px;gap:12px}.choice{display:flex;gap:13px;align-items:center;padding:17px;border:1px solid #e4e1ed;border-radius:10px;cursor:pointer;line-height:1.5}.choice:has(input:checked){background:#f2eefc;border-color:#6b54d6}.choice input{accent-color:#6b54d6;width:18px;height:18px;flex-shrink:0}.choice span{overflow-wrap:anywhere}input[type=number],textarea{font:inherit;width:100%;padding:15px;border:1px solid #dcd7e8;border-radius:10px;color:#243653;background:#fdfcff}textarea{min-height:150px;resize:vertical}button{font:inherit;cursor:pointer;border:1px solid #ddd7ec;border-radius:10px;background:#f1ecfb;color:#6b54d6;padding:12px 18px}button:disabled{opacity:.6;cursor:wait}button.primary{background:#6b54d6;color:white;border-color:#6b54d6;display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:28px;min-height:50px;font-weight:600}.primary:hover{background:#5b45c1}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b8aae9;outline-offset:3px}.leave{border:0;padding-left:0;color:#738094;font-size:12px;margin-top:16px}.leaveconfirm{background:#f7f5fc;border-radius:10px;padding:14px;margin-top:20px}.leaveconfirm p{font-size:13px;margin-top:0}.leaveconfirm button{font-size:12px;margin-right:8px}.error{background:#fff1f1;border:1px solid #efd1d1;color:#9d3444;padding:14px;border-radius:10px;line-height:1.6;margin-top:20px;font-size:13px}.error button{display:block;margin-top:10px;font-size:12px}.ending small{color:#7a8798}footer{text-align:center;color:#8792a4;font-size:11px;padding:26px}@media(max-width:600px){header{padding:0 22px;height:72px}.headerlabel{display:none}main{margin:30px auto}.surveycard{padding:26px 22px;border-radius:14px}h1,legend{font-size:25px}}.brandmark{width:36px;height:36px;flex-shrink:0;margin-right:10px;color:#6b54d6}button:not(.primary):hover:not(:disabled){background:#e3d9f7}