:root{--violet: #6750c9;--violet-dark: #49349f;--violet-soft: #eeeafd;--sun: #ffca63;--mint: #78d6bb;--ink: #25243a;--muted: #6d6b7d;--line: #e6e1ee;--paper: #fffdf8;--white: #ffffff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:20rem;background:radial-gradient(circle at 85% 5%,rgb(255 202 99 / 28%),transparent 24rem),var(--paper)}.app-shell{max-width:72rem;margin-inline:auto;padding:1.25rem clamp(1rem,4vw,2.5rem) 4rem}.topbar,.section-heading,.session-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar{color:var(--muted);font-size:.85rem}.brand{display:inline-flex;align-items:center;min-width:2.75rem;min-height:2.75rem;color:var(--violet-dark);font-size:1.65rem;font-weight:850;letter-spacing:-.04em;text-decoration:none}.brand-button{padding:0;border:0;font-family:inherit;background:transparent;cursor:pointer}.hero{max-width:46rem;padding:clamp(3.25rem,8vw,6rem) 0 clamp(2rem,5vw,3.5rem)}.hero h1,.route-placeholder h1,.session-intro h1,.images-intro h1{margin:.2rem 0 1rem;font-size:clamp(2.35rem,7vw,4.8rem);line-height:.98;letter-spacing:-.055em}.analysis-main{max-width:44rem;margin:clamp(3rem,9vw,7rem) auto 0;text-align:center}.analysis-main h1,.questions-intro h1{margin:.2rem 0 1rem;font-size:clamp(2.2rem,6vw,4.25rem);line-height:1;letter-spacing:-.05em}.demo-notice{padding:.85rem 1rem;border:1px solid #e1c06e;border-radius:.85rem;color:#684900;font-weight:700;background:#fff6dc}.analysis-stages{display:grid;gap:.7rem;margin:2rem 0 0;padding:0;list-style:none;text-align:left}.analysis-stages li{padding:1rem 1.1rem;border-radius:.9rem;color:var(--muted);background:#f4f1f8;transition:color .18s ease,background .18s ease,transform .18s ease}.analysis-stages li:before{content:"○";margin-right:.7rem}.analysis-stages li.is-active{color:var(--violet-dark);font-weight:800;background:var(--violet-soft);transform:translate(.25rem)}.analysis-stages li.is-active:before{content:"●"}.questions-main{max-width:54rem;margin:clamp(2.5rem,6vw,4.5rem) auto 0}.questions-intro>p:last-child{color:var(--muted);line-height:1.6}.question-list{display:grid;gap:1rem;margin-top:1.25rem}.question-card__heading,.question-card__actions,.questions-footer,.option-row{display:flex;align-items:center;gap:.65rem}.question-card__heading{justify-content:space-between;margin-bottom:1rem}.question-card__heading p{margin:0}.question-card__heading span{color:var(--muted);font-size:.8rem}.option-list{display:grid;gap:.65rem;margin:0;padding:0;border:0}.option-list legend{margin-bottom:.55rem;font-weight:750}.option-row>input[type=text],.option-row>input:not([type]){flex:1}.option-row input[data-option-id]{min-width:0;padding:.62rem .7rem;border:1px solid #cbc5d6;border-radius:.65rem;color:var(--ink);font:inherit}.question-card__actions{flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.questions-footer{position:sticky;bottom:0;justify-content:space-between;margin-top:1.25rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:#fffdf8f2;box-shadow:0 -.6rem 2rem #372b5b14}.questions-footer p{margin:0;color:var(--muted)}.hero>p:last-child,.route-placeholder>p:last-child{max-width:39rem;color:var(--muted);font-size:1.1rem;line-height:1.6}.eyebrow{margin:0 0 .45rem;color:var(--violet-dark);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(17rem,.85fr);gap:1.25rem;align-items:start}.dashboard-sidebar{display:grid;gap:1.25rem}.dashboard-primary-actions{display:flex;justify-content:flex-end;margin-top:1.25rem}.settings-card>p:not(.eyebrow){color:var(--muted);line-height:1.55}.settings-actions,.report-actions,.history-card__actions,.report-question__heading{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.settings-actions{align-items:stretch;flex-direction:column}.report-main,.history-main{max-width:54rem;margin:clamp(2.5rem,7vw,5rem) auto 0}.report-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.8fr);gap:2rem;align-items:center}.report-hero h1,.history-intro h1{margin:.15rem 0 .75rem;font-size:clamp(2.5rem,7vw,4.8rem);line-height:1;letter-spacing:-.05em}.report-context{display:grid;gap:.75rem;margin:0}.report-context div{padding-bottom:.65rem;border-bottom:1px solid rgb(255 255 255 / 25%)}.report-context dt{color:var(--sun);font-size:.75rem;font-weight:800;text-transform:uppercase}.report-context dd{margin:.15rem 0 0;font-weight:750}.report-questions{margin-top:2rem}.report-question-list,.history-list{display:grid;gap:.85rem;margin-top:1rem}.report-question__heading{justify-content:space-between}.report-question h3{margin:.45rem 0 .75rem}.report-question>p:last-child,.history-intro>p:last-child,.history-card p{color:var(--muted)}.review-marker{padding:.3rem .6rem;border-radius:999px;color:#135d4b;font-size:.78rem;font-weight:800;background:#ddf7ef}.review-marker--needed{color:#765018;background:#fff1cf}.report-actions{justify-content:flex-end;margin-top:1.25rem}.history-card{display:flex;justify-content:space-between;gap:1rem;align-items:center}.history-card h2,.history-card p{margin:.15rem 0}.history-card__actions{justify-content:flex-end}.history-empty{margin-top:1.5rem;padding:2rem;border:1px dashed var(--line);border-radius:1rem;text-align:center}.panel{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--line);border-radius:1.5rem;background:#ffffffe0;box-shadow:0 1.1rem 3rem #372b5b14}.panel h2,.panel h3{margin:0;letter-spacing:-.025em}.panel--accent{border:0;color:var(--white);background:linear-gradient(145deg,var(--violet),var(--violet-dark))}.panel--accent .eyebrow{color:var(--sun)}.child-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;margin-top:1.25rem}.child-card{display:flex;align-items:center;gap:.75rem;width:100%;padding:.8rem;border:2px solid transparent;border-radius:1rem;color:var(--ink);text-align:left;background:#f7f5fb;cursor:pointer}.child-card--active{border-color:var(--violet);background:var(--violet-soft)}.child-card__avatar{display:grid;flex:0 0 2.7rem;width:2.7rem;height:2.7rem;place-items:center;border-radius:50%;color:var(--violet-dark);font-weight:850;background:var(--sun);object-fit:cover}.child-card-wrap{min-width:0}.child-card-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.4rem}.active-sessions{margin-bottom:1.25rem}.child-card small{display:block;margin-top:.15rem;color:var(--muted)}.child-form{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.child-form h3{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.field{display:grid;gap:.4rem;margin-bottom:.85rem}.field label{font-size:.9rem;font-weight:700}.field label span{color:var(--muted);font-size:.8rem;font-weight:500}.field input,.field select{width:100%;min-height:2.9rem;padding:.7rem .8rem;border:1px solid #cbc5d6;border-radius:.75rem;color:var(--ink);font:inherit;background:var(--white)}.field input:focus,.field select:focus,.child-card:focus-visible,.brand:focus-visible,.brand-button:focus-visible,.button:focus-visible,.image-control:focus-visible,.image-card__preview:focus-visible,.parent-exit:focus-visible,.upload-zone:focus-within{outline:3px solid rgb(103 80 201 / 30%);outline-offset:2px}.radio-target{display:grid;flex:0 0 2.75rem;width:2.75rem;min-height:2.75rem;place-items:center;border:2px solid #cbc5d6;border-radius:50%;color:transparent;cursor:pointer}.correct-answer-radio:checked+.radio-target{border-color:var(--violet);color:var(--white);background:var(--violet)}.correct-answer-radio:focus-visible+.radio-target{outline:3px solid rgb(103 80 201 / 30%);outline-offset:2px}button,select,input:not([type=radio]){min-height:2.75rem}.brand-button,.image-control,.image-card__preview,.parent-exit{min-width:2.75rem;min-height:2.75rem}.session-page .topbar{min-height:3.5rem;border-bottom:1px solid var(--line)}.step-indicator{margin:0;letter-spacing:.01em}.step-indicator strong{color:var(--violet-dark)}.session-main{display:grid;grid-template-columns:minmax(15rem,.7fr) minmax(26rem,1.3fr);gap:clamp(2rem,6vw,5rem);align-items:start;padding-top:clamp(3rem,7vw,5.5rem)}.session-intro{position:sticky;top:2rem}.session-intro h1{margin-top:.25rem}.session-intro>p:last-child{color:var(--muted);line-height:1.65}.session-form{padding:clamp(1.5rem,4vw,2.5rem)}.form-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.field [aria-invalid=true]{border-color:#bd3f57}.field-error{min-height:1.1em;color:#9d2941;font-weight:650}.button{min-height:3rem;padding:.75rem 1.05rem;border:0;border-radius:.85rem;font:inherit;font-weight:800;cursor:pointer}.button--primary{color:var(--violet-dark);background:var(--sun)}.button--secondary{color:var(--white);background:var(--violet)}.button:disabled{opacity:.52;cursor:not-allowed}.empty-state{color:var(--muted);line-height:1.55}.session-summary{align-items:end;margin-top:1rem;padding:1rem;border-radius:1rem;background:#f7f5fb}.session-summary p{margin:0}.route-placeholder{padding-top:3rem}.route-placeholder .eyebrow{margin-top:5rem}.images-page .topbar{min-height:3.5rem;border-bottom:1px solid var(--line)}.images-main{padding-top:clamp(2.5rem,6vw,4.5rem)}.images-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.85fr);gap:0 2rem;align-items:end}.images-intro h1{max-width:39rem}.images-intro>p:not(.eyebrow){grid-column:1;max-width:41rem;margin:0;color:var(--muted);line-height:1.6}.upload-zone{display:grid;grid-column:2;grid-row:1 / span 3;gap:.4rem;min-height:10.5rem;padding:1.5rem;place-content:center;border:2px dashed #b9afd7;border-radius:1.35rem;color:var(--muted);text-align:center;background:#eeeafd8c;cursor:pointer}.upload-zone:hover,.upload-zone:focus-within{border-color:var(--violet);background:var(--violet-soft)}.upload-zone__title{color:var(--violet-dark);font-size:1.05rem;font-weight:850}.upload-zone input{max-width:100%;margin-top:.75rem;color:var(--ink)}.image-error{grid-column:1 / -1;margin:1.25rem 0 0;padding:.9rem 1rem;border-radius:.8rem;color:#8b263e;font-weight:700;background:#fff0f3}.image-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(16rem,.55fr);gap:1.25rem;align-items:start;margin-top:2.25rem}.image-list{display:grid;gap:.85rem}.image-card{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1rem;padding:.85rem;border:1px solid var(--line);border-radius:1.2rem;background:#ffffffe5}.image-card__preview{position:relative;grid-row:1 / span 2;width:8rem;height:9.5rem;padding:0;overflow:hidden;border:0;border-radius:.85rem;background:#eeeaf5;cursor:zoom-in}.image-card__preview img,.image-preview img{display:block;width:100%;height:100%;object-fit:contain}.image-card__number{position:absolute;top:.45rem;left:.45rem;display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;color:var(--white);font-weight:850;background:var(--violet-dark)}.image-card__body{min-width:0}.image-card__body>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quality-badge{display:inline-flex;margin-top:.55rem;padding:.28rem .55rem;border-radius:999px;font-size:.76rem;font-weight:800}.quality-badge--ok{color:#135d4b;background:#ddf7ef}.quality-badge--warning{color:#7b4d00;background:#fff1cf}.image-warnings{margin:.55rem 0 0;padding-left:1.1rem;color:#765018;font-size:.84rem;line-height:1.45}.image-card__actions{display:flex;flex-wrap:wrap;gap:.45rem;align-self:end}.image-control{padding:.46rem .62rem;border:1px solid #d5cfdf;border-radius:.6rem;color:var(--violet-dark);font:inherit;font-size:.78rem;font-weight:750;background:var(--white);cursor:pointer}.image-control:hover:not(:disabled){border-color:var(--violet);background:var(--violet-soft)}.image-control--danger{color:#9d2941}.image-control:disabled{opacity:.42;cursor:not-allowed}.image-preview{position:sticky;top:1.25rem}.image-preview img{max-height:30rem;margin-top:.75rem;border-radius:.8rem;background:#f2eff6}.image-preview [data-preview-name]{margin:.75rem 0 0;overflow-wrap:anywhere;color:var(--muted);font-size:.85rem}.images-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.images-footer p{margin:0;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quiz-page{min-height:100vh;padding:1rem clamp(1rem,4vw,2.5rem) 3rem;background:radial-gradient(circle at 12% 8%,rgb(120 214 187 / 28%),transparent 20rem),radial-gradient(circle at 90% 90%,rgb(255 202 99 / 24%),transparent 22rem),var(--paper)}.quiz-header{display:flex;align-items:center;justify-content:space-between;max-width:58rem;margin-inline:auto}.parent-exit{min-height:2.75rem;padding:.65rem .85rem;border:1px solid #d5cfdf;border-radius:999px;color:var(--muted);font:inherit;font-size:.78rem;font-weight:750;background:#ffffffbf;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.parent-exit:active{color:var(--violet-dark);border-color:var(--violet);background:var(--violet-soft)}.quiz-main{max-width:48rem;margin:clamp(2.5rem,8vh,5rem) auto 0}.quiz-progress-copy{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.9rem}.quiz-progress{height:.65rem;margin-top:.55rem;overflow:hidden;border-radius:999px;background:#e5e0ed}.quiz-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--violet));transition:width .22s ease}.quiz-card{margin-top:1.25rem;padding:clamp(1.4rem,5vw,3rem);border:1px solid var(--line);border-radius:1.75rem;background:#ffffffeb;box-shadow:0 1.4rem 4rem #372b5b1a}.quiz-card h1{max-width:40rem;margin:0 0 2rem;font-size:clamp(1.8rem,5vw,3.1rem);line-height:1.12;letter-spacing:-.04em}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.quiz-option{display:flex;align-items:center;gap:.85rem;min-height:5rem;padding:1rem;border:2px solid #ddd7e8;border-radius:1.15rem;color:var(--ink);text-align:left;font:inherit;font-size:1.05rem;font-weight:750;background:var(--white);cursor:pointer}.quiz-option span{display:grid;flex:0 0 2.3rem;width:2.3rem;height:2.3rem;place-items:center;border-radius:50%;color:var(--violet-dark);background:var(--violet-soft)}.quiz-option:hover:not(:disabled),.quiz-option:focus-visible{border-color:var(--violet);outline:3px solid rgb(103 80 201 / 18%);outline-offset:2px}.quiz-option:disabled{opacity:.62;cursor:default}.quiz-option--selected:disabled{opacity:1;border-color:var(--violet);background:var(--violet-soft)}.quiz-feedback{min-height:4.5rem;margin-top:1.4rem}.quiz-feedback p{margin:0 0 .85rem;color:var(--violet-dark);font-size:1.05rem;font-weight:800}@media(max-width:48rem){.app-shell{padding-inline:1rem}.dashboard-grid{grid-template-columns:1fr}.dashboard-main{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.session-main,.form-row{grid-template-columns:1fr}.form-row{gap:0}.report-hero,.images-intro,.image-workspace{grid-template-columns:1fr}.upload-zone{grid-column:1;grid-row:auto;margin-top:1.5rem}.image-preview{position:static;order:-1}.session-intro{position:static}.topbar span{display:none}.quiz-options{grid-template-columns:1fr}.quiz-option{min-height:3.5rem}.option-row,.history-card,.report-actions,.history-card__actions{align-items:stretch;flex-direction:column}.form-actions,.images-footer,.questions-footer,.report-actions,.dashboard-primary-actions,.quiz-feedback-actions{position:sticky;z-index:5;bottom:0;margin-inline:-.5rem;padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:1rem 1rem 0 0;background:#fffdf8f7;box-shadow:0 -.75rem 2rem #372b5b1a}.form-actions .button,.images-footer .button,.questions-footer .button,.report-actions .button,.dashboard-primary-actions .button,.quiz-feedback-actions .button{width:100%}}@media(max-width:32rem){.panel{border-radius:1.15rem}.session-page .topbar{display:grid;justify-content:start;padding-block:.75rem}.step-indicator{font-size:.76rem}.image-card{grid-template-columns:5.5rem minmax(0,1fr)}.image-card__preview{width:5.5rem;height:7rem}.image-card__actions{grid-column:1 / -1}.images-footer,.questions-footer,.option-row{align-items:stretch;flex-direction:column}.option-row input[type=radio]{align-self:start}.quiz-page{padding-inline:.75rem}.quiz-header{align-items:flex-start}.parent-exit{max-width:10rem}.quiz-card{border-radius:1.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.analysis-stages li.is-active{transform:none}}