:root{--color-bg:#fdf6ec;--color-text:#2f2a24;--color-muted:#6b6258;--color-primary:#d9662f;--color-primary-dark:#b94f21;--color-secondary:#fff;--color-border:#e7dcc9;--color-correct:#3f7a4e;--color-correct-bg:#e5f3e7;--color-incorrect:#a8631f;--color-incorrect-bg:#fbeee0;--container-max-width:480px;--container-pad-top:24px;--container-pad-x:20px;--container-pad-bottom:40px;--screen-gap:16px}@media (min-width:641px){:root{--container-max-width:720px;--container-pad-top:32px;--container-pad-x:32px;--container-pad-bottom:48px;--screen-gap:20px}}@media (min-width:1025px){:root{--container-max-width:980px;--container-pad-top:48px;--container-pad-x:40px;--container-pad-bottom:56px;--screen-gap:28px}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.5}.app-container{min-height:100dvh;padding:var(--container-pad-top) var(--container-pad-x) var(--container-pad-bottom);padding-top:calc(var(--container-pad-top) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--container-pad-bottom) + env(safe-area-inset-bottom,0px));max-width:var(--container-max-width);flex-direction:column;align-items:stretch;margin:0 auto;display:flex}.screen{gap:var(--screen-gap);flex-direction:column;flex:1;display:flex}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;display:grid}.landing-intro-text{max-width:480px;margin:0 auto;line-height:1.6}.landing-description{color:var(--color-text);font-size:16px}@media (min-width:641px){.landing-intro-text{max-width:560px}.landing-description{font-size:17px}}@media (min-width:1025px){.landing-intro-text{max-width:640px}.landing-description{font-size:18px}}.app-header{z-index:10;background:var(--color-bg);justify-content:space-between;align-items:center;gap:10px;margin:0 0 4px;padding:4px 0 16px;display:flex;position:sticky;top:0}.app-header-btn{font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;margin:0;padding:0;display:flex}.app-header-title{color:var(--color-primary-dark);font-size:20px;font-weight:700}.app-header-title-accent{color:var(--color-primary);font-weight:500}.app-header-action{border:2px solid var(--color-border);color:var(--color-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:10px;padding:6px 12px;font-size:13px;font-weight:600}.app-header-action-login{background:var(--color-primary);border:2px solid var(--color-primary);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;padding:6px 12px;font-size:13px;font-weight:600}.app-header-right{align-items:center;gap:8px;display:flex}.app-header-menu-wrap{position:relative}.app-header-gear-btn{border:2px solid var(--color-border);width:36px;height:36px;color:var(--color-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.app-header-gear-btn:active{transform:scale(.96)}.app-header-dropdown{z-index:20;background:var(--color-secondary);border:2px solid var(--color-border);border-radius:14px;flex-direction:column;gap:2px;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #2f2a2426}.app-header-dropdown-item{color:var(--color-text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:15px;font-weight:600}.app-header-dropdown-item:hover,.app-header-dropdown-item:focus-visible{background:var(--color-bg)}.app-header-dropdown-divider{background:var(--color-border);height:2px;margin:4px 6px}.app-footer{text-align:center;color:var(--color-muted);padding:20px 0 0;font-size:13px}.app-footer a{color:inherit}.language-dropdown{display:inline-block;position:relative}.language-dropdown-trigger{background:var(--color-secondary);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.language-dropdown-flag{border:1px solid var(--color-border);border-radius:3px;flex-shrink:0;width:22px;height:15px;display:block;overflow:hidden}.language-dropdown-flag svg{width:100%;height:100%;display:block}.language-dropdown-chevron{color:var(--color-muted);font-size:9px}.language-dropdown-backdrop{z-index:999;position:fixed;inset:0}.language-dropdown-menu{background:var(--color-secondary);border:2px solid var(--color-border);z-index:1000;border-radius:14px;min-width:190px;max-width:90vw;max-height:80vh;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 4px 12px #2f2a2433}.language-dropdown-option{border:none;border-bottom:1px solid var(--color-border);width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:500;display:flex}.language-dropdown-option:last-child{border-bottom:none}.language-dropdown-option-active{background:var(--color-bg);font-weight:700}.title{letter-spacing:.02em;text-align:center;color:var(--color-primary-dark);margin:12px 0 0;font-size:28px;font-weight:700}.title-small{text-align:center;margin:24px 0 0;font-size:24px;font-weight:700}.subtitle{text-align:center;color:var(--color-muted);margin:0 0 8px;font-size:18px}.btn{text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;justify-content:center;align-items:center;padding:16px 20px;font-size:18px;font-weight:600;transition:transform 50ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled,.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-secondary{background:var(--color-secondary);color:var(--color-primary-dark);border:2px solid var(--color-border)}.btn-large{border-radius:16px;width:100%;padding:20px;font-size:20px}.btn-generate{margin-top:8px}.intro{background:var(--color-secondary);border:2px solid var(--color-border);border-radius:16px;padding:16px 18px}.intro-lead{margin:0 0 8px;font-weight:600}.intro-steps{color:var(--color-muted);margin:0;padding-left:22px}.intro-steps li+li{margin-top:4px}.login-sent{text-align:center}.capture-help,.login-help{color:var(--color-muted);text-align:center;margin:-8px 0 0;font-size:16px}.photo-count{color:var(--color-muted);text-align:center;margin:4px 0 -4px;font-size:16px;font-weight:600}.action-bar{z-index:5;margin:8px calc(-1 * var(--container-pad-x)) calc(-1 * var(--container-pad-bottom));padding:12px var(--container-pad-x) calc(16px + env(safe-area-inset-bottom,0px));background:var(--color-bg);border-top:2px solid var(--color-border);flex-direction:column;gap:10px;display:flex;position:sticky;bottom:0}.action-status{border-radius:12px;align-items:center;gap:10px;margin:0;padding:12px 14px;font-size:16px;line-height:1.35;display:flex}.action-status-generating{background:var(--color-secondary);border:2px solid var(--color-border);color:var(--color-text)}.action-status-error{background:var(--color-incorrect-bg);color:var(--color-incorrect);font-weight:600}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;flex:none;width:20px;height:20px;animation:.9s linear infinite spinner-turn}@keyframes spinner-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.visually-hidden-input{border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.camera-overlay{z-index:100;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.camera-video{object-fit:cover;background:#000;flex:1;width:100%;min-height:0}.camera-controls{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#000000a6;gap:12px;display:flex}.camera-controls .btn{flex:1}.camera-error-box{background:var(--color-bg);text-align:center;border-radius:16px;flex-direction:column;gap:16px;width:calc(100% - 48px);max-width:320px;margin:auto;padding:24px;display:flex}.camera-error-box p{color:var(--color-text);margin:0;font-size:16px}.error-banner{background:var(--color-incorrect-bg);color:var(--color-incorrect);border-radius:12px;margin:0;padding:14px 16px;font-size:16px}.thumbnail-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0;display:grid}.thumbnail{aspect-ratio:1;border:2px solid var(--color-border);border-radius:12px;position:relative;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.thumbnail-remove{color:#fff;cursor:pointer;background:#2f2a24bf;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.privacy-note{color:var(--color-muted);text-align:center;margin-top:auto;padding-top:16px;font-size:14px}.question-counter{color:var(--color-muted);text-align:center;margin:24px 0 0;font-size:16px;font-weight:600}.question-text{text-align:center;margin:0 0 8px;font-size:22px;font-weight:700}.options-list{flex-direction:column;gap:12px;display:flex}.option-btn{background:var(--color-secondary);border:2px solid var(--color-border);text-align:left;cursor:pointer;color:var(--color-text);border-radius:14px;padding:18px 16px;font-size:18px;font-weight:500}.option-btn:active{transform:scale(.98)}.option-selected{border-color:var(--color-primary);background:var(--color-bg);color:var(--color-primary-dark);box-shadow:0 0 0 2px var(--color-primary) inset}.option-correct{border-color:var(--color-correct);background:var(--color-correct-bg);color:var(--color-correct)}.option-incorrect{border-color:var(--color-incorrect);background:var(--color-incorrect-bg);color:var(--color-incorrect)}.feedback{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-top:8px;display:flex}.feedback p{margin:0;font-size:20px;font-weight:700}.feedback-correct p{color:var(--color-correct)}.feedback-incorrect p{color:var(--color-incorrect);font-size:18px}.hint-text{color:var(--color-muted)!important;font-size:16px!important;font-weight:500!important}.score-line{text-align:center;margin:8px 0 0;font-size:20px;font-weight:700}.result-message{text-align:center;color:var(--color-muted);margin:0 0 16px;font-size:18px}.child-header{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.child-header-info{flex-direction:column;gap:2px;display:flex}.child-header-user{font-size:13px;font-weight:400}.child-header-name{font-weight:600}.child-header-links{gap:14px;display:flex}.link-btn{background:var(--color-secondary);border:2px solid var(--color-border);color:var(--color-primary-dark);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600}.back-btn,.btn-compact{align-self:center}.child-list{flex-direction:column;gap:12px;display:flex}.child-card{border:2px solid var(--color-border);background:var(--color-secondary);border-radius:14px;align-items:stretch;display:flex;overflow:hidden}.child-card-select{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:16px 18px;display:flex}.child-card-name{color:var(--color-text);font-size:19px;font-weight:700}.child-card-age{color:var(--color-muted);font-size:14px}.child-card-delete{border:none;border-left:2px solid var(--color-border);background:var(--color-bg);width:48px;color:var(--color-incorrect);cursor:pointer;font-size:20px}.child-card-confirm{flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex}.child-card-confirm p{margin:0;font-size:15px}.child-card-confirm-actions{gap:10px;display:flex}.child-card-confirm-actions .btn{flex:1;padding:10px;font-size:15px}.child-form{background:var(--color-secondary);border:2px solid var(--color-border);border-radius:14px;flex-direction:column;gap:8px;padding:18px;display:flex}.child-form-label{color:var(--color-muted);font-size:14px;font-weight:600}.child-form-input{border:2px solid var(--color-border);color:var(--color-text);background:var(--color-bg);border-radius:10px;padding:12px 14px;font-size:17px}.child-form-actions{gap:10px;margin-top:8px;display:flex}.child-form-actions .btn{flex:1}.progress-title{text-align:center;overflow-wrap:break-word;margin:24px 0 0;font-size:clamp(19px,6vw,24px);font-weight:700}.progress-summary-line{text-align:center;color:var(--color-muted);margin:0;font-size:15px}.skill-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.skill-row{border:2px solid var(--color-border);background:var(--color-secondary);border-radius:12px;flex-direction:column;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.skill-row-title{overflow-wrap:break-word;font-weight:600}.skill-row-label{box-sizing:border-box;overflow-wrap:break-word;border-radius:10px;width:100%;padding:6px 12px;font-size:15px;font-weight:700}@media (min-width:480px){.skill-row{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.skill-row-title{min-width:0}.skill-row-label{border-radius:999px;flex-shrink:0;width:auto;padding:4px 10px}}.skill-row-label-insufficient,.skill-row-label-early{color:var(--color-muted);background:var(--color-border)}.skill-row-label-strong,.skill-row-label-good{color:var(--color-correct);background:var(--color-correct-bg)}.skill-row-label-developing,.skill-row-label-needs_support{color:var(--color-incorrect);background:var(--color-incorrect-bg)}.progress-narrative{background:var(--color-correct-bg);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.progress-narrative p{color:var(--color-text);margin:0;font-size:15px}@media (min-width:641px){.app-header-title{font-size:22px}.app-footer{font-size:14px}.title{font-size:32px}.title-small{font-size:26px}.subtitle{font-size:19px}.question-text{font-size:24px}.progress-title{font-size:clamp(22px,3vw,28px)}.child-list{grid-template-columns:repeat(2,1fr);align-items:start;gap:12px;display:grid}.skill-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.thumbnail-grid{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.child-form,.intro,.options-list,.btn-large{max-width:480px;margin-left:auto;margin-right:auto}.camera-controls{width:100%;max-width:480px;margin:0 auto}}@media (min-width:1025px){body{font-size:19px}.app-header-title{font-size:24px}.app-footer{font-size:15px}.title{font-size:40px}.title-small{font-size:30px}.subtitle{font-size:20px}.question-text{font-size:27px}.progress-title{font-size:clamp(24px,2.5vw,32px)}.thumbnail-grid{grid-template-columns:repeat(5,1fr)}.feature-grid{grid-template-columns:repeat(4,1fr)}.camera-controls{max-width:560px}}