:root{--color-page: #f7f3ea;--color-surface: #fffdf8;--color-surface-muted: #f9f6ef;--color-surface-hover: #e8efe9;--color-ink: #17202a;--color-heading: #101820;--color-text-muted: #68717a;--color-text-secondary: #4f6474;--color-on-primary: #fff;--color-on-dark-muted: #bfd0d5;--color-primary: #245c64;--color-primary-hover: #1d4b51;--color-accent: #d99a2b;--color-border: #d7d0c4;--color-border-strong: #8fa3ad;--color-warning-bg: #fff8e8;--color-warning-text: #8a5b00;--radius-sm: 6px;--radius-md: 8px;--shadow-card: 0 10px 24px rgb(16 24 32 / 7%);--shadow-sheet: 0 10px 24px rgb(16 24 32 / 6%);--shadow-modal: 0 24px 60px rgb(16 24 32 / 24%);--overlay-modal: rgb(16 24 32 / 52%);--gradient-offer: linear-gradient(135deg, rgb(16 24 32 / 92%), rgb(36 92 100 / 88%));--layout-content: 1120px;--layout-wide: 1360px;--space-panel: 16px;--touch-target-min: 48px;--touch-control-size: 24px;color:var(--color-ink);background:var(--color-page);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400}html,body,#app{width:100%;height:100%;overflow:hidden}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;touch-action:manipulation}button:disabled{cursor:default;opacity:.62}.app-shell{height:100dvh;min-height:0;overflow:hidden;padding:clamp(14px,2vw,28px)}.app-shell--investigation{padding:clamp(10px,1.2vw,18px)}.app-shell--form{padding:clamp(14px,2vw,28px)}.case-select,.investigation-placeholder,.conclusion-screen,.flow-screen{width:min(100%,var(--layout-content));margin:0 auto}.investigation-screen{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;min-height:0;width:min(100%,var(--layout-wide));margin:0 auto}.app-kicker{margin:0 0 12px;color:var(--color-text-muted);font-size:.875rem;font-weight:700;text-transform:uppercase}h1{margin:0 0 12px;color:var(--color-heading);font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.1}p{max-width:60ch;margin:0;font-size:1.125rem;overflow-wrap:anywhere}.case-select__header{margin-bottom:clamp(16px,2.4vh,28px)}.case-select{display:grid;grid-template-rows:auto auto;align-content:center;height:100%;min-height:0;width:min(100%,1480px)}.case-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:clamp(12px,1.4vw,20px);min-height:0}.case-card{min-width:0;min-height:clamp(168px,18vh,230px);display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:clamp(16px,1.8vw,24px);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.case-card h2{margin:0 0 8px;color:var(--color-heading);font-size:clamp(1.05rem,1.2vw,1.3rem);line-height:1.2;overflow-wrap:anywhere}.case-card p{color:var(--color-text-secondary);font-size:clamp(1rem,1vw,1.125rem)}.case-card__button{width:100%;min-height:var(--touch-target-min);padding:0 18px;border:0;border-radius:var(--radius-sm);color:var(--color-on-primary);background:var(--color-primary);cursor:pointer}.case-card__button:hover{background:var(--color-primary-hover)}.case-card__button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.primary-button{min-height:var(--touch-target-min);padding:0 18px;border:0;border-radius:var(--radius-sm);color:var(--color-on-primary);background:var(--color-primary);cursor:pointer}.primary-button:hover{background:var(--color-primary-hover)}.primary-button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.ghost-button{width:fit-content;min-height:var(--touch-target-min);margin-bottom:28px;padding:0 16px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-primary-hover);background:transparent;cursor:pointer}.ghost-button:hover{background:var(--color-surface-hover)}.ghost-button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.ghost-button--inline{margin-bottom:0}.investigation-placeholder{display:grid;align-content:center;min-height:calc(100vh - 80px)}.flow-screen{display:grid;align-content:center;height:100%;min-height:0}.error-screen{gap:16px;width:min(100%,720px);margin:0 auto}.error-detail-list{display:grid;gap:8px;margin:0;padding:16px 18px 16px 34px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink)}.result-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;width:min(100%,var(--layout-content));height:100%;min-height:0;margin:0 auto}.story-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;width:min(100%,var(--layout-content));height:100%;min-height:0;margin:0 auto}.story-screen--empty{align-content:center;height:100%}.story-screen__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.story-screen__counter{width:fit-content;min-width:72px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--color-on-primary);background:var(--color-heading);font-weight:800;text-align:center}.story-screen__layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr);gap:18px;min-height:0;overflow:hidden}.story-screen__image-wrap,.story-screen__body{min-width:0;min-height:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.story-screen__image-wrap{display:grid;place-items:center;margin:0}.story-screen__image{display:block;width:100%;height:100%;object-fit:cover}.story-screen__body{padding:clamp(18px,2vw,28px);overflow:auto;overscroll-behavior:contain;color:var(--color-ink);font-size:1.125rem;overflow-wrap:anywhere}.story-screen__body p,.story-screen__body ul,.story-screen__body ol{max-width:none}.story-screen__actions{display:flex;justify-content:flex-end;gap:12px}.result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.result-header p:last-child{color:var(--color-ink)}.result-score{display:grid;gap:4px;min-width:180px;padding:18px;border-radius:var(--radius-md);color:var(--color-on-primary);background:var(--color-heading);text-align:right}.result-score strong{font-size:2rem;line-height:1}.result-score span{color:var(--color-on-dark-muted);font-weight:700}.result-layout{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(280px,1fr);grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;overflow:auto;overscroll-behavior:contain}.result-feedback,.result-criteria,.result-details{min-width:0;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.result-feedback{grid-row:span 2}.result-feedback h2,.result-criteria h2,.result-details h2{margin:0 0 10px;color:var(--color-heading);font-size:1.25rem}.result-feedback p,.result-details p{max-width:none;color:var(--color-ink)}.result-key-findings{margin-top:18px;padding-top:16px;border-top:1px solid var(--color-border)}.result-key-findings h3{margin:0 0 10px;color:var(--color-heading);font-size:1rem}.result-key-findings ul{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--color-ink)}.criteria-score-list{display:grid;gap:10px;margin:0}.criteria-score-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:var(--radius-sm);background:var(--color-surface-muted)}.criteria-score-list dt{color:var(--color-text-muted);font-weight:700}.criteria-score-list dd{margin:0;color:var(--color-heading);font-weight:800}.investigation-facts{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;width:min(100%,560px);margin:28px 0 0}.investigation-facts div{padding:16px;border-radius:8px;background:var(--color-heading);color:var(--color-on-primary)}.investigation-facts dt{color:var(--color-on-dark-muted);font-size:.875rem}.investigation-facts dd{margin:4px 0 0;font-size:1.75rem;font-weight:700}.flow-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.conclusion-screen{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;align-content:start;gap:0;height:100%;min-height:0}.conclusion-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.conclusion-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-content:start;gap:12px;width:min(100%,760px);min-height:0;margin-top:16px;overflow:auto;overscroll-behavior:contain}.form-field{display:grid;gap:10px;margin:0;min-width:0;padding:16px 18px 18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.form-field--required-empty{border-color:var(--color-accent);background:var(--color-warning-bg)}.form-field legend{float:left;width:100%;margin:0 0 12px;padding:0;color:var(--color-heading);font-size:1.125rem;font-weight:700;line-height:1.2}.form-field legend+*{clear:both}.form-field legend span{margin-left:8px;color:var(--color-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.choice-list{display:grid;gap:8px}.choice-option{display:grid;grid-template-columns:var(--touch-control-size) 1fr;gap:12px;align-items:start;min-height:56px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.choice-option input{width:var(--touch-control-size);height:var(--touch-control-size);margin:2px 0 0;accent-color:var(--color-primary)}.choice-option span{color:var(--color-ink)}.select-field,.text-field{width:100%;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-surface);font:inherit}.select-field{min-height:var(--touch-target-min);padding:0 12px}.text-field{min-height:88px;padding:12px;resize:vertical}.select-field:focus,.text-field:focus,.choice-option:focus-within{outline:3px solid var(--color-accent);outline-offset:3px}.field-hint{max-width:none;color:var(--color-warning-text);font-size:.95rem}.form-error-summary{grid-column:1 / -1;max-width:none;margin:0;padding:12px 14px;border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-warning-text);background:var(--color-warning-bg);font-size:1rem}.investigation-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.investigation-topbar>div,.main-question,.materials-panel,.material-viewer,.side-panel,.case-sidebar,.investigation-actions{min-width:0}.investigation-topbar h1{margin-bottom:0}.main-question{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.main-question p:last-child{max-width:none;color:var(--color-ink)}.investigation-layout{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr) minmax(210px,270px);gap:12px;min-height:0;margin-top:10px;overflow:hidden}.materials-panel,.material-viewer,.side-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.materials-panel,.case-sidebar{min-width:0;min-height:0}.materials-panel{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;padding:12px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.panel-heading h2,.side-panel h2,.material-viewer h2{margin:0;color:var(--color-heading);font-size:1.125rem;line-height:1.25}.panel-heading span{min-width:32px;padding:3px 8px;border-radius:999px;color:var(--color-on-primary);background:var(--color-primary);font-size:.875rem;font-weight:700;text-align:center}.material-list{display:grid;align-content:start;grid-auto-rows:minmax(82px,auto);gap:10px;margin:0;padding:0;overflow:auto;overscroll-behavior:contain;list-style:none}.material-list__item{min-height:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);overflow:hidden}.material-list__item--active{border-color:var(--color-primary);background:var(--color-surface-hover)}.material-list__button{display:grid;align-content:start;gap:4px;width:100%;height:100%;min-height:76px;padding:12px;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.material-list__button:hover{background:var(--color-surface-hover)}.material-list__button:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}.material-list__item--active .material-list__button{background:var(--color-surface-hover)}.material-list__button span{color:var(--color-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.material-list__button strong{color:var(--color-heading);line-height:1.25;overflow-wrap:anywhere}.material-list__button small,.material-source{color:var(--color-text-muted)}.material-viewer{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;overflow-wrap:anywhere}.material-viewer h2{margin-bottom:8px;font-size:1.5rem}.material-source{margin-bottom:20px;font-size:.95rem}.material-format{margin-top:20px}.document-sheet,.material-body{padding:20px;border-left:4px solid var(--color-accent);background:var(--color-surface-muted);overflow-wrap:anywhere}.document-sheet{min-height:160px;border:1px solid var(--color-border);border-left:4px solid var(--color-accent);box-shadow:var(--shadow-sheet)}.material-body p,.document-sheet p{max-width:none}.material-format--message{display:grid;gap:12px}.message-bubble{max-width:78%;padding:14px 16px;border-radius:8px;font-size:1rem;overflow-wrap:anywhere}.message-bubble--incoming{justify-self:start;background:var(--color-surface-hover)}.message-bubble--outgoing{justify-self:end;color:var(--color-on-primary);background:var(--color-primary)}.operation-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:8px;font-size:.95rem;table-layout:fixed}.operation-table th,.operation-table td{padding:12px;border:1px solid var(--color-border);text-align:left;vertical-align:top}.operation-table th{color:var(--color-on-primary);background:var(--color-heading)}.operation-table td{background:var(--color-surface);overflow-wrap:anywhere}.profile-facts{display:grid;gap:12px;margin:0}.profile-facts div{padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.profile-facts dt{color:var(--color-text-muted);font-size:.875rem;font-weight:700}.profile-facts dd{margin:4px 0 0;overflow-wrap:anywhere}.offer-preview{display:grid;gap:12px;min-height:180px;align-content:center;padding:28px;border-radius:8px;color:var(--color-on-primary);background:var(--gradient-offer),var(--color-primary)}.offer-preview span{font-size:.875rem;font-weight:700;text-transform:uppercase}.offer-preview strong{font-size:1.75rem;line-height:1.15;overflow-wrap:anywhere}.offer-preview p{max-width:none;font-size:1rem}.condition-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.condition-list li{padding:14px 16px;border-left:4px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.clue-actions{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border)}.clue-actions h3{margin:0 0 12px;color:var(--color-heading);font-size:1rem}.clue-action-list{display:grid;gap:10px}.clue-action{display:grid;gap:4px;width:100%;min-height:72px;padding:14px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-surface-muted);text-align:left;cursor:pointer}.clue-action:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.clue-action:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.clue-action span{color:var(--color-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.clue-action strong{color:var(--color-heading)}.case-sidebar{display:grid;align-content:start;grid-template-rows:repeat(3,minmax(0,auto));gap:10px;overflow:auto;overscroll-behavior:contain}.side-panel{padding:12px}.task-list,.criteria-list{display:grid;gap:6px;margin:10px 0 0;padding-left:20px}.task-list li,.criteria-list li{color:var(--color-ink);overflow-wrap:anywhere}.session-stats{display:grid;gap:6px;margin:10px 0 0}.session-stats div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border)}.session-stats dt,.session-stats dd{overflow-wrap:anywhere}.session-stats div:last-child{border-bottom:0}.session-stats dt{color:var(--color-text-muted)}.session-stats dd{margin:0;color:var(--color-heading);font-weight:700}.session-stats__warning{color:var(--color-warning-text)}.investigation-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:10px}.modal-layer{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;border:0;background:var(--overlay-modal);cursor:pointer}.interview-modal{position:relative;z-index:1;width:min(100%,920px);max-height:min(760px,calc(100vh - 48px));overflow:auto;overscroll-behavior:contain;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-modal)}.interview-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.interview-modal__header h2{margin:0;color:var(--color-heading);font-size:1.5rem;line-height:1.2}.interview-counter{width:fit-content;margin-bottom:16px;padding:8px 12px;border-radius:999px;color:var(--color-on-primary);background:var(--color-primary);font-weight:700}.interview-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);gap:16px}.interview-panel{min-width:0;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.interview-panel h3{margin:0 0 12px;color:var(--color-heading);font-size:1.125rem}.question-list,.answer-list{display:grid;gap:10px}.question-button{display:grid;gap:6px;width:100%;min-height:88px;padding:14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-ink);background:var(--color-surface);text-align:left;cursor:pointer}.question-button:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.question-button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.question-button:disabled{cursor:default;opacity:.72}.question-button--asked{border-color:var(--color-border);background:var(--color-surface-hover)}.question-button span{color:var(--color-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.question-button strong{color:var(--color-heading);line-height:1.25}.answer-card{padding:14px;border-left:4px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface)}.answer-card h4{margin:0 0 8px;color:var(--color-heading);font-size:1rem}.answer-card p,.empty-note{max-width:none;color:var(--color-ink);font-size:1rem}.empty-note--panel{grid-column:1 / -1;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}@media(pointer:coarse){:root{--touch-target-min: 56px;--touch-control-size: 28px}.primary-button,.ghost-button,.case-card__button{padding-right:22px;padding-left:22px}.case-grid,.material-list,.question-list,.answer-list,.clue-action-list,.choice-list{gap:14px}.material-list__button{min-height:88px;padding:16px}.clue-action{min-height:84px;padding:16px}.question-button{min-height:96px;padding:16px}.choice-option{min-height:64px;padding:16px}.select-field{padding-right:16px;padding-left:16px}}@media(max-width:1260px){.case-select{align-content:start}.case-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.case-card{min-height:160px;padding:16px}.investigation-layout{grid-template-columns:minmax(170px,230px) minmax(0,1fr) minmax(190px,240px);gap:10px}}@media(max-height:900px){.app-shell{padding:12px}.app-shell--investigation{padding:10px}.app-kicker{margin-bottom:6px;font-size:.78rem}h1{margin-bottom:8px;font-size:clamp(1.35rem,2vw,1.9rem)}p{font-size:1rem}.case-select__header{margin-bottom:14px}.case-card{min-height:148px}.investigation-topbar{margin-bottom:6px}.main-question{padding:8px 12px}.investigation-layout{margin-top:8px}.materials-panel,.side-panel{padding:10px}.panel-heading{margin-bottom:8px}.material-list{grid-auto-rows:minmax(74px,auto);gap:8px}.material-list__button{min-height:72px;padding:10px}.material-viewer{padding:14px}.material-viewer h2{font-size:1.3rem}.material-source,.material-format{margin-top:12px;margin-bottom:12px}.document-sheet,.material-body{padding:16px}.document-sheet{min-height:120px}.clue-actions{margin-top:16px;padding-top:14px}.clue-action{min-height:64px;padding:12px}.task-list,.criteria-list,.session-stats{margin-top:8px}.task-list,.criteria-list{gap:4px}.session-stats div{padding:7px 0}.investigation-actions{margin-top:8px}}@media(max-width:640px){.app-shell{padding:12px}h1{font-size:1.375rem}p{font-size:1rem}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-card{padding:12px}.case-card h2{font-size:.95rem}.case-card p{font-size:.875rem}.investigation-facts{grid-template-columns:1fr}.result-score{min-width:0;text-align:left}.conclusion-form{grid-template-columns:1fr}.modal-layer{padding:12px}.interview-modal{max-height:calc(100vh - 24px);padding:18px}.interview-modal__header{display:grid}.interview-layout{grid-template-columns:1fr}}@media(max-width:1040px){.investigation-topbar,.investigation-actions{justify-content:flex-start}.investigation-layout{grid-template-columns:minmax(180px,240px) minmax(0,1fr);grid-template-areas:"materials viewer" "sidebar viewer";grid-template-rows:minmax(0,1fr) auto}.materials-panel{grid-area:materials}.material-viewer{grid-area:viewer}.case-sidebar{grid-area:sidebar}.material-viewer{min-height:auto}}@media(max-width:760px){.result-header{display:grid}.result-layout{grid-template-columns:1fr}.result-feedback{grid-row:auto}.investigation-screen{overflow:auto}.investigation-layout{grid-template-columns:1fr;grid-template-areas:"materials" "viewer" "sidebar";overflow:auto}.material-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}