:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--purple:#6542f1}*{box-sizing:border-box}body{color:#121111;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}.app{background:#f5f5f5;justify-content:center;align-items:center;min-height:100dvh;padding:90px 24px 48px;display:flex}.card{background:#fff;border-radius:16px;width:700px;min-height:500px;padding:60px;position:relative;box-shadow:0 2px 10px #00000012}h1{overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.4}h1:focus{outline:none}.question-prefix{margin-right:12px}.survey-name{color:#737078;margin:0 0 18px 38px;font-size:12px}.description{color:#463c3c;margin:16px 0 48px 38px;font-size:18px;line-height:1.6}.required{color:#6e647d;vertical-align:middle;background:#f3f0fc;border-radius:4px;padding:1px 6px;font-size:12px;display:inline-block}.answer-body{margin:0 38px}fieldset{border:0;min-width:0;margin:0;padding:0}.choices{flex-direction:column;gap:24px;display:flex}.choice{cursor:pointer;align-items:center;gap:10px;font-size:14px;line-height:1.5;display:flex}.choice input{appearance:none;cursor:pointer;border:3px solid #e2dfdf;border-radius:50%;flex:0 0 24px;width:24px;height:24px;margin:0}.choice input:checked{border:8px solid var(--purple)}.choice input:checked+span{font-weight:700}.choice input:disabled:not(:checked)+span{color:#85818c}input[type=text],textarea{color:#121111;background:#fff;border:1px solid #e0e0e0;border-radius:5px;width:100%;padding:12px 18px;font-size:18px;line-height:1.5}textarea{resize:vertical;height:196px}.hint{color:#77717d;margin:12px 0 0;font-size:12px}.actions{justify-content:center;gap:16px;margin-top:60px;display:flex}.button{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:10px;min-width:200px;padding:16px 24px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--purple);color:#fff}.primary:hover{background:#7856f3}.primary:active{background:#4b31b0}.secondary{color:#3a3a3a;background:#dedede}.secondary:hover{background:#eceaec}.tertiary{color:var(--purple);border-color:var(--purple);background:#fff}.tertiary:hover{background:#f0edfc}.button:disabled{color:#9b979f;cursor:not-allowed;background:#ededed}:focus-visible{outline-offset:4px;outline:3px solid #baa9ff}.progress{justify-content:center;align-items:center;gap:16px;width:100%;padding:0 24px;display:flex;position:absolute;bottom:calc(100% + 24px);left:0}.bars{flex:1;gap:8px;max-width:500px;display:flex}.bar{background:#e3e2e7;border-radius:16px;flex:1;height:8px}.bar.current{background:var(--purple)}.bar.answered{background:#baa9ff}.page-count{color:#636262;white-space:nowrap;font-size:16px}.page-count strong{color:#121111}.message{text-align:center;padding:30px 0}.message p{color:#6e6876;margin:24px 0 32px;line-height:1.8}.message .eyebrow{color:var(--purple);letter-spacing:3px;margin-top:0;font-size:12px;font-weight:800}.message h1{font-size:28px}.text-link{color:var(--purple);margin:24px 0 0;display:block}.completion{text-align:center}.completion h1{margin:16px 0 56px}.error{color:#ad2446;background:#fff1f4;border-radius:6px;padding:12px 16px;font-size:14px;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spinner{border:3px solid #ece6ff;border-top-color:var(--purple);border-radius:50%;width:30px;height:30px;margin:70px auto 0;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@media (max-width:600px){.app{padding:80px 16px 32px}.card{min-height:460px;padding:32px 24px}h1{font-size:22px}.answer-body,.description,.survey-name{margin-left:0;margin-right:0}.description{margin-bottom:36px;font-size:16px}.button{flex:1;min-width:0;padding:15px 20px;font-size:16px}.actions{gap:12px;margin-top:44px}.progress{padding:0 8px}}
