@font-face{font-family:Inter Tight;src:url(/assets/InterTight-Light.ttf);font-weight:300;font-display:swap}@font-face{font-family:Inter Tight;src:url(/assets/InterTight-SemiBold.ttf);font-weight:600;font-display:swap}*{box-sizing:border-box}body{color:#fafafa;background:#0a0a0a;margin:0;font:300 18px/1.5 Inter Tight,Arial,Noto Sans KR,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:5px}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}header{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:32px;max-width:1440px;margin:auto;padding:28px 48px;display:flex}header img{width:176px}nav{align-items:center;gap:24px;font-size:16px;display:flex}nav a{text-decoration:none}nav a:hover{text-decoration:underline}main{max-width:1280px;margin:auto;padding:64px 48px 96px}h1,h2,h3{font-weight:600;line-height:1.15}h1{letter-spacing:-.02em;max-width:960px;margin:16px 0 32px;font-size:56px}h2{margin:24px 0;font-size:32px}h3{font-size:24px}p{max-width:800px}small,.meta{color:#bbb;font-size:16px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#bdbdbd;font-size:12px}.intro{color:#d0d0d0;max-width:760px;font-size:24px}.gradient{background:linear-gradient(270deg,#2c82dd,#40cc30);width:160px;height:4px;margin:32px 0}button,.button{color:#fafafa;background:0 0;border:1px solid #777;border-radius:0;min-height:48px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}button:hover,.button:hover{color:#0a0a0a;background:#fafafa}.primary{color:#0a0a0a;background:#fafafa;border-color:#fafafa}.primary:hover{color:#fafafa;background:#171717}.actions{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.panel{background:#111;border:1px solid #333;padding:32px}.panel p{color:#ccc}.notice{background:#141414;border-left:4px solid #40cc30;margin:24px 0;padding:20px 24px}.error{white-space:pre-wrap;background:#202020;border:1px solid #bdbdbd;margin-bottom:24px;padding:20px 24px}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}label{color:#ddd;font-size:16px;display:block}input,select,textarea{color:#fafafa;background:#151515;border:1px solid #555;border-radius:2px;width:100%;margin-top:8px;padding:12px;display:block}input[type=checkbox],input[type=radio]{accent-color:#40cc30;width:auto;margin:0 12px 0 0;display:inline}textarea{resize:vertical;min-height:100px}fieldset{border:0;border-top:1px solid #333;margin:24px 0;padding:24px 0}legend{max-width:100%;padding-top:24px;font-size:24px;font-weight:600}.option{cursor:pointer;border:1px solid #444;margin:8px 0;padding:16px}.option:has(input:checked){background:#151e15;border-color:#40cc30}.option strong{color:#bbb;padding-left:28px;font-weight:300;display:block}progress{accent-color:#40cc30;width:100%;height:8px;margin:12px 0}.surveyhead{justify-content:space-between;align-items:center;gap:24px;display:flex}.stepnav{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.stepnav button{min-height:40px;padding:8px 16px}.stepnav .selected{color:#40cc30;border-color:#40cc30}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:640px;font-size:16px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #333;padding:16px}th{font-weight:600}td button{min-height:36px;margin:0 8px 8px 0;padding:6px 12px}section{margin-bottom:48px}details{border-top:1px solid #333;padding:20px 0}summary{cursor:pointer;font-weight:600}code{word-break:break-all;font-size:14px}.score{color:#40cc30;font-size:64px;font-weight:600;line-height:1.1}.barrow{grid-template-columns:260px 1fr 80px;align-items:center;gap:16px;margin:16px 0;font-size:16px;display:grid}.bar{background:#252525;height:12px}.bar div{background:#40cc30;height:100%}.footer{color:#aaa;border-top:1px solid #333;margin-top:56px;padding-top:24px;font-size:14px}.sticky{background:#0a0a0af2;border-top:1px solid #333;padding:16px 0;position:sticky;bottom:0}.disabled{opacity:.6}:focus-visible{outline-offset:4px;outline:2px solid #40cc30}@media (max-width:760px){header{align-items:flex-start;padding:24px}header img{width:140px}nav{flex-wrap:wrap;gap:12px;font-size:14px}main{padding:32px 24px 64px}h1{font-size:40px}.grid,.formgrid{grid-template-columns:1fr}.panel{padding:24px}.intro{font-size:20px}.surveyhead{display:block}.barrow{grid-template-columns:1fr 64px}.barrow .bar{grid-area:2/1/auto/-1}legend{font-size:20px}.score{font-size:48px}}@media (prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s}}
