.learning-support-bar{position:fixed;right:16px;bottom:12px;display:flex;gap:6px;z-index:850;max-width:calc(100vw - 32px)}
.learning-support-bar button,.learning-launch{background:#eef5e9;color:#214e3b;border:1px solid #7f987c;border-radius:9px;padding:8px 12px;font:inherit;font-weight:700;font-size:.9rem;line-height:1.4;min-height:44px;cursor:pointer}
.learning-dialog{position:fixed;inset:0;margin:auto;height:fit-content;overflow:auto;width:min(880px,calc(100vw - 24px));max-height:calc(100dvh - 32px);border:2px solid #53765b;border-radius:14px;padding:0;color:#23382c;background:#fffef9;box-sizing:border-box}
.learning-dialog::backdrop{background:rgb(13 28 20 / .55)}
.learning-dialog>header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#edf4e7;padding:12px 16px;border-bottom:1px solid #b3c1aa}
.learning-dialog h2{font-size:1.25rem;margin:0}.learning-dialog-body{padding:16px}.learning-dialog p{line-height:1.7}
.learning-dialog button,.learning-import{background:#f6f7ef;border:1px solid #728c74;border-radius:8px;color:#234e3a;font:inherit;padding:9px 12px;cursor:pointer;min-height:44px}
.learning-dialog button[type=submit]{background:#315e46;color:white}.learning-dialog input,.learning-dialog select,.learning-dialog textarea{display:block;font:inherit;width:100%;box-sizing:border-box;border:1px solid #98a58e;border-radius:6px;background:white;color:#1b3526;padding:9px;min-height:44px;margin:5px 0 10px}
.learning-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learning-label{display:block}.learning-hint{font-size:.9rem;color:#53604e}.learning-summary{display:flex;flex-direction:column;gap:6px;border-left:4px solid #87a982;background:#f4f7ed;padding:10px;margin:10px 0;line-height:1.6}
.learning-actions{display:flex;flex-wrap:wrap;gap:8px}.learning-import input{max-width:240px}.learning-record{border-bottom:1px solid #d2d9c9;padding:10px 0}.learning-record p{margin:5px 0;overflow-wrap:anywhere}.participation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.participation-grid button{font-size:1.2rem;min-height:80px}.participation-grid button[aria-pressed=true]{background:#dcebd0;outline:3px solid #547b41}
.quiet-classroom *, .quiet-classroom *::before,.quiet-classroom *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.quiet-classroom #confettiCanvas{display:none!important}
.role-turn-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;background:#f0f5e9;border-radius:10px;margin:12px 0}.role-turn-controls button{min-height:44px;padding:8px 12px}.rp-card[hidden]{display:none!important}.rp-grid.role-focus{grid-template-columns:1fr!important;max-width:920px;margin:auto}.role-focus .rp-card-body{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-focus .rp-tip-box{grid-column:1/-1}.role-focus .rp-action-desc,.role-focus .rp-speech-bubble{font-size:1.25rem!important}
.sheet-save-status{padding:8px 12px;color:#315f48;background:#f2f7eb;font-size:.9rem}.circle-item:focus-visible,.choice-card:focus-visible,.checklist-row:focus-visible,.star-btn:focus-visible{outline:4px solid #1c6c9c;outline-offset:2px}.screen-toolbar select{max-width:min(420px,85vw)}
@media(max-width:700px){.learning-fields{grid-template-columns:1fr}.role-focus .rp-card-body{display:block}.learning-support-bar{right:10px;bottom:8px;max-width:calc(100vw - 20px)}.learning-support-bar button{font-size:.8rem;padding:6px 9px}.learning-dialog{max-height:calc(100dvh - 16px)}.learning-dialog>header{padding:8px 12px}.learning-dialog-body{padding:12px}.participation-grid{grid-template-columns:1fr}.class-toolbar .learning-launch{flex:0 0 auto}}
@media print{.learning-support-bar,.learning-launch,.learning-dialog,.role-turn-controls,.sheet-save-status{display:none!important}}
/* Keep support tools on the same row without shrinking lesson text. */
@media(min-width:1101px){.social-classroom .classroom-controls{display:grid;grid-template-columns:auto auto minmax(300px,1fr) auto;gap:7px}.social-classroom .classroom-tool-group{padding:6px}.social-classroom .tool-group-actions{gap:4px;flex-wrap:nowrap}.social-classroom .classroom-controls .c-btn{font-size:.8rem!important;padding:7px 8px!important}.social-classroom .classroom-controls .tool-icon{width:22px;height:24px}.social-classroom .classroom-controls .learning-launch{padding:7px 8px;font-size:.8rem;white-space:nowrap}}
@media(max-width:700px){.social-classroom .classroom-header{position:relative}.social-classroom .classroom-controls{max-height:160px;overflow:auto}.social-classroom .slide-viewport{min-height:250px}.social-garden .header-actions .learning-launch{flex-shrink:0}.social-classroom .role-turn-controls{font-size:.85rem}.social-classroom .role-turn-controls>span{flex-basis:100%}}
.social-garden:has(.learning-support-bar) .floating-calm-btn,.social-garden:has(.learning-support-bar) .floating-calm-fab{display:none!important}.lesson-reflection{background:#edf5e6;border:1px solid #99b78b;border-radius:12px;padding:14px;margin-bottom:18px;line-height:1.7}.lesson-reflection h2{font-size:1.35rem;margin:0 0 6px}.lesson-reflection p{margin:6px 0}.social-garden{padding-bottom:58px}
@media(max-width:700px){.learning-support-bar [data-quiet-mode]{display:none}.learning-support-bar{max-width:calc(100vw - 122px)}.learning-support-bar button{white-space:normal}}
.role-scene-more{padding:8px 12px;border:1px solid #d4ddc8;border-radius:9px;background:#f7f8f0;line-height:1.5;margin-bottom:8px}.role-scene-more summary{cursor:pointer;font-weight:700}.role-scene-more .rp-header-banner{margin-top:10px}.role-turn-controls{padding:8px;margin:8px 0}.role-turn-controls>span{font-size:.85rem}.mobile-class-actions{display:none}
@media(max-width:700px){.mobile-class-actions{display:flex;grid-column:1/-1;gap:8px}.mobile-class-actions button{font:inherit;min-height:44px;border:1px solid #89a17c;border-radius:8px;padding:7px 10px;background:#edf4e7;color:#234936}.social-classroom #classroomTeachingTools{display:none}.social-classroom #classroomTeachingTools.mobile-tools-open{display:grid;max-height:160px;overflow:auto}.social-classroom .classroom-header{padding:8px 12px!important;gap:7px!important}.role-scene-more{font-size:.85rem}.role-turn-controls button{padding:5px 8px;min-height:40px}.role-focus .rp-action-desc,.role-focus .rp-speech-bubble{font-size:1rem!important}.social-classroom .slide-viewport{min-height:0!important}}
@media(max-width:700px){.social-classroom .classroom-header{display:grid!important;grid-template-columns:minmax(0,1fr) 116px!important;align-items:center}.social-classroom .classroom-brand{grid-column:1;grid-row:1;padding-bottom:0;border:0;gap:6px}.social-classroom .classroom-brand img{width:30px;height:30px}.social-classroom .classroom-brand strong{font-size:.8rem;white-space:normal}.social-classroom .classroom-brand small{display:none}.social-classroom .site-language-switch{grid-column:2;grid-row:1;justify-content:flex-end}.social-classroom .site-language-switch>span{display:none}.social-classroom .site-language-switch select{width:110px;min-height:36px}.social-classroom .lesson-info{grid-column:1/-1}.social-classroom .lesson-title-text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4!important;font-size:.85rem}.social-classroom .classroom-course-picker{grid-column:1/-1}.social-classroom #classroomTeachingTools{grid-column:1/-1}.role-turn-controls>span{display:none}.role-turn-controls{gap:4px}.role-turn-controls button{font-size:.8rem}.social-classroom .slide-nav-btn{bottom:65px}.social-classroom .slide-prev{left:10px}.social-classroom .slide-next{right:10px}}
/* The added observation entry uses the same compact menu treatment. */
.social-garden .main-menu{grid-template-columns:repeat(8,minmax(0,1fr))}
.social-garden .main-menu .learning-launch{--menu-bg:#e6f1e6;--menu-ink:#315e46;--menu-edge:#829b78;--menu-hover:#d7e8d5;display:flex}
.social-garden .main-menu .learning-launch .tool-icon{width:32px;height:32px;flex:0 0 32px}

.custom-choice-practice #decisionCardImpulsive,.custom-choice-practice #decisionFeedbackBox{background:#eef5ee!important;border-color:#7b9a7b!important;color:#254d35!important}.custom-choice-practice #decisionCardImpulsive strong,.custom-choice-practice #decisionCardImpulsive p{color:#254d35!important}.custom-choice-practice #decisionCardImpulsive div:last-child{background:#eef5ee!important;color:#254d35!important}