:root {
  --bg: #f4f7fc;
  --side: #111b35;
  --surface: #ffffff;
  --soft: #edf3fc;
  --soft-2: #e5edfa;
  --line: #dce5f1;
  --ink: #111b32;
  --ink-2: #53627b;
  --ink-3: #78869b;
  --blue: #1877f2;
  --blue-2: #0c5ed0;
  --blue-soft: #e8f1ff;
  --red: #e14965;
  --red-2: #c63250;
  --red-soft: #fff0f2;
  --ok: #11846c;
  --ok-soft: #e7f7f3;
  --amber: #9a650a;
  --amber-soft: #fff5df;
  --shadow: 0 2px 6px rgb(24 43 79 / 5%), 0 10px 28px rgb(29 61 112 / 6%);
  --shadow-lg: 0 24px 70px rgb(13 29 60 / 22%);
  --radius-control: 10px;
  --radius-surface: 18px;
  --radius-overlay: 22px;
}

:root[data-theme="dark"] {
  --bg: #111827;
  --side: #10192d;
  --surface: #182338;
  --soft: #202d44;
  --soft-2: #2a3953;
  --line: #32425c;
  --ink: #edf3ff;
  --ink-2: #c1cde1;
  --ink-3: #91a0b8;
  --blue: #76aaff;
  --blue-2: #a2c3ff;
  --blue-soft: #22395e;
  --red: #f08198;
  --red-2: #ffabba;
  --red-soft: #462734;
  --ok: #63c3a9;
  --ok-soft: #1d3b3a;
  --amber: #f2c56f;
  --amber-soft: #42381f;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #111827;
    --side: #10192d;
    --surface: #182338;
    --soft: #202d44;
    --soft-2: #2a3953;
    --line: #32425c;
    --ink: #edf3ff;
    --ink-2: #c1cde1;
    --ink-3: #91a0b8;
    --blue: #76aaff;
    --blue-2: #a2c3ff;
    --blue-soft: #22395e;
    --red: #f08198;
    --red-2: #ffabba;
    --red-soft: #462734;
    --ok: #63c3a9;
    --ok-soft: #1d3b3a;
    --amber: #f2c56f;
    --amber-soft: #42381f;
  }
}

.student-app {
  grid-template-columns: 276px minmax(0, 1fr);
  background: var(--bg);
}

.student-app.collapsed {
  grid-template-columns: 74px minmax(0, 1fr);
}

.student-app .side {
  position: relative;
  z-index: 4;
  background: linear-gradient(180deg, #111a32 0%, #172642 100%);
  border-right: 1px solid rgb(255 255 255 / 9%);
  color: #eef4ff;
}

.student-app .s-top {
  min-height: 76px;
  padding: 18px 16px 14px;
}

.student-app .brand-img { height: 30px; }
.student-app .brand-icon { width: 34px; height: 34px; }

.student-app .s-top .ibtn,
.student-app .s-foot .ibtn { color: #c3d1e8; }

.student-app .s-top .ibtn:hover,
.student-app .s-foot .ibtn:hover {
  color: #ffffff;
  background: rgb(255 255 255 / 11%);
}

.student-app .nav {
  gap: 5px;
  padding: 12px;
}

.student-app .nav button {
  position: relative;
  min-height: 48px;
  gap: 13px;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 13px;
  color: #bdcbe2;
  font-size: 14px;
  font-weight: 550;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.student-app .nav button:hover {
  transform: translateX(2px);
  color: #ffffff;
  background: rgb(255 255 255 / 8%);
}

.student-app .nav button .ico {
  width: 23px;
  height: 23px;
  color: #9eb5db;
  stroke-width: 1.9;
  transition: color .18s ease, transform .18s ease;
}

.student-app .nav button[aria-current="page"] {
  color: #ffffff;
  border-color: rgb(145 181 255 / 22%);
  background: linear-gradient(105deg, rgb(24 119 242 / 34%), rgb(97 74 207 / 24%));
  box-shadow: inset 3px 0 #69a6ff, 0 7px 22px rgb(6 12 29 / 15%);
  font-weight: 700;
}

.student-app .nav button[aria-current="page"] .ico {
  color: #8fc5ff;
  transform: scale(1.04);
}

.student-app .nav .newchat {
  min-height: 48px;
  margin-bottom: 8px;
  color: #fff;
  border-color: rgb(118 168 255 / 45%);
  background: linear-gradient(110deg, #1877f2, #6557d9);
  box-shadow: 0 9px 22px rgb(24 119 242 / 25%);
}

.student-app .nav .newchat:hover { background: linear-gradient(110deg, #328aff, #7669ee); }

.student-app .nav .newchat .plus {
  display: grid;
  place-items: center;
  width: 29px;
  height: 29px;
  margin-left: 0;
  border-radius: 9px;
  color: #ffffff;
  background: rgb(255 255 255 / 18%);
}

.student-app .nav .newchat .plus .ico { width: 18px; height: 18px; color: #fff; }

.student-app .recents {
  flex: 0 1 180px;
  max-height: 24vh;
  min-height: 72px;
  margin: 5px 14px 12px;
  padding: 10px 2px;
  border-color: rgb(255 255 255 / 11%);
}

.student-app .recents h3 {
  margin: 2px 10px 8px;
  color: #92a6c7;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.student-app .chatlink,
.student-app .chatlink:hover { border-radius: 10px; transform: none; }
.student-app .chatlink button.t { padding: 8px 10px; color: #bac8de; font-size: 12px; }
.student-app .chatlink.on { background: rgb(255 255 255 / 10%); }
.student-app .chatlink.on button.t { color: #ffffff; }

.student-app .s-foot {
  padding: 14px 14px 16px;
  border-color: rgb(255 255 255 / 11%);
}

.student-app .me {
  gap: 11px;
  min-height: 56px;
  padding: 7px 8px;
  border: 1px solid rgb(255 255 255 / 9%);
  border-radius: 14px;
  background: rgb(255 255 255 / 5%);
}

.student-app .avatar {
  width: 42px;
  height: 42px;
  border: 2px solid rgb(255 255 255 / 42%);
  background: linear-gradient(145deg, #56b8ff, #6d5be8);
  color: #ffffff;
  font-size: 15px;
  box-shadow: 0 4px 14px rgb(0 0 0 / 22%);
}

.student-app .me b { color: #f4f7ff; font-size: 13px; }
.student-app .me small { color: #aabbd4; font-size: 11px; }

.student-app .switch {
  min-height: 40px;
  margin-top: 8px;
  border-color: rgb(255 255 255 / 10%);
  border-radius: 11px;
  color: #bdcbe2;
  background: transparent;
}

.student-app .switch:hover {
  color: #ffffff;
  border-color: rgb(255 255 255 / 22%);
  background: rgb(255 255 255 / 8%);
}

.student-app .main,
.student-app .chat { min-width: 0; background: var(--bg); }

.student-app .bar {
  position: relative;
  z-index: 2;
  min-height: 66px;
  padding: 10px 30px;
  border-bottom: 1px solid rgb(216 226 241 / 80%);
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  box-shadow: 0 3px 16px rgb(32 57 96 / 3%);
  backdrop-filter: blur(14px);
}

.student-app .bar h2 { color: var(--ink-2); font-size: 13px; font-weight: 650; }

.student-app .notification-bell {
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--surface);
}

.student-app .notification-bell #notificationIcon .ico { width: 22px; height: 22px; color: #3868c7; }
.student-app .notification-bell:hover { border-color: #b7cdf2; background: #eef5ff; }

.student-app .scroll {
  background: radial-gradient(ellipse at 47% 4%, rgb(81 138 236 / 8%), transparent 47%), var(--bg);
}

.student-app .col.view-empty {
  width: min(100%, 1440px);
  max-width: 1440px;
  height: auto;
  min-height: 100%;
  padding: 0 clamp(22px, 4vw, 60px);
}

.student-app .hero.student-home {
  width: 100%;
  min-height: 100%;
  align-items: center;
  justify-content: flex-start;
  padding: clamp(28px, 4vh, 48px) 0 36px;
  animation: student-rise .45s ease both;
}

.student-app .student-home .hero-mark {
  justify-content: flex-start;
  width: min(100%, 1120px);
  margin: 0 0 8px;
}

.student-app .student-home .hero-mark img {
  width: 38px;
  height: 38px;
  padding: 4px;
  border: 1px solid rgb(65 126 222 / 18%);
  border-radius: 13px;
  background: var(--surface);
  box-shadow: var(--shadow);
}

.student-home-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  width: min(100%, 1120px);
  margin: 0 0 8px;
  color: #496db5;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
}

.student-home-eyebrow span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #28b9d7;
  box-shadow: 0 0 0 4px rgb(40 185 215 / 13%);
}

.student-app .student-home h1 {
  width: min(100%, 1120px);
  margin: 0;
  color: #14203a;
  font: 650 40px/1.16 var(--sans);
  text-align: left;
}

:root[data-theme="dark"] .student-app .student-home h1 { color: var(--ink); }

.student-app .student-home p.sub {
  width: min(100%, 1120px);
  max-width: 760px;
  margin: 9px 0 25px;
  color: #687891;
  font-size: 14px;
  text-align: left;
}

.student-app .student-home #heroSlot {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: min(100%, 1120px);
  margin: 0 auto;
}

.student-app .composer {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 170px;
  padding: 20px 20px 15px;
  border: 1px solid #d7e2f2;
  border-radius: 22px;
  background: var(--surface);
  box-shadow: 0 12px 36px rgb(34 67 122 / 11%), 0 2px 5px rgb(34 67 122 / 4%);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.student-app .composer:focus-within {
  transform: translateY(-1px);
  border-color: #8bb7f3;
  box-shadow: 0 0 0 4px rgb(24 119 242 / 9%), 0 16px 42px rgb(34 67 122 / 14%);
}

.student-app .composer textarea { min-height: 72px; font-size: 17px; line-height: 1.5; }
.student-app .composer textarea::placeholder { color: #8794a8; }
.student-app .c-row { gap: 8px; margin-top: 12px; }

.student-app .c-row .ibtn {
  width: 40px;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #63738d;
}

.student-app .c-row .ibtn .ico { width: 21px; height: 21px; }

.student-app .c-row .ibtn:hover {
  border-color: #dce7f7;
  color: #2867c8;
  background: #f0f6ff;
}

.student-app .c-row .voice.on,
.student-app .c-row .deep-thinking[aria-pressed="true"],
.student-app .c-row .web-search[aria-pressed="true"] { color: #245fbd; background: #eaf2ff; }

.student-app .send {
  width: 43px;
  height: 43px;
  border-radius: 14px;
  background: linear-gradient(135deg, #1877f2, #5857d9);
  box-shadow: 0 6px 15px rgb(43 102 207 / 22%);
}

.student-app .send:hover:not(:disabled) {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #328aff, #716cf0);
}

.student-app .send:disabled { box-shadow: none; }

.student-home-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  width: 100%;
  margin: 19px 0 0;
}

.home-module {
  position: relative;
  min-width: 0;
  min-height: 154px;
  overflow: hidden;
  padding: 17px 18px 14px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: var(--surface);
  box-shadow: 0 4px 16px rgb(28 54 98 / 4%);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.home-module::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  content: "";
  background: #1877f2;
}

.home-module:hover {
  transform: translateY(-2px);
  border-color: #c4d6f1;
  box-shadow: 0 12px 28px rgb(28 54 98 / 9%);
}

.home-module > header { display: flex; align-items: center; gap: 11px; min-width: 0; margin-bottom: 11px; }

.module-icon {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  flex: none;
  border-radius: 14px;
  color: #216dd1;
  background: #eaf2ff;
}

.module-icon .ico { width: 24px; height: 24px; }
.home-module header > div { min-width: 0; flex: 1; }
.home-module h2 { margin: 0; color: var(--ink); font-size: 14px; font-weight: 750; }

.home-module header small {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: var(--ink-3);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.module-link {
  flex: none;
  padding: 6px 9px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #2768c7;
  background: transparent;
  font-size: 11px;
  font-weight: 700;
}

.module-link:hover { border-color: #dce8fa; background: #f1f6ff; }
.home-module .module-content { display: grid; gap: 3px; }

.home-list-row {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 6px 0;
  border-top: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
}

.home-list-row:first-child { border-top: 0; }
.home-list-row > time { width: 62px; flex: none; color: #476baa; font-size: 10px; font-weight: 750; }

.home-list-row > span:last-child,
.home-list-row > span:first-child:not(.course-mark):not(.update-mark):not(.request-mark) {
  display: block;
  min-width: 0;
  flex: 1;
}

.home-list-row b,
.home-list-row small { display: block; overflow: hidden; text-overflow: ellipsis; }
.home-list-row b { color: var(--ink-2); font-size: 11px; font-weight: 650; white-space: nowrap; }
.home-list-row small { margin-top: 1px; color: var(--ink-3); font-size: 10px; white-space: nowrap; }

.course-mark,
.request-mark {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  flex: none;
  border-radius: 10px;
  color: #365fc1;
  background: #eef1ff;
  font-size: 9px;
  font-weight: 800;
}

.update-mark { width: 8px; height: 8px; flex: none; border-radius: 50%; background: #21a8c0; box-shadow: 0 0 0 4px rgb(33 168 192 / 11%); }
.request-mark { color: #7653bf; background: #f1edff; }
.request-mark .ico { width: 16px; height: 16px; }
.module-empty,.module-loading { margin: 4px 0 0; color: var(--ink-3); font-size: 11px; }
.home-agenda::before { background: #1877f2; }
.home-agenda .module-icon { color: #1769d2; background: #eaf2ff; }
.home-courses::before { background: #6356d9; }
.home-courses .module-icon { color: #5c50c6; background: #f0edff; }
.home-updates::before { background: #18a5b8; }
.home-updates .module-icon { color: #138ca3; background: #e8f8fb; }
.home-services::before { background: #d94b68; }
.home-services .module-icon { color: #c53c5a; background: #fff0f3; }

.student-app .chips {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  width: min(100%, 1120px);
  justify-content: stretch;
  margin: 15px 0 0;
}

.student-app .chip {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto;
  align-items: center;
  min-width: 0;
  min-height: 68px;
  gap: 2px 10px;
  padding: 11px 13px;
  border: 1px solid var(--line);
  border-radius: 15px;
  color: var(--ink);
  background: var(--surface);
  box-shadow: 0 3px 10px rgb(28 54 98 / 3%);
  font-size: 12px;
  font-weight: 750;
  text-align: left;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.student-app .chip:hover { transform: translateY(-2px); border-color: #c5d7f3; color: var(--ink); background: var(--surface); box-shadow: 0 9px 20px rgb(28 54 98 / 9%); }
.student-app .chip > .ico { grid-column: 1; grid-row: 1; width: 25px; height: 25px; color: #2471dc; }
.student-app .quick-action-2 .ico { color: #6955d4; }
.student-app .quick-action-3 .ico { color: #1797a9; }
.student-app .quick-action-4 .ico { color: #d44d6d; }

.student-app .main.with-panel { grid-template-columns: minmax(0, 1fr) min(470px, 42%); }
.student-app .main.study-tools-open.with-panel { grid-template-columns: minmax(0, 1fr) min(1120px, 82%); }
.student-app .main.study-tools-open.with-panel.study-tools-wide { grid-template-columns: minmax(0, 1fr) min(1180px, 88%); }
.student-app .panel { border-left: 1px solid #dce5f1; background: var(--surface); box-shadow: -12px 0 36px rgb(22 43 79 / 6%); }
.student-app .panel.study-tools-floating { position: fixed; inset: auto; right: auto; bottom: auto; width: min(1000px, calc(100vw - 32px)); height: min(760px, calc(100vh - 32px)); min-width: min(520px, calc(100vw - 16px)); min-height: 340px; max-width: calc(100vw - 16px); max-height: calc(100vh - 16px); z-index: 70; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; }
.student-app .panel.study-tools-floating-large { width: min(1200px, calc(100vw - 32px)); height: min(880px, calc(100vh - 32px)); }
.student-app .p-head { min-height: 66px; padding: 12px 16px 12px 21px; border-color: var(--line); background: color-mix(in srgb, var(--surface) 95%, transparent); }
.student-app .p-head h2 { color: var(--ink); font-size: 16px; font-weight: 750; }
.student-app .p-body { padding: 20px 21px 28px; }

.student-app .p-body > .sect,
.student-app .p-body > .box {
  margin-bottom: 16px;
  padding: 17px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface);
  box-shadow: 0 4px 16px rgb(28 54 98 / 4%);
}

.student-app .p-body > .sect > h3,
.student-app .p-body > .sect > h4 { margin-top: 0; color: var(--ink); font-size: 15px; font-weight: 750; }
.student-app .p-body .card { border-radius: 14px; background: var(--surface); box-shadow: 0 4px 14px rgb(26 48 87 / 5%); }
.student-app .in,.student-app .search { min-height: 43px; border-radius: 11px; background: var(--surface); }
.student-app .tasks li,.student-app .notification-item { border-color: var(--line); }
.student-app .notification-item { border-radius: 13px; transition: background .16s ease; }
.student-app .notification-item:hover { background: #f5f8fe; }
.student-app .library-tabs { gap: 5px; margin-bottom: 18px; }
.student-app .library-tabs button { min-height: 40px; border-radius: 11px 11px 0 0; font-size: 12px; }

.student-app .drive-file,
.student-app .doclist button { border-radius: 12px; transition: background .16s ease, transform .16s ease; }

.student-app .drive-file:hover,
.student-app .doclist button:hover { transform: translateX(2px); background: #f0f5fd; }

.student-app .calendar-week,.student-app .calendar-agenda,.student-app .calendar-shared,.student-app .calendar-anytime { border-color: var(--line); }
.student-app .calendar-week { padding: 15px 17px; border: 1px solid #dce7f5; border-radius: 16px; background: linear-gradient(115deg, #eff6ff, #f5f2ff 75%, #f2fbfd); }
.student-app .calendar-day.selected { border-color: transparent; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #1877f2, #6557d9); }
.student-app .calendar-day.today:not(.selected) { border-color: #1877f2; background: #eef5ff; }
.student-app .study-shell { overflow: hidden; border-radius: 16px; }
.student-app .study-sidenav { background: #f1f5fc; }
.student-app .study-sidenav button { min-height: 42px; border-radius: 11px; }
.student-app .study-sidenav button[aria-current="page"] { color: #245fbd; background: #e5efff; }
.student-app .tool-icon { width: 46px; height: 46px; border-radius: 14px; }
.student-app .tool-icon .ico { width: 25px; height: 25px; }
.student-app .study-main { background: var(--surface); }
.student-app .flashcard-review,.student-app .flashcard { border-radius: 15px; box-shadow: 0 4px 16px rgb(28 54 98 / 4%); }
.student-app .notification-mark { width: 36px; height: 36px; border-radius: 12px; }
.student-app .offline-notice { width: min(100%, 1120px); border-radius: 12px; }
.student-app.collapsed .nav button[aria-current="page"] { box-shadow: inset 0 -3px #69a6ff; }

@keyframes student-rise {
  from { opacity: 0; transform: translateY(7px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1100px) {
  .student-app .main.with-panel { grid-template-columns: minmax(0, 1fr) min(440px, 48%); }
  .student-app .main.study-tools-open.with-panel { grid-template-columns: minmax(0, 1fr) min(760px, 62%); }
  .student-app .main.study-tools-open.with-panel.study-tools-wide { grid-template-columns: minmax(0, 1fr) min(1180px, 88%); }
  .student-app .col.view-empty { padding-right: 28px; padding-left: 28px; }
}

@media (max-width: 900px) {
  .student-app .main.with-panel { grid-template-columns: minmax(0, 1fr); }
  .student-app .main.study-tools-open.with-panel { grid-template-columns: minmax(0, 1fr); }
  .student-app .main.study-tools-open.with-panel.study-tools-wide { grid-template-columns: minmax(0, 1fr); }
  .student-app .panel { position: absolute; inset: 0 0 0 auto; z-index: 40; width: min(560px, 100%); border-left: 1px solid var(--line); }
  .student-app .student-home-grid { gap: 10px; }
}

@media (max-width: 780px) {
  .student-app,
  .student-app.collapsed { grid-template-columns: minmax(0, 1fr); }
  .student-app .side {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 45;
    width: min(290px, 86%);
    transform: translateX(-102%);
    transition: transform .2s ease;
    background: linear-gradient(180deg, #111a32, #172642);
  }
  .student-app.drawer .side { transform: none; box-shadow: var(--shadow-lg); }
  .student-app.collapsed .logo span,
  .student-app.collapsed .nav button span,
  .student-app.collapsed .recents,
  .student-app.collapsed .me div,
  .student-app.collapsed .switch span { display: revert; }
  .student-app .s-top .collapse { display: none; }
  .student-app .bar { min-height: 58px; padding: 8px 14px; }
  .student-app .bar .menu { display: grid; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
  .student-app .col.view-empty { padding-right: 18px; padding-left: 18px; }
  .student-app .hero.student-home { padding-top: 23px; }
  .student-app .student-home h1 { font-size: 32px; }
  .student-app .student-home p.sub { margin-bottom: 19px; }
  .student-app .composer { min-height: 142px; padding: 15px 13px 12px; border-radius: 19px; }
  .student-home-grid { gap: 9px; margin-top: 14px; }
  .home-module { min-height: 145px; padding: 13px 12px 11px; border-radius: 15px; }
  .home-module > header { gap: 8px; }
  .module-icon { width: 37px; height: 37px; border-radius: 12px; }
  .module-icon .ico { width: 21px; height: 21px; }
  .module-link { padding: 5px 6px; font-size: 10px; }
  .student-app .chips { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .student-app .chip { min-height: 64px; }
  .student-app .p-body { padding: 15px; }
  .student-app .panel { position: absolute; inset: 0; width: 100%; }
}

@media (max-width: 520px) {
  .student-app .panel.study-tools-floating { min-width: calc(100vw - 16px); min-height: min(340px, calc(100vh - 16px)); }
  .student-app .student-home-grid { grid-template-columns: minmax(0, 1fr); }
  .home-module { min-height: 130px; }
  .student-app .student-home-eyebrow { font-size: 9px; }
  .student-app .c-row { gap: 4px; }
  .student-app .c-row .ibtn { width: 36px; height: 36px; }
  .student-app .send { width: 39px; height: 39px; }
}

@media (prefers-reduced-motion: reduce) {
  .student-app .hero.student-home { animation: none; }
  .student-app .home-module,.student-app .nav button,.student-app .chip,.student-app .composer { transition: none; }
}