.student-name { margin: 0px 16px 12px; }
.student-name label { display: block; font-size: 12px; margin-bottom: 6px; font-weight: 600; }
.student-name input { width: 100%; box-sizing: border-box; border: 1px solid rgb(188, 201, 222); border-radius: 10px; background: rgb(255, 255, 255); padding: 10px; color: rgb(37, 42, 56); font-size: 14px; user-select: text !important; }
.summary-heading { text-align: center; font-size: 13px; color: rgb(102, 51, 130); letter-spacing: 0.5px; margin: 20px 16px 4px; }
.summary-date { text-align: center; color: rgb(102, 112, 128); font-size: 11px; margin: 0px 16px 18px; }
.summary-card { margin: 0px 16px 18px; padding: 18px 14px; border-radius: 18px; background: rgb(230, 247, 238); border: 1px solid rgb(205, 229, 216); color: rgb(38, 60, 52); }
.summary-encourage { background: rgb(237, 242, 255); border-color: rgb(217, 225, 246); color: rgb(37, 57, 92); }
.summary-trophy { text-align: center; font-size: 26px; }
.summary-card h2 { text-align: center; font-size: 18px; margin: 8px 0px; }
.summary-card > p { font-size: 12px; text-align: center; line-height: 1.5; }
.summary-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 0px 8px; }
.summary-pair > div { border-radius: 12px; padding: 12px 8px; text-align: center; background: rgba(255, 255, 255, 0.72); }
.summary-pair span { display: block; font-size: 11px; color: rgb(82, 102, 94); }
.summary-pair strong { display: block; font-size: 19px; color: rgb(50, 130, 93); margin-top: 5px; }
.summary-card h3 { font-size: 12px; margin: 16px 0px 8px; }
.summary-checklist { padding: 0px; list-style: none; font-size: 12px; line-height: 1.9; }
.summary-target-note { font-size: 10px !important; }
.summary-motivation { padding: 10px; border: 1px solid rgb(190, 218, 204); border-radius: 8px; margin-bottom: 0px; }
.summary-encourage .summary-motivation { border-color: rgb(207, 219, 239); }
.analysis-title { font-size: 24px; margin: 20px 18px 4px; }
.analysis-subtitle { font-size: 12px; line-height: 1.45; margin: 0px 18px 18px; color: rgb(89, 97, 116); }
.analysis-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin: 0px 16px 16px; }
.analysis-tile { min-height: 100px; border-radius: 18px; padding: 12px 10px; display: flex; align-items: center; gap: 10px; color: rgb(37, 42, 56); box-shadow: rgba(37, 62, 140, 0.043) 0px 3px 12px; }
.analysis-icon { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, 0.44); font-size: 21px; font-weight: 700; }
.analysis-data { min-width: 0px; }
.analysis-label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 7px; }
.analysis-value { display: block; font-size: 17px; line-height: 1.25; overflow-wrap: anywhere; }
.analysis-detail { display: block; font-size: 10px; line-height: 1.4; margin-top: 5px; }
.analysis-badge { display: inline-block; background: rgba(255, 255, 255, 0.58); border-radius: 5px; padding: 3px 5px; font-size: 9px; margin-top: 7px; }
.analysis-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0px 16px 24px; }
.analysis-actions .button { border-radius: 12px; padding: 14px 8px; font-weight: 650; background: rgb(110, 39, 141) !important; color: white !important; }
html[data-theme="dark"] .analysis-tile { color: rgb(37, 42, 56); }
@media (min-width: 700px) {
  .analysis-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .analysis-tile { min-height: 145px; }
}
@media (max-width: 350px) {
  .analysis-tile { padding: 12px 8px; gap: 5px; }
  .analysis-icon { width: 27px; height: 27px; flex-basis: 27px; }
  .analysis-value { font-size: 15px; }
}
.student-name[hidden] { display: none !important; }
.a-green{background:#dff3db}.a-rose{background:#f4dfe7}.a-blue{background:#dfebfc}.a-red{background:#fbe0e4}.a-gray{background:#e9ecf0}.a-peach{background:#f8e4d7}.a-purple{background:#e9ddfc}.a-lilac{background:#eedff8}.button{cursor:pointer}html[data-theme=dark] body{background:#0b1230;color:#f5f5f7}html[data-theme=dark] .box{background:#141d45;color:#f5f5f7;border-color:#394977}html[data-theme=dark] .option,html[data-theme=dark] button.secondary{background:#202e58;color:#f5f5f7}html[data-theme=dark] a{color:#bddaff}html[data-theme=dark] .summary-card{background:#1e294c;color:#f5f5f7}html[data-theme=dark] .summary-pair>div{background:#253b4c}html[data-theme=dark] .summary-pair span,html[data-theme=dark] .summary-pair strong,html[data-theme=dark] .analysis-subtitle,html[data-theme=dark] .summary-date,html[data-theme=dark] .summary-heading{color:#bec8e3}.analysis-grid,.summary-card{box-sizing:border-box}html[data-theme=dark] header a{color:#17417f}html[data-theme=dark] a.button.secondary{background:#202e58;color:#bddaff;border-color:#52618e}html[data-theme=dark] .student-name input{background:#141d45;color:#f5f5f7}html[data-theme=dark] .option.selected{background:#24466a!important;color:#fff!important;border:2px solid #9bc8ff!important}html[data-theme=dark] .palette button{background:#202e58;color:#f5f5f7;border:1px solid #637da8}html[data-theme=dark] .palette button.answered{background:#174c32;color:#c5f4d7;border-color:#64d98b}html[data-theme=dark] .palette button.current{outline:2px solid #9bc8ff;outline-offset:2px}html[data-theme=dark] button.secondary,html[data-theme=dark] a.button.secondary{border:1px solid #637da8!important}html[data-theme=dark] button:focus-visible,html[data-theme=dark] a:focus-visible,html[data-theme=dark] summary:focus-visible{outline:3px solid #ffd166;outline-offset:3px}html[data-theme=dark] input,html[data-theme=dark] select{background:#202e58;color:#f5f5f7;border-color:#637da8}

html[data-theme=dark] .palette button.current{border:2px solid #ffd166!important}html[data-theme=dark] .topic,html[data-theme=dark] summary span{color:#9bdde0}html[data-theme=dark] .facts{background:#202e58;color:#f5f5f7}