:root{--color-primary: #0067c5;--color-primary-hover: #00529c;--color-primary-light: #e8f1f9;--page-bg: #f7f8fa;--card-bg: #ffffff;--color-border: #e6e6e6;--color-border-dark: #b9b9b9;--color-text: #222222;--color-text-soft: #6b6b6b;--color-error: #c0392b;--radius: 12px;--radius-small: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);font-family:var(--font);color:var(--color-text);font-size:15px;-webkit-font-smoothing:antialiased}.page{max-width:680px;margin:0 auto;padding:12px 12px 48px}.card{background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius);margin-top:12px;padding:22px 24px;position:relative;word-wrap:break-word}.card.header-card{border-top:6px solid var(--color-primary);margin-top:16px}.form-title{font-weight:700;font-size:26px;line-height:1.25;margin:0}.form-meta{margin-top:14px;color:var(--color-text-soft);font-size:14px;border-top:1px solid var(--color-border);padding-top:12px;display:flex;flex-direction:column;gap:6px}.form-meta .user{color:var(--color-text);font-weight:600}.test-badge{display:inline-block;align-self:flex-start;background:var(--color-primary-light);color:var(--color-primary);border-radius:2em;padding:4px 14px;font-size:13px;font-weight:600}.required-note{color:var(--color-error);font-size:13px}.section-banner{background:var(--color-primary);color:#fff;border-radius:var(--radius) var(--radius) 0 0;padding:13px 24px;margin-top:12px;font-size:16px;font-weight:600}.section-banner+.card{margin-top:0;border-radius:0 0 var(--radius) var(--radius)}.q-title{font-size:16px;font-weight:600;line-height:1.4;margin:0 0 4px}.q-title .req{color:var(--color-error);padding-left:4px}.q-desc{color:var(--color-text-soft);font-size:13px;white-space:pre-line;margin:0 0 12px}.q-error{color:var(--color-error);font-size:13px;margin-top:10px;display:flex;align-items:center;gap:6px}.card.invalid{border-color:var(--color-error)}input[type=text],textarea,select{font-family:var(--font);font-size:15px;color:var(--color-text);border:1px solid var(--color-border-dark);border-radius:var(--radius-small);outline:none;padding:9px 12px;background:var(--card-bg);width:100%;max-width:440px}textarea{max-width:100%;resize:vertical;min-height:40px}input[type=text]:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}input[type=text]::placeholder,textarea::placeholder{color:#9a9a9a}select{max-width:340px;cursor:pointer}.radio-group{display:flex;flex-direction:column;gap:2px}.radio-row{display:flex;align-items:center;gap:12px;padding:7px 10px;margin:0 -10px;border-radius:var(--radius-small);cursor:pointer;font-size:15px}.radio-row:hover{background:var(--color-primary-light)}.radio-row input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex:none;margin:0}.radio-row .other-input{flex:1}.scale{display:flex;align-items:flex-end;justify-content:space-between;max-width:480px;margin-top:8px}.scale .end-label{font-size:14px;color:var(--color-text);padding-bottom:2px;max-width:90px}.scale .tick{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px;flex:1;cursor:pointer}.scale .tick input[type=radio]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.file-upload .file-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-border-dark);color:var(--color-text);background:var(--card-bg);border-radius:2em;padding:9px 18px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer}.file-upload .file-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.file-upload .file-btn svg{width:18px;height:18px;fill:currentColor}.file-upload ul{list-style:none;padding:0;margin:10px 0 0}.file-upload li{display:flex;align-items:center;gap:8px;background:var(--page-bg);border:1px solid var(--color-border);border-radius:var(--radius-small);padding:6px 8px 6px 14px;margin-top:6px;font-size:14px;max-width:440px}.file-upload li .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload li button{border:none;background:none;color:var(--color-text-soft);cursor:pointer;padding:4px 6px;display:flex;align-items:center}.file-upload li button svg{width:16px;height:16px;fill:currentColor}.file-upload li button:hover{color:var(--color-error)}.nav-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.nav-row .buttons{display:flex;gap:8px}button.primary{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-small);padding:11px 26px;font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer}button.primary:hover{background:var(--color-primary-hover)}button.primary:disabled{opacity:.6;cursor:default}button.ghost{background:transparent;color:var(--color-primary);border:none;border-radius:var(--radius-small);padding:11px 22px;font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer}button.ghost:hover{background:var(--color-primary-light)}.clear-link{background:none;border:none;color:var(--color-primary);font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;padding:10px 8px;border-radius:var(--radius-small)}.clear-link:hover{background:var(--color-primary-light)}.progress{color:var(--color-text-soft);font-size:13px}.footer-note{text-align:center;color:var(--color-text-soft);font-size:12px;margin-top:24px}.center-card .links{margin-top:16px;display:flex;flex-direction:column;gap:10px}.center-card a{color:var(--color-primary);font-weight:600}.center-card .path-note{color:var(--color-text-soft);font-size:13px;word-break:break-all}.global-error{background:#fdecea;border:1px solid var(--color-error);color:var(--color-error);border-radius:var(--radius-small);padding:12px 16px;margin-top:12px;font-size:14px}.spinner{color:var(--color-text-soft);padding:40px;text-align:center}
