:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:1126px;max-width:100%;min-height:100svh;margin:0 auto}h1,h2{font-family:var(--heading);color:#242424;font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--border:#e2e2e2;--border-strong:#c7c7c7;--text-primary:#1c1c1c;--text-secondary:#6b6b6b;--text-muted:#9a9a9a;--accent:#2b6cb0;--accent-bg:#eaf2fb;--surface-0:#f7f7f6;--surface-1:#f0efec;--surface-2:#fff;--radius:8px;--success-bg:#e7f6ec;--success-text:#1f7a3d;--warning-bg:#fdf3e2;--warning-text:#9a6a10}*{box-sizing:border-box}body{color:var(--text-primary);background:#fff;margin:0;font-family:-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;letter-spacing:3%!important}#dotLottie-canvas{background-color:var(--r-bg)}.app-shell{max-width:1040px;margin:0 auto;padding:24px 20px 80px}.breadcrumb{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;width:fit-content;margin-bottom:8px;font-size:13px;display:flex}.breadcrumb:hover{color:var(--text-primary)}.page-title{margin:0 0 16px;font-size:18px;font-weight:500}.page-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}button,.btn{border-radius:var(--radius);border:.5px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);cursor:pointer;will-change:transform;padding:8px 14px;font-size:13px;transition:transform .2s,background .2s}button:hover{transform:scale(1.15)}button.primary{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}button.primary:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{border-radius:var(--radius);border:.5px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);width:100%;padding:8px 10px;font-family:inherit;font-size:13px}textarea{resize:vertical;min-height:60px}label.field-label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;display:block}.field{margin-bottom:14px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.survey-card{background:var(--surface-2);border:.5px solid var(--border);border-radius:12px;padding:16px 18px}.status-badge{border-radius:var(--radius);padding:2px 8px;font-size:11px}.status-badge.published{background:var(--success-bg);color:var(--success-text)}.status-badge.draft{background:var(--warning-bg);color:var(--warning-text)}.status-badge.closed{background:var(--surface-1);color:var(--text-muted)}.tab-row{border-bottom:.5px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.tab-item{color:var(--text-secondary);cursor:pointer;border-bottom:2px solid #0000;padding:8px 14px;font-size:13px}.tab-item.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.editor-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px;display:grid}.question-list{flex-direction:column;gap:6px;max-height:calc(100vh - 220px);padding-right:4px;display:flex;overflow-y:auto}.question-list-item{border-radius:var(--radius);border:.5px solid var(--border);background:var(--surface-2);cursor:pointer;align-items:center;gap:6px;padding:8px 10px;font-size:13px;display:flex}.question-list-item.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:500}.question-list-item.is-section{background:var(--surface-1);border-style:dashed;font-weight:700}.question-list-item.is-section.active{background:var(--accent-bg)}.editor-panel{background:var(--surface-1);border-radius:var(--radius);padding:16px 18px}.panel-footer{border-top:.5px solid var(--border);justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.image-set-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.image-set-grid .slot{aspect-ratio:1;background:var(--surface-2);border:.5px solid var(--border);border-radius:var(--radius);color:var(--text-muted);justify-content:center;align-items:center;font-size:11px;display:flex;overflow:hidden}.image-set-grid .slot img{object-fit:cover;width:100%;height:100%}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.respondent-app{--r-bg:#f7f9ff;--r-surface:#fff;--r-ink:#1c1c28;--r-muted:#70707d;--r-line:#1111111a;--r-accent:#4b5563;--r-accent-2:#ff369a;--r-cta-1:#ff369a;--r-cta-2:#b64cf0;--r-cta-3:#4bc4f5;--r-radius:14px;color:var(--r-ink);background:var(--r-bg);margin:0;font-family:Zen Kaku Gothic New,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.7}.respondent-app *{box-sizing:border-box}.survey-shell{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 20px 30px;display:flex}.center-message{text-align:center;color:var(--r-muted);padding:80px 20px}.thank-you-screen{text-align:center;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.thank-you-lottie{border:none;width:90%;height:160px;margin-bottom:20px}.thank-you-title{color:var(--r-ink);margin:0 0 8px;font-size:17px;font-weight:800}.thank-you-message{color:var(--r-muted);margin:0 0 24px;font-size:13px}.top-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding-top:12px;display:flex}.top-badge{min-height:26px;color:var(--r-cta-1);letter-spacing:.08em;background:#fbe4ef;border-radius:999px;align-items:center;gap:5px;margin-bottom:14px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.top-heading{color:var(--r-ink);white-space:pre-wrap;text-align:left;margin:0 0 20px;font-size:26px;font-weight:800;line-height:1.4;letter-spacing:3%!important}.top-description{color:var(--r-muted);white-space:pre-wrap;text-align:left;max-width:320px;margin:0 0 28px;font-size:13px}.top-hero-frame{border-radius:18px;width:100%;max-width:320px;margin-bottom:28px;overflow:hidden}@media (width>=768px){.top-description,.top-hero-frame{max-width:50%}}.top-hero{object-fit:contain;width:100%;height:auto;max-height:46vh;display:block}.progress-row{align-items:center;gap:10px;margin-bottom:20px;display:flex}.progress-label{color:var(--r-muted);white-space:nowrap;font-size:12px;font-weight:700}.section-label{color:var(--r-cta-1);background:#fbe4ef;border-radius:999px;align-items:center;gap:4px;margin:0 0 20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.progress-track{background:var(--r-line);border-radius:3px;flex:1;height:5px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--r-cta-1) 0%, var(--r-cta-2) 55%, var(--r-cta-3) 100%);height:100%;transition:width .24s}.question-title{white-space:pre-wrap;margin:0 0 10px;font-size:18px;font-weight:800;line-height:1.7}.question-description{color:var(--r-muted);white-space:pre-wrap;margin:0 0 20px;font-size:13px}.question-stage,.question-body{box-sizing:border-box;width:100%}.choice-list{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.choice-item{border:1.5px solid var(--r-line);border-radius:var(--r-radius);cursor:pointer;background:var(--r-surface);align-items:center;gap:10px;padding:16px 18px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s,transform .12s;display:flex}.choice-item:active{transform:scale(.97)}.choice-item.selected{border-color:var(--r-accent);color:var(--r-accent);background:#ff4d6d0f}.scale-row{gap:1vw;margin-bottom:24px;display:flex}.scale-button{aspect-ratio:1;border:1.5px solid var(--r-line);border-radius:var(--r-radius);background:var(--r-surface);cursor:pointer;flex:1;font-size:16px;font-weight:700;transition:transform .12s,border-color .15s,background .15s}@media (width>=768px){.scale-button{aspect-ratio:0;padding:20px 0}}.scale-button:active{transform:scale(.9)}.scale-button.selected{border-color:var(--r-cta-2);background:linear-gradient(90deg, var(--r-cta-1) 0%, var(--r-cta-2) 55%, var(--r-cta-3) 100%);color:#fff;transform:scale(1.05)}.scale-label-row{color:var(--r-muted);justify-content:space-between;margin-top:-14px;margin-bottom:24px;font-size:12px;display:flex}.image-rating-item{border:1.5px solid var(--r-line);border-radius:var(--r-radius);background:var(--r-surface);margin-bottom:14px;padding:12px}.image-rating-item img{border-radius:10px;width:100%;margin-bottom:10px;display:block}.rating-choice-row{gap:8px;display:flex}.rating-choice-button{border:1.5px solid var(--r-line);background:var(--r-surface);cursor:pointer;border-radius:10px;flex:1;padding:10px;font-size:13px;font-weight:700}.rating-choice-button.selected.good{border-color:var(--r-accent-2);background:var(--r-accent-2);color:#fff}.rating-choice-button.selected.bad{border-color:var(--r-accent);background:var(--r-accent);color:#fff}.rating-choice-button.selected.neutral{border-color:var(--r-ink);background:var(--r-ink);color:#fff}.swipe-progress{color:var(--r-muted);text-align:center;margin-bottom:10px;font-size:12px;font-weight:700}.card-stack{aspect-ratio:4/5;box-sizing:border-box;align-self:stretch;max-height:56vh;margin:auto;position:relative}.swipe-card{border-radius:var(--r-radius);touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;background:#e5e7eb;align-items:flex-end;transition:transform .23s,opacity .22s;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 16px 40px #14182029}.swipe-card.is-next{opacity:.7;z-index:1;transform:scale(.94)translateY(16px)}.swipe-card:not(.is-next){z-index:2;cursor:grab}.swipe-card.is-dragging{cursor:grabbing;transition:none}.swipe-card:before{content:none}.card-tint{z-index:2;border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:0}.swipe-card.toss-positive{animation:.7s linear forwards tossPositive}@keyframes tossPositive{0%{opacity:1;transform:translate(0)rotate(0)}15%{transform:translate(18px,-55px)rotate(4deg)}30%{transform:translate(40px,-80px)rotate(8deg)}45%{transform:translate(66px,-70px)rotate(11deg)}60%{transform:translate(96px,-30px)rotate(14deg)}80%{opacity:1;transform:translate(160px,120px)rotate(19deg)}to{opacity:0;transform:translate(240px,460px)rotate(24deg)}}.swipe-card.toss-negative{animation:.7s linear forwards tossNegative}@keyframes tossNegative{0%{opacity:1;transform:translate(0)rotate(0)}15%{transform:translate(-18px,-55px)rotate(-4deg)}30%{transform:translate(-40px,-80px)rotate(-8deg)}45%{transform:translate(-66px,-70px)rotate(-11deg)}60%{transform:translate(-96px,-30px)rotate(-14deg)}80%{opacity:1;transform:translate(-160px,120px)rotate(-19deg)}to{opacity:0;transform:translate(-240px,460px)rotate(-24deg)}}.swipe-icon-button.is-pressed.good{animation:.4s btnPopGood}.swipe-icon-button.is-pressed.bad{animation:.4s btnPopBad}@keyframes btnPopGood{0%{transform:scale(1)}40%{transform:scale(1.25)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes btnPopBad{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-8deg)scale(1.1)}75%{transform:rotate(8deg)scale(1.1)}}.pop-particle{z-index:50;pointer-events:none;will-change:transform, opacity;font-size:20px;animation:.9s ease-out forwards popFloat;position:fixed}@keyframes popFloat{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}30%{opacity:1;transform:translate(-50%,-120%)scale(1.1)}to{opacity:0;transform:translate(-50%,-260%)scale(.8)}}.card-photo{background-color:#b9b9b9;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.swipe-hint{text-align:center;color:var(--r-muted);margin:32px 0 0;font-size:12px;font-weight:600}.photo-frame{aspect-ratio:4/5;border-radius:var(--r-radius);box-sizing:border-box;background:#e5e7eb;align-self:stretch;width:100%;max-height:56vh;margin-bottom:30px;position:relative;overflow:hidden;box-shadow:0 16px 40px #14182029}.photo-frame img{object-fit:contain;width:100%;height:100%;display:block}.choice-badge{z-index:4;opacity:0;border:3px solid;border-radius:10px;place-items:center;min-width:96px;min-height:44px;font-size:24px;font-weight:900;transition:opacity .2s;display:grid;position:absolute;top:24px}.swipe-card.is-dragging .choice-badge,.swipe-card.is-dragging .card-tint{transition:none}.choice-good{color:var(--r-accent-2);right:20px;transform:rotate(10deg)}.choice-bad{color:var(--r-accent);left:20px;transform:rotate(-10deg)}.swipe-actions{justify-content:center;gap:68px;margin:34px 0 14px;display:flex}.swipe-icon-button{background:var(--r-surface);cursor:pointer;border-radius:50%;place-items:center;width:80px;height:80px;display:grid;box-shadow:0 6px 18px #14182024}.swipe-icon-button.bad{color:var(--r-accent);border:1px solid var(--r-accent);font-size:20px}.swipe-icon-button.good{color:var(--r-accent-2);border:1px solid var(--r-accent-2);font-size:30px}.swipe-icon-button.selected.bad{background:var(--r-accent);color:#fff}.swipe-icon-button.selected.good{background:var(--r-accent-2);color:#fff}.two-choice-text-card{justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0}.two-choice-text-card p{text-align:center;color:var(--r-ink);white-space:pre-wrap;font-size:clamp(20px,6vw,28px);font-weight:800}.image-nav-row{justify-content:space-between;margin-bottom:20px;display:flex}.image-nav-row .text-button:disabled{opacity:.3;cursor:not-allowed}.image-compare-grid{grid-template-columns:1fr;gap:10px;margin-bottom:16px;display:grid}@media (width>=768px){.image-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.image-compare-item{border:2.5px solid var(--r-line);border-radius:var(--r-radius);cursor:pointer;background:var(--r-surface);padding:6px;position:relative}.image-compare-item.selected{border-color:var(--r-accent)}.image-compare-item img{aspect-ratio:1;object-fit:contain;background:var(--r-bg);border-radius:8px;width:100%;display:block}.image-compare-check{background:var(--r-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex;position:absolute;top:6px;right:6px}.respondent-app textarea,.respondent-app input[type=text]{border:1.5px solid var(--r-line);border-radius:var(--r-radius);background:var(--r-surface);width:100%;margin-bottom:24px;padding:14px 16px;font-family:inherit;font-size:14px}.respondent-app textarea{resize:vertical;min-height:100px}.nav-row{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.respondent-app button.big-button{background:linear-gradient(90deg, var(--r-cta-1) 0%, var(--r-cta-2) 55%, var(--r-cta-3) 100%);color:#fff;cursor:pointer;border:none;border-radius:999px;width:100%;max-width:300px;padding:16px 24px;font-size:16px;font-weight:900;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;box-shadow:0 14px 26px #913cb452}.respondent-app button.big-button:active:not(:disabled){transform:scale(.97);box-shadow:0 6px 14px #913cb452}.respondent-app button.big-button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.respondent-app button.text-button{color:var(--r-muted);cursor:pointer;background:0 0;border:none;padding:14px 8px;font-size:13px;font-weight:700;transition:transform .12s,color .15s}.respondent-app button.text-button:active{transform:scale(.94)}.error-banner{color:#a33;border-radius:var(--r-radius);background:#fdeceb;margin-bottom:16px;padding:10px 14px;font-size:13px}.section-intro-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:60px;display:flex}.section-intro-body{background:linear-gradient(#fff 0%,#fdf5fa 100%);border-radius:24px;flex-direction:column;align-items:center;max-width:320px;padding:36px 28px;display:flex;box-shadow:0 20px 48px #963c961f}.section-intro-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--r-cta-1) 50%, transparent), color-mix(in srgb, var(--r-cta-2) 50%, transparent), color-mix(in srgb, var(--r-cta-3) 50%, transparent));border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:18px;font-size:26px;display:flex;box-shadow:0 10px 20px #b64cf04d}.section-intro-badge{letter-spacing:.1em;color:var(--r-cta-2);margin-bottom:10px;font-size:11px;font-weight:800}.section-intro-title{color:var(--r-ink);white-space:pre-wrap;margin:0 0 10px;font-size:20px;font-weight:800;line-height:1.5}.section-intro-description{color:var(--r-muted);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.7}