/* Clear mobile navigation and motion that preserves reading and touch targets. */
html:has(body.p1-shell){scroll-padding-block:110px;scroll-behavior:auto}
.p1-section-dialog{width:min(680px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:88dvh;overflow:auto;border:1px solid var(--p1-line);border-radius:26px;padding:25px;background:var(--p1-surface);color:var(--p1-ink);box-sizing:border-box;box-shadow:0 25px 90px #0918323d}
.p1-section-dialog::backdrop{background:#09183285;backdrop-filter:blur(5px)}
.p1-section-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}
.p1-section-menu-head h2{font-size:23px;line-height:1.7;margin:4px 0}.p1-section-menu-head p{font-size:12px;line-height:1.8;color:var(--p1-muted);margin:0}
.p1-menu-close{border:1px solid var(--p1-line);border-radius:12px;background:var(--p1-bg);color:var(--p1-ink);font-size:24px;width:44px;height:44px;flex-shrink:0;cursor:pointer}
.p1-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.p1-section-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;min-height:123px;border:1px solid var(--p1-line);border-radius:18px;background:var(--p1-bg);color:var(--p1-ink);padding:18px;text-align:right;font-family:inherit;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
.p1-section-tile b{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.p1-section-tile>.p1-icon{position:absolute;top:21px;left:15px;width:18px;height:18px;color:var(--p1-muted)}
.p1-section-tile:hover,.p1-section-tile.active{border-color:var(--p1-blue);background:var(--p1-blue-light)}
.p1-section-tile[data-page="onlineClasses"]{background:var(--p1-teal-light)}.p1-section-tile[data-page="monthlyReviews"]{background:var(--p1-orange-light)}
.p1-section-tile[data-page="onlineClasses"] .p1-square{background:var(--p1-surface);color:var(--p1-teal)}.p1-section-tile[data-page="monthlyReviews"] .p1-square{background:var(--p1-surface);color:var(--p1-orange)}
.lh-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}.lh-shortcuts .spark .lh-shortcut-icon{background:var(--p1-blue-light);color:var(--p1-blue)}
.p1-motion-card{opacity:0;transform:translate3d(0,18px,0);transition:opacity .38s ease,transform .42s cubic-bezier(.2,.7,.25,1),border-color .18s,box-shadow .18s;transition-delay:var(--p1-card-delay,0ms)}
.p1-motion-card.p1-motion-visible{opacity:1;transform:translate3d(0,0,0)}
@media(hover:hover){.p1-motion-visible:is(.p1-task,.p1-class-card,.lh-course,.lh-meeting,.cc-manage-card):hover{transform:translate3d(0,-4px,0);box-shadow:0 12px 28px #173d7910;transition-delay:0ms}}
.p1-shell :is(.p1-btn,.p1-soft-btn,.p1-text-btn,.p1-paths button,.lh-shortcuts button,.p1-section-tile):active{transform:scale(.98);transition-delay:0ms}
.lh-hero-art{animation:p1-art-breathe 5s ease-in-out infinite}.lh-course-art>span{animation:p1-art-breathe 6s ease-in-out infinite}.lh-course:nth-child(even) .lh-course-art>span{animation-delay:-2s}.lh-meeting.live .p1-pill.green{animation:p1-live-glow 3s ease-in-out infinite}
@keyframes p1-art-breathe{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-5px) rotate(-4deg)}}
@keyframes p1-live-glow{0%,100%{box-shadow:0 0 0 0 #218b8510}50%{box-shadow:0 0 0 5px #218b850a}}
@media(max-width:1200px){.lh-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){
 .p1-shell .app-header{gap:10px}.p1-shell .header-center{min-width:0;flex:1}.p1-shell .header-center .search-box{min-width:0;width:100%}.p1-shell .header-center input{min-width:0;width:100%}
 .p1-shell .app-header-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}
 .p1-shell #p1FloatingAi{position:static;min-width:38px;width:38px;min-height:38px;height:38px;display:flex;justify-content:center;align-items:center;border-radius:12px;padding:8px;box-shadow:none;order:-1;flex-shrink:0;margin:0;background:var(--p1-blue-light);color:var(--p1-blue);border:1px solid var(--p1-line)}
 .p1-shell #p1FloatingAi>.p1-icon{width:21px;height:21px}.p1-shell #p1FloatingAi>span{display:none}
 #p1MobileNav{gap:3px;padding-inline:8px}#p1MobileNav button{min-height:54px}#p1MobileNav button span{line-height:1.8}
 .p1-shell .page-content{padding-bottom:110px}.p1-shell .field{min-width:0}.p1-shell .field :is(input,select,textarea){max-width:100%;min-width:0}.p1-shell :is(.p1-task,.p1-session,.lh-course,.lh-meeting){scroll-margin-bottom:100px}
}
@media(max-width:680px){
 .p1-shell .app-header{padding:14px 16px;gap:9px}.p1-shell .profile-block{gap:8px;min-width:0}.p1-shell .search-box{padding-inline:10px}.p1-shell .search-box input{font-size:11px}
 .p1-shell .page-content{padding:22px 16px 112px}.p1-heading{gap:14px;align-items:flex-start}.p1-heading h1{font-size:23px;line-height:1.6;overflow-wrap:anywhere}.p1-heading>div{min-width:0}
 .p1-section-dialog{padding:21px 16px;border-radius:23px}.p1-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.p1-section-tile{padding:16px;min-height:122px;gap:10px}.p1-section-tile b{font-size:11px}.p1-section-menu-head h2{font-size:21px}.p1-section-menu-head p{font-size:11px}
 .lh-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.lh-shortcuts button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative;min-height:133px;padding:17px}.lh-shortcuts button>span:nth-child(2){width:100%}.lh-shortcuts b{font-size:12px;line-height:1.8}.lh-shortcuts small{font-size:10px;line-height:1.8}.lh-shortcuts button>.lh-icon{position:absolute;top:23px;left:14px;width:17px;height:17px;color:var(--p1-muted)}
 .p1-metric{min-height:93px}.p1-metric strong{font-size:25px}.p1-metric span{overflow-wrap:anywhere}.p1-shell :is(.p1-btn,.p1-soft-btn){min-height:46px;white-space:normal;text-align:center;line-height:1.8}
 .lh-toolbar{gap:12px}.lh-toolbar .p1-soft-btn{max-width:100%}.lh-meeting-actions{padding-top:5px}.p1-task-meta{flex-wrap:wrap}.p1-section-head{gap:12px;flex-wrap:wrap}.p1-shell .p1-form .full{min-width:0}
 .p1-shell :is(.settings-layout,.sec-grid,.banner-manager,.banner-controls){grid-template-columns:minmax(0,1fr)}
 .p1-shell .settings-card{grid-template-columns:minmax(0,1fr)}
 .p1-shell :is(.settings-card,.sec-card,.sec-card-title>div,.sec-session>div,.color-field,.upload-drop,.toggle-row>div){min-width:0;overflow-wrap:anywhere}
 .p1-shell :is(.sec-session,.settings-savebar,.banner-card-actions){flex-wrap:wrap}
 .p1-shell :is(.primary-btn,.secondary-btn,.btn-sm){max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .p1-shell .color-settings{grid-template-columns:repeat(3,minmax(0,1fr))}.p1-shell .color-field{padding:9px 5px}.p1-shell .color-field input{max-width:100%;min-width:0}
 .p1-shell .settings-card :is(input,select,textarea){max-width:100%;min-width:0}
 .p1-shell .settings-card>*{min-width:0;max-width:100%}.p1-shell .media-preview{width:100%;min-width:0;max-width:100%}
 .p1-admin-note>div{flex:1 1 calc(100% - 60px)}.p1-admin-note>.p1-soft-btn{width:100%;justify-content:center}
}
@media(max-width:360px){.p1-shell .profile-avatar{width:32px;height:32px}.p1-shell .menu-btn{width:34px;min-width:34px}.p1-shell .app-header-actions{gap:5px}.p1-shell #p1FloatingAi{width:35px;min-width:35px;height:35px;min-height:35px;padding:6px}.p1-shell .notification-btn{width:35px;height:35px}.p1-shell .page-content{padding-inline:13px}.lh-shortcuts button{padding:14px;min-height:136px}.lh-shortcuts b{font-size:11px}.p1-heading h1{font-size:21px}}
@media(prefers-reduced-motion:reduce){.p1-motion-card{opacity:1;transform:none;transition:none}.p1-motion-card.p1-motion-visible{transform:none}.lh-hero-art,.lh-course-art>span,.lh-meeting.live .p1-pill.green{animation:none}.p1-shell :is(.p1-btn,.p1-soft-btn,.p1-text-btn,.p1-paths button,.lh-shortcuts button,.p1-section-tile){transition:none}}