:root{
  --font-ui:'IBM Plex Sans Arabic',system-ui,-apple-system,sans-serif;
  --font-display:'IBM Plex Sans Arabic',system-ui,sans-serif;
  --font-read:'Noto Naskh Arabic','IBM Plex Sans Arabic',serif;
  --font-serif:'Instrument Serif','Noto Naskh Arabic',Georgia,serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,monospace;
  --r-sm:7px;--r:9px;--r-lg:12px;--r-xl:16px;--radius:9px;
  --sh-1:0 1px 0 rgba(24,21,18,.03);
  --sh-2:0 12px 34px -24px rgba(24,21,18,.28);
  --sh-3:0 32px 80px -40px rgba(24,21,18,.4);
  --topbar-h:66px;
  --sidebar-w:290px;
  --ease:cubic-bezier(.2,.7,.25,1);
  --dur:160ms;
}
html[data-appearance="dark"]{
  --sh-1:0 1px 0 rgba(0,0,0,.24);
  --sh-2:0 16px 40px -28px rgba(0,0,0,.7);
  --sh-3:0 36px 90px -42px rgba(0,0,0,.85);
}
html{scroll-behavior:smooth}
body{
  background-color:var(--bg)!important;
  background-image:
    radial-gradient(1100px 520px at 100% -8%, color-mix(in srgb,var(--accent) 7%,transparent), transparent 62%),
    radial-gradient(820px 460px at -10% 104%, color-mix(in srgb,var(--sticky) 7%,transparent), transparent 60%)!important;
  background-attachment:fixed!important;
  font-family:var(--font-ui)!important;
  font-size:15px!important;
  line-height:1.75;
}
::selection{background:color-mix(in srgb,var(--accent) 22%, transparent)!important;color:var(--text)}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text) 18%, transparent) transparent}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 16%, transparent);border:3px solid transparent;background-clip:padding-box;border-radius:20px}

.shell,.auth-screen,.main,.sidebar,.topbar{background-image:none!important}
.shell{display:flex;min-height:100vh;background:transparent!important}
.workspace{display:flex;flex:1;min-width:0;flex-direction:column}

h1,h2,h3,h4,h5,h6,.page-title,.page-title-input,.notes-title,.home-title,.course-name,.community-title-v14 h1,.saved-head-v20 h1,.profile-hero-copy-v18 h1{
  font-family:var(--font-display)!important;
  letter-spacing:-.025em!important;
  color:var(--text)!important;
}
p{color:inherit}
a{color:var(--accent-ink)!important;text-decoration-color:color-mix(in srgb,var(--accent) 35%, transparent)}
:focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px!important}
svg{display:block;flex:none}

.notesy-mark{
  width:38px;height:38px;border-radius:9px!important;
  display:inline-grid;place-items:center;position:relative;flex:none;
  background:var(--text)!important;color:var(--bg)!important;
  box-shadow:none!important;border:0!important;
  font-family:var(--font-serif)!important;font-size:25px!important;font-weight:400!important;
  line-height:1;letter-spacing:0!important;padding-bottom:3px;
}
.notesy-mark::before{content:"N"!important;display:block;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;transform:none!important;border-radius:0!important;color:var(--bg)!important}
.notesy-mark::after{content:""!important;position:absolute!important;width:5px!important;height:5px!important;inset-inline-end:6px!important;bottom:6px!important;border-radius:50%!important;background:var(--accent)!important;clip-path:none!important;transform:none!important}
.notesy-mark.small{width:34px!important;height:34px!important;border-radius:8px!important;font-size:22px!important}
.notesy-mark.small::after{width:4px!important;height:4px!important;inset-inline-end:5px!important;bottom:5px!important}

.btn{
  min-height:40px!important;padding:8px 15px!important;border-radius:8px!important;
  border:1px solid var(--border)!important;background:var(--panel)!important;background-image:none!important;
  color:var(--text)!important;font-family:var(--font-ui)!important;font-size:13.5px!important;font-weight:600!important;
  line-height:1.35!important;box-shadow:none!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform 90ms var(--ease)!important;
}
.btn:hover{background:var(--panel-2)!important;border-color:color-mix(in srgb,var(--text) 24%,var(--border))!important;transform:none!important}
.btn:active{transform:translateY(1px)!important}
.btn.primary{background:var(--text)!important;border-color:var(--text)!important;color:var(--panel)!important;box-shadow:none!important}
.btn.primary:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--on-accent)!important}
.btn.small{min-height:32px!important;padding:5px 10px!important;font-size:12px!important;border-radius:7px!important}
.btn.danger{background:transparent!important;border-color:color-mix(in srgb,var(--danger) 35%,var(--border))!important;color:var(--danger)!important}
.btn.danger:hover{background:var(--danger-soft)!important;border-color:var(--danger)!important;color:var(--danger)!important}
.btn.danger-solid{background:var(--danger)!important;border-color:var(--danger)!important;color:var(--on-accent)!important}
.btn:disabled,.btn[disabled]{opacity:.45!important;cursor:not-allowed!important}
.btn.loading{color:transparent!important;pointer-events:none}
.btn.loading::after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border-radius:50%;border:2px solid var(--panel);border-top-color:transparent;animation:ns-spin .7s linear infinite}
.appearance-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border)!important;background:transparent!important;color:var(--text-dim)!important;border-radius:8px!important;min-height:36px}
.appearance-toggle:hover{color:var(--text)!important;background:var(--panel-2)!important}
.appearance-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea,select{
  min-height:44px!important;padding:10px 13px!important;border:1px solid var(--border)!important;border-radius:8px!important;
  background:var(--panel)!important;color:var(--text)!important;font-family:var(--font-ui)!important;font-size:14px!important;line-height:1.6;
  box-shadow:none!important;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)!important;
}
input::placeholder,textarea::placeholder{color:var(--text-faint)!important;opacity:1}
input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%, transparent)!important;background:var(--panel)!important;outline:none!important}
input[type=checkbox]{accent-color:var(--accent)}
textarea{resize:vertical}

.topbar{
  position:sticky;top:0;z-index:30;
  display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(210px,380px) auto;
  align-items:center;gap:16px;height:var(--topbar-h);
  padding:0 clamp(18px,2.4vw,34px);
  background:color-mix(in srgb,var(--bg) 84%,transparent)!important;
  border-bottom:1px solid var(--border-soft);
  backdrop-filter:blur(16px) saturate(1.15);
}
.topbar-context{min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1.2}
.topbar-kicker{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.topbar-search{position:relative;display:flex;align-items:center;min-width:0}
.topbar-search .search-ico{position:absolute;inset-inline-start:12px;color:var(--text-faint);pointer-events:none;display:grid;place-items:center;z-index:1}
.topbar-search .search-ico svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.topbar-search input{
  width:100%;min-height:38px!important;height:38px;padding-inline-start:36px!important;padding-inline-end:64px!important;
  border-radius:8px!important;background:var(--panel-2)!important;border-color:transparent!important;font-size:12.5px!important;
}
#searchBox{
  width:100%;min-height:38px!important;height:38px!important;padding-block:0!important;
  padding-inline-start:36px!important;padding-inline-end:64px!important;
  border-radius:8px!important;background:var(--panel-2)!important;border-color:transparent!important;
  color:var(--text)!important;-webkit-text-fill-color:var(--text);
  font-size:12.5px!important;line-height:38px!important;
}
#searchBox::placeholder{color:var(--text-faint)!important;opacity:1!important}
#searchBox:focus{background:var(--panel)!important;border-color:var(--accent)!important}
.search-kbd{position:absolute;left:auto!important;right:auto!important;inset-inline-start:auto!important;inset-inline-end:9px!important;font:500 9.5px/1 var(--font-mono)!important;color:var(--text-faint);border:1px solid var(--border);background:var(--panel);border-radius:5px;padding:4px 6px;pointer-events:none;direction:inherit!important;unicode-bidi:isolate}
.topbar-search input:focus~.search-kbd{opacity:0}
.topbar-actions{display:flex;align-items:center;gap:6px;justify-self:end}
.topbar-icon{
  width:37px;height:37px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;
  background:transparent;color:var(--text-dim);cursor:pointer;transition:background var(--dur),color var(--dur),border-color var(--dur);
}
.topbar-icon:hover{background:var(--panel-2);color:var(--text);border-color:var(--border-soft)}
.topbar-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.topbar-user{
  width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--accent-soft);
  color:var(--accent-ink);display:grid;place-items:center;font-family:var(--font-serif);font-size:17px;font-weight:600;
  line-height:1;cursor:pointer;overflow:hidden;margin-inline-start:3px;padding:0;
}
.topbar-user:hover{border-color:var(--accent)}
.topbar-user img{width:100%;height:100%;object-fit:cover}
.menu-btn{
  position:static!important;inset:auto!important;width:38px!important;height:38px!important;min-width:38px;
  display:none!important;place-items:center;border:1px solid var(--border)!important;border-radius:8px!important;
  background:var(--panel)!important;color:var(--text-dim)!important;box-shadow:none!important;cursor:pointer;padding:0!important;
}
.menu-btn:hover{color:var(--text)!important;background:var(--panel-2)!important}
.menu-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

.sidebar{
  width:var(--sidebar-w)!important;max-width:var(--sidebar-w)!important;flex:none;
  height:100vh;height:100dvh;position:sticky!important;top:0;
  display:flex;flex-direction:column;
  background:color-mix(in srgb,var(--nav-bg) 86%,var(--bg))!important;
  border-inline-end:1px solid var(--border)!important;border-left:0!important;border-right:0!important;
  box-shadow:none!important;backdrop-filter:none!important;z-index:40;
}
.brand{padding:18px 16px 14px!important;border-bottom:1px solid var(--border-soft)!important;position:relative}
.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}
.brand-title{display:flex;align-items:center;gap:10px;min-width:0}
.brand-title>div{min-width:0}
.brand-name,.brand h1{
  font-family:var(--font-serif)!important;font-size:25px!important;font-weight:400!important;line-height:1!important;
  margin:0!important;letter-spacing:-.01em!important;color:var(--text)!important;
}
.brand-sub{font-size:11px!important;color:var(--text-faint)!important;margin-top:4px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
.brand-prompt{font-family:var(--font-mono)!important;font-size:9px!important;color:var(--text-faint)!important;letter-spacing:.16em;direction:ltr;text-align:start;margin-bottom:9px;text-transform:uppercase}
.brand-prompt::before{content:"NOTESY / "!important;color:var(--accent)!important;font-weight:600}
.mode-switch{
  display:flex;gap:2px;margin-top:13px!important;padding:3px!important;border:1px solid var(--border)!important;
  border-radius:7px!important;background:color-mix(in srgb,var(--panel-2) 65%,transparent)!important;
}
.mode-btn{
  flex:1;min-height:30px!important;border:0!important;border-radius:5px!important;background:transparent!important;
  color:var(--text-dim)!important;font-size:11.5px!important;font-weight:600;box-shadow:none!important;cursor:pointer;padding:4px 6px!important;
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
}
.mode-btn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mode-btn:hover{color:var(--text)!important}
.mode-btn.active{background:var(--panel)!important;color:var(--text)!important;box-shadow:var(--sh-1)!important}
.sidebar-nav{padding:12px 10px!important;border-bottom:1px solid var(--border-soft)!important;display:flex;flex-direction:column;gap:1px!important}
.sidebar-nav::before{content:"NAVIGATION";font-family:var(--font-mono);font-size:8.5px;letter-spacing:.16em;color:var(--text-faint);padding:0 10px 7px;display:block}
.nav-item{
  position:relative;display:flex;align-items:center;gap:10px;min-height:36px;padding:7px 10px!important;
  border:0!important;border-radius:6px!important;background:transparent!important;color:var(--text-dim)!important;
  font-size:12.5px!important;font-weight:500;cursor:pointer;transition:background var(--dur),color var(--dur)!important;
}
.nav-item svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.nav-item>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-item:hover{background:var(--panel-2)!important;color:var(--text)!important;transform:none!important}
.nav-item.active,.nav-item.home-active{background:var(--panel)!important;color:var(--text)!important;font-weight:600;box-shadow:var(--sh-1)!important}
.nav-item.active::before,.nav-item.home-active::before{content:"";position:absolute;inset-inline-start:0;top:9px;bottom:9px;width:2px;border-radius:1px;background:var(--accent)}
.notify-badge{
  margin-inline-start:auto;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;
  border-radius:5px;background:var(--accent)!important;color:var(--on-accent)!important;font:600 9px/1 var(--font-mono)!important;
  box-shadow:none!important;
}
.tree-head{padding:15px 16px 7px!important;display:flex;align-items:center;justify-content:space-between;gap:8px}
.tree-head>span{font-family:var(--font-mono)!important;font-size:9px!important;letter-spacing:.16em!important;color:var(--text-faint)!important;font-weight:500!important;text-transform:uppercase}
.tree-head .btn{min-height:24px!important;width:24px;height:24px;padding:0!important;font-size:15px!important;background:transparent!important;border-color:var(--border)!important;color:var(--text-dim)!important;border-radius:6px!important;box-shadow:none!important}
.tree-head .btn:hover{background:var(--panel-2)!important;color:var(--text)!important}
.tree{flex:1;overflow-y:auto;padding:4px 10px 18px!important;min-height:140px}
.course-group{margin-bottom:2px}
.course-head{display:flex;align-items:center;gap:7px;min-height:34px;padding:6px 8px!important;border-radius:6px!important}
.course-head:hover{background:var(--panel-2)!important}
.course-caret{width:11px;font-size:9px;color:var(--text-faint);flex:none;transition:transform .15s var(--ease)}
.course-caret.open{transform:rotate(90deg)}
.course-icon{font-size:12px!important;flex:none;width:20px;height:20px;display:grid;place-items:center;background:var(--panel-2);border-radius:5px}
.course-name{color:var(--text)!important;font-size:12.5px!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;line-height:1.45!important;max-width:none!important}
.course-actions,.page-actions{opacity:0;gap:0;flex:none;transition:opacity .12s;display:flex}
.course-head:hover .course-actions,.page-item:hover .page-actions{opacity:1}
.icon-btn{width:22px;height:22px;border:0;border-radius:4px;background:transparent;color:var(--text-faint);font-size:10.5px;display:grid;place-items:center;cursor:pointer;padding:0}
.icon-btn:hover{background:var(--panel-3);color:var(--text)}
.page-tree{padding-inline-start:8px!important}
.page-item{display:flex;align-items:flex-start;gap:5px;min-height:29px;padding:5px 8px!important;border:0!important;border-radius:5px!important;position:relative}
.page-item:hover{background:var(--panel-2)!important}
.page-item.active{background:var(--panel)!important;box-shadow:var(--sh-1)!important}
.page-item.active::after{content:"";position:absolute;inset-inline-start:0;top:6px;bottom:6px;width:2px;border-radius:1px;background:var(--accent)}
.page-toggle{width:10px;font-size:9px;margin-top:3px!important;color:var(--text-faint);flex:none}
.page-icon{font-size:10px!important;margin-top:3px!important;flex:none;opacity:.85}
.page-title{font-size:11.5px!important;line-height:1.55!important;color:var(--text-dim)!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;text-align:start;unicode-bidi:plaintext}
.page-item.active .page-title,.page-item:hover .page-title{color:var(--text)!important;font-weight:500!important}
.page-snippet{display:none!important}
.sidebar-footer{padding:10px 12px 12px!important;border-top:1px solid var(--border)!important;background:transparent!important;display:flex;flex-direction:column;gap:8px!important;flex:none}
.footer-user{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.user-chip{min-width:0;flex:1;font-size:11.5px!important;color:var(--text-dim)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}
.user-chip strong{color:var(--text);font-weight:600}
.logout-btn{flex:none;width:28px;height:28px;min-height:28px!important;padding:0!important;font-size:13px!important;border-radius:6px!important;background:transparent!important;border-color:transparent!important;color:var(--text-faint)!important}
.logout-btn:hover{background:var(--danger-soft)!important;color:var(--danger)!important}
.footer-tools{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
.footer-tools .btn{min-height:30px!important;height:30px;padding:0!important;font-size:12px!important;border-radius:6px!important;background:transparent!important;border-color:transparent!important;color:var(--text-faint)!important;box-shadow:none!important}
.footer-tools .btn:hover{background:var(--panel-2)!important;color:var(--text)!important}
.footer-tools .btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.footer-tools .appearance-toggle span{display:none}
.footer-more{border:1px solid var(--border-soft)!important;border-radius:6px!important;background:transparent!important;overflow:hidden}
.footer-more>summary{list-style:none;cursor:pointer;padding:6px 9px;font-size:10.5px;color:var(--text-faint);display:flex;align-items:center;justify-content:space-between;user-select:none}
.footer-more>summary::-webkit-details-marker{display:none}
.footer-more>summary::after{content:"+";font-family:var(--font-mono);font-size:12px;transition:transform .18s}
.footer-more[open]>summary::after{transform:rotate(45deg)}
.footer-more-body{display:grid;gap:4px;padding:0 7px 7px}
.footer-more-body .btn{width:100%;justify-content:flex-start;text-align:start;min-height:30px!important;font-size:10.5px!important;padding:5px 8px!important;box-shadow:none!important;background:transparent!important;border-color:transparent!important;color:var(--text-dim)!important}
.footer-more-body .btn:hover{background:var(--panel-2)!important;color:var(--text)!important}

.main{
  flex:1;min-width:0;max-width:none!important;padding:36px clamp(22px,3.4vw,54px) 100px!important;
  background:transparent!important;color:var(--text);
}
.atelier-page{max-width:1180px;margin:0 auto;animation:ns-rise .4s var(--ease) both}
.folio{font-family:var(--font-mono)!important;font-size:9.5px!important;letter-spacing:.18em!important;text-transform:uppercase;color:var(--text-faint)!important;display:flex;align-items:center;gap:10px;line-height:1.3}
.folio::before{content:"";display:inline-block;width:20px;height:1px;background:var(--accent);flex:none}
.page-masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:6px 0 28px;border-bottom:1px solid var(--border)}
.masthead-copy{min-width:0}
.display-title{font-size:clamp(31px,3.7vw,52px)!important;font-weight:600!important;line-height:1.22!important;letter-spacing:-.045em!important;margin:13px 0 12px!important;text-wrap:balance}
.display-title em{font-family:var(--font-serif)!important;font-style:italic;font-weight:400;color:var(--accent);letter-spacing:.01em}
.lede{font-size:14px!important;line-height:1.9!important;color:var(--text-dim)!important;max-width:60ch;margin:0!important}
.masthead-actions{display:flex;align-items:center;gap:8px;flex:none;padding-bottom:4px}
.link-btn{border:0;background:transparent;color:var(--accent-ink)!important;font-family:var(--font-ui);font-size:11.5px;font-weight:600;cursor:pointer;padding:4px 0;display:inline-flex;align-items:center;gap:6px}
.link-btn:hover{color:var(--accent)!important}

.stat-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--border);margin-bottom:0}
.stat-cell{position:relative;display:flex;flex-direction:column;padding:20px 22px 22px;border-inline-start:1px solid var(--border-soft);min-width:0}
.stat-cell:first-child{border-inline-start:0;padding-inline-start:0}
.stat-index{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;color:var(--text-faint);margin-bottom:9px}
.stat-cell strong{font-family:var(--font-serif);font-size:32px;font-weight:400;line-height:1;color:var(--text);letter-spacing:0;display:flex;align-items:center;gap:7px}
.stat-cell .stat-status{font-family:var(--font-ui);font-size:14px;font-weight:600;letter-spacing:-.01em}
.stat-label{font-size:10.5px;color:var(--text-faint);margin-top:6px;letter-spacing:.02em}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-faint);display:inline-block;flex:none}
.status-dot.is-live{background:var(--mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 16%, transparent)}

.home-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(308px,.65fr);gap:24px;padding:30px 0;border-bottom:1px solid var(--border);align-items:start}
.feature-note{
  position:relative;overflow:hidden;min-height:344px;padding:24px 26px 22px;border-radius:10px!important;
  background:var(--text)!important;color:var(--bg)!important;display:flex;flex-direction:column;
  border:1px solid var(--text)!important;box-shadow:none!important;
}
.feature-note::before{
  content:"";position:absolute;width:320px;height:320px;border-radius:50%;inset-inline-end:-110px;top:-150px;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 58%,transparent),transparent 68%);pointer-events:none;
}
.feature-note::after{
  content:"";position:absolute;width:1px;inset-block:0;inset-inline-start:44px;background:color-mix(in srgb,var(--bg) 13%,transparent);pointer-events:none;
}
.feature-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px}
.feature-top .folio{color:color-mix(in srgb,var(--bg) 52%,transparent)!important}
.feature-top .folio::before{background:color-mix(in srgb,var(--bg) 40%,transparent)}
.feature-count{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;color:color-mix(in srgb,var(--bg) 42%,transparent)}
.feature-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;justify-content:flex-end;margin-top:30px;text-align:start;border:0;background:transparent;color:inherit;cursor:pointer;padding:0;font:inherit}
.feature-body:hover .feature-title{text-decoration-color:color-mix(in srgb,var(--bg) 45%,transparent)}
.feature-course{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--bg) 55%,transparent);margin-bottom:9px}
.feature-title{
  font-family:var(--font-read)!important;font-size:clamp(24px,2.55vw,36px)!important;font-weight:600!important;line-height:1.45!important;
  margin:0 0 10px!important;color:var(--bg)!important;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;
  transition:text-decoration-color .15s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.feature-excerpt{font-size:12.5px;line-height:1.9;color:color-mix(in srgb,var(--bg) 64%,transparent);margin:0;max-width:52ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feature-foot{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--bg) 14%,transparent)}
.feature-meta{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;color:color-mix(in srgb,var(--bg) 48%,transparent);display:flex;gap:14px;flex-wrap:wrap}
.feature-cta{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--bg);flex:none}
.feature-cta svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s}
.feature-body:hover .feature-cta svg{transform:translateX(-3px)}
.feature-empty{position:relative;z-index:1;margin:auto 0;padding:10px 0 4px}
.feature-empty .folio{color:color-mix(in srgb,var(--bg) 52%,transparent)!important}
.feature-empty h2{font-family:var(--font-read)!important;font-size:27px!important;font-weight:600!important;line-height:1.5!important;color:var(--bg)!important;margin:12px 0 8px!important}
.feature-empty p{font-size:12.5px;line-height:1.9;color:color-mix(in srgb,var(--bg) 62%,transparent);margin:0 0 18px;max-width:44ch}
.feature-empty .btn{background:var(--bg)!important;color:var(--text)!important;border-color:var(--bg)!important;align-self:flex-start}
.feature-empty .btn:hover{background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important}

.home-aside{display:flex;flex-direction:column;gap:14px;min-width:0}
.paper-panel{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:9px!important;box-shadow:none!important;overflow:hidden;background-image:none!important}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid var(--border-soft)}
.panel-head h2{font-size:12px!important;font-weight:600!important;margin:0!important;letter-spacing:.01em!important;display:flex;align-items:center;gap:7px}
.panel-head h2 svg{width:13px;height:13px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.panel-head .link-btn{font-size:10.5px}
.mini-course-list{display:flex;flex-direction:column}
.mini-course{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 15px;border:0;border-top:1px solid var(--border-soft);background:transparent;color:var(--text);text-align:start;cursor:pointer;font:inherit;transition:background var(--dur)}
.mini-course:first-child{border-top:0}
.mini-course:hover{background:var(--panel-2)}
.mini-course-index{font-family:var(--font-mono);font-size:9px;color:var(--text-faint)}
.mini-course-name{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
.mini-course-meta{font-family:var(--font-mono);font-size:8.5px;color:var(--text-faint);white-space:nowrap}
.mini-empty{padding:20px 15px;font-size:11.5px;color:var(--text-faint);text-align:center;line-height:1.8}
.quick-list{display:grid;grid-template-columns:1fr;padding:5px}
.quick-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;border:0;background:transparent;color:var(--text);text-align:start;padding:9px 10px;border-radius:6px;cursor:pointer;font:inherit}
.quick-row:hover{background:var(--panel-2)}
.quick-row svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--text-dim)}
.quick-row b{display:block;font-size:11.5px;font-weight:600;line-height:1.4}
.quick-row small{display:block;font-size:9.5px;color:var(--text-faint);line-height:1.6;margin-top:1px}
.quick-row:hover svg{color:var(--accent)}

.recent-ledger{padding-top:28px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}
.section-heading h2{font-size:20px!important;font-weight:600!important;margin:8px 0 0!important;line-height:1.3!important}
.section-heading p{font-size:11.5px!important;color:var(--text-dim)!important;margin:4px 0 0!important;line-height:1.7!important}
.collection-count{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;color:var(--text-faint);white-space:nowrap;padding-bottom:3px}
.ledger-table{border-top:1px solid var(--border)}
.ledger-row{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto 26px;align-items:center;gap:14px;width:100%;
  padding:14px 8px;border:0;border-bottom:1px solid var(--border-soft);background:transparent;color:var(--text);
  text-align:start;cursor:pointer;font:inherit;position:relative;transition:background var(--dur);
}
.ledger-row::before{content:"";position:absolute;inset-inline-start:0;top:10px;bottom:10px;width:2px;background:transparent;transition:background var(--dur)}
.ledger-row:hover{background:color-mix(in srgb,var(--panel) 70%,transparent)}
.ledger-row:hover::before{background:var(--accent)}
.row-index{font-family:var(--font-serif);font-size:15px;color:var(--text-faint);line-height:1}
.row-title{min-width:0;display:flex;flex-direction:column;gap:2px}
.row-title strong{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
.row-title small{font-size:10px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
.row-date{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--text-faint);white-space:nowrap}
.row-arrow{color:var(--text-faint);font-size:15px;transition:transform .16s,color .16s;line-height:1}
.ledger-row:hover .row-arrow{color:var(--accent);transform:translate(-2px,-2px)}

.library-page .page-masthead{padding-top:12px}
.library-page .display-title{font-size:clamp(34px,4.2vw,58px)!important}
.course-ledger{border-top:1px solid var(--border)}
.course-ledger-head{
  display:grid;grid-template-columns:38px minmax(0,1fr) 88px 88px 112px 84px;gap:16px;padding:10px 8px;
  border-bottom:1px solid var(--border-soft);font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--text-faint);
}
.course-ledger-row{
  display:grid;grid-template-columns:38px minmax(0,1fr) 88px 88px 112px 84px;align-items:center;gap:16px;
  padding:16px 8px;border-bottom:1px solid var(--border-soft);position:relative;cursor:pointer;transition:background var(--dur);
}
.course-ledger-row::before{content:"";position:absolute;inset-inline-start:0;top:12px;bottom:12px;width:2px;background:transparent;transition:background var(--dur)}
.course-ledger-row:hover{background:color-mix(in srgb,var(--panel) 70%,transparent)}
.course-ledger-row:hover::before{background:var(--accent)}
.course-ledger-index{font-family:var(--font-serif);font-size:17px;color:var(--text-faint);line-height:1}
.course-ledger-main{display:flex;align-items:center;gap:13px;min-width:0}
.course-ledger-mark{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid var(--border);background:var(--panel);border-radius:8px;font-size:17px}
.course-ledger-copy{min-width:0}
.course-ledger-copy h3{font-size:14.5px!important;font-weight:600!important;margin:0!important;line-height:1.45!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.course-ledger-copy p{font-size:10.5px!important;color:var(--text-faint)!important;margin:2px 0 0!important;line-height:1.6!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.course-ledger-meta{display:flex;flex-direction:column;line-height:1.2}
.course-ledger-meta b{font-family:var(--font-serif);font-size:20px;font-weight:400;color:var(--text)}
.course-ledger-meta span{font-size:9px;color:var(--text-faint);margin-top:2px}
.course-ledger-date{font-family:var(--font-mono);font-size:9px;color:var(--text-faint);letter-spacing:.03em;white-space:nowrap}
.course-ledger-open{justify-self:end;min-height:30px!important;padding:4px 10px!important;font-size:10.5px!important;border-radius:6px!important;background:transparent!important;border-color:var(--border)!important;color:var(--text-dim)!important;display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.course-ledger-open:hover{background:var(--text)!important;border-color:var(--text)!important;color:var(--panel)!important}
.course-ledger-open svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.back-link{border:0;background:transparent;color:var(--text-faint);font:500 10.5px var(--font-mono);letter-spacing:.06em;cursor:pointer;padding:2px 0;margin-bottom:18px;display:inline-flex;align-items:center;gap:7px;text-transform:uppercase}
.back-link:hover{color:var(--accent)}
.course-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:end;padding:4px 0 28px;border-bottom:1px solid var(--border)}
.course-identity{display:flex;align-items:flex-start;gap:18px;min-width:0}
.course-seal{width:62px;height:62px;flex:none;display:grid;place-items:center;border:1px solid var(--border);background:var(--panel);border-radius:10px;font-size:27px;margin-top:5px}
.course-identity-copy{min-width:0}
.course-identity .display-title{margin:10px 0 9px!important;font-size:clamp(28px,3.4vw,46px)!important;overflow-wrap:anywhere}
.course-identity .lede{font-size:12.5px!important;max-width:58ch}
.course-masthead-side{display:flex;flex-direction:column;align-items:flex-end;gap:16px;padding-bottom:2px}
.course-stats{display:flex;align-items:flex-end;gap:0}
.course-stat{padding:0 18px;border-inline-start:1px solid var(--border-soft);text-align:end}
.course-stat:first-child{border-inline-start:0;padding-inline-start:0}
.course-stat b{display:block;font-family:var(--font-serif);font-size:26px;font-weight:400;line-height:1;color:var(--text)}
.course-stat span{display:block;font-size:9px;color:var(--text-faint);margin-top:4px;white-space:nowrap}
.course-actions{display:flex;align-items:center;gap:7px}
.course-contents{padding-top:30px}
.course-chapter{padding:22px 0 4px;border-top:1px solid var(--border)}
.course-chapter:first-child{border-top:0;padding-top:0}
.chapter-head{display:grid;grid-template-columns:30px 34px minmax(0,1fr);align-items:start;gap:12px;margin-bottom:10px}
.chapter-index{font-family:var(--font-serif);font-size:18px;color:var(--text-faint);line-height:1.35}
.chapter-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);background:var(--panel);border-radius:6px;font-size:14px}
.chapter-copy h2{font-size:16px!important;font-weight:600!important;margin:0!important;line-height:1.45!important}
.chapter-copy p{font-size:10.5px!important;color:var(--text-faint)!important;margin:2px 0 0!important;line-height:1.6!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.note-ledger{border-top:1px solid var(--border-soft)}
.note-row{
  display:grid;grid-template-columns:32px minmax(0,1fr) auto 22px;align-items:center;gap:13px;width:100%;
  padding:12px 8px;border:0;border-bottom:1px solid var(--border-soft);background:transparent;color:var(--text);text-align:start;cursor:pointer;font:inherit;position:relative;transition:background var(--dur);
}
.note-row::before{content:"";position:absolute;inset-inline-start:0;top:9px;bottom:9px;width:2px;background:transparent;transition:background var(--dur)}
.note-row:hover{background:color-mix(in srgb,var(--panel) 70%,transparent)}
.note-row:hover::before{background:var(--accent)}
.note-row-index{font-family:var(--font-mono);font-size:9px;color:var(--text-faint)}
.note-row-main{min-width:0;display:flex;flex-direction:column;gap:2px}
.note-row-main strong{font-size:12.5px;font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:7px}
.note-row-main strong .note-icon{font-size:11px;opacity:.8;flex:none}
.note-row-main small{font-size:10px;color:var(--text-faint);line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70ch}
.note-row-date{font-family:var(--font-mono);font-size:8.5px;color:var(--text-faint);white-space:nowrap}
.note-row-arrow{font-size:13px;color:var(--text-faint);transition:transform .16s,color .16s}
.note-row:hover .note-row-arrow{color:var(--accent);transform:translate(-2px,-2px)}
.course-recent{display:flex;flex-direction:column}
.course-empty,.notes-empty-v9,.home-empty,.saved-empty-v20,.notification-empty,.community-empty,.profile-empty{
  border:1px dashed var(--border)!important;background:transparent!important;border-radius:9px!important;padding:44px 24px!important;text-align:center;color:var(--text-dim)!important;
}
.course-empty .big,.notes-empty-v9 .big,.saved-empty-v20>div:first-child,.notification-empty>div:first-child,.profile-empty>div:first-child{font-size:26px;margin-bottom:10px;opacity:.65}
.course-empty h3,.notes-empty-v9 h3,.saved-empty-v20 h2,.notification-empty h2,.profile-empty h3{font-size:18px!important;margin:0 0 6px!important}
.course-empty p,.notes-empty-v9 p,.saved-empty-v20 p,.notification-empty p,.profile-empty p{font-size:12px!important;line-height:1.9!important;color:var(--text-dim)!important;max-width:46ch;margin:0 auto 15px!important}

.editor-page{max-width:840px;margin:0 auto;animation:ns-rise .35s var(--ease) both}
.editor-breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:22px;white-space:nowrap;overflow:hidden}
.editor-breadcrumb span{overflow:hidden;text-overflow:ellipsis}
.editor-breadcrumb .crumb-sep{color:var(--border);flex:none}
.editor-head{padding:0 0 22px;border-bottom:1px solid var(--border);margin-bottom:26px}
.editor-title-line{display:flex;align-items:flex-start;gap:13px}
.title-icon{
  flex:none;width:46px!important;height:46px;margin-top:4px;display:grid;place-items:center;border:1px solid var(--border)!important;border-radius:8px!important;
  background:var(--panel)!important;font-size:22px!important;padding:0!important;cursor:pointer;box-shadow:none!important;
}
.title-icon:hover{background:var(--panel-2)!important;border-color:var(--accent)!important}
.page-title-input{
  width:100%;min-height:58px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  font-family:var(--font-display)!important;font-size:clamp(29px,3.6vw,44px)!important;font-weight:600!important;line-height:1.35!important;
  letter-spacing:-.035em!important;color:var(--text)!important;resize:none;box-shadow:none!important;overflow:hidden;
}
.page-title-input:focus{border:0!important;box-shadow:none!important;background:transparent!important}
.editor-meta{display:flex;align-items:center;gap:12px;margin-top:12px;padding-inline-start:59px;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;color:var(--text-faint);flex-wrap:wrap;min-height:16px}
.editor-meta .meta-dot{width:2px;height:2px;border-radius:50%;background:var(--border)}
.save-indicator{font-family:var(--font-mono)!important;font-size:9px!important;color:var(--mint)!important;margin:0!important;height:auto!important;opacity:0;transition:opacity .2s}
.save-indicator.show{opacity:1}
.blocks{max-width:100%}
.block-row{
  position:relative;display:flex;align-items:flex-start;gap:4px;padding:2px 0!important;margin:0!important;border-radius:0!important;background:transparent!important;
  padding-inline-end:52px!important;
}
.block-row:hover{background:transparent!important}
.block-row.drag-over{box-shadow:inset 0 2px 0 var(--accent)!important}
.block-row.dragging{opacity:.35}
.block-controls{position:absolute;inset-inline-end:calc(100% + 2px);margin-inline-end:0;display:flex;gap:1px;opacity:0;top:3px;transition:opacity .12s;z-index:2}
.block-row:hover .block-controls,.block-row:focus-within .block-controls{opacity:1}
.block-plus,.block-grip{width:22px;height:24px;border:1px solid transparent;background:transparent;color:var(--text-faint);border-radius:4px;cursor:pointer;display:grid;place-items:center;font-size:12px;padding:0}
.block-plus:hover,.block-grip:hover{background:var(--panel-2);border-color:var(--border);color:var(--text)}
.block-grip{cursor:grab;letter-spacing:-2px;font-size:13px}
.block-body{flex:1;min-width:0}
.blk-content{
  outline:none;min-width:0;margin:0!important;color:var(--text)!important;font-family:var(--font-read)!important;
  font-size:17.5px!important;line-height:2.02!important;caret-color:var(--accent);
}
.blk-content:empty::before{content:attr(data-placeholder);color:var(--text-faint)!important;opacity:.75}
.blk-content a{color:var(--accent-ink)!important;text-decoration-color:color-mix(in srgb,var(--accent) 45%, transparent)}
h1.blk-content,h2.blk-content,h3.blk-content{font-family:var(--font-display)!important;font-weight:600!important;line-height:1.45!important;margin:.5em 0 .18em!important}
h1.blk-content{font-size:27px!important;letter-spacing:-.03em!important}
h2.blk-content{font-size:21px!important;letter-spacing:-.02em!important}
h3.blk-content{font-size:17px!important;letter-spacing:-.01em!important}
blockquote.blk-content{
  border:0!important;border-inline-start:2px solid var(--accent)!important;background:transparent!important;border-radius:0!important;
  padding:4px 18px!important;color:var(--text-dim)!important;font-size:18px!important;font-style:normal;
}
.blk-callout{background:var(--sticky-soft)!important;border:1px solid color-mix(in srgb,var(--sticky) 26%,var(--border))!important;border-inline-start:2px solid var(--sticky)!important;border-radius:6px!important;padding:12px 14px!important;color:var(--text)!important}
.blk-callout .blk-content{font-size:15px!important;line-height:1.9!important}
.callout-icon{font-size:13px!important;margin-top:4px}
pre.blk-content,.blk-code{
  background:var(--code-bg)!important;color:var(--text)!important;border:1px solid var(--border-soft)!important;border-radius:7px!important;
  padding:14px 16px!important;font-family:var(--font-mono)!important;font-size:12.5px!important;line-height:1.8!important;direction:ltr;text-align:left;
}
.blk-table{border-color:var(--border)!important;border-radius:7px;overflow:hidden;width:100%;border-collapse:collapse}
.blk-table th{background:var(--panel-2)!important;color:var(--text)!important;font-weight:600!important;font-size:12.5px}
.blk-table td,.blk-table th{border-color:var(--border-soft)!important;padding:9px 11px!important}
.blk-todo-row,.blk-list-row{display:flex;align-items:flex-start;gap:9px}
.blk-todo-box{border:1.4px solid var(--text-faint)!important;border-radius:3px!important;width:15px;height:15px;margin-top:8px;background:transparent;flex:none;cursor:pointer;padding:0}
.blk-todo-row.checked .blk-todo-box{background:var(--accent);border-color:var(--accent)!important;position:relative}
.blk-todo-row.checked .blk-todo-box::after{content:"";position:absolute;inset:3px;border:solid var(--on-accent);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg)}
.blk-todo-row.checked .blk-content{color:var(--text-faint)!important;text-decoration:line-through}
.blk-num,.blk-bullet{color:var(--accent)!important;font-family:var(--font-mono);font-size:12px;min-width:17px;margin-top:8px;line-height:1.6}
.blk-divider{border:0;border-top:1px solid var(--border)!important;margin:18px 0!important}
.blk-image{margin:10px 0;border-radius:7px;overflow:hidden;border:1px solid var(--border);background:var(--panel)}
.blk-image img{width:100%;display:block}
.blk-image-setup{display:flex;gap:7px;flex-wrap:wrap;padding:11px;border:1px dashed var(--border);border-radius:7px;background:var(--panel)}
.blk-image-setup input{flex:1;min-width:160px}
.add-block-btn{
  margin-top:18px!important;width:100%;min-height:42px;border:1px dashed var(--border)!important;background:transparent!important;
  color:var(--text-faint)!important;border-radius:7px!important;padding:8px 14px!important;cursor:pointer;font-size:11.5px;
  display:flex;align-items:center;justify-content:center;gap:7px;transition:border-color var(--dur),color var(--dur),background var(--dur)
}
.add-block-btn:hover{background:var(--panel)!important;border-color:var(--accent)!important;color:var(--accent)!important}
.slash-menu,.block-menu{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:var(--sh-2)!important;color:var(--text)!important;padding:5px!important;min-width:190px}
.slash-item,.block-menu .mi{padding:8px 10px!important;border-radius:5px!important;font-size:12px!important;color:var(--text-dim)!important;cursor:pointer;display:flex;align-items:center;gap:8px}
.slash-item:hover,.slash-item.sel,.block-menu .mi:hover{background:var(--panel-2)!important;color:var(--text)!important}
.slash-item .si-icon,.block-menu .mi .si-icon{font-size:12px;width:16px;text-align:center}
.slash-empty,.block-menu .sep{color:var(--text-faint)!important;font-size:11px;padding:8px 10px}
.block-menu .mi.danger{color:var(--danger)!important}
.block-menu .sep{height:1px;padding:0;background:var(--border-soft);margin:4px 0}

.auth-screen{
  display:flex;align-items:stretch;justify-content:center;min-height:100vh;
  padding:0!important;background:var(--bg)!important;
}
.auth-atelier{display:grid;grid-template-columns:minmax(420px,520px) minmax(0,1fr);width:100%;min-height:100vh}
.auth-pane{display:grid;place-items:center;padding:42px 38px;background:var(--bg)!important;position:relative}
.auth-pane::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0 39px,color-mix(in srgb,var(--border) 24%,transparent) 39px 40px);opacity:.45;pointer-events:none;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}
.auth-card{
  position:relative;z-index:1;width:min(420px,100%);padding:30px 30px 28px!important;
  background:var(--panel)!important;border:1px solid var(--border)!important;border-top:2px solid var(--accent)!important;
  border-radius:5px!important;box-shadow:var(--sh-2)!important;animation:ns-rise .45s var(--ease) both;
}
.auth-card>.appearance-toggle{position:absolute;top:14px;inset-inline-end:14px;width:34px;height:34px;min-height:34px!important;padding:0!important;border-color:transparent!important;background:transparent!important;color:var(--text-faint)!important}
.auth-card>.appearance-toggle:hover{background:var(--panel-2)!important;color:var(--text)!important}
.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.auth-brand-copy{display:flex;flex-direction:column;line-height:1.2}
.auth-brand-copy strong{font-family:var(--font-serif);font-size:23px;font-weight:400;color:var(--text)}
.auth-brand-copy small{font-size:9px;color:var(--text-faint);margin-top:3px;letter-spacing:.04em}
.auth-card .brand-prompt{display:none}
.auth-card h2{font-size:clamp(25px,2.6vw,31px)!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.035em!important;margin:0 0 7px!important;color:var(--text)!important}
.auth-sub{color:var(--text-dim)!important;font-size:11.5px!important;line-height:1.8!important;margin:0 0 21px!important;max-width:38ch}
.auth-tabs{display:flex!important;align-items:center;gap:22px;background:transparent!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;padding:0!important;margin-bottom:20px!important}
.auth-tab{
  min-height:38px!important;padding:0 1px 8px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;
  background:transparent!important;color:var(--text-faint)!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important;cursor:pointer;
}
.auth-tab:hover{color:var(--text)!important;background:transparent!important}
.auth-tab.primary{background:transparent!important;color:var(--text)!important;border-bottom-color:var(--accent)!important;box-shadow:none!important}
.auth-field{margin-bottom:13px}
.auth-field label,.auth-field>span{display:block;color:var(--text-dim)!important;font-size:10.5px!important;font-weight:600;margin-bottom:5px;letter-spacing:.01em}
.auth-field input{width:100%;min-height:43px!important;font-size:13px!important;background:var(--bg)!important;border-color:var(--border)!important}
.auth-field input:focus{background:var(--panel)!important}
.auth-error{color:var(--danger)!important;background:var(--danger-soft)!important;border:1px solid color-mix(in srgb,var(--danger) 22%, transparent);border-radius:5px!important;padding:7px 9px!important;font-size:11px!important;line-height:1.7;margin:0 0 12px}
.auth-error:empty{display:none}
.auth-submit{width:100%;min-height:42px!important;margin-top:3px;font-size:12.5px!important;border-radius:7px!important}
.auth-forgot{background:transparent!important;border-color:transparent!important;color:var(--text-dim)!important;box-shadow:none!important;min-height:34px!important;font-size:11px!important;margin-top:4px}
.auth-forgot:hover{background:transparent!important;color:var(--accent)!important;border-color:transparent!important}
.verify-head{display:flex;align-items:flex-start;gap:10px;padding:0 0 15px;margin-bottom:15px;border-bottom:1px solid var(--border-soft)}
.verify-icon{width:32px;height:32px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);border-radius:6px;font-size:15px;flex:none}
.verify-head h3{font-size:14px!important;margin:0 0 3px!important}
.verify-head p{font-size:10.5px!important;color:var(--text-dim)!important;margin:0!important;line-height:1.7!important}
.auth-editorial{
  position:relative;overflow:hidden;background:var(--text)!important;color:var(--bg)!important;
  padding:clamp(40px,5vw,74px);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;
}
.auth-editorial::before{
  content:"";position:absolute;width:560px;height:560px;border-radius:50%;inset-inline-end:-220px;top:-260px;z-index:-1;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 74%,transparent),transparent 66%);
}
.auth-editorial::after{
  content:"";position:absolute;width:420px;height:420px;border-radius:50%;inset-inline-start:-230px;bottom:-240px;z-index:-1;
  background:radial-gradient(circle,color-mix(in srgb,var(--sticky) 42%,transparent),transparent 68%);
}
.auth-editorial-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.auth-edition{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--bg) 55%,transparent)}
.auth-editorial .notesy-mark{background:var(--bg)!important;color:var(--text)!important}
.auth-editorial .notesy-mark::before{color:var(--text)!important}
.auth-editorial-copy{max-width:470px;margin:36px 0}
.auth-editorial-copy h1{font-family:var(--font-read)!important;font-size:clamp(38px,4.4vw,64px)!important;font-weight:600!important;line-height:1.38!important;letter-spacing:-.02em!important;color:var(--bg)!important;margin:0 0 18px!important}
.auth-editorial-copy h1 em{font-family:var(--font-serif)!important;font-style:italic;font-weight:400;color:color-mix(in srgb,var(--bg) 75%,transparent);letter-spacing:.01em}
.auth-editorial-copy p{font-size:13px;line-height:2;color:color-mix(in srgb,var(--bg) 62%,transparent);max-width:42ch;margin:0}
.auth-paper-stack{position:relative;height:160px;max-width:420px;margin:18px 0 10px;pointer-events:none}
.auth-sheet{position:absolute;width:200px;height:134px;background:color-mix(in srgb,var(--bg) 96%,transparent);border-radius:3px;box-shadow:0 22px 50px -22px rgba(0,0,0,.55);padding:16px 16px 12px;background-image:repeating-linear-gradient(0deg,transparent 0 11px,color-mix(in srgb,var(--text) 13%,transparent) 11px 12px);background-position:0 26px}
.auth-sheet::before{content:"";display:block;width:38%;height:4px;background:color-mix(in srgb,var(--accent) 75%,transparent);margin-bottom:13px}
.auth-sheet.sheet-a{inset-inline-start:0;top:10px;transform:rotate(-5deg);opacity:.9}
.auth-sheet.sheet-b{inset-inline-start:110px;top:0;transform:rotate(4deg);opacity:.96}
.auth-sheet.sheet-c{inset-inline-start:220px;top:18px;transform:rotate(-1deg);opacity:.72}
.auth-editorial-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--bg) 14%,transparent)}
.auth-editorial-foot span{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--bg) 45%,transparent)}
.auth-editorial-foot strong{font-family:var(--font-read);font-size:12px;font-weight:500;color:color-mix(in srgb,var(--bg) 70%,transparent)}

.modal-backdrop,.note-reader-overlay,.fc-overlay,.sidebar-backdrop{background:var(--scrim)!important;backdrop-filter:blur(3px);animation:ns-fade .18s var(--ease) both}
.modal,.note-reader-panel,.slash-menu,.block-menu{
  background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:9px!important;
  box-shadow:var(--sh-3)!important;color:var(--text)!important;background-image:none!important;
}
.modal,.note-reader-panel{animation:ns-pop .22s var(--ease) both}
.modal-head{border-bottom:1px solid var(--border-soft)!important;padding:16px 18px!important}
.modal-head h3,.modal-head h2{font-family:var(--font-display)!important;font-size:15px!important;font-weight:600!important}
.modal-body{padding:18px!important}
.modal-actions{border-top:1px solid var(--border-soft)!important;padding:13px 18px!important;gap:7px!important}
.modal-actions .btn{min-height:36px!important;font-size:12px!important}
.toast{background:var(--text)!important;color:var(--bg)!important;border:0!important;border-radius:7px!important;box-shadow:var(--sh-2)!important;font-size:12px!important;animation:ns-toast .26s var(--ease) both}
.ux-dialog{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:var(--sh-3)!important;padding:20px!important}
.ux-dialog h3{font-size:16px!important;margin:0 0 5px!important}
.ux-dialog-msg{font-size:12px!important;line-height:1.8!important;color:var(--text-dim)!important}
.ux-field label{font-size:11px!important;color:var(--text-dim)!important}
.ux-field input{background:var(--bg)!important;border-color:var(--border)!important;border-radius:6px!important;min-height:40px!important;color:var(--text)!important}
.ux-dialog-actions .btn{min-height:36px!important;font-size:12px!important;border-radius:6px!important}
.ux-toast{background:var(--panel)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:7px!important;box-shadow:var(--sh-2)!important;font-size:12px!important}

.notes-dashboard,.course-workspace,.notifications-page,.saved-page-v20,.community-page-v14,.profile-page-v18,.public-page,.flashcards-page,.fc-page{max-width:1180px;margin:0 auto}
.notes-top,.notifications-head,.saved-head-v20{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:6px 0 26px!important;margin-bottom:0!important;border-bottom:1px solid var(--border)!important}
.notes-kicker,.saved-kicker-v20,.profile-section-head-v18 span,.posted-label,.community-feed-head-v14 span{
  font-family:var(--font-mono)!important;font-size:9px!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--text-faint)!important;
}
.notes-title,.saved-head-v20 h1{font-size:clamp(30px,3.8vw,48px)!important;font-weight:600!important;line-height:1.22!important;letter-spacing:-.04em!important;margin:11px 0 8px!important;color:var(--text)!important}
.notes-sub,.saved-head-v20 p{font-size:12.5px!important;line-height:1.85!important;color:var(--text-dim)!important;margin:0!important;max-width:56ch}
.notes-actions{display:flex;gap:7px;flex-wrap:wrap}
.notes-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;border-bottom:1px solid var(--border);margin-bottom:26px!important}
.overview-card{position:relative;padding:18px 22px 20px!important;border:0!important;border-inline-start:1px solid var(--border-soft)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:104px}
.overview-card:first-child{border-inline-start:0!important;padding-inline-start:0!important}
.overview-icon{position:absolute;inset-inline-end:20px;top:18px;font-size:14px;opacity:.6}
.overview-number{font-family:var(--font-serif)!important;font-size:31px!important;font-weight:400!important;line-height:1!important;color:var(--text)!important}
.overview-label{font-size:9.5px;color:var(--text-faint);margin-top:6px;letter-spacing:.02em}
.courses-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}
.course-card-v9{
  padding:18px 20px!important;border:1px solid var(--border)!important;border-radius:8px!important;background:var(--panel)!important;
  box-shadow:none!important;background-image:none!important;transition:border-color var(--dur),background var(--dur)!important;
}
.course-card-v9:hover{transform:none!important;border-color:color-mix(in srgb,var(--accent) 42%,var(--border))!important;box-shadow:none!important;background:color-mix(in srgb,var(--panel) 88%,var(--accent) 2%)!important}
.course-card-head-v9{display:flex;align-items:center;gap:12px}
.course-icon-v9{width:36px;height:36px;border-radius:7px;background:var(--panel-2)!important;border:1px solid var(--border-soft)!important;font-size:16px;display:grid;place-items:center;flex:none}
.course-info-v9 h3{font-size:14px!important;font-weight:600!important;margin:0!important;line-height:1.45!important}
.course-info-v9 p{font-size:10px!important;color:var(--text-faint)!important;margin:3px 0 0!important;line-height:1.6}
.course-open-v9{background:transparent!important;border-color:var(--border)!important;border-radius:6px!important;color:var(--text-dim)!important;padding:5px 9px!important;font-size:10px!important}
.course-open-v9:hover{background:var(--text)!important;border-color:var(--text)!important;color:var(--panel)!important}
.course-pages-v9{margin-top:12px!important;padding-top:10px;border-top:1px solid var(--border-soft)}
.course-more-v9{font-size:10px!important;color:var(--text-faint)!important;padding:0!important;line-height:1.6}

.community-shell,.community-layout,.community-feed,.community-rail{background:transparent!important}
.community-title-v14 h1{font-size:clamp(30px,3.8vw,46px)!important;font-weight:600!important;letter-spacing:-.04em!important}
.community-card,.public-card,.community-feed-v14 article,[class*="post-card"],.rail-card-v14,.community-side-card{
  background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:none!important;background-image:none!important;
}
.community-feed-v14 article:hover,[class*="post-card"]:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))!important;transform:none!important;box-shadow:none!important}
.community-empty{border-style:solid!important;background:var(--panel)!important}
.community-tabs,.community-filter-row,.feed-tabs{border-color:var(--border)!important}
.community-tab,.feed-tab{border-radius:6px!important;font-size:11px!important;min-height:32px!important}
.community-tab.active,.feed-tab.active{background:var(--text)!important;color:var(--panel)!important;border-color:var(--text)!important}

.saved-course-v22,.notification-item{
  background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:none!important;
  padding:14px 16px!important;margin-bottom:6px!important;
}
.saved-course-v22:hover,.notification-item:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border))!important;box-shadow:none!important;transform:none!important}
.saved-course-icon-v22{width:36px;height:36px;border-radius:7px;background:var(--panel-2);border:1px solid var(--border-soft);display:grid;place-items:center;font-size:16px}
.saved-course-main-v22 h2{font-size:14px!important;font-weight:600!important;margin:3px 0 2px!important}
.saved-course-main-v22 p{font-size:10px!important;color:var(--text-faint)!important}
.saved-course-kicker-v22{font-family:var(--font-mono)!important;font-size:8.5px!important;letter-spacing:.12em!important;color:var(--accent)!important}
.saved-remove-v22{width:28px;height:28px;min-width:28px;border-radius:5px!important;background:transparent!important;border-color:transparent!important;color:var(--text-faint)!important}
.saved-remove-v22:hover{background:var(--danger-soft)!important;color:var(--danger)!important}
.saved-count-v20{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);border:1px solid var(--border);border-radius:5px;padding:5px 9px;white-space:nowrap}
.notifications-list{display:flex;flex-direction:column;gap:5px;padding-top:18px}
.notification-item{display:flex;align-items:flex-start;gap:12px;text-align:start;cursor:pointer;position:relative}
.notification-item.unread{background:color-mix(in srgb,var(--accent-soft) 42%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent) 24%,var(--border))!important}
.notification-icon{width:30px;height:30px;border-radius:6px;background:var(--panel-2);display:grid;place-items:center;font-size:13px;flex:none}
.notification-copy{font-size:11.5px!important;line-height:1.8!important;color:var(--text-dim)!important;min-width:0}
.notification-copy strong{color:var(--text);font-weight:600}
.notification-copy small{display:block;font-family:var(--font-mono);font-size:8.5px;color:var(--text-faint);margin-top:3px}
.notification-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none;margin-top:7px}

.profile-back{border:0!important;background:transparent!important;color:var(--text-faint)!important;padding:0!important;min-height:30px!important;font-size:11px!important}
.profile-hero-v18{border:1px solid var(--border)!important;border-radius:9px!important;background:var(--panel)!important;box-shadow:none!important;overflow:hidden!important}
.profile-cover-v18{height:96px!important;background:var(--text)!important;background-image:radial-gradient(400px 180px at 88% 0%,color-mix(in srgb,var(--accent) 50%,transparent),transparent 70%)!important}
.profile-hero-body-v18{padding:0 24px 20px!important}
.profile-avatar-wrap-v18{margin-top:-36px!important}
.profile-avatar-v18{width:76px!important;height:76px!important;border-radius:50%!important;border:3px solid var(--panel)!important;background:var(--accent-soft)!important;color:var(--accent-ink)!important;font-family:var(--font-serif)!important;font-size:27px!important}
.profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.profile-kicker{font-family:var(--font-mono)!important;font-size:8.5px!important;letter-spacing:.16em!important;color:var(--text-faint)!important}
.profile-hero-copy-v18 h1{font-size:26px!important;font-weight:600!important;margin:4px 0 2px!important}
.profile-handle{font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}
.profile-bio{font-size:12px!important;line-height:1.9!important;color:var(--text-dim)!important}
.profile-stats-v18{border-top:1px solid var(--border-soft)!important;background:transparent!important;padding:12px 24px!important}
.profile-stats-v18 b{font-family:var(--font-serif)!important;font-size:20px!important;font-weight:400!important;color:var(--text)!important}
.profile-stats-v18 span{font-size:8.5px!important;color:var(--text-faint)!important}
.profile-content-v18{padding-top:26px}
.profile-section-head-v18 h2{font-size:22px!important;margin:5px 0 4px!important}
.profile-section-head-v18 p{font-size:11px!important;color:var(--text-dim)!important}
.profile-count-pill-v18{font-family:var(--font-mono);font-size:9px;border:1px solid var(--border)!important;border-radius:5px!important;padding:4px 8px!important;background:transparent!important;color:var(--text-faint)!important}
.profile-course-v18{border:1px solid var(--border)!important;border-radius:8px!important;background:var(--panel)!important;box-shadow:none!important;margin-bottom:6px!important}
.profile-course-head-v18{background:transparent!important;border:0!important;padding:13px 15px!important}
.profile-course-head-v18:hover{background:var(--panel-2)!important}
.profile-course-icon-v18{width:32px;height:32px;border-radius:6px;background:var(--panel-2);display:grid;place-items:center;font-size:14px}
.profile-course-main-v18 h3{font-size:13px!important;font-weight:600!important;margin:0!important}
.profile-course-main-v18 p{font-size:9.5px!important;color:var(--text-faint)!important}
.profile-course-num-v18{font-family:var(--font-serif);font-size:17px;color:var(--text-faint)}
.profile-note-row-v18{border-top:1px solid var(--border-soft)!important;padding:9px 15px!important;background:transparent!important;border-inline:0!important;font-size:11px!important}
.profile-note-row-v18:hover{background:var(--panel-2)!important}
.profile-tip-v18{font-size:10.5px!important;color:var(--text-faint)!important;border-top:1px solid var(--border);padding-top:12px;margin-top:14px}

.public-block{font-family:var(--font-read)!important;font-size:16px!important;line-height:2!important}
.public-course,.public-note-card,.public-post,.public-hero{
  background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:none!important;
}
.fc-page,.flashcards-page{max-width:900px}
.fc-card,.flashcard,.fc-review-card{
  background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:10px!important;box-shadow:var(--sh-2)!important;
}
.fc-stat,.fc-due,.flashcard-stat{border:1px solid var(--border)!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important}
.note-reader-overlay{backdrop-filter:blur(4px)}
.note-reader-panel{border-radius:9px!important}
.note-reader-panel .reader-content,.reader-body{font-family:var(--font-read)!important;font-size:17px!important;line-height:2.05!important}

@keyframes ns-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ns-fade{from{opacity:0}to{opacity:1}}
@keyframes ns-pop{from{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:none}}
@keyframes ns-toast{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes ns-spin{to{transform:rotate(360deg)}}

@media(max-width:1180px){
  :root{--sidebar-w:270px}
  .main{padding-inline:26px!important}
  .course-ledger-head,.course-ledger-row{grid-template-columns:34px minmax(0,1fr) 74px 84px 92px 70px;gap:12px}
  .auth-atelier{grid-template-columns:minmax(400px,470px) minmax(0,1fr)}
}
@media(max-width:980px){
  .sidebar{position:fixed!important;inset-block:0;inset-inline-start:0;height:100dvh;transform:translateX(100%);transition:transform .24s var(--ease);box-shadow:var(--sh-3)!important;width:min(86vw,300px)!important;max-width:300px!important}
  html[dir="ltr"] .sidebar{transform:translateX(-100%);inset-inline-start:0}
  .sidebar.open{transform:translateX(0)!important}
  .menu-btn{display:grid!important}
  .sidebar-close{display:grid!important}
  .topbar{grid-template-columns:auto minmax(0,1fr) minmax(160px,290px) auto;gap:10px;padding-inline:18px}
  .home-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}
  .courses-grid{grid-template-columns:1fr}
  .auth-atelier{grid-template-columns:1fr}
  .auth-editorial{display:none}
  .auth-pane{padding:30px 22px;min-height:100vh}
  .auth-pane::before{display:none}
  .auth-card{max-width:430px}
  .main{padding:30px 22px 84px!important}
  .profile-hero-body-v18{padding-inline:18px!important}
}
@media(max-width:760px){
  .topbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"menu context actions" "search search search";height:auto;padding:10px 14px;gap:7px}
  .topbar .menu-btn{grid-area:menu}
  .topbar-context{grid-area:context}
  .topbar-search{grid-area:search}
  .topbar-actions{grid-area:actions;gap:2px}
  .topbar-kicker{font-size:8.5px}
  .topbar-title{font-size:12.5px}
  .topbar-search input{height:36px;min-height:36px!important}
  .topbar-icon{width:34px;height:34px}
  .page-masthead{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:22px}
  .masthead-actions{width:100%}
  .masthead-actions .btn{flex:1}
  .display-title{font-size:clamp(29px,8vw,40px)!important}
  .stat-ledger{grid-template-columns:repeat(2,1fr)}
  .stat-cell{padding:15px 16px 17px}
  .stat-cell:nth-child(odd){border-inline-start:0;padding-inline-start:0}
  .stat-cell:nth-child(n+3){border-top:1px solid var(--border-soft)}
  .stat-cell strong{font-size:27px}
  .home-grid{grid-template-columns:1fr;padding:22px 0}
  .feature-note{min-height:300px;padding:20px 20px 18px}
  .feature-note::after{display:none}
  .home-aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .ledger-row{grid-template-columns:26px minmax(0,1fr) 20px;gap:10px}
  .row-date{display:none}
  .row-title strong{font-size:12.5px}
  .course-ledger-head{display:none}
  .course-ledger-row{grid-template-columns:24px minmax(0,1fr) auto;gap:10px;padding:13px 4px}
  .course-ledger-meta:nth-of-type(2),.course-ledger-date{display:none}
  .course-ledger-meta:nth-of-type(1){display:flex;align-items:center;flex-direction:row;gap:3px}
  .course-ledger-meta b{font-size:15px}
  .course-ledger-open{display:none}
  .course-ledger-copy h3{font-size:13px!important}
  .course-masthead{grid-template-columns:1fr;gap:20px}
  .course-masthead-side{align-items:flex-start}
  .course-stats{width:100%}
  .course-stat{padding:0 14px}
  .course-actions{width:100%}
  .course-actions .btn{flex:1}
  .editor-title-line{gap:9px}
  .title-icon{width:40px!important;height:40px;font-size:18px!important}
  .editor-meta{padding-inline-start:49px}
  .page-title-input{font-size:clamp(26px,7vw,34px)!important}
  .sidebar-nav{padding-top:9px!important}
  .notes-top,.notifications-head,.saved-head-v20{flex-direction:column;align-items:flex-start;gap:15px}
  .notes-actions{width:100%}
  .notes-actions .btn{flex:1}
  .notes-overview{grid-template-columns:repeat(3,1fr)}
  .overview-card{padding:13px 10px!important;min-height:88px}
  .overview-card .overview-icon{display:none}
  .overview-number{font-size:24px!important}
  .overview-label{font-size:8.5px}
  .profile-stats-v18{grid-template-columns:repeat(4,1fr)!important}
}
@media(max-width:620px){
  .auth-screen{min-height:100dvh}
  .auth-pane{padding:0}
  .auth-card{width:100%;min-height:100dvh;margin:0!important;border:0!important;border-top:3px solid var(--accent)!important;border-radius:0!important;padding:28px 22px!important;box-shadow:none!important;display:flex;flex-direction:column;justify-content:center}
  .auth-brand{margin-bottom:18px}
  .home-aside{grid-template-columns:1fr}
  .home-masthead .masthead-actions{gap:6px}
  .recent-ledger{padding-top:22px}
  .section-heading{margin-bottom:10px}
  .feature-title{font-size:24px!important}
  .course-identity{gap:12px}
  .course-seal{width:48px;height:48px;font-size:21px}
  .chapter-head{grid-template-columns:24px 28px minmax(0,1fr);gap:9px}
  .chapter-mark{width:26px;height:26px;font-size:12px}
  .chapter-copy h2{font-size:14px!important}
  .note-row{grid-template-columns:24px minmax(0,1fr) 18px;gap:9px;padding:11px 4px}
  .note-row-date{display:none}
  .note-row-main small{max-width:46ch}
  .editor-breadcrumb{margin-bottom:16px}
  .topbar-user{width:32px;height:32px}
}
@media(max-width:420px){
  .stat-ledger{grid-template-columns:1fr 1fr}
  .stat-cell strong{font-size:24px}
  .masthead-actions{flex-direction:column;align-items:stretch}
  .feature-top .feature-count{display:none}
  .topbar-kicker{display:none}
  .topbar-title{margin-top:0}
}
@media(max-width:860px){
  body .sidebar{position:fixed!important;inset-block:0;inset-inline-start:0;height:100dvh;width:min(88vw,340px)!important;max-width:340px!important;z-index:45;transform:translateX(100%);transition:transform .24s var(--ease)}
  html[dir="rtl"] body .sidebar{transform:translateX(100%)}
  html[dir="ltr"] body .sidebar{transform:translateX(-100%)}
  body .sidebar.open{transform:translateX(0)!important}
  body .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:44;background:var(--scrim);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .2s;animation:none!important}
  body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}
}