: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}.form-submit-message{margin:0 0 var(--space-sm);font-size:.9375rem;color:var(--color-text-secondary);font-style:italic}.fatigue-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.fatigue-modal{background:#fff;border-radius:var(--card-radius);border:var(--card-border);box-shadow:0 8px 32px var(--color-shadow);padding:var(--space-lg);max-width:32rem;width:100%}.fatigue-modal-title{font-family:var(--font-heading);font-size:1.15rem;margin:0 0 var(--space-md);color:var(--color-text)}.fatigue-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:var(--space-md)}.fatigue-option{display:flex;gap:.6rem;align-items:flex-start;font-family:var(--font-body);font-size:1rem;color:var(--color-text)}.fatigue-option input{margin-top:.2rem}.fatigue-option-text{line-height:1.35}.fatigue-error{margin:0 0 var(--space-md);color:#b34a4a;font-size:.95rem}.fatigue-submit{width:100%}.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}.progress-roadmap{margin-bottom:var(--space-lg)}.progress-roadmap-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.progress-roadmap-locked{flex:1;margin:0;font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:var(--color-text-secondary)}.progress-roadmap-list{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem var(--space-xs);list-style:none;margin:0;padding:0;font-family:var(--font-body);font-size:.9375rem}.progress-roadmap-item{display:inline-flex;align-items:center;gap:var(--space-xs)}.progress-roadmap-connector{color:var(--color-text-secondary);font-weight:600;margin-right:.25rem}.progress-roadmap-label{color:var(--color-text-secondary);font-weight:500}.progress-roadmap-item--current .progress-roadmap-label{color:var(--color-text);font-weight:600;text-decoration:underline;text-underline-offset:3px}.progress-roadmap-item--completed .progress-roadmap-label{color:var(--color-accent)}.progress-roadmap-item--upcoming .progress-roadmap-label{color:var(--color-text-secondary)}.progress-roadmap-logout{flex-shrink:0;font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:999px;padding:.25rem .75rem;cursor:pointer}.progress-roadmap-logout:hover{background:var(--color-surface-hover)}.progress-roadmap-logout:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.instructions-page{padding:0;max-width:var(--content-max-width)}.instructions-content{font-family:var(--font-body);font-size:1rem;line-height:var(--line-height-body);color:var(--color-text)}.instructions-content p{margin:0 0 var(--space-md)}.instructions-callout{background:#1a1a1a;color:#fff;padding:var(--space-md) var(--space-lg);border-radius:8px;margin:0 0 var(--space-md)}.instructions-callout p{margin:0;color:#fff;font-size:1rem;line-height:var(--line-height-body)}.instructions-video-wrap{position:relative;width:100%;padding-bottom:56.25%;margin:0 0 var(--space-lg);border-radius:8px;overflow:hidden;background:#000}.instructions-video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.instructions-question-label{font-weight:600;margin-bottom:var(--space-xs)!important}.instructions-options{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md)}.instructions-option{display:inline-flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-family:var(--font-body)}.instructions-option input{margin:0}.instructions-frequency-list{flex-direction:column;gap:.25rem;margin-bottom:var(--space-md)}.instructions-plaster-description{margin-bottom:var(--space-md)}.instructions-textarea{width:100%;min-height:6rem;resize:vertical}.instructions-code-form{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-lg)}.instructions-code-form .form-input{min-width:12rem}.instructions-note{color:#b34a4a;font-style:italic}.instructions-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.instructions-modal{background:#fff;border-radius:var(--card-radius);border:var(--card-border);box-shadow:0 8px 32px var(--color-shadow);padding:var(--space-lg);max-width:24rem}.instructions-modal-title{font-family:var(--font-heading);font-size:1.25rem;margin:0 0 var(--space-sm);color:var(--color-text)}.instructions-modal-text{font-family:var(--font-body);font-size:1rem;line-height:var(--line-height-body);color:var(--color-text);margin:0 0 var(--space-md)}.instructions-modal-btn{width:100%}.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-disclaimer{margin:0 0 .5rem;color:var(--color-text-secondary);font-size:.95rem;font-style:italic}.sr-question{margin:0 0 1.5rem;color:var(--color-text);font-size:1rem;font-weight:500}.sr-submit-message{margin:0 0 var(--space-sm);font-size:.9375rem;color:var(--color-text-secondary);font-style:italic}.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:500;margin:0 0 .375rem}.sr-section-title strong{font-weight:700}.sr-section-subtitle{margin:0 0 1.25rem;color:var(--color-text-secondary);font-size:.95rem}.sr-table-wrap{max-height:24rem;overflow-y:scroll;overflow-x:auto;padding-bottom:.25rem;scrollbar-gutter:stable}.sr-table-wrap::-webkit-scrollbar{width:12px}.sr-table-wrap::-webkit-scrollbar-track{background:#e8e6e3;border-radius:6px}.sr-table-wrap::-webkit-scrollbar-thumb{background:#bdb8b1;border-radius:6px}.sr-table-wrap::-webkit-scrollbar-thumb:hover{background:#9a958e}.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-button{font-family:var(--font-body);font-size:1rem;color:var(--color-text);background:transparent;border:none;padding:0;cursor:default;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.sr-item-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}.sr-def-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}.sr-def-title{font-weight:600;margin:0 0 .35rem}.sr-def-body{color:#ffffffe6}.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;min-width:1.25rem;min-height:1.25rem;margin-top:.15rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1.5px solid #bdb8b1;border-radius:50%;background:#fff;display:grid;place-content:center;flex-shrink:0}.qz-radio:before{content:"";width:.65rem;height:.65rem;border-radius:50%;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-confidence{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid #ece8e2}.qz-confidence-prompt{font-family:var(--font-body);font-size:1rem;font-weight:500;margin:0 0 .75rem;color:var(--color-text)}.qz-confidence-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.qz-confidence-option{display:flex;align-items:center;gap:.5rem}.qz-confidence-option input{width:1.15rem;height:1.15rem;min-width:1.15rem;min-height:1.15rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1.5px solid #bdb8b1;border-radius:50%;background:#fff;flex-shrink:0;transition:border-color .12s ease,box-shadow .12s ease}.qz-confidence-option input:checked{border-color:var(--color-accent);box-shadow:inset 0 0 0 4px var(--color-accent)}.qz-confidence-option input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.qz-confidence-option label{font-family:var(--font-body);font-size:.95rem;color:var(--color-text);cursor:pointer}.qz-confidence-num{font-weight:600;margin-right:.25rem}.qz-confidence-label{color:var(--color-text-secondary)}.qz-submit-message{margin:0 0 var(--space-sm);font-size:.9375rem;color:var(--color-text-secondary);font-style:italic}.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-skip{background:#fff;border:1px solid #d0ccc6;color:var(--color-text-secondary)}.qz-btn-skip:hover:not(:disabled){background:#f6f4f1;color:var(--color-text)}.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;overflow-x:auto}.ver-help{margin:0 0 1.25rem;color:var(--color-text-secondary)}.ver-help p{margin:0 0 .75rem}.ver-help p:last-child{margin-bottom:0}.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-legend-swatch--match{background:#5f7fa6}.ver-legend-swatch--mismatch{background:#b86b6b}.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;min-width:0;max-width:100%}.ver-col{background:transparent;border-right:1px solid #eee9e2;min-width:0;overflow:hidden}.ver-col:last-child{border-right:none}.ver-col-head{background:#f6f4f1;padding:.5rem .5rem .75rem;border-bottom:1px solid #eee9e2;text-align:center;height:6rem;box-sizing:border-box;display:grid;grid-template-rows:1.25rem 1fr;align-items:start;justify-items:center;min-width:0}.ver-col-num{font-weight:600;color:var(--color-text);line-height:1.25rem}.ver-col-label{font-weight:600;color:#4a4a4a;font-size:.85rem;line-height:1.2;white-space:pre-line;min-width:0;overflow-wrap:break-word;word-break:break-word;text-align:center}.ver-col-body{min-height:18rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;align-items:stretch;min-width:0;overflow:hidden}.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:100%;max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.2;box-sizing:border-box;overflow:hidden}.pill:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.pill--selected{background:#1a1a1a!important;color:#fff!important;box-shadow:0 0 0 2px #fff6}.pill--mismatch{background:#b86b6b}.pill--match{background:#5f7fa6}.ver-actions{margin-top:1.5rem}.ver-submit-message{margin:0 0 .75rem;font-size:.9375rem;color:var(--color-text-secondary);font-style:italic}.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}.ver-popup{pointer-events:auto;max-height:80vh;overflow-y:auto}.ver-popup-incorrect-label{font-weight:600;margin-bottom:.35rem}.ver-popup-incorrect-item{margin-top:.6rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.14)}.ver-popup-incorrect-item:first-of-type{margin-top:.35rem;padding-top:0;border-top:none}.ver-popup-question{margin-bottom:.25rem;color:#ffffffe6}.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)}