/* Phone-first content hierarchy. Header and bottom navigation retain their material. */
.mobile-home-stack{display:grid;gap:24px}.home-service{display:flex;align-items:center;gap:10px;font-size:12px;color:#426354}.home-connection{margin-inline-start:auto;color:#00764b;font-size:11px}.home-classroom h2{font-size:27px;color:#173e30;margin:22px 0 8px}.home-classroom>p{color:#567166;line-height:1.65;font-size:14px}.home-classroom>.primary-button{margin:22px 0;min-height:48px}.home-account{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border-top:1px solid #2b6c4312;padding-top:14px;font-size:12px;color:#587066}.home-account p{margin-top:10px;overflow-wrap:anywhere}.home-account summary{cursor:pointer}.home-lesson-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-lesson-pair>div{padding:18px;border-radius:22px;border:1px solid #fff;background:#ffffffa6;display:grid;gap:10px}.home-lesson-pair span{font-size:12px;color:#637a6f}.home-lesson-pair strong{font-size:14px;font-weight:550}.home-day .section-heading{margin-top:0}.home-data-note{margin:12px 2px;font-size:12px;color:#62766c;line-height:1.8}.home-data-note summary{cursor:pointer;min-height:32px}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-actions>button{display:flex;align-items:center;text-align:start;gap:12px;padding:16px;border-radius:22px;background:#ffffffb3;border:1px solid white;box-shadow:0 4px 20px #254c3107}.home-actions strong{font-size:14px;flex:1}.home-actions>button>.icon{width:15px;color:#81968b}.home-data-caption{font-size:11px;color:#6b7c72;margin:12px 4px}.home-greeting h1{flex-wrap:wrap;gap:0 .3em}.home-greeting bdi{overflow-wrap:anywhere}.mobile-menu-identity{display:flex;gap:12px;align-items:center;margin-bottom:24px;min-width:0}.mobile-menu-identity>div{min-width:0}.mobile-menu-identity strong{display:block;overflow-wrap:anywhere;font-size:16px}.mobile-menu-identity small{display:block;margin-top:5px;color:#6d8275}.mobile-menu-groups{display:grid;gap:26px}.mobile-menu-groups h3{font-size:12px;color:#6e8175;margin:0 8px 10px}.mobile-menu-groups section>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-menu-groups button{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;text-align:start;background:#ffffff9c;border:1px solid #fff;border-radius:18px;font-size:13px}.menu-symbol{color:#00895a}.menu-symbol .icon{width:20px}.mobile-menu-groups button>span:nth-child(2){flex:1}.mobile-menu-groups button>.icon{width:13px;color:#809489}.pending-course{display:grid;gap:18px}.pending-course a{text-decoration:none}.google-error:empty{display:none}
.google-account-disclosure{margin:16px 0;border:1px solid white;border-radius:20px;background:#ffffff91;padding:4px 16px}.google-account-disclosure>summary{display:flex;align-items:center;gap:9px;min-height:50px;cursor:pointer;font-size:12px;list-style:none}.google-account-disclosure>summary>span[dir]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#718377}.google-account-disclosure>summary strong{white-space:nowrap;font-weight:550}.google-connected-dot{width:6px;height:6px;background:#00a86b;border-radius:50%;flex-shrink:0}.google-account-disclosure>summary>.icon{width:14px}.google-account-disclosure>div{padding:12px 0;font-size:12px;line-height:1.8}.google-account-disclosure[open]>summary>.icon{rotate:-90deg}.google-tools-disclosure{margin:0 0 24px}.google-tools-disclosure>summary{display:flex;gap:10px;align-items:center;justify-content:flex-end;min-height:44px;color:#39775a;cursor:pointer;font-size:12px}.google-tools-disclosure>summary>.icon{width:17px}.google-tools-disclosure .workflow-strip{margin:8px 0 22px}.google-account-disclosure summary::-webkit-details-marker,.google-tools-disclosure summary::-webkit-details-marker{display:none}
body:has(dialog[open]) .study-liquid:not(.expanded){visibility:hidden}
.google-status-filters{min-width:0;display:grid;gap:8px;font-size:12px}.google-status-filters>.segmented{width:100%;display:flex;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.google-status-filters button{flex:0 0 auto;min-height:44px}.google-status-filters>span{color:#587465}
@media(min-width:761px){.mobile-home-stack{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.mobile-home-stack>section:last-child{grid-column:1/-1}.home-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.home-actions>button{min-width:0}}
@media(min-width:761px) and (max-width:1100px){.mobile-home-stack{grid-template-columns:minmax(0,1fr)}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-greeting{flex-wrap:wrap}.home-lesson-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar .live-clock{display:none}.sidebar .user-switch>span:nth-child(2){min-width:0;overflow-wrap:anywhere}}
@media(max-width:760px){
 :root{--phone-space:18px;--phone-radius:24px;--phone-bottom:calc(158px + env(safe-area-inset-bottom));--green:#00a86b}
 body{background:#f4f6f2;background-attachment:scroll}
 .topbar{padding-top:env(safe-area-inset-top);height:calc(74px + env(safe-area-inset-top))}
 #main-content{padding:18px var(--phone-space) var(--phone-bottom);max-width:100%;min-width:0}
 #page-content{min-width:0}.page-footer{margin-top:32px;gap:10px;flex-wrap:wrap;line-height:1.7}
 .page-title{align-items:flex-start;gap:12px;margin:10px 0 25px;flex-wrap:wrap}
 .page-title>div{min-width:0}.page-title h1{font-size:27px;line-height:1.3;letter-spacing:-.7px;overflow-wrap:anywhere}.page-title p{font-size:13px;line-height:1.65;color:#68796e;margin-top:9px}.page-title .eyebrow{font-size:11px;margin-bottom:8px}
 .home-greeting{display:block}.home-greeting .live-clock{margin-top:14px;padding:6px 10px;font-size:12px;background:transparent;box-shadow:none;border-color:#d8e6dc}.live-clock small{font-size:10px}
 .realtime-status{font-size:10px;line-height:1.6;flex-wrap:wrap;margin-bottom:14px}
 .connection-state.live{margin-bottom:14px;min-height:22px;gap:7px;font-size:10px;padding:0 2px}.connection-state.live small{display:none}.connection-state.live>.icon{width:13px;height:13px}.connection-state.live span{display:inline}
 .card{padding:20px;border-radius:var(--phone-radius);background:rgba(255,255,255,.8);border:1px solid #fff;box-shadow:0 6px 24px #1b49330a;backdrop-filter:none;-webkit-backdrop-filter:none}
 .section-heading{gap:12px;margin:24px 0 14px;align-items:center;flex-wrap:wrap}.section-heading h2{font-size:18px;line-height:1.4}.section-heading .text-link{font-size:12px;min-height:44px;padding:10px 2px}
 .mobile-home-stack{gap:26px}.home-classroom{padding:22px;background:linear-gradient(135deg,#fffffff0,#e5f3ead4);box-shadow:inset 0 1px 1px white,0 10px 28px #1b573410}.home-classroom h2{font-size:25px;margin-top:22px}.home-classroom>.primary-button{width:100%;margin:22px 0 18px;justify-content:space-between}.home-account{font-size:11px;align-items:center}.home-account summary{min-height:36px;display:flex;align-items:center;gap:5px}.home-account summary:after{content:'⌄'}
 .home-lesson-pair{gap:10px}.home-lesson-pair>div{padding:16px 13px;min-height:90px}.home-lesson-pair strong{font-size:13px;line-height:1.6}.home-actions{gap:10px}.home-actions>button{flex-wrap:wrap;padding:16px 13px;min-height:100px;gap:10px}.home-actions .icon-tile{width:36px;height:36px;border-radius:13px}.home-actions strong{flex-basis:calc(100% - 46px);font-size:13px}.home-actions>button>.icon{display:none}.mobile-home-stack>section>.section-heading{margin-top:0}
 .school-unavailable{min-height:0;padding:28px 22px;text-align:start;align-items:flex-start;gap:14px;margin-block:16px;line-height:1.8}.school-unavailable h2{font-size:21px;margin:8px 0}.school-unavailable p{font-size:13px;line-height:1.85}.school-unavailable>.icon{width:34px;height:34px;color:#00a86b}.school-unavailable .primary-button{margin-top:18px}
 /* Account information is a compact disclosure, not the dominant dashboard. */
 .google-banner{padding:16px;gap:12px;align-items:flex-start;margin:0 0 18px;border-radius:23px;display:flex;flex-wrap:wrap;background:#ffffffa6;box-shadow:none;backdrop-filter:none}.google-banner>.icon-tile{width:35px;height:35px}.google-banner>div:not(.google-banner-actions){flex:1;min-width:0}.google-banner p{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.google-banner small{font-size:11px;line-height:1.7}.google-banner-actions{width:100%;display:flex;gap:10px;padding-top:4px;justify-content:flex-end}.google-banner-actions button{font-size:12px;min-height:44px}
 .workflow-strip{background:transparent;backdrop-filter:none;box-shadow:none;border:0;padding:0;margin:20px 0 28px;gap:10px}.workflow-strip>div{flex-basis:100%;min-width:0;margin-bottom:3px}.workflow-strip strong{font-size:14px}.workflow-strip small{font-size:12px}.workflow-strip>button{min-height:44px;flex:1}
 .google-live>.section-heading{margin-top:0;display:block}.google-live>.section-heading h2{font-size:23px;margin:7px 0}.google-toolbar{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.google-toolbar button{min-height:44px;font-size:13px}.google-toolbar>.primary-button{flex:1}
 .page-toolbar{gap:12px;flex-wrap:wrap;margin:18px 0}.segmented{max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap;flex-wrap:nowrap}.segmented button{min-height:44px;padding:10px 14px;font-size:12px;flex-shrink:0}
 .google-course-grid,.assignment-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:18px}
 .google-course{position:relative;text-align:start;min-height:0;padding:20px;padding-inline-start:78px;display:block}.google-course>.icon-tile{position:absolute;inset-inline-start:20px;top:23px}.google-course small{font-size:11px}.google-course h2{font-size:20px;line-height:1.5;margin:6px 0}.google-course p{font-size:13px;line-height:1.7}.google-course footer{margin-top:14px;padding-top:12px;border-top:1px solid #1b573410;font-size:12px}
 .google-work{padding:20px;min-height:0;text-align:start}.google-work h2{font-size:19px;line-height:1.55;margin:12px 0 9px}.google-work p{font-size:13px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.google-work .eyebrow{display:block;margin-top:14px;font-size:11px;overflow-wrap:anywhere}.google-work footer{padding-top:16px;margin-top:17px;font-size:12px;line-height:1.6}.google-work .school-chip{font-size:11px}.google-filters{display:grid;grid-template-columns:1fr;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;gap:14px;margin:20px 0}.google-filters label{font-size:12px;display:grid;gap:8px}.google-filters input{min-height:48px}
 .class-invite{margin:18px 0;padding:15px 18px}.class-invite summary{min-height:32px;align-content:center;font-size:13px}.class-invite p{font-size:12px;line-height:1.8}
 .submission-toolbar,.submission-student-header,.submission-bundle header{flex-wrap:wrap;gap:12px}.submission-student,.submission-bundle{margin-block:18px;padding:18px;min-width:0}.submission-view-button{min-height:48px}.submission-file-tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.submission-file-tabs button{min-width:100px;min-height:44px}.submission-preview{max-width:100%;min-height:180px}.submission-preview img,.workspace-preview img{max-height:48dvh;object-fit:contain}.submission-preview audio,.workspace-preview audio{width:100%}
 .sheet{width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 14px);margin:0;inset:auto 0 0;border-radius:30px 30px 0 0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);scroll-padding:90px 0 24px}.sheet-header{position:sticky;top:0;z-index:5;padding:18px 20px;background:#f4faf6e8;backdrop-filter:blur(24px);border-bottom:1px solid white;gap:12px}.sheet-header h2{font-size:17px;line-height:1.5;overflow-wrap:anywhere}.sheet-header .icon-button{min-width:44px;min-height:44px}.sheet-body{padding:22px 20px 30px}.sheet-body:has(.mobile-menu-groups){padding-bottom:30px}
 .menu-sheet{max-height:calc(100dvh - env(safe-area-inset-top) - 90px)}.mobile-menu-groups section>div{grid-template-columns:1fr;gap:0;background:#ffffff94;border:1px solid white;border-radius:23px;overflow:hidden}.mobile-menu-groups button{background:transparent;border:0;border-radius:0;min-height:54px;padding:10px 16px;font-size:14px}.mobile-menu-groups button+button{border-top:1px solid #52765d0d}.mobile-menu-groups .menu-symbol{width:30px}.mobile-menu-identity strong{font-size:15px}
 .google-detail,.workspace-detail,.workflow{min-width:0;font-size:14px;line-height:1.8}.google-detail h3{font-size:18px;margin-block:20px 10px}.google-detail>h3:first-child{margin-top:8px}.google-detail h4{overflow-wrap:anywhere}.google-detail .school-document{padding:16px;line-height:1.9;font-size:15px;background:#fff;border-radius:18px}.google-material,.workspace-attachment{padding:14px;gap:12px;flex-wrap:wrap;margin:12px 0}.google-material>span{min-width:0;flex:1;overflow-wrap:anywhere}.google-material .secondary-button{min-height:44px}.workspace-mywork{padding:18px;margin-top:22px}.workspace-metadata{grid-template-columns:1fr;padding:16px;overflow-wrap:anywhere}.workspace-actions,.workflow-actions{gap:10px}.workspace-actions>button,.workflow-actions>button{min-height:46px;flex:1 1 130px}.document-toolbar{gap:6px;flex-wrap:wrap;padding:8px}.document-toolbar button{min-width:44px;min-height:44px}.document-paper{padding:24px 18px;font-size:16px}.document-workspace{width:100%;max-height:100dvh}
 .sheet form{display:grid;gap:18px}.sheet label{display:grid;gap:8px;font-size:13px}.sheet input:not([type=checkbox]):not([type=radio]),.sheet textarea,.glass-select-trigger{min-height:48px;font-size:16px;max-width:100%;width:100%}.sheet textarea{min-height:110px}.sheet input,.sheet textarea{scroll-margin-block:90px}.sheet fieldset{min-width:0}.workflow-fields,.request-fields{grid-template-columns:1fr}.sheet .primary-button{min-height:48px}.sheet .info-box{font-size:13px;line-height:1.8}
 .document-sheet .document-toolbar{top:80px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;border-radius:21px}.document-sheet .document-toolbar button{flex:0 0 44px}.document-glass-header>div{flex-wrap:wrap}.document-glass-header>div button{flex:1;min-height:44px}.workspace-file-hero{gap:12px;align-items:flex-start}.workspace-file-hero h3{font-size:19px;overflow-wrap:anywhere}.workspace-file-hero p{font-size:11px;overflow-wrap:anywhere}
 .profile-grid{gap:22px}.profile-card{display:flex;flex-direction:column;text-align:center;align-items:center;gap:12px;padding:24px 20px}.profile-card .profile-avatar{width:60px;height:60px;font-size:21px}.profile-card h2{font-size:20px;line-height:1.5;overflow-wrap:anywhere;margin:0;max-width:100%}.profile-card p{font-size:12px;direction:ltr;max-width:100%;overflow-wrap:anywhere}.profile-card>small{font-size:12px}.profile-card .profile-separator{margin:4px 0}.profile-card .logout-link{min-height:44px}.settings-card{margin-bottom:20px}.settings-card>.section-heading{margin-bottom:10px}.settings-card>.muted{font-size:12px}.privacy-note{margin-block:24px;line-height:1.8}
 .welcome{padding-bottom:env(safe-area-inset-bottom)}.welcome-form{padding:24px 20px 40px}.welcome-story{padding:28px 22px}.welcome-story h1{font-size:32px;line-height:1.4}.role-options{gap:12px}.role-option{min-height:76px;padding:14px}.role-option strong{font-size:15px}.role-option small{font-size:12px;line-height:1.6}.identity-fields{grid-template-columns:1fr}.welcome-form input{min-height:48px;font-size:16px}.login-button{min-height:52px}.login-panel>p{line-height:1.8}
 .attendance-toolbar,.school-filters{flex-wrap:wrap;gap:12px}.attendance-student,.student-row,.request-card{padding:16px;gap:12px;min-height:64px}.attendance-statuses{flex-wrap:wrap;gap:8px}.attendance-statuses button{min-height:44px;min-width:44px}.setting-row{gap:14px;min-height:64px}.setting-row>div{min-width:0}.setting-row strong{font-size:14px}.setting-row small{font-size:12px;line-height:1.7}.profile-card{padding:22px;overflow-wrap:anywhere}.school-thread,.notification-item{padding:18px;margin-block:12px}.conversation-message{font-size:15px;line-height:1.8;padding:16px}.school-home-summary,.summary-grid{gap:12px}.day-picker{margin:18px 0 24px}.day-picker button{min-height:52px}.week-scroll{overflow-x:auto;scrollbar-width:none}.school-calendar{overflow-x:auto}.calendar-day{min-width:36px;min-height:48px}
 /* Same capsule, reduced footprint until opened. */
 .study-liquid{left:max(14px,env(safe-area-inset-left));width:calc(100% - 28px);max-width:430px;bottom:calc(94px + env(safe-area-inset-bottom) + var(--keyboard,0px))}
 .study-liquid:not(.expanded) .liquid-dock{width:136px;min-height:48px;padding:2px;border-radius:28px}.study-liquid:not(.expanded) .liquid-capsule-label{width:130px;min-height:44px;justify-content:center;gap:8px;padding:4px 10px;font-size:12px!important}.study-liquid:not(.expanded) .liquid-capsule-label>span{font-size:25px}.study-liquid:not(.expanded) .liquid-mic{display:none}.study-liquid.expanded .liquid-dock{min-height:56px;padding:5px;gap:0}.study-liquid .liquid-round,.study-liquid .liquid-inline-close{width:44px;height:44px;min-width:44px}.study-liquid .liquid-send{min-width:0}.study-liquid.expanded .liquid-send{width:44px;min-width:44px}.study-liquid .liquid-input-controls{gap:0}.study-liquid textarea{font-size:16px;min-height:24px;height:24px;padding:0;line-height:24px}.study-liquid.keyboard-open{bottom:calc(8px + var(--keyboard,0px))}.liquid-space{max-height:48dvh}.study-liquid .liquid-bubble{backdrop-filter:blur(20px);font-size:14px}.study-liquid:has(~dialog[open]){visibility:hidden}
 .bottom-nav{touch-action:none;user-select:none;-webkit-user-select:none}.bottom-nav.dragging .nav-pill{transition:none;will-change:transform}.bottom-nav.dragging .nav-item.active{color:#78877d}.bottom-nav .nav-item.drag-target{color:#008e59;scale:1.035}.bottom-nav .nav-item{touch-action:none}.bottom-nav .nav-pill{pointer-events:none}
 .primary-button,.secondary-button,.text-link,.glass-select-trigger,summary{touch-action:manipulation}
}
@media(max-width:350px){:root{--phone-space:14px}.page-title h1{font-size:25px}.home-classroom{padding:18px}.home-service{font-size:11px;gap:7px}.home-classroom h2{font-size:23px}.sheet-body{padding-inline:16px}.google-toolbar{gap:8px}
 .study-liquid.expanded .liquid-dock{display:grid;grid-template-columns:repeat(4,44px);justify-content:space-between;padding:8px 12px;border-radius:27px;gap:4px}
 .study-liquid.expanded .liquid-input-controls{display:contents}.study-liquid.expanded textarea{grid-column:1/-1;grid-row:1;width:100%;margin:6px 0 8px;font-size:16px}.study-liquid.expanded .liquid-round{grid-row:2;width:44px;min-width:44px}.study-liquid.expanded .liquid-inline-close{grid-column:2}.study-liquid.expanded .liquid-mic{grid-column:3}.study-liquid.expanded .liquid-send{grid-column:4}
}
@media(max-height:500px) and (max-width:900px){.sheet{max-height:96dvh}.liquid-space{max-height:35dvh}.study-liquid{bottom:88px}.page-title{margin-top:0}}
.high-contrast .home-classroom,.high-contrast .home-actions>button,.high-contrast .home-lesson-pair>div{background:#fff;border-color:#47805b;color:#173b2a}

/* Keep service content, actions and account information as distinct rows. */
.home-classroom{display:flex;flex-direction:column;align-items:stretch;gap:26px;min-width:0}
.home-classroom-copy{display:grid;gap:12px}
.home-classroom .home-classroom-copy h2{margin:0;line-height:1.45}
.home-classroom-copy p{font-size:14px;line-height:1.85;color:#567166}
.home-classroom>.primary-button{margin:0;min-height:50px}
.home-account{margin:0;padding-top:20px;row-gap:16px}
.home-service{flex-wrap:wrap;row-gap:12px}
.classroom-page-heading{display:flex;align-items:center;gap:16px;margin:14px 0 36px}
.classroom-page-heading h1{font-size:32px;letter-spacing:-.7px;line-height:1.4}
.classroom-page-heading .icon-tile{width:48px;height:48px;flex-shrink:0}
.google-settings{display:grid;gap:22px}
.google-settings-account{display:flex;align-items:center;gap:14px;min-width:0}
.google-classroom-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.home-service .google-classroom-logo{width:40px;height:40px}
.google-settings-account>div{min-width:0;display:grid;gap:7px}
.google-settings-account p{font-size:13px;color:#587465}
.google-settings-account bdi{font-size:12px;overflow-wrap:anywhere}
.google-settings-actions{display:flex;flex-wrap:wrap;gap:12px}
.google-settings .workflow-strip{margin:0;padding:20px 0 0;border:0;border-top:1px solid #dce8df;background:none;box-shadow:none;backdrop-filter:none;gap:12px}
.google-settings .workflow-strip>div{flex-basis:100%;display:grid;gap:8px;margin-bottom:4px}
.liquid-capsule-label .liquid-desktop-label{font-size:14px;font-weight:650;color:inherit}
.liquid-capsule-label .liquid-mobile-label{display:none}
@media(max-width:760px){
 .mobile-home-stack{gap:34px}
 .home-classroom{padding:26px 22px;gap:28px}
 .home-classroom .home-classroom-copy h2{font-size:24px}
 .home-classroom-copy p{font-size:14px}
 .home-account{display:grid;grid-template-columns:1fr;gap:12px;padding-top:20px}
 .home-account summary{min-height:44px}
 .home-lesson-pair{gap:14px}
 .classroom-page-heading{gap:12px;margin:10px 0 30px}
 .classroom-page-heading h1{font-size:clamp(22px,6.4vw,28px);letter-spacing:-.6px}
 .classroom-page-heading .icon-tile{width:44px;height:44px}
 .google-settings-actions>button{min-height:48px;flex:1}
 /* The composer is the same glass object; its resting footprint is one touch target. */
 .study-liquid:not(.expanded) .liquid-dock{width:48px;height:48px;min-height:48px;padding:1px;border-radius:50%;gap:0}
 .study-liquid:not(.expanded) .liquid-capsule-label{width:44px;height:44px;min-height:44px;padding:0;gap:0;border-radius:50%}
 .study-liquid .liquid-capsule-label .liquid-desktop-label{display:none}
 .study-liquid .liquid-capsule-label .liquid-mobile-label{display:inline;font-size:14px!important;font-weight:700;color:#00794d;letter-spacing:.3px}
 .study-liquid:not(.expanded) .liquid-send{padding:0;border-width:0}
 .study-liquid.expanded .liquid-dock{display:flex;width:100%;min-height:54px;padding:4px;gap:0;align-items:center;border-radius:29px}
 .study-liquid.expanded .liquid-input-controls{display:flex;align-items:center;flex:1;min-width:0;padding:0}
 .study-liquid.expanded textarea{margin:0;padding:0;line-height:24px;height:24px;min-height:24px;font-size:16px}
 .study-liquid .liquid-inline-close{display:grid!important}
 body:has(dialog[open]) .study-liquid{display:none!important}
 /* Only the body scrolls; the close control cannot scroll out of reach. */
 .sheet[open]{display:flex;flex-direction:column;overflow:hidden;height:auto;max-height:calc(100dvh - env(safe-area-inset-top) - 16px)}
 .sheet .sheet-header{flex:0 0 auto;position:relative;top:auto;padding:16px 20px}
 .sheet .sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:24px 22px max(28px,env(safe-area-inset-bottom));scroll-padding-block:20px}
 .sheet .sheet-header .icon-button{background:#fff9;border:1px solid white;box-shadow:0 2px 10px #2052370b;flex-shrink:0}
 .sheet #google-class-form{gap:22px}
 .sheet #google-class-form>p{margin-bottom:4px;line-height:1.9}
 .sheet #google-class-form>button{margin-top:8px}
}