body,html{overflow:auto;height:auto}.survey-page{min-height:100vh;align-items:flex-start;justify-content:center;padding:clamp(24px,6vh,72px) 16px 60px;z-index:2}.survey-card,.survey-page{position:relative;display:flex}.survey-card{width:min(680px,100%);background:var(--bg-1);border:var(--border-standard);padding:clamp(22px,3vw,36px);flex-direction:column;gap:16px}.survey-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.survey-skip{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--silver-dim);text-decoration:none;border-bottom:1px dotted var(--silver-dim)}.survey-skip:hover{color:var(--silver-2);border-color:var(--silver-2)}.survey-intro{margin-top:-4px}.survey-progress{height:3px;background:var(--line);position:relative;overflow:hidden}.survey-progress-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--cyan),var(--amber));transition:width .4s ease}.survey-progress-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--silver-dim);margin-top:-8px}.survey-question{display:flex;flex-direction:column;gap:14px}.survey-q-text{font-family:var(--display);font-weight:700;font-size:clamp(19px,2.4vw,26px);line-height:1.2;color:var(--silver-2);letter-spacing:.005em}.survey-options{display:flex;flex-direction:column;gap:8px}.survey-opt{text-align:left;padding:12px 16px;background:transparent;border:var(--border-subtle);color:var(--text);font-family:var(--body);font-size:14.5px;line-height:1.4;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.survey-opt:hover{border-color:var(--line-bright)}.survey-opt.selected{border-color:var(--cyan);background:var(--cyan-dim);color:var(--silver-2)}.survey-range{display:flex;flex-direction:column;gap:10px}.survey-range-scale{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:6px;gap:6px}.survey-range-pt{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;border:var(--border-subtle);color:var(--silver-dim);font-family:var(--mono);font-size:13px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.survey-range-pt:hover{border-color:var(--line-bright);color:var(--silver-2)}.survey-range-pt.selected{border-color:var(--amber);background:var(--amber-dim);color:var(--silver-2)}.survey-range-labels{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--silver-dim)}.survey-nav-row,.survey-range-labels{display:flex;justify-content:space-between}.survey-nav-row{align-items:center;gap:10px;margin-top:4px}.survey-nav-row-end{justify-content:flex-end}.survey-btn{padding:10px 20px;background:transparent;border:var(--border-standard);color:var(--silver-2);font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:opacity .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease}.survey-btn:disabled{opacity:.35;cursor:not-allowed}.survey-btn-primary{background:var(--amber);border-color:var(--amber);color:#000;font-weight:700}.survey-btn-primary:disabled{background:var(--amber-dim);border-color:transparent;color:var(--silver-dim)}.survey-btn:not(:disabled):not(.survey-btn-primary):hover{border-color:var(--silver-2)}.survey-error{font-size:12.5px;color:var(--red)}@media (max-width:560px){.survey-range-scale{grid-template-columns:repeat(5,1fr)}}