body:has(.sr-page) .content>.heading,body:has(.sr-page) .content>.demobar{display:none}body:has(.sr-page) .content>section.card:has(#at-live-role-panel){padding:0;border:0;background:none;box-shadow:none}.sr-page{color:#3c2b54}.sr-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.sr-heading h1{margin:0;font-size:29px;color:#342049}.sr-heading p{color:#a08cad;font-size:13px;margin:7px 0 0}.sr-heading>span,.sr-group{font-size:11px;color:#9869ca;background:#f1eaff;border-radius:20px;padding:6px 11px}.sr-heading>span{white-space:nowrap}.sr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sr-card{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid #e9dff5;border-radius:20px;background:#fff;box-shadow:0 5px 16px #4b2b7005}.sr-card-top{display:flex;align-items:center;gap:12px}.sr-file-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;background:linear-gradient(135deg,#f0e4ff,#eae8ff);color:#9052d3;border-radius:14px;font-size:28px}.sr-card-top>div{flex:1;min-width:0}.sr-group{display:inline-block;padding:4px 9px;font-size:10px}.sr-card h2{font-size:20px;margin:7px 0 3px;color:#3d2853}.sr-card time{font-size:11px;color:#a491b5}.sr-latest-badge{font-size:10px;color:#9b73bb;background:#f8f3fe;padding:5px 9px;border-radius:20px;align-self:start}.sr-rating-preview{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.sr-rating-preview>span{display:grid;gap:5px;flex:1;min-width:95px;padding:9px;background:#fbf8fe;border:1px solid #f0e8f8;border-radius:10px;font-size:10px;color:#a38cb7}.sr-rating-preview b{font-size:12px;color:#8554b6;font-weight:600}.sr-note{margin:16px 0;padding:12px 13px;background:#faf7fd;border-radius:12px}.sr-note>b{font-size:12px;color:#72548c}.sr-note p{font-size:12px;line-height:1.8;color:#a08bad;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.sr-actions{display:flex;gap:9px;margin-top:auto}body[data-workspace] #app .sr-view,#modal.sr-report-dialog .sr-view{background:linear-gradient(110deg,#9650ee,#7835dd)!important;color:#fff!important;border:0!important;border-radius:11px;padding:10px 16px;font:inherit;font-size:12px;font-weight:600;box-shadow:none!important;cursor:pointer}body[data-workspace] #app .sr-download{background:#fff!important;color:#9564ba!important;border:1px solid #e8dcf4!important;border-radius:11px;padding:10px 14px;font:inherit;font-size:12px;box-shadow:none!important;cursor:pointer}.sr-empty{display:grid;justify-items:center;text-align:center;padding:70px 22px;background:#fff;border:1px dashed #dfcfef;border-radius:20px}.sr-empty>span{font-size:55px;color:#b68bdf}.sr-empty h2{font-size:21px;color:#76518d}.sr-empty p{max-width:440px;font-size:13px;line-height:1.8;color:#a78fb6}.sr-overview{display:flex;align-items:center;gap:14px;margin-top:20px;padding:20px;border:1px solid #e7d9f4;border-radius:18px;background:#fcf9ff}.sr-overview>div{flex:1}.sr-overview h2{font-size:17px;margin:0;color:#674181}.sr-overview p{font-size:12px;margin:6px 0 0;color:#a68eb7}.sr-report-detail h2{font-size:23px;margin:12px 0 5px;color:#684084}.sr-detail-date{font-size:12px;color:#a48db4}.sr-report-detail .at-report-note p{white-space:pre-wrap;overflow-wrap:anywhere}.sr-report-detail .sr-view{margin-top:15px}#modal.sr-report-dialog{width:min(680px,calc(100% - 28px));max-height:88dvh;padding:25px;border:1px solid #e9dcf5;border-radius:22px;background:#fff!important;overflow:auto}#modal.sr-report-dialog::backdrop{background:#2a203b70;backdrop-filter:blur(3px)}@media(max-width:850px){.sr-grid{grid-template-columns:1fr}}@media(max-width:540px){.sr-heading{align-items:start}.sr-heading h1{font-size:25px}.sr-heading p{font-size:12px}.sr-card{padding:17px}.sr-latest-badge{font-size:9px}.sr-card h2{font-size:18px}.sr-overview{flex-wrap:wrap;padding:17px}.sr-overview .sr-view{width:100%}.sr-actions>button{flex:1}.sr-rating-preview>span{min-width:80px}.sr-note p{font-size:12px}#modal.sr-report-dialog{padding:20px}}
/* Friendly learning journal: actual ratings, presented as skills to grow. */
.sr-kids-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 30px;margin-bottom:24px;border:1px solid #ded6fb;border-radius:24px;background:linear-gradient(115deg,#f1e9ff,#edf7ff);overflow:hidden}.sr-kids-hero>div:first-child{position:relative;z-index:1}.sr-kids-hero>div>span{color:#9b72cf;font-size:12px}.sr-kids-hero h2{font-size:29px;color:#6533ad;margin:8px 0}.sr-kids-hero p{color:#9a83b1;font-size:13px;margin:0;line-height:1.8}.sr-hero-art{position:relative;width:150px;height:130px;flex:none;display:grid;place-items:center;background:#e6d8ff;border-radius:45% 55% 55% 45%;transform:rotate(-9deg)}.sr-hero-art b{font-size:76px;filter:drop-shadow(0 5px 3px #7955ac22)}.sr-hero-art i{position:absolute;right:0;top:5px;font-size:27px;color:#edbd3a;font-style:normal}.sr-hero-art>span{position:absolute;left:4px;bottom:6px;color:#9d6ede!important;font-size:27px!important}.sr-single{grid-template-columns:minmax(0,850px);justify-content:center}.sr-card{border-radius:24px;border-color:#e4d8f6;overflow:hidden}.sr-card-top{padding-bottom:16px;border-bottom:1px dashed #e9def6}.sr-file-icon{background:linear-gradient(130deg,#eae0ff,#e5f3ff);font-size:29px;border-radius:16px;width:56px;height:56px}.sr-latest-badge{background:#fff4d5;color:#b18a36;padding:6px 10px}.sr-card h2{font-size:22px}.sr-card .sr-rating-preview{gap:9px}.sr-skill{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #ebe0f8;border-radius:14px;background:#f9f4ff;min-width:0;color:#4a3766}.sr-skill-icon{font-size:25px;flex:none}.sr-skill>div{display:grid;gap:7px;min-width:0}.sr-skill small{font-size:11px;color:#8e779f;line-height:1.5}.sr-skill b{font-size:14px;color:#7754a2;line-height:1.5}.sr-skill b i{font-style:normal;font-size:14px}.sr-skill-excellent{background:#fff9e8;border-color:#f6eac1}.sr-skill-excellent b{color:#a08028}.sr-skill-good{background:#eff7ff;border-color:#dceaf8}.sr-skill-good b{color:#5886b6}.sr-skill-developing{background:#f5f0ff;border-color:#e8dcfb}.sr-skill-support{background:#fff3ed;border-color:#f3dfd2}.sr-skill-support b{color:#b28767}.sr-skill-unrated{background:#faf8fc;border-color:#eee9f3}.sr-rating-preview>.sr-skill{flex:1;min-width:135px}.sr-note,.sr-kids-note{background:#fff9ee;border:1px solid #f4eacb;border-radius:15px;padding:14px}.sr-note>b,.sr-kids-note>b{color:#a48249;font-size:12px}.sr-note p{color:#ad9876}.sr-actions{padding-top:4px}.sr-actions>button{min-height:44px}.sr-encouragement{font-size:12px;text-align:center;color:#9a83ab;margin:16px 0 0}
#modal.sr-report-dialog{padding:0!important;border:1px solid #e8ddf5!important;background:#fff!important;width:min(720px,calc(100% - 24px));border-radius:24px;overflow:hidden;color:#674981!important}#modal.sr-report-dialog .sr-report-detail{display:flex;flex-direction:column;max-height:88dvh;background:#fff!important}.sr-detail-header{display:flex;align-items:center;gap:12px;padding:20px 23px;background:linear-gradient(115deg,#f4edff,#edf7ff);border-bottom:1px solid #eadff8;flex:none}.sr-detail-art{display:grid;place-items:center;width:57px;height:57px;border-radius:17px;background:#fff4ce;font-size:34px;flex:none}.sr-detail-header>div{flex:1}.sr-detail-header h2{font-size:23px;margin:7px 0 0;color:#7043a2}.sr-detail-header .sr-detail-date{font-size:11px;margin:7px 0 0;color:#ab95bd}#modal.sr-report-dialog .sr-detail-close{width:30px;height:30px;min-height:0;flex:none;padding:0;border:0!important;border-radius:50%;background:#fff!important;color:#9b79b7!important;font-size:23px;cursor:pointer;box-shadow:none!important}.sr-detail-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 23px}.sr-detail-scroll>h3{font-size:14px;margin:0 0 13px;color:#9473b0}.sr-skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sr-kids-note{margin-top:15px;background:#fffaf0!important;color:#aa8b5e!important}.sr-kids-note p{color:#ab9374!important;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.sr-detail-footer{display:flex;gap:10px;align-items:center;padding:14px 23px;border-top:1px solid #eee5f8;background:#fff;flex:none}.sr-detail-footer>.sr-view{flex:1;min-height:43px}#modal.sr-report-dialog .sr-detail-done{border:1px solid #e8dff2!important;background:#fff!important;color:#a18bb0!important;padding:10px 20px;border-radius:11px;font:inherit;font-size:12px;cursor:pointer;box-shadow:none!important}#modal.sr-report-dialog button:focus-visible{outline:3px solid #ad82dd55;outline-offset:2px}@media(max-width:540px){.sr-kids-hero{padding:20px 17px;gap:8px}.sr-kids-hero h2{font-size:22px}.sr-kids-hero p{font-size:11px}.sr-hero-art{width:83px;height:92px}.sr-hero-art b{font-size:52px}.sr-hero-art i{font-size:21px}.sr-kids-hero>div>span{font-size:10px}.sr-card h2{font-size:20px}.sr-rating-preview>.sr-skill{min-width:120px}.sr-detail-header{padding:17px 15px;gap:9px}.sr-detail-art{width:43px;height:43px;font-size:28px}.sr-detail-header h2{font-size:19px}.sr-detail-scroll{padding:16px 14px}.sr-skill{padding:10px 8px;gap:7px}.sr-skill-icon{font-size:21px}.sr-skill small{font-size:10px}.sr-skill b{font-size:12px}.sr-detail-footer{padding:12px 14px}.sr-detail-footer>.sr-view{font-size:11px}.sr-skills-grid{gap:7px}}

/* Match both report footer controls in height and baseline. */
#modal.sr-report-dialog .sr-detail-footer{display:grid!important;grid-template-columns:minmax(0,1fr) 72px;align-items:stretch!important;gap:10px;padding:16px 23px}
#modal.sr-report-dialog .sr-detail-footer>button{display:flex!important;align-items:center;justify-content:center;min-height:46px!important;height:46px!important;margin:0!important;padding:10px 14px!important;box-sizing:border-box;line-height:1.4!important;border-radius:12px;align-self:stretch!important}
#modal.sr-report-dialog .sr-detail-close:hover{background:#ead9ff!important;color:#7542b0!important}
#modal.sr-report-dialog .sr-detail-close:focus-visible{outline:3px solid #c7a3eb;outline-offset:3px}
@media(max-width:480px){#modal.sr-report-dialog .sr-detail-footer{padding:13px;grid-template-columns:minmax(0,1fr) 60px}}