:root{--color-bg: #f8f7f4;--color-surface: #f0eeeb;--color-surface-hover: #e8e6e3;--color-text: #2c2c2c;--color-text-secondary: #6b6b6b;--color-accent: #8ba89f;--color-accent-light: #a8bfb6;--color-accent-tint: #e8eeec;--color-border: #e0ddd8;--color-shadow: rgba(44, 44, 44, .06);--font-heading: "Playfair Display", Georgia, serif;--font-body: "Lora", Georgia, serif;--line-height-body: 1.75;--line-height-heading: 1.35;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--content-max-width: 42rem;--card-padding: var(--space-lg);--card-radius: 8px;--card-border: 1px solid var(--color-border);--card-shadow: 0 2px 12px var(--color-shadow)}*,*:before,*:after{box-sizing:border-box}html{font-size:18px}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:1rem;line-height:var(--line-height-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) var(--space-md)}.app-layout{width:100%;max-width:var(--content-max-width);flex:1;display:flex;flex-direction:column;gap:var(--space-xl)}.card{background:var(--color-surface);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--card-padding)}.page-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:500;line-height:var(--line-height-heading);color:var(--color-text);margin:0 0 var(--space-sm)}.page-subtitle{font-family:var(--font-body);font-size:1rem;color:var(--color-text-secondary);margin:0 0 var(--space-md);line-height:var(--line-height-body)}.link{color:var(--color-accent);text-decoration:none}.link:hover{color:var(--color-accent-light);text-decoration:underline}.nav-links{display:flex;flex-wrap:wrap;gap:var(--space-sm);list-style:none;padding:0;margin:0}.nav-links li+li:before{content:"·";margin-right:var(--space-sm);color:var(--color-text-secondary);font-weight:400}.sign-in-page{padding:0;max-width:var(--content-max-width)}.page-title-rule{margin:0 0 var(--space-md);border:none;border-bottom:1px solid var(--color-border)}.sign-in-form{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--color-text);display:inline-flex;align-items:center;gap:var(--space-xs);line-height:var(--line-height-body)}.form-input{font-family:var(--font-body);font-size:1rem;line-height:1.5;color:var(--color-text);background-color:#fff;border:1px solid var(--color-border);border-radius:6px;padding:.625rem .875rem;max-width:24rem;transition:border-color .15s ease,box-shadow .15s ease}.form-input::placeholder{color:var(--color-text-secondary)}.form-input:hover{border-color:var(--color-accent-light)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-tint)}.form-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.form-input[aria-invalid=true]{border-color:#c45c5c}.form-input:disabled{opacity:.7;cursor:not-allowed}.form-error{font-size:.9375rem;color:#b34a4a;margin:0;line-height:1.4}.form-submit{font-family:var(--font-body);font-size:1rem;font-weight:500;line-height:1.5;color:#fff;background-color:var(--color-accent);border:none;border-radius:6px;padding:.5rem 1.5rem;cursor:pointer;align-self:flex-start;min-width:14rem;transition:background-color .15s ease,transform .1s ease}.form-submit:hover:not(:disabled){background-color:var(--color-accent-light)}.form-submit:active:not(:disabled){transform:translateY(1px)}.form-submit:focus{outline:none}.form-submit:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.form-submit:disabled{opacity:.8;cursor:not-allowed}.info-popover-wrap{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.info-popover-trigger{font-family:var(--font-body);font-size:.875rem;font-weight:600;width:1.5rem;height:1.5rem;padding:0;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.info-popover-trigger:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-accent-light)}.info-popover-trigger:focus{outline:none}.info-popover-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.info-popover-trigger[aria-expanded=true]{background:var(--color-accent-tint);border-color:var(--color-accent);color:var(--color-text)}.info-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:transparent}.info-popover{position:absolute;z-index:11;margin-top:var(--space-xs);left:0;max-width:22rem;padding:var(--space-md);background:#fff;border:var(--card-border);border-radius:var(--card-radius);box-shadow:0 4px 20px var(--color-shadow)}.info-popover-content{font-family:var(--font-body);font-size:.9375rem;line-height:var(--line-height-body);color:var(--color-text);margin:0 0 var(--space-sm)}.info-popover-close{font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:.375rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer}.info-popover-close:hover{background:var(--color-surface-hover)}.info-popover-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.self-report-page{padding:0;max-width:56rem}.sr-panel{background:#fff;border:1px solid #ece8e2;border-radius:8px;box-shadow:0 2px 14px #2c2c2c0f;padding:2.25rem 2.5rem}.sr-status{margin:0;color:var(--color-text-secondary)}.sr-status-error{color:#b34a4a}.sr-continue{margin-top:1.5rem;font-family:var(--font-body);font-size:1rem;font-weight:500;line-height:1.5;color:#fff;background-color:var(--color-accent);border:none;border-radius:6px;padding:.5rem 1.5rem;cursor:pointer;min-width:14rem;transition:background-color .15s ease,transform .1s ease}.sr-continue:hover:not(:disabled){background-color:var(--color-accent-light)}.sr-continue:active:not(:disabled){transform:translateY(1px)}.sr-continue:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.sr-continue:disabled{opacity:.8;cursor:not-allowed}.sr-section+.sr-section{margin-top:2.5rem}.sr-section-title{font-family:var(--font-body);font-size:1.25rem;font-weight:600;margin:0 0 .375rem}.sr-section-subtitle{margin:0 0 1.25rem;color:var(--color-text-secondary);font-size:.95rem}.sr-table-wrap{max-height:22rem;overflow:auto;padding-bottom:.25rem}.sr-table-wrap:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:6px}.sr-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem}.sr-table thead th{padding:.75rem .75rem 1rem;vertical-align:bottom;border-bottom:1px solid #eee9e2;position:sticky;top:0;z-index:3;background:#fff}.sr-col-item{width:26%}.sr-col-scale{width:18.5%}.sr-scale-head{display:flex;flex-direction:column;align-items:center;gap:.5rem}.sr-scale-num{font-weight:600;color:var(--color-text)}.sr-scale-text{text-align:center;line-height:1.2;min-height:4.25rem;display:flex;align-items:flex-start;justify-content:flex-start}.sr-scale-label{font-size:.85rem;color:#4a4a4a;font-weight:600;white-space:pre-line}.sr-row th,.sr-row td{border-bottom:1px solid #f0ece6}.sr-table thead th+th,.sr-table tbody td{border-left:1px solid #f3efe9}.sr-table thead th:nth-child(2),.sr-table thead th:nth-child(4),.sr-table tbody td:nth-child(2),.sr-table tbody td:nth-child(4){background:#f6f4f1}.sr-item{padding:.8rem .75rem;text-align:left;font-weight:400}.sr-item-text{font-family:var(--font-body);font-size:1rem;color:var(--color-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.sr-cell{padding:.75rem;text-align:center}.sr-radio-wrap{display:inline-flex;align-items:center;justify-content:center;min-height:2rem}.sr-radio{width:1.25rem;height:1.25rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1.5px solid #bdb8b1;border-radius:999px;background:#fff;display:grid;place-content:center}.sr-radio:before{content:"";width:.65rem;height:.65rem;border-radius:999px;transform:scale(0);transition:transform .12s ease-in-out;background:var(--color-accent)}.sr-radio:checked{border-color:var(--color-accent)}.sr-radio:checked:before{transform:scale(1)}.sr-radio:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.sr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.questionnaire-page{padding:0;max-width:56rem}.qz-panel{background:#fff;border:1px solid #ece8e2;border-radius:8px;box-shadow:0 2px 14px #2c2c2c0f;padding:2.25rem 2.5rem}.qz-prompt{font-family:var(--font-body);font-size:1.15rem;line-height:1.6;margin:0 0 1.25rem;color:var(--color-text)}.qz-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.qz-option{display:flex;align-items:flex-start;gap:.75rem}.qz-radio{width:1.25rem;height:1.25rem;margin-top:.15rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1.5px solid #bdb8b1;border-radius:999px;background:#fff;display:grid;place-content:center}.qz-radio:before{content:"";width:.65rem;height:.65rem;border-radius:999px;transform:scale(0);transition:transform .12s ease-in-out;background:var(--color-accent)}.qz-radio:checked{border-color:var(--color-accent)}.qz-radio:checked:before{transform:scale(1)}.qz-radio:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.qz-option-label{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text)}.qz-option-letter{font-weight:600;margin-right:.35rem}.qz-actions{display:flex;gap:1rem;margin-top:1.75rem}.qz-btn{font-family:var(--font-body);font-size:1rem;font-weight:500;line-height:1.5;border-radius:6px;padding:.55rem 1.35rem;cursor:pointer;min-width:7.5rem;transition:background-color .15s ease,transform .1s ease}.qz-btn:active:not(:disabled){transform:translateY(1px)}.qz-btn:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.qz-btn:disabled{opacity:.6;cursor:not-allowed}.qz-btn-back{background:#fff;border:1px solid #e0ddd8;color:var(--color-text)}.qz-btn-back:hover:not(:disabled){background:#f6f4f1}.qz-btn-next{background:var(--color-accent);border:1px solid var(--color-accent);color:#fff}.qz-btn-next:hover:not(:disabled){background:var(--color-accent-light)}.qz-footer{margin-top:2rem}.qz-footer-text{margin:0 0 .5rem;color:var(--color-text-secondary);font-size:.95rem}.qz-progress{height:6px;background:#e6e2dc;border-radius:999px;overflow:hidden}.qz-progress-fill{height:100%;background:var(--color-accent);width:0%}.qz-status{margin:0;color:var(--color-text-secondary)}.qz-status-error{color:#b34a4a}.verification-page{padding:0;max-width:76rem}.ver-help{margin:0 0 1.25rem;color:var(--color-text-secondary)}.ver-legend{display:flex;gap:1.25rem;align-items:center;margin:0 0 1.25rem;padding:0;list-style:none;color:var(--color-text)}.ver-legend-swatch{width:12px;height:12px;border-radius:3px;display:inline-block;margin-right:.5rem;border:1px solid #d9d5cf}.ver-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:.75rem;background:#fff;border:1px solid #ece8e2;border-radius:8px;box-shadow:0 2px 14px #2c2c2c0f;overflow:hidden}.ver-col{background:transparent;border-right:1px solid #eee9e2}.ver-col:last-child{border-right:none}.ver-col-head{background:#f6f4f1;padding:.75rem .85rem;border-bottom:1px solid #eee9e2;text-align:center}.ver-col-num{font-weight:600;color:var(--color-text)}.ver-col-label{font-weight:600;color:#4a4a4a;font-size:.85rem;line-height:1.2;white-space:pre-line;margin-top:.3rem}.ver-col-body{min-height:18rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.pill{font-family:var(--font-body);font-size:.85rem;border-radius:999px;padding:.38rem .75rem;border:1px solid rgba(0,0,0,.08);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;width:min(100%,16.5rem);max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.2}.pill:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.pill--selected{box-shadow:0 0 0 3px #8ba89f59}.pill--mismatch{outline:2px solid #d18b8b;outline-offset:2px}.pill--material{background:#8ba89f}.pill--tool{background:#7b6b8f}.pill--technique{background:#9a7a63}.ver-actions{margin-top:1.5rem}.ver-submit{font-family:var(--font-body);font-size:1rem;font-weight:500;line-height:1.5;color:#fff;background-color:var(--color-accent);border:none;border-radius:6px;padding:.5rem 1.5rem;cursor:pointer;min-width:14rem;transition:background-color .15s ease,transform .1s ease}.ver-submit:hover:not(:disabled){background-color:var(--color-accent-light)}.ver-submit:active:not(:disabled){transform:translateY(1px)}.ver-submit:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.ver-submit:disabled{opacity:.8;cursor:not-allowed}.tooltip{position:fixed;z-index:50;max-width:380px;background:#2f2f2f;color:#fff;border-radius:8px;padding:.85rem .95rem;box-shadow:0 8px 26px #00000038;font-size:.9rem;line-height:1.35;pointer-events:none}.tooltip h3{font-family:var(--font-body);font-size:.95rem;margin:0 0 .5rem}.tooltip hr{border:none;border-top:1px solid rgba(255,255,255,.14);margin:.6rem 0}.tooltip .muted{color:#ffffffbf}.verdict{font-weight:600;margin-top:.25rem}.verdict--correct{color:#86efac}.verdict--incorrect{color:#fca5a5}.complete-page{padding:0;max-width:var(--content-max-width)}.complete-message{margin:0;color:var(--color-text);font-size:1rem;line-height:var(--line-height-body)}