:root{--bg:#0b0b0c;--surface:#151517;--surface-2:#1b1b1f;--line:#2a2a2f;--red:#cf0000;--red-hi:#cf0000;--text:#f4f4f5;--label:#edebe9;--muted:#c7c4c1;--hint:#a6a3a0;--muted-2:#5e5e66;--ok:#25c26e;--font-display:"Arial Narrow", "Helvetica Neue", "Roboto Condensed", Arial, sans-serif;--font-body:"Pretendard", -apple-system, "Malgun Gothic", "Segoe UI", system-ui, sans-serif;--radius:12px;--hero-color:var(--red);--btn:var(--red);--chip:var(--red);--prog:var(--red);--glow:var(--red)}.app *{box-sizing:border-box}.app{background:var(--bg);max-width:480px;min-height:100vh;color:var(--text);font-family:var(--font-body);word-break:keep-all;overflow-wrap:break-word;margin:0 auto;position:relative;box-shadow:0 0 120px #0009}.hero{overflow:visible}.hero:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--glow) 26%, transparent), transparent 70%);pointer-events:none;filter:blur(6px);z-index:0;border-radius:50%;width:520px;height:300px;position:absolute;top:-90px;left:50%;transform:translate(-50%)}.brand{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.progwrap{padding:14px 18px 12px}.progtrack{background:var(--surface-2);border-radius:99px;height:4px;overflow:hidden}.progbar{background:linear-gradient(90deg, var(--prog), var(--prog));border-radius:99px;width:0%;height:100%;transition:width .35s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.proglabel{color:var(--muted);letter-spacing:.02em;justify-content:space-between;margin-top:7px;font-size:11px;display:flex}.proglabel b{color:var(--text);font-variant-numeric:tabular-nums}.hero{z-index:1;padding:26px 18px 8px;position:relative}.titlelogo{width:min(300px,82%);height:auto;margin:2px 0;display:block}.herotext{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--hero-color);text-wrap:balance;white-space:pre-line;margin:2px 0;font-size:38px;font-style:italic;font-weight:700;line-height:.95}.lede{color:var(--muted);white-space:pre-line;max-width:none;margin:14px 0 0;font-size:14px;line-height:1.6}.surveyform{z-index:1;flex-direction:column;gap:26px;padding:20px 18px 40px;display:flex;position:relative}.sect{flex-direction:column;gap:14px;display:flex}.secthead{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;padding-bottom:9px;display:flex}.secthead .n{font-family:var(--font-display);color:var(--red);font-variant-numeric:tabular-nums;font-size:13px;font-style:italic;font-weight:700}.secthead .t{letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-size:13px;font-weight:600}.secthead .sub{color:var(--muted-2);margin-left:auto;font-size:11px}.field{flex-direction:column;gap:7px;display:flex}.field label{color:var(--label);letter-spacing:.01em;font-size:13px}.field .hint{color:var(--hint);white-space:pre-line;margin-top:-2px;font-size:11.5px;line-height:1.55}.labelrow{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.selmeta{flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}.selcount{color:var(--muted-2);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.selcount.has{color:var(--red)}.otherwrap{margin-top:2px}.multi{flex-direction:column;gap:10px;display:flex}.inrow{gap:8px;display:flex}.inrow input{flex:1}.delbtn{border:1px solid var(--line);background:var(--surface);width:46px;color:var(--muted-2);cursor:pointer;font-size:20px;line-height:1;font-family:var(--font-body);border-radius:10px;flex:none;transition:border-color .15s,color .15s}.delbtn:hover{border-color:var(--red);color:var(--text)}.resetbtn{color:var(--muted-2);cursor:pointer;font-size:11.5px;font-family:var(--font-body);text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline}.resetbtn:hover{color:var(--text)}.resetbtn:disabled{opacity:.4;cursor:default;text-decoration:none}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.app input[type=text],.app input[type=tel],.app input[type=number],.app textarea,.app select{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--font-body);appearance:none;border-radius:10px;padding:13px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.app input::placeholder,.app textarea::placeholder{color:var(--muted-2)}.app input:focus,.app textarea:focus,.app select:focus{border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb, var(--red) 18%, transparent);outline:none}.app textarea{resize:vertical;min-height:96px;line-height:1.5}.app select{background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:99px;padding:9px 13px;font-size:13px;transition:transform .12s,border-color .15s,background .15s,color .15s}.chip:hover{border-color:#43434a}.chip:active{transform:scale(.95)}.chip.on{background:var(--chip);border-color:var(--chip);color:#fff;box-shadow:0 4px 16px color-mix(in srgb, var(--chip) 35%, transparent);font-weight:600}.sns{flex-direction:column;gap:10px;display:flex}.snsrow{grid-template-columns:112px 1fr;gap:8px;display:grid}.snsrow.has-del{grid-template-columns:112px 1fr auto}.snsrow input,.snsrow select{padding:11px 12px;font-size:14px}.addbtn{border:1px dashed var(--line);color:var(--muted);cursor:pointer;font-size:12.5px;font-family:var(--font-body);background:0 0;border-radius:10px;align-self:flex-start;padding:9px 14px}.addbtn:hover{border-color:var(--red);color:var(--text)}.counter{color:var(--muted-2);font-variant-numeric:tabular-nums;align-self:flex-end;font-size:11px}.counter.warn{color:var(--red)}.policybox{background:var(--surface);border:1px solid var(--line);max-height:190px;color:var(--muted);border-radius:10px;padding:14px 15px;font-size:12px;line-height:1.65;overflow-y:auto}.policybox b{color:var(--text);letter-spacing:.01em;margin-bottom:9px;font-size:12.5px;display:block}.policybox p{margin:0 0 9px}.policybox ol{flex-direction:column;gap:4px;margin:0 0 9px;padding-left:18px;list-style:decimal;display:flex}.policybox ol li{padding-left:2px}.policybox>:last-child{margin-bottom:0}.consent{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:flex-start;gap:11px;padding:14px;display:flex}.consent input{width:18px;height:18px;accent-color:var(--red);flex:none;margin-top:2px}.consent .txt{color:var(--muted);font-size:12px;line-height:1.5}.submit{cursor:pointer;color:#fff;background:var(--btn);width:100%;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;box-shadow:0 8px 30px color-mix(in srgb, var(--btn) 32%, transparent);border:none;border-radius:12px;padding:17px;font-size:17px;font-style:italic;font-weight:700;transition:background .15s,transform .12s,opacity .2s;position:relative}.submit:hover{background:var(--btn);filter:brightness(1.14)}.submit:active{transform:translateY(1px)}.submit:disabled{background:var(--surface-2);color:var(--muted-2);box-shadow:none;cursor:not-allowed;filter:none}.entries{flex-direction:column;gap:10px;display:flex}.entry{align-items:stretch;gap:8px;display:flex}.entry .grow{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (max-width:400px){.entry .grow{grid-template-columns:1fr}}.optout{border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:12.5px;font-family:var(--font-body);background:0 0;border-radius:10px;align-self:flex-start;padding:9px 14px;transition:border-color .15s,background .15s,color .15s}.optout:hover{border-color:var(--red);color:var(--text)}.optout.on{background:var(--chip);border-color:var(--chip);color:#fff;font-weight:600}.pagenav{align-items:stretch;gap:10px;display:flex}.pagenav .submit{flex:1}.navbtn{border:1px solid var(--line);background:var(--surface);min-width:96px;color:var(--muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:12px;flex:none;padding:17px 18px;font-size:15px;font-style:italic;font-weight:700;transition:border-color .15s,color .15s}.navbtn:hover{border-color:var(--btn);color:var(--text)}.app.preview{min-height:100%;box-shadow:none}.app.preview .done{position:absolute}.done{z-index:60;background:var(--bg);display:none;position:fixed;inset:0;overflow-y:auto}.done.show{animation:.4s fade;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}.donecard{text-align:center;flex-direction:column;align-items:center;gap:0;max-width:440px;margin:auto;padding:56px 26px;animation:.45s cubic-bezier(.2,.7,.2,1) rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.doneclose{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--muted);cursor:pointer;font-size:20px;line-height:1;font-family:var(--font-body);z-index:2;border-radius:50%;transition:border-color .15s,color .15s;position:absolute;top:14px;right:16px}.doneclose:hover{border-color:var(--red);color:var(--text)}.done .mark{background:var(--btn);width:88px;height:88px;box-shadow:0 10px 40px color-mix(in srgb, var(--btn) 40%, transparent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:22px;display:flex}.done .mark svg{width:48px;height:auto}.done h2{font-family:var(--font-display);text-transform:uppercase;color:#fff;margin:0;font-size:34px;font-style:italic;font-weight:700;line-height:.95}.donemsg{flex-direction:column;gap:14px;margin:16px 0 0;display:flex}.donemsg p{color:var(--muted);text-align:left;margin:0;font-size:13.5px;line-height:1.75}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.anim-load{opacity:0;animation:.55s cubic-bezier(.2,.7,.2,1) both riseIn}.a1{animation-delay:20ms}.a2{animation-delay:.12s}.sect,.reveal{opacity:0;transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1);transform:translateY(12px)}.sect.in,.reveal.in{opacity:1;transform:none}.progbar:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);position:absolute;inset:0;transform:translate(-100%)}.progbar.shine:after{animation:.85s shimmer}@keyframes shimmer{0%{opacity:1;transform:translate(-100%)}to{opacity:0;transform:translate(120%)}}@keyframes readyPulse{0%{box-shadow:0 8px 30px color-mix(in srgb, var(--btn) 32%, transparent)}35%{box-shadow:0 10px 52px color-mix(in srgb, var(--btn) 90%, transparent)}to{box-shadow:0 8px 30px color-mix(in srgb, var(--btn) 32%, transparent)}}.submit.ready{animation:.9s readyPulse}@keyframes markPop{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes swooshWipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.done.show .mark{animation:.5s cubic-bezier(.2,.75,.25,1) both markPop}.done.show .mark svg path{animation:.55s cubic-bezier(.3,.7,.2,1) .28s both swooshWipe}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.anim-load,.sect,.reveal{opacity:1!important;transform:none!important}.done.show .mark svg path{clip-path:none!important}}