*{box-sizing:border-box}body{background:#eef1f6;margin:0}.survey-page{color:#222;max-width:760px;margin:0 auto;padding:24px 16px 48px;font-family:Inter,Noto Sans KR,sans-serif;font-size:15px}.survey-hero{color:#fff;background:#556a9d;border-radius:7px;padding:20px 24px}.survey-hero-kicker{color:#e6eaf4;margin:0 0 6px;font-size:13px;font-weight:600}.survey-hero-title{margin:0;font-size:22px;font-weight:700}.survey-card{background:#fff;border:1px solid #ccc;margin-top:16px}.survey-card-head{background:#f4f6fa;flex-direction:column;gap:12px;padding:16px 24px;display:flex}.survey-card-head-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.survey-card-head-line strong{color:#556a9d;font-size:15px}.survey-card-head-line span{color:#555;font-size:13px}.survey-progress{background:#dde2ec;height:8px}.survey-progress span{background:#556a9d;height:100%;transition:width .2s;display:block}.survey-card-head.is-done{background:#f1f8f0}.survey-card-head.is-done strong{color:#3f7a3b}.survey-card-head.is-done .survey-progress span{background:#7cbb77}.survey-card-body{flex-direction:column;gap:24px;padding:24px;display:flex}.survey-card-foot{border-top:1px solid #e2e2e2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.survey-actions{gap:8px;margin-left:auto;display:flex}.input1,.survey-select,.survey-textarea{color:#222;background:#fff;border:1px solid #ccc;border-radius:0;width:100%;height:39px;padding:0 12px;font-size:15px}.input1::placeholder,.survey-textarea::placeholder{color:#767676}.survey-textarea{resize:vertical;height:120px;padding:12px;font-family:inherit}:is(.input1,.survey-select,.survey-textarea,button,input):focus-visible{outline-offset:1px;outline:2px solid #fd8238}.btn-type1,.btn-type3,.btn-type4{cursor:pointer;border-radius:0;height:39px;padding:0 24px;font-size:15px;font-weight:600}.btn-type1{color:#fff;background:#556a9d;border:0}.btn-type3{color:#545454;background:#fff;border:1px solid #545454}.btn-type4{color:#fff;background:#fd8238;border:0;font-weight:700}button:disabled{opacity:.6;cursor:wait}.survey-notice{color:#333;background:#f4f6fa;margin:0;padding:12px 16px;font-size:13px}.survey-branch-alert{color:#8a4a1f;background:#fff6ef;margin:0;padding:12px 16px;font-size:13px}.survey-alert{color:#8a3b0c;background:#fff6ef;border-left:4px solid #c45a14;margin:0;padding:12px 16px;font-size:14px}.survey-help{color:#555;margin:0;font-size:13px}.survey-example{color:#556a9d;font-weight:700}.survey-help-token-accent{color:#c62828}.survey-error{color:#c45a14;margin:0;font-size:13px}.survey-save-hint{color:#555;font-size:13px}.survey-saved{color:#3f7a3b;font-size:13px}.survey-loading{text-align:center;color:#555;padding:48px 24px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=640px){.survey-card-body,.survey-card-head,.survey-card-foot{padding-left:16px;padding-right:16px}.survey-actions{width:100%}.survey-actions button{flex:1}}.survey-card-head-line h2{color:#556a9d;outline:none;margin:0;font-size:15px}.survey-card-head.is-done h2{color:#3f7a3b}.survey-flow{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.survey-flow-step{border:1px solid #ccc;flex-direction:column;gap:4px;padding:12px;font-size:14px;display:flex}.survey-flow-no{color:#556a9d;font-size:12px;font-weight:700}.survey-flow-desc{color:#555;font-size:12px}.survey-branch-note{color:#333;background:#fff;margin:0;padding:10px 14px;font-size:13px}.survey-ai-tabs{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.survey-ai-tab{color:#555;background:#fff;border:1px solid #ccc;align-items:center;height:28px;padding:0 12px;font-size:13px;display:inline-flex}.survey-ai-tab.is-current{color:#fff;background:#556a9d;border-color:#556a9d;font-weight:600}.survey-ai-tab.is-saved{color:#3f7a3b;background:#f1f8f0;border-color:#7cbb77}.survey-intro h3{margin:0 0 8px;font-size:20px}.survey-intro p{color:#555;margin:0}.survey-guide{background:#eef1f7;border:1px solid #dde3ee;flex-direction:column;gap:16px;padding:20px;display:flex}.survey-guide .survey-flow-step{background:#fff}.survey-q{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.survey-q>label,.survey-q>legend{color:#222;margin-bottom:4px;padding:0;font-size:15px;font-weight:600}.survey-grid{grid-template-columns:1fr 1fr;gap:24px 16px;display:grid}.survey-q.is-error :is(.input1,.survey-select,.survey-textarea,.opt,.chk,.survey-type),.survey-count.is-error .survey-select{border-color:#fd8238}.survey-q.is-error>legend,.survey-q.is-error>label{color:#c45a14}.survey-opts{flex-wrap:wrap;gap:8px;display:flex}.survey-opts-3{grid-template-columns:repeat(3,minmax(0,max-content));display:grid}.survey-opts-4{grid-template-columns:repeat(4,minmax(0,max-content));display:grid}.opt,.chk{color:#333;cursor:pointer;background:#fff;border:1px solid #ccc;align-items:center;gap:8px;min-height:39px;padding:0 12px;font-size:15px;display:inline-flex}.opt input,.chk input{accent-color:#fd8238;width:16px;height:16px;margin:0}.opt.is-on,.chk.is-on{color:#222;background:#fff6ef;border-color:#fd8238}.survey-count{background:#f7f8fb;border:1px solid #556a9d;flex-direction:column;gap:12px;padding:16px;display:flex}.survey-count>label{font-size:16px;font-weight:600}.survey-select.is-active{border-color:#fd8238;font-weight:600}.survey-count-result{color:#556a9d;margin:0;font-size:13px;font-weight:600}.survey-type-choice{gap:12px;display:flex}.survey-type{cursor:pointer;border:1px solid #ccc;flex:1;align-items:center;gap:12px;padding:16px;display:flex}.survey-type input{accent-color:#fd8238;width:18px;height:18px;margin:0}.survey-type span{flex-direction:column;gap:4px;display:flex}.survey-type strong{font-size:16px}.survey-type em{color:#555;font-size:13px;font-style:normal}.survey-type.is-on{background:#fff6ef;border-color:#fd8238;box-shadow:inset 0 0 0 1px #fd8238}.survey-belong{background:#f7f7f7;flex-direction:column;gap:12px;padding:16px;display:flex}.survey-belong>p{color:#555;margin:0;font-size:13px;font-weight:600}.survey-belong-fields{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.survey-suggest{position:relative}.survey-suggest-list{z-index:10;background:#fff;border:1px solid #ccc;border-top:0;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 8px #00000014}.survey-suggest-list li{color:#222;cursor:pointer;overflow-wrap:anywhere;padding:8px 12px;font-size:15px}.survey-suggest-list li:hover,.survey-suggest-list li.is-active{color:#556a9d;background:#eef1f6}.survey-done-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-top:8px;display:flex}.survey-done-icon{border:5px solid #7cbb77;border-radius:50%;width:56px;height:56px}.survey-done-hero h3{margin:0;font-size:22px}.survey-done-hero p{color:#555;margin:0}.survey-done-log h4{margin:0 0 8px;font-size:15px}.survey-done-log ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.survey-done-log li{background:#f7f7f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;min-height:39px;padding:8px 16px;display:flex}.survey-done-notes{flex-direction:column;gap:8px;display:flex}@media (width<=640px){.survey-grid,.survey-belong-fields,.survey-flow{grid-template-columns:1fr}.survey-type-choice{flex-direction:column}.survey-opts-3,.survey-opts-4{flex-wrap:wrap;display:flex}}.admin-page{--a-ink:#0f172a;--a-text:#334155;--a-muted:#64748b;--a-line:#e2e8f0;--a-soft:#f1f5f9;--a-accent:#4a6c94;max-width:1200px}.admin-login{max-width:480px;margin-left:auto;margin-right:auto}.admin-page .survey-hero{background:#2f4560;border-radius:12px}.admin-page .survey-card{border-color:var(--a-line);border-radius:12px;overflow:hidden}.admin-page .survey-card-head{background:var(--a-soft)}.admin-page .survey-card-head-line strong{color:var(--a-ink)}.admin-page .btn-type1{background:var(--a-accent)}.admin-metrics{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.admin-metric{border:1px solid var(--a-line);background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:16px;display:flex}.admin-metric-label{color:var(--a-accent);font-size:13px;font-weight:600}.admin-metric-value{color:var(--a-ink);font-size:26px}.admin-metric-def{color:var(--a-muted);font-size:12px}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table caption{text-align:left;color:var(--a-ink);margin-bottom:8px;font-size:15px;font-weight:600}.admin-table th,.admin-table td{border:1px solid var(--a-line);text-align:right;height:39px;padding:0 12px}.admin-table th:first-child,.admin-table td:first-child{text-align:left}.admin-table thead th{background:var(--a-soft);color:var(--a-ink)}.admin-table tbody th{font-weight:500}.admin-tables{flex-direction:column;gap:24px;display:flex}.admin-tabs{border-bottom:1px solid var(--a-line);background:var(--a-soft);flex-wrap:wrap;display:flex}.admin-tab{color:var(--a-muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:12px 18px;font-size:14px}.admin-tab:hover{color:var(--a-accent)}.admin-tab.is-active{border-bottom-color:var(--a-accent);color:var(--a-accent);background:#fff;font-weight:700}.admin-tab:focus-visible{outline:2px solid var(--a-accent);outline-offset:-2px}.admin-section-title{color:var(--a-ink);margin:0 0 12px;font-size:16px}.admin-scope-note{color:var(--a-muted);margin:-4px 0 12px;font-size:13px}.admin-insights{margin-bottom:20px}.insight-tiles{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.insight-tile{border:1px solid var(--a-line);border-top:4px solid var(--tile-accent);background:#fff;border-radius:10px;flex-direction:column;gap:4px;min-width:0;padding:14px 16px;display:flex}.insight-accent-blue{--tile-accent:#3b5b7e}.insight-accent-violet{--tile-accent:#7a6699}.insight-accent-coral{--tile-accent:#b05d47}.insight-accent-amber{--tile-accent:#946c27}.insight-accent-teal{--tile-accent:#3f7f72}.insight-accent-green{--tile-accent:#667f45}.insight-accent-indigo{--tile-accent:#55639a}.insight-label{color:var(--tile-accent);font-size:12px;font-weight:700}.insight-headline{color:var(--a-ink);overflow-wrap:anywhere;font-size:26px;font-weight:800;line-height:1.2}.insight-sub{color:var(--a-muted);font-size:12px}.insight-visual{margin:8px 0 4px}.insight-detail{color:var(--a-text);font-size:12px}.insight-visual-caption{color:var(--a-muted);margin:2px 0 0;font-size:11px}.admin-svg .insight-spark-line{fill:none;stroke:var(--tile-accent);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.admin-svg .insight-spark-area{fill:var(--tile-accent);fill-opacity:.14}.admin-svg .insight-spark-dot{fill:var(--tile-accent);stroke:#fff;stroke-width:1.5px}.insight-split{border-radius:4px;width:100%;height:14px;display:block;overflow:hidden}.insight-split rect{stroke:#fff;stroke-width:1.5px;vector-effect:non-scaling-stroke}.insight-legend{margin:6px 0 0;font-size:11px}.insight-meters{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.insight-meters li{color:var(--a-text);grid-template-columns:1fr auto;gap:2px 8px;font-size:12px;display:grid}.insight-meter-value{color:var(--a-ink);font-variant-numeric:tabular-nums;font-weight:700}.insight-meter{border-radius:4px;grid-column:1/-1;width:100%;height:8px;display:block;overflow:hidden}.insight-meter rect{stroke:none}.insight-meter-warn{fill:#d08c60}.insight-note{color:#8a4f36;background:#f7efe8;border-radius:8px;margin:10px 0 0;padding:8px 12px;font-size:13px}.insight-note strong{margin-right:8px}.admin-chart-grid{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:16px;display:grid}.admin-chart{border:1px solid var(--a-line);background:#fff;border-radius:10px;min-width:0;margin:0;padding:16px}.admin-chart-wide{grid-column:1/-1}.admin-chart-title{color:var(--a-ink);margin-bottom:10px;font-size:15px;font-weight:600}.admin-chart-note{color:var(--a-muted);margin:8px 0 0;font-size:12px}.admin-chart-empty{color:var(--a-muted);margin:12px 0;font-size:14px}.admin-svg{max-width:100%;height:auto;display:block}.admin-svg text{fill:var(--a-text);font-size:13px}.admin-svg .chart-value{fill:var(--a-ink);font-weight:600}.admin-svg .chart-seg-text{fill:var(--a-ink);font-size:12px;font-weight:600}.chart-track{fill:var(--a-soft)}.chart-bar{fill:var(--a-accent)}.admin-svg .chart-bar{stroke:none}.chart-axis{stroke:#cbd5e1;stroke-width:1px}.chart-legend{color:var(--a-text);flex-wrap:wrap;gap:6px 14px;margin:0 0 8px;padding:0;font-size:12px;list-style:none;display:flex}.chart-legend li{align-items:center;gap:6px;display:inline-flex}.chart-swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.chart-seg-scale-0{fill:#e0a08a;background:#e0a08a}.chart-seg-scale-1{fill:#ecca8e;background:#ecca8e}.chart-seg-scale-2{fill:#e2e8f0;background:#e2e8f0}.chart-seg-scale-3{fill:#a8cdc3;background:#a8cdc3}.chart-seg-scale-4{fill:#79afa1;background:#79afa1}.chart-seg-pair-0{fill:#a3b8d4;background:#a3b8d4}.chart-seg-pair-1{fill:#e2e8f0;background:#e2e8f0}.chart-cat-0{fill:#4a6c94;stroke:#4a6c94;background:#4a6c94}.chart-cat-1{fill:#d08c60;stroke:#d08c60;background:#d08c60}.chart-cat-2{fill:#5f9a8c;stroke:#5f9a8c;background:#5f9a8c}.chart-cat-3{fill:#8c7aa9;stroke:#8c7aa9;background:#8c7aa9}.chart-cat-4{fill:#d6b25e;stroke:#d6b25e;background:#d6b25e}.chart-cat-5{fill:#7a9cc6;stroke:#7a9cc6;background:#7a9cc6}.chart-cat-6{fill:#8da36b;stroke:#8da36b;background:#8da36b}.chart-cat-7{fill:#a7b0bc;stroke:#a7b0bc;background:#a7b0bc}.admin-svg .chart-ring-track{fill:none;stroke:var(--a-soft)}.admin-svg .chart-ring-seg{fill:none}.admin-svg .chart-line{fill:none;stroke-width:2.5px;stroke-linejoin:round}.admin-svg .chart-area{stroke:none;fill-opacity:.16}.admin-svg .chart-dot{stroke:#fff;stroke-width:1.5px}.admin-svg .chart-radar-area{fill-opacity:.16;stroke-width:2px;stroke-linejoin:round}.admin-svg .chart-grid{fill:none;stroke:var(--a-line)}.admin-svg .chart-gridline{stroke:var(--a-soft)}.admin-svg .chart-tick{fill:#94a3b8;font-size:11px}.admin-svg .chart-center-value{fill:var(--a-ink);font-size:18px;font-weight:700}.admin-svg .chart-center-caption{fill:var(--a-muted);font-size:11px}.chart-funnel-0{fill:#d5dfeb}.chart-funnel-1{fill:#9fb4cf}.chart-funnel-2{fill:#4a6c94}.chart-funnel-link{fill:#eef2f7}.chart-gauge-good{stroke:#5f9a8c}.chart-gauge-warn{stroke:#d08c60}.chart-donut{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.chart-donut-legend{color:var(--a-text);flex-direction:column;flex:200px;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.chart-donut-legend li{grid-template-columns:12px 1fr auto;align-items:center;gap:8px;display:grid}.chart-donut-value{color:var(--a-muted);font-variant-numeric:tabular-nums}.admin-gauges{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:0 0 20px;display:grid}.admin-gauge{border:1px solid var(--a-line);background:#fff;border-radius:10px;align-items:center;gap:12px;margin:0;padding:12px;display:flex}.admin-gauge figcaption{flex-direction:column;gap:4px;font-size:13px;display:flex}.admin-gauge figcaption strong{color:var(--a-ink)}.admin-gauge figcaption span{color:var(--a-muted);font-size:12px}.admin-comments{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.admin-comments li{border:1px solid var(--a-line);border-left:4px solid var(--a-accent);background:#fff;border-radius:8px;padding:12px 16px}.admin-comment-meta{color:var(--a-accent);margin:0 0 6px;font-size:12px}.admin-comment-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}