/* Dafatii Premium Blue Design System */
:root{
  --bg:#f5f8ff;
  --surface:#ffffff;
  --surface-2:#eef4ff;
  --surface-3:#e2ebfb;
  --text:#0d1830;
  --muted:#687892;
  --line:rgba(40,72,126,.13);
  --accent:#2563eb;
  --accent-2:#4f8cff;
  --accent-ink:#fff;
  --danger:#e5485d;
  --shadow:0 24px 70px rgba(31,72,140,.11);
  --shadow-soft:0 12px 34px rgba(31,72,140,.08);
  --premium-blue:#2563eb;
  --premium-blue-soft:#eaf1ff;
  --premium-glow:0 0 0 1px rgba(37,99,235,.09),0 18px 48px rgba(37,99,235,.12);
  --radius-xl:30px;
  --radius-lg:22px;
  --radius-md:16px;
  --radius-sm:12px;
}
html[data-theme="dark"]{
  --bg:#07111f;
  --surface:#0c1829;
  --surface-2:#11223a;
  --surface-3:#172b48;
  --text:#edf5ff;
  --muted:#91a3bf;
  --line:rgba(153,190,255,.12);
  --accent:#4f8cff;
  --accent-2:#75a7ff;
  --accent-ink:#07111f;
  --danger:#ff6478;
  --shadow:0 28px 80px rgba(0,0,0,.34);
  --shadow-soft:0 14px 36px rgba(0,0,0,.24);
  --premium-blue:#4f8cff;
  --premium-blue-soft:#12294a;
  --premium-glow:0 0 0 1px rgba(79,140,255,.12),0 20px 52px rgba(17,73,165,.18);
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 8% -8%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 30%),
    radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--accent-2) 9%,transparent),transparent 28%),
    var(--bg);
  color:var(--text);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 28%,var(--surface-3)) transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 28%,var(--surface-3));border-radius:999px}
*::-webkit-scrollbar-track{background:transparent}
:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 76%,white);outline-offset:3px}
::selection{background:color-mix(in srgb,var(--accent) 78%,white);color:#fff}
.app-shell{
  background:
    radial-gradient(circle at 12% 4%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 26%),
    radial-gradient(circle at 84% 10%,color-mix(in srgb,var(--accent-2) 7%,transparent),transparent 22%),
    var(--bg);
}
.brand{gap:9px}
.brand-mark{
  background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent-2) 80%,white));
  color:#fff;
  border-radius:11px;
  box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 0 0 1px rgba(255,255,255,.18);
}
.brand-name{letter-spacing:-.05em}
.eyebrow{color:color-mix(in srgb,var(--muted) 82%,var(--accent));letter-spacing:.13em}
.btn,.icon-btn,.subject-add,.settings-action,.sub-link{
  transition:transform .18s cubic-bezier(.2,.8,.2,1),background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
.btn{
  border-color:var(--line);
  background:color-mix(in srgb,var(--surface) 94%,transparent);
  box-shadow:0 5px 18px rgba(23,52,98,.04);
}
.btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 12px 26px rgba(37,99,235,.10)}
.btn:active{transform:translateY(0) scale(.985)}
.btn-primary,.subject-add{
  background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent-2) 86%,var(--accent)));
  color:#fff;
  border-color:transparent;
  box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 24%,transparent);
}
.btn-primary:hover,.subject-add:hover{box-shadow:0 17px 36px color-mix(in srgb,var(--accent) 30%,transparent)}
.btn-ghost{background:color-mix(in srgb,var(--surface) 58%,transparent)}
.icon-btn{background:color-mix(in srgb,var(--surface) 88%,transparent);border-color:var(--line)}
.icon-btn:hover{background:var(--surface-2);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));transform:translateY(-1px)}
.field input,.field select,.field textarea,.calendar-notes textarea,.calendar-form textarea,.academic-notes,
.chatpro-composer textarea,.srw-notes textarea,.srw-chat-compose textarea{
  border-color:var(--line)!important;
  background:color-mix(in srgb,var(--surface) 72%,var(--bg))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.field input:focus,.field select:focus,.field textarea:focus,.calendar-notes textarea:focus,.calendar-form textarea:focus,.academic-notes:focus,
.chatpro-composer textarea:focus,.srw-notes textarea:focus,.srw-chat-compose textarea:focus{
  border-color:color-mix(in srgb,var(--accent) 62%,var(--line))!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)!important;
  background:var(--surface)!important;
}
.landing-nav{border-color:transparent;background:color-mix(in srgb,var(--bg) 68%,transparent);backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}
.hero{padding-top:78px}
.hero h1{letter-spacing:-.07em}
.hero h1 span{
  background:linear-gradient(115deg,var(--accent),var(--accent-2));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p{color:var(--muted)}
.hero-proof span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 75%,transparent)}
.float-card,.feature-card,.auth-card{
  border-color:var(--line);
  box-shadow:var(--premium-glow);
}
.float-card{background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px)}
.float-card.main{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}
.mock-block{background:linear-gradient(150deg,var(--surface-2),color-mix(in srgb,var(--surface-2) 72%,var(--accent) 4%))}
.mock-pill.accent{background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.feature-card{background:color-mix(in srgb,var(--surface) 92%,transparent);position:relative;overflow:hidden;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease}
.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 40%);opacity:0;transition:opacity .2s}
.feature-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));box-shadow:0 24px 54px rgba(37,99,235,.12)}
.feature-card:hover:before{opacity:1}
.landing-cta{background:linear-gradient(120deg,#1749c8,var(--accent),#4f8cff);color:#fff;box-shadow:0 26px 70px rgba(37,99,235,.24);position:relative;overflow:hidden}
.landing-cta:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-130px;background:rgba(255,255,255,.14);filter:blur(2px)}
.landing-cta .btn{position:relative;z-index:1;background:#fff;color:#123575;border-color:#fff}
.join-panel{background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 28%),var(--bg)}
.auth-side{background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(22px)}
.auth-card{padding:28px;border:1px solid var(--line);border-radius:26px;background:color-mix(in srgb,var(--surface) 94%,transparent)}
.auth-tab.active{box-shadow:0 7px 18px rgba(37,99,235,.08)}
.settings-nav,.main-nav,.sub-nav{
  background:color-mix(in srgb,var(--bg) 76%,transparent);
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  border-color:color-mix(in srgb,var(--line) 72%,transparent);
}
.settings-nav{border-bottom:0;padding:7px 0}
.settings-inner{
  width:max-content;max-width:calc(100% - 28px);margin:0 auto;padding:5px;
  background:color-mix(in srgb,var(--surface) 86%,transparent);
  border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 32px rgba(32,64,118,.08);
  gap:3px;overflow-x:auto;overflow-y:hidden;
}
.settings-action{
  min-height:39px;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:13px;
  color:var(--muted);font-size:.79rem;font-weight:700;position:relative;overflow:hidden;
}
.settings-action:hover,.settings-action.is-active{background:var(--surface-2);color:var(--text);border-color:color-mix(in srgb,var(--accent) 16%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}
.settings-action.is-active:after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;border-radius:2px;background:var(--accent)}
.settings-motion-icon{width:19px;height:19px;display:grid;place-items:center;flex:0 0 auto;transition:transform .3s cubic-bezier(.2,.9,.2,1),filter .2s ease}
.settings-motion-icon svg,.premium-nav-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.settings-action:hover .settings-motion-icon{color:var(--accent);filter:drop-shadow(0 4px 7px color-mix(in srgb,var(--accent) 22%,transparent))}
.settings-action[data-extra="settings"]:hover .settings-motion-icon{transform:rotate(80deg) scale(1.06)}
.settings-action[data-extra="profile"]:hover .settings-motion-icon{transform:translateY(-2px) scale(1.08)}
.settings-action[data-extra="change-course"]:hover .settings-motion-icon{transform:rotate(-8deg) translateY(-2px)}
.settings-action[data-extra="change-language"]:hover .settings-motion-icon{transform:rotate(18deg) scale(1.07)}
.settings-action[data-extra="dark-mode"]:hover .settings-motion-icon{transform:rotate(-22deg) scale(1.09)}
.premium-sidebar-trigger:hover .settings-motion-icon{transform:translateX(-2px) scale(1.05)}
.settings-action.sidebar-trigger{background:linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--surface-2) 82%,var(--accent) 4%));color:var(--text)}
.main-nav{box-shadow:0 8px 30px rgba(27,57,108,.045)}
.main-nav .inner{grid-template-columns:220px 1fr 220px}
.nav-center{gap:8px}
.nav-link.premium-icon-nav{
  width:46px;height:46px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:15px;
  color:var(--muted);position:relative;overflow:visible;
}
.premium-nav-icon{width:21px;height:21px;display:grid;place-items:center;transition:transform .24s cubic-bezier(.2,.9,.2,1),filter .2s ease}
.nav-link.premium-icon-nav:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-color:color-mix(in srgb,var(--accent) 14%,var(--line));transform:translateY(-2px)}
.nav-link.premium-icon-nav:hover .premium-nav-icon{transform:scale(1.1) translateY(-1px);filter:drop-shadow(0 5px 8px color-mix(in srgb,var(--accent) 25%,transparent))}
.nav-link.premium-icon-nav.active{
  color:#fff;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent-2) 88%,var(--accent)));
  border-color:transparent;box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 27%,transparent),inset 0 0 0 1px rgba(255,255,255,.14);
}
.nav-link.premium-icon-nav.active:after{display:none}
.nav-link.premium-icon-nav:before{
  content:attr(data-tooltip);position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-4px) scale(.96);
  padding:6px 8px;border-radius:9px;background:color-mix(in srgb,var(--text) 93%,transparent);color:var(--bg);
  font-size:.68rem;font-weight:800;letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;transition:.16s ease;z-index:40;
  box-shadow:var(--shadow-soft)
}
.nav-link.premium-icon-nav:hover:before,.nav-link.premium-icon-nav:focus-visible:before{opacity:1;transform:translate(-50%,0) scale(1)}
.user-chip{background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:0 8px 24px rgba(28,57,105,.06)}
.user-chip .avatar{background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#fff}
.sub-nav{box-shadow:0 9px 24px rgba(26,54,101,.035)}
.sub-inner{gap:5px}
.sub-link{font-size:.84rem;padding:7px 12px;border:1px solid transparent}
.sub-link:hover{background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--text);border-color:color-mix(in srgb,var(--accent) 10%,var(--line));transform:translateY(-1px)}
.sub-link.active{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);outline:0;border-color:color-mix(in srgb,var(--accent) 20%,var(--line));box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--accent) 72%,transparent)}
.sidebar{background:color-mix(in srgb,var(--surface) 96%,var(--bg));border-color:var(--line);box-shadow:22px 0 60px rgba(18,45,90,.12)}
.sidebar-head{padding-bottom:10px;border-bottom:1px solid var(--line)}
.side-action{border:1px solid transparent;transition:.18s ease}
.side-action:hover,.side-action.active{background:var(--surface-2);color:var(--text);border-color:color-mix(in srgb,var(--accent) 10%,var(--line));transform:translateX(2px)}
.side-action.active .side-dot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}
.workspace-main{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 84%,transparent),var(--bg))}
.empty-icon,.subjects-empty-icon,.subject-icon,.choice-icon,.sr-room-icon,.srw-room-icon{
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 11%,var(--surface)),var(--surface));
  color:var(--accent);border-color:color-mix(in srgb,var(--accent) 14%,var(--line));
}
.empty-state h1,.subjects-head h1,.calendar-head h1,.manual-head h1,.sr-hero h1,.srw-room-title h1{letter-spacing:-.055em}
.subject-card,.subjects-empty,.calendar-scroll,.calendar-notes,.calendar-form,.academic-card,.entity-sheet,.sr-card,.sr-active,.srw-focus-card,.srw-content-card,.chatpro-shell{
  border-color:var(--line)!important;
  box-shadow:var(--shadow-soft);
}
.subject-card,.calendar-notes,.calendar-form,.academic-card,.sr-card,.srw-focus-card,.srw-content-card{
  background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
}
.subject-card{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease}
.subject-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 24%,var(--line));box-shadow:0 18px 44px rgba(37,99,235,.11)}
.subject-card-copy p{color:var(--accent)}
.subject-mini-action.edit:hover{background:color-mix(in srgb,var(--accent) 11%,var(--surface));color:var(--accent)}
.subject-action-edit{background:var(--accent);color:#fff}
.entity-sheet-overlay{background:rgba(6,15,31,.50);backdrop-filter:blur(12px)}
.entity-sheet{background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 30px 100px rgba(4,20,48,.28)}
.entity-icon-choice:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.entity-icon-choice.active{background:var(--accent);color:#fff;box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 22%,transparent)}
.toast{background:color-mix(in srgb,var(--text) 94%,transparent)!important;color:var(--bg)!important;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:0 18px 46px rgba(2,18,45,.24)!important}
.calendar-scroll{background:var(--surface);border-radius:22px}
.schedule-grid{background:var(--surface)}
.cal-corner,.cal-day,.cal-time,.cal-add-axis,.cal-axis-bottom-spacer,.cal-axis-plus-corner{background:color-mix(in srgb,var(--surface-2) 86%,var(--accent) 2%)}
.cal-cell{background:var(--surface)}
.cal-cell:hover{background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.cal-cell.filled{background:color-mix(in srgb,var(--accent) 10%,var(--surface));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--accent) 70%,transparent)}
.cal-head-button:hover{background:color-mix(in srgb,var(--accent) 9%,var(--surface-2))}
.cal-add-axis:hover{background:var(--accent);color:#fff}
.calendar-toolbar span{background:color-mix(in srgb,var(--surface) 88%,transparent)}
.calendar-choice-card:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));transform:translateY(-1px);box-shadow:0 10px 24px rgba(37,99,235,.08)}
.academic-toggle.active,.academic-subject-select:focus,.academic-multiselect-dropdown>summary:focus-visible{border-color:var(--accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)!important}
.academic-multiselect-dropdown>.lecture-multiselect{background:var(--surface);box-shadow:0 18px 44px rgba(21,52,104,.14)}
.lecture-check:hover{background:color-mix(in srgb,var(--accent) 6%,var(--surface-2))}
.sr-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),color-mix(in srgb,var(--surface) 92%,transparent));border-color:var(--line)!important}
.sr-card{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease;overflow:hidden}
.sr-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important;box-shadow:0 20px 48px rgba(37,99,235,.11)}
.sr-card.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 44%,transparent),0 20px 48px rgba(37,99,235,.12)}
.sr-capacity i{background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.sr-tags span,.sr-badges span{background:color-mix(in srgb,var(--accent) 7%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 10%,var(--line))}
.sr-active{background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface))!important}
.sr-active-pulse,.srw-live-pill i{background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 10%,transparent)}
.srw-focus-card,.srw-content-card{background:color-mix(in srgb,var(--surface) 96%,transparent)}
.srw-timer-ring{background:conic-gradient(var(--accent) var(--timer-progress),var(--surface-2) 0);box-shadow:0 20px 48px rgba(37,99,235,.11)}
.srw-focus-tip{background:color-mix(in srgb,var(--accent) 6%,var(--surface));border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}
.srw-focus-tip>span{background:var(--accent);color:#fff}
.srw-tabs button.active{color:var(--accent);box-shadow:0 8px 18px rgba(37,99,235,.07)}
.chatpro-shell{background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 26px 74px rgba(17,46,94,.13)}
.chatpro-rail{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 78%,var(--surface)),var(--surface))}
.chatpro-conversation.active{box-shadow:inset 3px 0 0 var(--accent),inset 0 0 0 1px color-mix(in srgb,var(--accent) 8%,var(--line))}
.chatpro-conversation:hover,.chatpro-conversation.active{background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.chatpro-avatar{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--accent) 9%,var(--surface-2)));border-color:color-mix(in srgb,var(--accent) 10%,var(--line))}
.chatpro-thread{background:radial-gradient(circle at 90% 4%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 32%),var(--bg)}
.chatpro-thread-head{background:color-mix(in srgb,var(--surface) 91%,transparent)}
.chatpro-bubble{box-shadow:0 6px 18px rgba(18,45,88,.055)}
.mine .chatpro-bubble{background:color-mix(in srgb,var(--accent) 11%,var(--surface));border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}
.chatpro-status.read{color:var(--accent-2)}
.chatpro-composer{background:color-mix(in srgb,var(--surface) 94%,transparent)}
.chatpro-composer .send{background:linear-gradient(145deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 23%,transparent)}
.chatpro-filters button.active{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 24%,var(--line));color:var(--accent)}
.chatpro-status .ring.active{background:conic-gradient(var(--accent),var(--accent-2),var(--accent))}
.chatpro-reply-quote{border-left-color:var(--accent)}
.chatpro-msg-row.search-hit .chatpro-bubble,.chatpro-msg-row.flash .chatpro-bubble{outline-color:color-mix(in srgb,var(--accent) 54%,transparent)}
.premium-ripple-host{position:relative!important;overflow:hidden!important}
.premium-ripple{position:absolute;z-index:0;width:12px;height:12px;margin:-6px;border-radius:50%;background:currentColor;opacity:.13;pointer-events:none;animation:premium-ripple .56s ease-out forwards}
.premium-ripple-host>*{position:relative;z-index:1}
.premium-reveal{animation:premium-reveal .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--premium-delay,0ms)}
@keyframes premium-ripple{to{transform:scale(18);opacity:0}}
@keyframes premium-reveal{from{opacity:0;transform:translateY(10px) scale(.994)}to{opacity:1;transform:none}}
@media(max-width:1100px){
  .main-nav .inner{grid-template-columns:170px 1fr 170px;padding-inline:18px}
  .settings-text{display:none}
  .settings-action{width:40px;justify-content:center;padding:7px}
  .settings-inner{gap:4px}
  .premium-sidebar-trigger{width:40px}
}
@media(max-width:820px){
  :root{--settings-h:54px;--main-h:64px;--sub-h:50px}
  .workspace-main{padding:26px 18px}
  .workspace-main-subjects{padding:25px 16px}
  .main-nav .inner{grid-template-columns:auto 1fr auto;gap:10px;padding-inline:12px}
  .brand-name{display:none}
  .nav-center{gap:3px}
  .nav-link.premium-icon-nav{width:41px;height:41px;border-radius:13px}
  .premium-nav-icon{width:19px;height:19px}
  .user-chip{padding:5px}
  .user-chip>span:last-child{display:none}
  .settings-inner{max-width:calc(100% - 18px)}
  .sub-inner{justify-content:flex-start;padding-inline:12px;scrollbar-width:none}
  .sub-inner::-webkit-scrollbar{display:none}
  .landing-nav{height:70px}
  .hero{padding-top:54px}
}
@media(max-width:620px){
  :root{--settings-h:52px;--main-h:60px;--sub-h:48px}
  .settings-nav{padding:5px 0}
  .settings-inner{border-radius:15px;padding:4px}
  .settings-action{width:38px;min-height:36px;border-radius:11px}
  .settings-motion-icon{width:18px;height:18px}
  .main-nav .inner{padding-inline:8px;gap:5px}
  .brand-mark{width:31px;height:31px;border-radius:10px}
  .nav-center{gap:1px}
  .nav-link.premium-icon-nav{width:38px;height:38px;border-radius:12px}
  .user-chip .avatar{width:30px;height:30px}
  .nav-link.premium-icon-nav:before{display:none}
  .sub-link{font-size:.78rem;padding:6px 9px}
  .container{width:min(100% - 24px,1180px)}
  .hero h1{font-size:clamp(3rem,16vw,4.5rem)}
  .hero-visual{min-height:430px}
  .landing-cta{padding:30px 24px;border-radius:25px}
  .auth-side{padding:20px 14px}
  .auth-card{padding:21px;border-radius:22px}
  .subjects-grid{gap:12px}
}
@media(max-width:430px){
  .main-nav .inner{grid-template-columns:32px 1fr 32px}
  .nav-link.premium-icon-nav{width:35px;height:35px}
  .premium-nav-icon{width:18px;height:18px}
  .nav-center{justify-content:space-evenly;width:100%}
  .user-chip{border:0;background:transparent;box-shadow:none;padding:0}
  .settings-inner{max-width:calc(100% - 12px)}
  .workspace-main{padding-inline:12px}
  .workspace-main-subjects{padding-inline:12px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .premium-reveal{animation:none!important}
}