.site{max-width:var(--content-max);margin:0 auto;padding:var(--space-4) var(--space-3) var(--space-8)}.hero{padding:var(--space-6) 0 var(--space-4)}.hero__brand{font-size:var(--fs-caption);letter-spacing:.08em;color:var(--color-primary);font-weight:var(--fw-medium)}.hero__title{font-size:var(--fs-h1);font-weight:var(--fw-bold);margin:var(--space-1) 0 var(--space-2)}.hero__lead{color:var(--color-text-secondary);font-size:var(--fs-body)}.indicators{display:flex;gap:var(--space-3);flex-wrap:wrap;margin:var(--space-3) 0;padding:var(--space-2) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.indicator__value{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h3);font-variant-numeric:tabular-nums}.indicator__label{font-size:var(--fs-caption);color:var(--color-text-secondary)}.section{margin:var(--space-4) 0}.section h2{font-size:var(--fs-h3);border-left:3px solid var(--color-primary);padding-left:var(--space-1)}.section p,.section li{color:var(--color-text-secondary);font-size:var(--fs-body)}.consent{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin:var(--space-3) 0;display:grid;gap:var(--space-2)}.consent label{display:flex;gap:var(--space-1);align-items:flex-start;font-size:var(--fs-caption);cursor:pointer}.consent input[type=checkbox]{margin-top:3px;flex:0 0 auto;width:18px;height:18px}.cta{position:sticky;bottom:0;background:linear-gradient(transparent,var(--color-bg-page) 30%);padding:var(--space-3) 0 var(--space-2)}.cta .btn--primary{width:100%;font-size:var(--fs-h3)}.note-pending{background:#fff8ec;border:1px dashed var(--color-data-amber);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--fs-caption);color:#8a5a00}.footer-links{margin-top:var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--fs-caption);color:var(--color-text-secondary);display:flex;gap:var(--space-2);flex-wrap:wrap}.share{display:flex;gap:var(--space-1);flex-wrap:wrap;margin:var(--space-2) 0}.share .btn{flex:1;min-width:100px}.field{display:block;width:100%;box-sizing:border-box;min-height:48px;padding:var(--space-2);border:1.5px solid var(--color-text-secondary);border-radius:var(--radius-md);background:var(--color-bg-card);font-family:inherit;font-size:var(--fs-body)}.field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-tint)}.success-box{display:flex;gap:var(--space-2);align-items:center;background:#eafaf0;border:1px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-3);color:#0a7a37}.success-box__mark{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--color-success);color:#fff;display:grid;place-items:center;font-weight:var(--fw-bold)}.survey{max-width:var(--content-max);margin:0 auto;padding:var(--space-3);min-height:100dvh;display:flex;flex-direction:column}.progress{position:sticky;top:0;background:var(--color-bg-page);padding:var(--space-2) 0;z-index:10}.progress__track{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.progress__fill{height:100%;background:var(--color-primary);border-radius:2px;transition:width var(--transition-base)}.progress__meta{display:flex;justify-content:space-between;margin-top:var(--space-1);font-size:var(--fs-caption);color:var(--color-text-secondary)}.question{flex:1;padding:var(--space-4) 0 var(--space-3);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.question__section{font-size:var(--fs-caption);color:var(--color-primary);font-weight:var(--fw-medium);letter-spacing:.04em}.question__label{font-size:var(--fs-h2);font-weight:var(--fw-bold);font-family:var(--font-display);margin:var(--space-1) 0 var(--space-2);line-height:var(--lh-heading)}.question__note{font-size:var(--fs-caption);color:var(--color-text-secondary);background:var(--color-primary-tint);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-3)}.options{display:flex;flex-direction:column;gap:var(--space-1)}.option{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base);font-size:var(--fs-body);text-align:left;width:100%}.option:hover{border-color:var(--color-primary)}.option:active{transform:scale(.995)}.option--selected{border-color:var(--color-primary);background:var(--color-primary-tint);box-shadow:inset 0 0 0 1px var(--color-primary);font-weight:var(--fw-medium)}.option__marker{flex:0 0 auto;width:20px;height:20px;border:2px solid var(--color-border);display:grid;place-items:center;color:#fff;font-size:12px}.option--single .option__marker{border-radius:50%}.option--multi .option__marker{border-radius:var(--radius-sm)}.option--selected .option__marker{border-color:var(--color-primary);background:var(--color-primary)}.option__rank{flex:0 0 auto;min-width:24px;height:24px;border-radius:50%;border:2px solid var(--color-primary);color:var(--color-primary);font-weight:var(--fw-bold);display:grid;place-items:center;font-size:var(--fs-caption);font-variant-numeric:tabular-nums}.scale{display:flex;gap:var(--space-1);margin:var(--space-2) 0}.scale__btn{flex:1;min-height:var(--tap-min);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);font-variant-numeric:tabular-nums;font-size:var(--fs-body)}.scale__btn--selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff;font-weight:var(--fw-bold)}.scale__labels{display:flex;justify-content:space-between;font-size:var(--fs-caption);color:var(--color-text-secondary)}.grid-row{margin-bottom:var(--space-3)}.grid-row__label{font-size:var(--fs-body);margin-bottom:var(--space-1)}.field{width:100%;min-height:var(--tap-min);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--fs-body)}.field:focus{outline:2px solid var(--color-primary);border-color:var(--color-primary)}textarea.field{min-height:120px;resize:vertical}.field--other{margin-top:var(--space-1)}.nav{display:flex;gap:var(--space-2);padding:var(--space-3) 0 var(--space-4)}.btn{min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-body);font-weight:var(--fw-medium);border:1px solid transparent}.btn--primary{flex:1;background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-deep)}.btn--primary:disabled{background:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed}.btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.error{color:#c0291f;font-size:var(--fs-caption);margin-top:var(--space-1)}.terminal{flex:1;display:grid;place-content:center;text-align:center;gap:var(--space-2);padding:var(--space-8) var(--space-2)}.terminal h2{font-size:var(--fs-h1)}.terminal p{color:var(--color-text-secondary)}:root{--color-bg-page: #fafaf8;--color-bg-card: #ffffff;--color-text-primary: #16161a;--color-text-secondary: #5a5a60;--color-border: #e4e4e0;--color-primary: #1a4dff;--color-primary-deep: #0a2a99;--color-data-cyan: #00b8d4;--color-data-amber: #ffb020;--color-success: #1db954;--color-primary-tint: #eef2ff;--font-display: "Space Grotesk", "Noto Sans JP", system-ui, sans-serif;--font-body: "Inter Tight", "Noto Sans JP", system-ui, sans-serif;--font-feature-numeric: "tnum" 1, "lnum" 1;--fs-hero: 3rem;--fs-h1: 1.75rem;--fs-h2: 1.375rem;--fs-h3: 1.125rem;--fs-body: 1rem;--fs-caption: .8125rem;--lh-tight: 1;--lh-heading: 1.25;--lh-body: 1.7;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-6: 3rem;--space-8: 4rem;--space-12: 6rem;--content-max: 720px;--tap-min: 44px;--radius-sm: 4px;--radius-md: 8px;--shadow-card: 0 1px 2px rgba(22, 22, 26, .04);--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);line-height:var(--lh-heading);margin:0 0 var(--space-2)}.tnum{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:var(--font-feature-numeric)}button{font-family:inherit;cursor:pointer}a{color:var(--color-primary)}