:root{
--mobile-topbar-height:56px;
--mobile-bottom-height:60px;
--sidebar-width-mobile:82vw;
}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width:900px){

#mobile-topbar{display:flex !important;position:fixed;left:0;right:0;top:0;height:var(--mobile-topbar-height);align-items:center;gap:8px;padding:8px 12px;background:#ffffff;z-index:10040}.mobile-title{display:flex;align-items:center;gap:8px;flex:1}.mobile-icon{width:44px;height:44px;min-width:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none}.mobile-title-content{font-weight:600;font-size:14px;line-height:1.1}#mobile-day-strip{display:flex !important;gap:6px;padding:8px 10px;overflow:auto;-webkit-overflow-scrolling:touch;position:sticky;top:var(--mobile-topbar-height);z-index:10020;background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.92))}#mobile-day-strip .day-pill{
display:inline-flex;align-items:center;justify-content:center;
padding:8px 12px;border-radius:999px;font-weight:700;font-size:13px;
color:#0f172a;background:rgba(15,23,42,0.04);min-width:44px;text-align:center;
transition:transform .18s ease, background .18s ease, color .18s ease;
user-select:none;margin:0;
}#mobile-day-strip .day-pill.active{
background:linear-gradient(90deg,#1C77FF 0%, #06B6D4 100%);
color:#ffffff}#mobile-bottom-nav{display:flex !important;position:fixed;left:0;right:0;bottom:0;height:var(--mobile-bottom-height);align-items:center;justify-content:space-around;background:#ffffff;border-top:1px solid rgba(2,6,23,0.06);z-index:10040}#mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;padding:6px 8px;color:#334155;background:transparent;border:none;min-width:44px}main.main-content{padding-top:calc(var(--mobile-topbar-height) + 8px);padding-bottom:calc(var(--mobile-bottom-height) + 8px)}aside.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width-mobile);max-width:360px;transform:translateX(-110%);transition:transform .28s cubic-bezier(.2,.9,.2,1);z-index:10050}aside.sidebar.mobile-open{transform:translateX(0)}#mobile-sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(2,6,23,0.38);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:10045}#mobile-sidebar-backdrop.active{opacity:1;pointer-events:auto}.decor-circles, .enter-splash-inner .enter-splash-greeting, .news-quick-post{}.news-quick-post{bottom:calc(var(--mobile-bottom-height) + 12px) !important}.home-shell{display:flex;flex-direction:column;gap:12px}.home-main, .home-right{width:100%}.teachers-table-wrap, .teachers-table-scroll, .teachers-card .teachers-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;min-width:640px;border-collapse:collapse}button, .btn, .hero-btn, .nav-item{min-height:44px;padding:10px 12px;font-size:15px}.modal-window{max-width:calc(100vw - 24px) !important;width:100% !important;margin:12px auto !important}#mobile-topbar .mobile-icon{background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.95));border-radius:10px;color:#0f172a}#mobile-topbar .mobile-day-nav{background:transparent;border-radius:8px;padding:8px}.header h1{font-size:16px !important;line-height:1.2 !important}.news-card, .home-my-class-card, .white-card{will-change:auto}@media (prefers-reduced-motion:reduce){
*{transition:none !important;animation:none !important}}}.link-like{display:inline-flex;align-items:center;gap:8px}@media (orientation:landscape) and (max-width:1200px){
.modal-window{
width:92vw !important;
max-width:92vw !important;
margin:12px auto !important;
}}

@media (max-width:900px){
	#homeV2Root .lesson-actions{position:static;opacity:1 !important;visibility:visible !important;transform:none;flex-wrap:wrap;padding:0 0 14px;}
	#homeV2Root .lesson-btn{min-height:40px;padding:8px 12px;}
	#schedule .schedule-table-body{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;}
	#schedule .schedule-table-header,#schedule .schedule-table-body-inner{min-width:calc(var(--schedule-time-column) + (var(--schedule-day-min) * 7));}
	#schedule .schedule-top-controls{flex-wrap:wrap;gap:8px !important;}
	#schedule-view-mode.schedule-pill,#schedule-view-value.schedule-pill{min-width:0 !important;width:min(100%,220px);}
	#gradebook-view #tab-planning .planning-grid-head{display:none;}
	#gradebook-view #tab-planning .planning-grid-body{gap:10px;padding:10px 8px;}
	#gradebook-view #tab-planning .planning-row{grid-template-columns:32px minmax(0,1fr) 44px;gap:8px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;}
	#gradebook-view #tab-planning .planning-datecell{grid-column:2 / 3;}
	#gradebook-view #tab-planning .planning-box{grid-column:2 / 4;min-height:42px;padding:10px;}
	#gradebook-view #tab-planning .planning-arrow{grid-column:3;grid-row:1;}
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
.nav-item:focus-visible,
.custom-select-trigger:focus-visible{
	outline:3px solid rgba(28,119,255,.38) !important;
	outline-offset:2px !important;
}

@media (prefers-reduced-motion: reduce){
	*,*::before,*::after{
		scroll-behavior:auto !important;
		animation-duration:.01ms !important;
		animation-iteration-count:1 !important;
		transition-duration:.01ms !important;
	}
}