.report-navigation{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.report-navigation section{display:flex;flex-direction:column;gap:16px;justify-content:space-between;background:#f6f8f3;border:1px solid #dbe4d4;border-radius:20px;padding:22px}.report-navigation section.selected{background:#eaf1e3;border-color:#497357;box-shadow:0 6px 20px #2849310b}.report-tab{font-family:inherit;font-weight:700;font-size:16px;line-height:1.5;letter-spacing:.4px;text-align:left;background:transparent;border:0;color:#234631;min-height:50px;padding:0;cursor:pointer}.report-navigation .button{width:100%;justify-content:center;min-height:48px;font-size:13px}.report-navigation p{font-size:13px;color:#637267}.report-banner{padding:28px;border-radius:22px;background:linear-gradient(120deg,#163f36,#355648);color:white;margin-bottom:24px}.report-banner>span{font-size:11px;letter-spacing:1.6px;color:#d5eac8}.report-banner h2{font-size:30px!important;line-height:1.2;color:white;margin:14px 0}.report-banner p{color:#edf2e8;line-height:1.7}.report-form fieldset{padding:22px;border:1px solid #dce5d6;border-radius:18px;margin:22px 0;background:#fafcf7}.report-form legend{font-weight:700;padding:0 8px;color:#264934}.report-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-form input,.report-form select{min-height:48px;border-radius:12px}.score-tiers small{display:block;margin-top:7px;color:#567148}.score-child>.button{margin:8px 8px 0 0}.score-history article{border-bottom:1px solid #dce4d5;padding:20px 0}.responsibility-form-intro{padding:24px;border-radius:20px;background:#eff4e9}.responsibility-form .form-field input{min-height:48px}.responsibility-form fieldset{background:#fcfdf9}.report-tab:focus-visible,[data-age-edit]:focus-visible{outline:3px solid #6b8fcd;outline-offset:5px}
body.child-mode:not([data-age="6-10"]){--font-display:Arial,sans-serif;background:#f4f6fa}body.child-mode:not([data-age="6-10"]) .jar-art,body.child-mode:not([data-age="6-10"]) .welcome-star{display:none}body.child-mode:not([data-age="6-10"]) .child-welcome{display:block;background:#e8eef8;border:1px solid #d6dfed;border-radius:20px;padding:32px}body.child-mode:not([data-age="6-10"]) .child-welcome h1{font-family:inherit;font-size:24px}body.child-mode:not([data-age="6-10"]) .child-welcome h2{font-family:inherit;font-size:30px;line-height:1.3;max-width:650px}body.child-mode:not([data-age="6-10"]) .child-shortcuts button{background:white;border:1px solid #d8e0eb;border-radius:16px;padding:23px}body.child-mode:not([data-age="6-10"]) .child-shortcuts strong{font-size:25px}body.child-mode:not([data-age="6-10"]) .learn-card{background:#eaf0f9;border-radius:18px}body.child-mode:not([data-age="6-10"]) .jar-intro{background:#eef1f6;border-radius:18px}body[data-age="11-14"] .mature-welcome{border-top:5px solid #6c7eb7!important}body[data-age="15-18"] .mature-welcome{background:#e8f0ed!important;border-top:5px solid #426e65!important}body[data-age="19-23"] .mature-welcome{background:#edf0f5!important;border-top:5px solid #3b526e!important}body[data-age="23-29"] .mature-welcome{background:#f0eeea!important;border-top:5px solid #66574c!important}body[data-age="19-23"] .panel,body[data-age="23-29"] .panel{border-radius:12px;box-shadow:none}body.child-mode:not([data-age="6-10"]) .jar-goal h3{font-family:inherit}body.child-mode:not([data-age="6-10"]) .task-emoji{font-size:20px;background:#edf1f7}
@media(max-width:600px){.report-navigation{gap:10px}.report-navigation section{padding:14px 10px;border-radius:14px}.report-tab{font-size:12px;min-height:58px}.report-navigation .button{font-size:11px;padding:10px;min-height:65px}.report-fields{grid-template-columns:1fr}.report-banner{padding:21px}.report-banner h2{font-size:25px!important}.report-form fieldset{padding:16px}.report-form input,.report-form select{font-size:16px}body.child-mode:not([data-age="6-10"]) .child-welcome{padding:23px}body.child-mode:not([data-age="6-10"]) .child-welcome h2{font-size:25px}body.child-mode:not([data-age="6-10"]) .child-shortcuts button{padding:14px 8px}body.child-mode:not([data-age="6-10"]) .child-shortcuts strong{font-size:18px}}

body.child-mode:not([data-age="6-10"]){--green:#345f60;--ink:#24333c;--muted:#66757c}
body.child-mode:not([data-age="6-10"]) .app-body{background:#f3f5f7}
body.child-mode:not([data-age="6-10"]) .sidebar{background:#fafbfc;border-color:#dce3e8}
body.child-mode:not([data-age="6-10"]) .sidebar #app-nav button.active{background:#345f60;box-shadow:none}
body.child-mode:not([data-age="6-10"]) .sidebar-tip{background:#e7ecef;color:#45545d}
body.child-mode:not([data-age="6-10"]) .button{background:#345f60;border-color:#345f60;border-radius:10px;box-shadow:none;transform:none}
body.child-mode:not([data-age="6-10"]) .button.secondary{background:white;color:#345f60;border-color:#b7c8cc}
body.child-mode:not([data-age="6-10"]) .text-button{color:#345f60}
body.child-mode:not([data-age="6-10"]) .user-avatar{background:#dfe8ed;color:#344c59}
body.child-mode:not([data-age="6-10"]) .page-heading h1{font-family:inherit;font-size:30px}
body[data-age="11-14"] .button{border-radius:15px!important}