:root{
  --font-ui:'IBM Plex Sans Arabic',system-ui,sans-serif;
  --font-display:'IBM Plex Sans Arabic',system-ui,sans-serif;
  --font-read:'Noto Naskh Arabic','IBM Plex Sans Arabic',serif;
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;
  /* Android-aligned light palette */
  --paper:#F6F4EF;--paper-2:#F0ECE5;--paper-3:#E8E2D8;--card:#FFFDF9;
  --ink:#1F1C18;--ink-2:#746C61;--ink-3:#A69A89;--rule:#E0D8CB;--rule-soft:#EEE8DE;
  --bg:#F6F4EF;--panel:#FFFDF9;--panel-2:#F0ECE5;--panel-3:#E8E2D8;
  --border:#E0D8CB;--border-soft:#EEE8DE;--text:#1F1C18;--text-dim:#746C61;--text-faint:#A69A89;
  --accent:#5B4BFF;--accent-ink:#3F32D9;--accent-deep:#3F32D9;--accent-wash:#EEECFF;--on-accent:#FFFFFF;
  --accent-container:#E4E0FF;--on-accent-container:#241A78;--accent-soft:#EEECFF;
  --amber:#5B4BFF;--amber-dim:#3F32D9;--teal:#0F766E;--mint:#0F766E;--mint-soft:#E0F4EF;
  --moss:#0F766E;--moss-wash:#E0F4EF;--sticky:#C97812;--sticky-soft:#FFF3DB;--ochre:#C97812;
  --danger:#BE3A34;--danger-c:#BE3A34;--danger-wash:#FCE9E7;--danger-soft:#FCE9E7;
  --up:#0F766E;--nav-bg:#FBF9F5;--nav-indicator:#E8E4FF;--code-bg:#F2EEE7;
  --hero-start:#6355FF;--hero-end:#3A2BC8;--on-hero:#FFFFFF;--hero-muted:#DCD9FF;--hero-glass:rgba(255,255,255,.15);
  --avatar-start:#7C6BFF;--avatar-end:#4338CA;--scrim:rgba(17,16,20,.48);
  --r-sm:12px;--r:16px;  --r-lg:22px;--r-xl:26px;--radius:18px;
  --sh-1:0 1px 2px rgba(43,34,24,.05),0 1px 1px rgba(43,34,24,.03);
  --sh-2:0 10px 30px -12px rgba(43,34,24,.18),0 2px 6px rgba(43,34,24,.05);
  --sh-3:0 28px 80px -24px rgba(31,25,18,.32);
  --ease:cubic-bezier(.2,.75,.25,1);--dur:180ms;
}
html[data-appearance="dark"]{
  --paper:#111014;--paper-2:#24222A;--paper-3:#2D2A34;--card:#1B1920;
  --ink:#F5F1E8;--ink-2:#B0A7B8;--ink-3:#756C7F;--rule:#3A3642;--rule-soft:#302C38;
  --bg:#111014;--panel:#1B1920;--panel-2:#24222A;--panel-3:#2D2A34;
  --border:#3A3642;--border-soft:#302C38;--text:#F5F1E8;--text-dim:#B0A7B8;--text-faint:#756C7F;
  --accent:#A9A3FF;--accent-ink:#7C75F5;--accent-deep:#7C75F5;--accent-wash:#2A2640;--on-accent:#151225;
  --accent-container:#322C52;--on-accent-container:#DDD9FF;--accent-soft:#2A2640;
  --amber:#A9A3FF;--amber-dim:#7C75F5;--teal:#5EEAD4;--mint:#5EEAD4;--mint-soft:#17342F;
  --moss:#5EEAD4;--moss-wash:#17342F;--sticky:#F1B24A;--sticky-soft:#3A2C18;--ochre:#F1B24A;
  --danger:#FF8A80;--danger-c:#FF8A80;--danger-wash:#3D2022;--danger-soft:#3D2022;
  --up:#5EEAD4;--nav-bg:#1A181F;--nav-indicator:#332D52;--code-bg:#211F26;
  --hero-start:#4A3ED6;--hero-end:#2C247F;--on-hero:#FFFFFF;--hero-muted:#E2DEFF;--hero-glass:rgba(255,255,255,.12);
  --avatar-start:#8F82FF;--avatar-end:#5B4BFF;--scrim:rgba(0,0,0,.62);
  --sh-1:inset 0 1px 0 rgba(255,255,255,.035),0 1px 2px rgba(0,0,0,.24);
  --sh-2:0 12px 32px -14px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.035);
  --sh-3:0 32px 90px -22px rgba(0,0,0,.82);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;color-scheme:light}
html[data-appearance="dark"]{color-scheme:dark}
*{scrollbar-width:thin;scrollbar-color:var(--rule) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--rule);border-radius:8px;border:3px solid var(--bg)}
::-webkit-scrollbar-track{background:transparent}
::selection{background:var(--accent-soft)!important;color:var(--text)}
body{
  margin:0;background:var(--bg)!important;background-image:none!important;color:var(--text)!important;
  font-family:var(--font-ui)!important;font-size:15px;line-height:1.75;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
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;color:var(--text);letter-spacing:-.02em!important;
}
p{color:inherit}
a{color:var(--accent-ink);text-underline-offset:3px}
button{font-family:inherit}
input,textarea,select{font-family:inherit}
:focus{outline:none}
:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important}
button,.nav-item,.page-item,.course-head,.mode-btn{-webkit-tap-highlight-color:transparent}
svg{display:block}

.notesy-mark{
  width:46px;height:46px;flex:none;display:inline-grid;place-items:center;position:relative;border-radius:15px;
  background:linear-gradient(145deg,var(--hero-start),var(--hero-end));box-shadow:0 8px 20px -8px color-mix(in srgb,var(--accent) 70%,transparent);
}
.notesy-mark::before{
  content:"";width:21px;height:26px;border-radius:3px;background:var(--panel);
  transform:rotate(-4deg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 55%,transparent);
}
.notesy-mark::after{
  content:"";position:absolute;width:9px;height:9px;inset-inline-end:9px;bottom:9px;border-radius:2px;
  background:var(--sticky);clip-path:polygon(0 0,100% 100%,0 100%);transform:rotate(-4deg);
}
.notesy-mark.small{width:38px;height:38px;border-radius:12px}
.notesy-mark.small::before{width:17px;height:21px}
.notesy-mark.small::after{width:7px;height:7px;inset-inline-end:7px;bottom:7px}

.btn{
  min-height:52px;padding:10px 18px!important;border:1px solid var(--border)!important;border-radius:18px!important;
  background:var(--panel)!important;background-image:none!important;color:var(--text)!important;
  font-size:15px!important;font-weight:600!important;line-height:1.3;box-shadow:var(--sh-1)!important;cursor:pointer;
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform 90ms var(--ease),box-shadow var(--dur) var(--ease)!important;
}
.btn:hover{background:var(--panel-2)!important;border-color:var(--border)!important;transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--on-accent)!important;box-shadow:0 10px 26px -12px color-mix(in srgb,var(--accent) 76%,transparent)!important}
.btn.primary:hover{background:var(--accent-ink)!important;border-color:var(--accent-ink)!important}
.btn.danger{background:var(--danger-soft)!important;border-color:color-mix(in srgb,var(--danger) 28%,var(--border))!important;color:var(--danger)!important}
.btn.danger:hover{background:color-mix(in srgb,var(--danger-soft) 70%,var(--danger) 8%)!important;border-color:var(--danger)!important}
.btn.danger-solid{background:var(--danger)!important;border-color:var(--danger)!important;color:var(--on-accent)!important}
.btn.small{min-height:36px;padding:6px 12px!important;font-size:13px!important;border-radius:13px!important}
.btn.block{width:100%;justify-content:center;text-align:center}
.btn:disabled,.btn[disabled]{opacity:.48!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.btn.loading{position:relative;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(--accent);border-top-color:transparent;animation:ns-spin .7s linear infinite}
.import-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.appearance-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--text-dim)!important}
.appearance-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea,select{
  min-height:52px;padding:12px 16px;border:1px solid var(--border)!important;border-radius:18px!important;
  background:var(--panel-2)!important;color:var(--text)!important;font-size:15px!important;line-height:1.6;
  box-shadow:none!important;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background 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;background:var(--panel)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)!important;outline:none!important}
input[type=checkbox]{accent-color:var(--accent)}
input[type=color]{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:3px}

.shell{background:var(--bg)!important;min-height:100vh}
.sidebar{
  width:304px!important;max-width:304px;flex:none;background:var(--nav-bg)!important;
  border-inline-end:1px solid var(--border-soft)!important;border-left:0!important;border-right:0!important;
  box-shadow:none!important;backdrop-filter:none!important;position:sticky;top:0;height:100vh;height:100dvh;
}
.brand{padding:20px 18px 16px!important;border-bottom:1px solid var(--border-soft)!important}
.brand-prompt{font-family:var(--font-mono)!important;font-size:11px!important;color:var(--text-faint)!important;letter-spacing:.08em;direction:ltr;text-align:start;margin-bottom:10px;opacity:1!important}
.brand-prompt::before{content:"notesy# "!important;color:var(--accent)!important;font-weight:600}
.brand-title{display:flex;align-items:center;gap:11px;min-width:0}
.brand-title>div{min-width:0}
.brand h1{font-size:22px!important;line-height:1.2!important;margin:0!important;font-weight:700!important;letter-spacing:-.03em!important}
.brand-sub{font-size:12.5px!important;color:var(--text-dim)!important;margin-top:2px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mode-switch{display:flex;gap:4px;margin-top:14px!important;padding:4px!important;border:1px solid var(--border-soft)!important;border-radius:15px!important;background:var(--panel-2)!important}
.mode-btn{
  flex:1;min-height:38px;border:0!important;border-radius:11px!important;background:transparent!important;background-image:none!important;
  color:var(--text-dim)!important;font-size:13px!important;font-weight:600;box-shadow:none!important;cursor:pointer;padding:7px 4px!important;
}
.mode-btn:hover{color:var(--text)!important}
.mode-btn.active{background:var(--panel)!important;color:var(--accent-ink)!important;box-shadow:var(--sh-1)!important}
.sidebar-search{padding:13px 14px!important;border-bottom:1px solid var(--border-soft)!important}
.search-wrap{position:relative;display:flex;align-items:center}
.search-wrap .search-ico{position:absolute;inset-inline-start:13px;font-size:13px;opacity:.6;pointer-events:none;z-index:1}
.search-wrap input{width:100%;min-height:46px!important;padding-inline-start:38px!important;padding-inline-end:64px!important;border-radius:15px!important;background:var(--panel-2)!important;font-size:13.5px!important}
.search-kbd{
  position:absolute;inset-inline-end:10px;font:500 10.5px var(--font-mono)!important;direction:ltr;color:var(--text-faint)!important;
  border:1px solid var(--border)!important;border-radius:8px!important;padding:2px 6px!important;background:var(--panel)!important;pointer-events:none;
}
.search-wrap input:focus~.search-kbd{opacity:0}
.sidebar-nav{padding:10px!important;border-bottom:1px solid var(--border-soft)!important;display:flex;flex-direction:column;gap:3px!important}
.nav-item{
  position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px!important;
  border:0!important;border-radius:14px!important;background:transparent!important;color:var(--text-dim)!important;
  font-size:13.5px!important;font-weight:500;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)!important;
}
.nav-item:hover{background:var(--panel-2)!important;color:var(--text)!important;transform:none!important}
.nav-item.active,.nav-item.home-active{background:var(--accent-soft)!important;color:var(--accent-ink)!important;font-weight:600;box-shadow:none!important}
.nav-item.active::before,.nav-item.home-active::before{content:"";position:absolute;inset-inline-start:0;top:11px;bottom:11px;width:3px;border-radius:999px;background:var(--accent)}
.nav-item .badge,.notify-badge{
  margin-inline-start:auto;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;
  border-radius:999px;background:var(--accent)!important;color:var(--on-accent)!important;font:600 10.5px var(--font-mono)!important;
  box-shadow:0 0 0 2px var(--nav-bg)!important;
}
.tree-head{padding:13px 14px 6px!important;border-top:0!important;margin-top:2px!important;display:flex;align-items:center;justify-content:space-between;gap:8px}
.tree-head>span{font-family:var(--font-mono)!important;font-size:11px!important;letter-spacing:.08em!important;color:var(--text-faint)!important;font-weight:500!important;text-transform:uppercase}
.tree-head .btn{min-height:32px!important;font-size:12.5px!important;padding:5px 9px!important;background:var(--accent-soft)!important;border-color:transparent!important;color:var(--accent-ink)!important;box-shadow:none!important;border-radius:11px!important}
.tree-head .btn:hover{background:var(--accent-container)!important}
.tree{flex:1;overflow-y:auto;padding:6px 10px 14px!important;min-height:180px}
.course-group{margin-bottom:3px}
.course-head{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 9px!important;border-radius:12px!important}
.course-head:hover{background:var(--panel-2)!important}
.course-caret{width:13px;font-size:11px;color:var(--text-faint);flex:none}
.course-icon{font-size:15px!important;flex:none}
.course-name{color:var(--text)!important;font-size:13.5px!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.4!important;max-width:none!important}
.course-actions,.page-actions{opacity:0;gap:1px;flex:none;transition:opacity .12s}
.course-head:hover .course-actions,.page-item:hover .page-actions{opacity:1}
.icon-btn{width:26px;height:26px;border:0;border-radius:8px;background:transparent;color:var(--text-faint);font-size:13px;display:grid;place-items:center;cursor:pointer}
.icon-btn:hover{background:var(--panel-3);color:var(--text)}
.page-tree{padding-inline-start:9px!important}
.page-item{display:flex;align-items:flex-start;gap:6px;min-height:34px;padding:7px 8px!important;border:0!important;border-radius:11px!important}
.page-item:hover{background:var(--panel-2)!important}
.page-item.active{background:var(--accent-soft)!important;box-shadow:none!important}
.page-item.active::after{content:"";position:absolute;inset-inline-start:0;top:9px;bottom:9px;width:2px;border-radius:999px;background:var(--accent)}
.page-item{position:relative}
.page-toggle{width:11px;font-size:11px;margin-top:4px!important;color:var(--text-faint);flex:none}
.page-icon{font-size:13px!important;margin-top:2px!important;flex:none}
.page-title{font-size:13px!important;line-height:1.5!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:11px 12px 13px!important;border-top:1px solid var(--border-soft)!important;background:transparent!important;display:flex;flex-direction:column;flex-wrap:nowrap!important;gap:7px!important}
.footer-user{display:flex;align-items:center;justify-content:space-between;gap:8px}
.user-chip,.footer-user{color:var(--text)!important}
.user-chip{min-width:0;flex:1;font-size:12.5px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logout-btn{flex:none;min-height:32px!important;padding:5px 10px!important;font-size:12px!important}
.footer-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.footer-tools .btn{min-height:34px!important;padding:5px 4px!important;font-size:12px!important;border-radius:10px!important;box-shadow:none!important;justify-content:center;text-align:center}
.footer-tools .appearance-toggle span{display:none}
.footer-more{border:1px solid var(--border-soft)!important;border-radius:12px!important;background:var(--panel-2)!important;overflow:hidden}
.footer-more>summary{list-style:none;cursor:pointer;padding:8px 10px;font-size:12px;color:var(--text-dim);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-size:13px;transition:transform .2s}
.footer-more[open]>summary::after{transform:rotate(180deg)}
.footer-more-body{display:grid;gap:5px;padding:0 8px 8px}
.footer-more-body .btn{width:100%;justify-content:flex-start;text-align:start;min-height:36px!important;font-size:12px!important;padding:6px 9px!important;box-shadow:none!important}

.main{flex:1;min-width:0;max-width:1280px!important;padding:40px 48px 100px!important;background:var(--bg)!important;color:var(--text)}
.content{color:var(--text)}
.menu-btn{
  display:none;position:fixed;top:14px;inset-inline-end:14px;z-index:40;width:46px;height:46px;border-radius:15px!important;
  border:1px solid var(--border)!important;background:var(--panel)!important;color:var(--text)!important;font-size:18px;cursor:pointer;
  box-shadow:var(--sh-2)!important;place-items:center;
}
.page-header{padding-bottom:20px!important;margin-bottom:22px!important;border-bottom:1px solid var(--border-soft)!important}
.eyebrow{font:600 11.5px var(--font-mono)!important;color:var(--accent)!important;letter-spacing:.08em!important;text-transform:uppercase;display:flex;align-items:center;gap:8px;margin-bottom:9px!important}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)!important;box-shadow:0 0 0 4px var(--accent-soft)!important}
.title-row{display:flex;align-items:flex-start;gap:11px}
.title-icon{flex:none;margin-top:3px;border-radius:12px;background:var(--panel-2);border:1px solid transparent!important;font-size:25px!important;padding:4px 6px!important;cursor:pointer}
.title-icon:hover{background:var(--panel-3);border-color:var(--border)!important}
.page-title-input{
  display:block;flex:1;width:100%;min-width:0;min-height:1.5em!important;padding:3px 0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;font-size:clamp(26px,3.2vw,36px)!important;font-weight:700!important;line-height:1.35!important;
  resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start;color:var(--text)!important;
}
.page-title-input:focus{border:0!important;box-shadow:none!important;background:transparent!important}
.title-row .btn,.title-row .page-actions{align-self:center}
.save-indicator{font-family:var(--font-mono)!important;font-size:11.5px;color:var(--mint)!important;margin-top:7px!important;height:15px;opacity:0;transition:opacity .25s}
.save-indicator.show{opacity:1}
.blocks{display:flex;flex-direction:column;max-width:76ch!important;margin-top:4px}
.block-row{position:relative;display:flex;align-items:flex-start;gap:5px;padding:3px 66px 3px 0!important;margin:2px 0!important;border-radius:12px!important}
.block-row:hover{background:color-mix(in srgb,var(--panel-2) 48%,transparent)}
.block-row.drag-over{box-shadow:inset 0 2px 0 var(--accent)!important}
.block-row.dragging{opacity:.36}
.block-controls{position:absolute;inset-inline-end:100%;margin-inline-end:4px;display:flex;gap:2px;opacity:0;top:2px;transition:opacity .12s}
.block-row:hover .block-controls{opacity:1}
.block-grip,.block-plus{width:24px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--text-faint);font-size:14px;cursor:pointer}
.block-grip:hover,.block-plus:hover{background:var(--panel-2);color:var(--text)}
.block-body{flex:1;min-width:0}
.blk-content{outline:none;min-width:0;color:var(--text)!important;font-family:var(--font-read)!important;font-size:17px!important;line-height:1.95!important;caret-color:var(--accent)}
.blk-content:empty::before{content:attr(data-placeholder);color:var(--text-faint)!important}
.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:700!important;line-height:1.35!important}
h1.blk-content{font-size:30px!important}h2.blk-content{font-size:23px!important}h3.blk-content{font-size:18px!important}
blockquote.blk-content{border:0!important;border-inline-start:3px solid var(--accent)!important;background:var(--accent-soft)!important;border-radius:0 14px 14px 0;padding:11px 16px!important;color:var(--text-dim)!important}
.blk-callout{background:var(--sticky-soft)!important;border:1px solid color-mix(in srgb,var(--sticky) 24%,var(--border))!important;border-inline-start:3px solid var(--sticky)!important;border-radius:14px!important;padding:13px 15px!important;color:var(--text)!important}
pre.blk-content,.blk-code{background:var(--code-bg)!important;color:var(--text)!important;border:1px solid var(--border-soft)!important;border-radius:14px!important;padding:14px 16px!important;font-family:var(--font-mono)!important;font-size:13.5px!important;line-height:1.75!important;direction:ltr;text-align:left}
.blk-table{border-color:var(--border)!important;border-radius:14px;overflow:hidden}
.blk-table th{background:var(--panel-2)!important;color:var(--text)!important;font-weight:600!important}
.blk-table td,.blk-table th{border-color:var(--border-soft)!important;padding:10px 12px!important}
.blk-todo-box{border:1.5px solid var(--text-faint)!important;border-radius:5px!important}
.blk-num,.blk-bullet{color:var(--accent)!important}
.add-block-btn{margin-top:8px;border:1px dashed var(--border)!important;background:transparent!important;color:var(--text-dim)!important;border-radius:14px!important;padding:9px 14px!important;cursor:pointer}
.add-block-btn:hover{background:var(--panel-2)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important}
.empty-page,.course-empty,.community-empty,.notes-empty-v9{
  border:1px dashed var(--border)!important;border-radius:22px!important;background:var(--panel)!important;color:var(--text-dim)!important;
  padding:54px 22px!important;text-align:center;box-shadow:none!important;
}

.home-dashboard,.notes-dashboard,.course-workspace{max-width:1180px!important;margin:0 auto!important}
.home-dashboard{padding:0 0 80px!important}
.home-hero{
  position:relative;display:block!important;overflow:hidden;padding:30px 32px!important;border:0!important;border-radius:28px!important;
  background:linear-gradient(135deg,var(--hero-start),var(--hero-end))!important;background-image:linear-gradient(135deg,var(--hero-start),var(--hero-end))!important;
  color:var(--on-hero)!important;box-shadow:0 22px 55px -20px color-mix(in srgb,var(--hero-end) 65%,transparent)!important;margin-bottom:18px!important;
}
.home-hero::before{content:"";display:block!important;position:absolute;width:320px;height:320px;border-radius:50%;inset-inline-end:-90px;top:-180px;background:rgba(255,255,255,.12)!important;filter:blur(2px)!important}
.home-hero::after{content:"";display:block!important;position:absolute;width:220px;height:220px;border-radius:50%;inset-inline-start:-100px;bottom:-150px;background:rgba(255,255,255,.08)!important;filter:none!important}
.home-hero-inner{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.home-kicker{font:600 10.8px var(--font-mono)!important;color:var(--hero-muted)!important;letter-spacing:.14em!important;text-transform:uppercase;margin-bottom:8px!important}
.home-title{font-size:clamp(28px,3.7vw,42px)!important;line-height:1.22!important;margin:0 0 9px!important;color:var(--on-hero)!important;font-weight:700!important;letter-spacing:-.03em!important}
.home-sub{max-width:680px;margin:0!important;color:var(--hero-muted)!important;font-size:14px!important;line-height:1.8!important}
.home-hero-actions{display:flex;gap:9px;flex-wrap:wrap;flex:none}
.home-hero .btn{background:var(--hero-glass)!important;border-color:rgba(255,255,255,.24)!important;color:var(--on-hero)!important;box-shadow:none!important;backdrop-filter:blur(8px)}
.home-hero .btn:hover{background:rgba(255,255,255,.23)!important}
.home-hero .btn.primary{background:var(--on-hero)!important;border-color:var(--on-hero)!important;color:var(--hero-end)!important}
.home-hero .btn.primary:hover{background:#fff!important;color:var(--accent-ink)!important}
.home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.home-stat{position:relative;overflow:hidden;min-height:112px;padding:17px 18px!important;border:1px solid var(--border-soft)!important;border-radius:22px!important;background:var(--panel)!important;background-image:none!important;box-shadow:var(--sh-1)!important}
.home-stat::after{display:none!important}
.home-stat-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);font-size:17px;margin-bottom:10px}
.home-stat:nth-child(2) .home-stat-icon{background:var(--mint-soft)}
.home-stat:nth-child(3) .home-stat-icon{background:var(--sticky-soft)}
.home-stat:nth-child(4) .home-stat-icon{background:var(--panel-3)}
.home-stat-number{font-family:var(--font-display)!important;font-size:26px!important;font-weight:700!important;line-height:1.1;color:var(--text)!important;margin-top:0!important}
.home-stat-label{font-size:12.5px!important;color:var(--text-dim)!important;margin-top:3px}
.home-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:16px;align-items:start}
.home-panel{border:1px solid var(--border-soft)!important;border-radius:22px!important;background:var(--panel)!important;background-image:none!important;box-shadow:var(--sh-1)!important;overflow:hidden}
.home-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 19px 15px!important;border-bottom:1px solid var(--border-soft)!important}
.home-panel-head h2{font-size:17px!important;margin:0!important;font-weight:700!important}
.home-panel-head p{margin:3px 0 0!important;color:var(--text-dim)!important;font-size:12.5px!important}
.home-panel-action{border:0;background:transparent!important;color:var(--accent-ink)!important;font:600 12.5px var(--font-ui);cursor:pointer;padding:5px 3px}
.home-panel-action:hover{color:var(--accent)!important}
.home-course-list,.home-recent{padding:9px!important}
.home-course,.home-note{display:flex;align-items:center;gap:11px;padding:11px 10px!important;margin-bottom:3px;border:1px solid transparent!important;border-radius:14px!important;cursor:pointer;transition:.16s}
.home-course:hover,.home-note:hover{background:var(--panel-2)!important;border-color:var(--border-soft)!important;transform:none!important}
.home-course-icon,.home-note-icon{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft)!important;border:0!important;font-size:18px!important;flex:none;color:var(--text)
}
.home-note-icon{background:var(--mint-soft)!important;width:36px;height:36px;font-size:16px!important}
.home-course-info,.home-note-info{min-width:0;flex:1}
.home-course-info h3{font-size:13.5px!important;margin:0!important;font-weight:600!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)!important}
.home-course-info p,.home-note-info span{font-size:12px!important;color:var(--text-dim)!important;margin-top:3px!important}
.home-note-info strong{font-size:13px!important;color:var(--text)!important;font-weight:600!important}
.home-course-arrow,.home-note-time{color:var(--text-faint)!important;font-size:12px!important}
.home-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px!important}
.home-quick button{min-height:88px;border:1px solid var(--border-soft)!important;border-radius:16px!important;background:var(--panel-2)!important;color:var(--text)!important;text-align:start;padding:13px!important;cursor:pointer;transition:.16s}
.home-quick button:hover{background:var(--accent-soft)!important;border-color:color-mix(in srgb,var(--accent) 22%,var(--border))!important;transform:translateY(-1px)!important}
.home-quick .q-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--panel);font-size:15px;margin-bottom:7px}
.home-quick b{font-size:13px;font-weight:600}
.home-quick small{display:block;color:var(--text-dim)!important;font-size:11.5px!important;margin-top:2px}
.home-community-card{margin:9px!important;padding:17px!important;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border-soft))!important;border-radius:18px!important;background:var(--accent-soft)!important;background-image:none!important}
.home-community-card .hc-icon{font-size:23px}
.home-community-card h3{font-size:14px!important;margin:7px 0 4px!important}
.home-community-card p{color:var(--text-dim)!important;font-size:12px!important;line-height:1.7!important;margin:0!important}
.home-community-card button{width:100%;margin-top:12px!important}
.home-empty{padding:34px 20px!important;text-align:center;color:var(--text-dim)!important}
.home-empty .big{font-size:32px;margin-bottom:7px}
.home-empty strong{display:block;color:var(--text)!important;font-size:14px;margin-bottom:3px}
.home-empty span{font-size:12.5px!important}

.notes-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px!important}
.notes-kicker,.saved-kicker-v20,.profile-section-head-v18 span,.posted-label,.community-feed-head-v14 span,.rail-kicker-v14{
  font:600 10.8px var(--font-mono)!important;color:var(--accent)!important;letter-spacing:.12em!important;text-transform:uppercase
}
.notes-title{font-size:clamp(30px,4vw,42px)!important;line-height:1.2!important;margin:5px 0 7px!important;font-weight:700!important;letter-spacing:-.035em!important}
.notes-sub{color:var(--text-dim)!important;font-size:13.5px!important;margin:0!important;line-height:1.75!important}
.notes-actions{display:flex;gap:8px;flex-wrap:wrap}
.notes-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px!important}
.overview-card{position:relative;overflow:hidden;padding:17px 18px!important;border:1px solid var(--border-soft)!important;border-radius:20px!important;background:var(--panel)!important;background-image:none!important;box-shadow:var(--sh-1)!important}
.overview-card::after{display:none!important}
.overview-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);font-size:16px}
.overview-card:nth-child(2) .overview-icon{background:var(--mint-soft)}
.overview-card:nth-child(3) .overview-icon{background:var(--sticky-soft)}
.overview-number{font-family:var(--font-display)!important;font-size:26px!important;font-weight:700!important;color:var(--text)!important;margin-top:8px!important}
.overview-label{font-size:12.5px!important;color:var(--text-dim)!important}
.courses-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px!important}
.course-card-v9{padding:18px!important;border:1px solid var(--border-soft)!important;border-radius:22px!important;background:var(--panel)!important;background-image:none!important;box-shadow:var(--sh-1)!important;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)!important}
.course-card-v9::before{display:none!important}
.course-card-v9:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--accent) 24%,var(--border))!important;box-shadow:var(--sh-2)!important}
.course-card-head-v9{display:flex;align-items:center;gap:12px}
.course-icon-v9{width:46px;height:46px;border-radius:14px;background:var(--accent-soft)!important;border:0!important;font-size:21px;display:grid;place-items:center;flex:none}
.course-info-v9{min-width:0;flex:1}
.course-info-v9 h3{font-size:16px!important;margin:0!important;color:var(--text)!important;font-weight:700!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.course-info-v9 p{font-size:12px!important;color:var(--text-dim)!important;margin:3px 0 0!important}
.course-open-v9,.course-add{border:1px solid var(--border)!important;border-radius:12px!important;background:var(--panel-2)!important;background-image:none!important;color:var(--accent-ink)!important;padding:7px 11px!important;font-size:12px!important;cursor:pointer}
.course-open-v9:hover,.course-add:hover{background:var(--accent-soft)!important;border-color:color-mix(in srgb,var(--accent) 30%,var(--border))!important;color:var(--accent-ink)!important}
.course-pages-v9{margin-top:14px!important}
.course-more-v9{font-size:12px!important;color:var(--text-faint)!important;text-align:start!important;padding-top:3px}

.course-workspace{padding:0 0 80px!important}
.course-back{color:var(--accent-ink)!important;margin-bottom:14px!important}
.course-hero{
  position:relative;overflow:hidden;padding:28px 30px!important;margin-bottom:18px!important;border:0!important;border-radius:28px!important;
  background:linear-gradient(135deg,var(--hero-start),var(--hero-end))!important;background-image:linear-gradient(135deg,var(--hero-start),var(--hero-end))!important;
  color:var(--on-hero)!important;box-shadow:0 22px 55px -20px color-mix(in srgb,var(--hero-end) 60%,transparent)!important;
}
.course-hero::after{content:""!important;display:block!important;position:absolute;width:260px;height:260px;border-radius:50%;inset-inline-start:-100px;bottom:-175px;background:rgba(255,255,255,.09)!important;filter:none!important}
.course-hero-inner{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.course-title-row{display:flex;align-items:center;gap:14px!important}
.course-big-icon{width:62px!important;height:62px!important;border-radius:19px!important;background:var(--hero-glass)!important;border:1px solid rgba(255,255,255,.18)!important;font-size:29px!important;color:var(--on-hero)!important;display:grid;place-items:center;flex:none}
.course-kicker{font:600 10.8px var(--font-mono)!important;color:var(--hero-muted)!important;letter-spacing:.12em!important;text-transform:uppercase}
.course-name{font-size:clamp(26px,3.3vw,40px)!important;line-height:1.2!important;letter-spacing:-.035em!important;margin:4px 0 5px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;color:var(--on-hero)!important;font-weight:700!important;overflow-wrap:anywhere}
.course-desc{color:var(--hero-muted)!important;font-size:12.5px!important;line-height:1.6!important;margin:0!important}
.course-actions{display:flex;gap:8px;flex-wrap:wrap;flex:none}
.course-hero .btn{background:var(--hero-glass)!important;border-color:rgba(255,255,255,.22)!important;color:var(--on-hero)!important;box-shadow:none!important;backdrop-filter:blur(8px)}
.course-hero .btn.primary{background:var(--on-hero)!important;border-color:var(--on-hero)!important;color:var(--hero-end)!important}
.course-hero .btn:hover{background:rgba(255,255,255,.23)!important;border-color:rgba(255,255,255,.35)!important}
.course-hero .btn.primary:hover{background:#fff!important;color:var(--accent-ink)!important}
.course-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:700px;margin-top:20px!important}
.course-mini-stat{padding:11px 13px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:15px!important;background:rgba(255,255,255,.09)!important;color:var(--hero-muted)!important}
.course-mini-stat b{display:block;font-size:19px!important;color:var(--on-hero)!important}
.course-mini-stat span{font-size:11.5px!important;color:var(--hero-muted)!important;margin-top:1px!important}
.course-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 2px 11px!important}
.course-section-head h2{font-size:18px!important;margin:0!important;color:var(--text)!important}
.course-section-head p{font-size:12px!important;color:var(--text-dim)!important;margin:3px 0 0!important}
.course-note-grid,.course-root-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
.course-note-card{display:flex;align-items:center;gap:11px;min-width:0;padding:12px!important;border:1px solid var(--border-soft)!important;border-radius:16px!important;background:var(--panel)!important;background-image:none!important;box-shadow:var(--sh-1)!important;color:var(--text)!important;text-align:start!important;cursor:pointer;transition:.16s}
.course-note-card:hover{transform:translateY(-1px)!important;border-color:color-mix(in srgb,var(--accent) 22%,var(--border))!important;box-shadow:var(--sh-2)!important}
.course-note-icon{width:38px!important;height:38px!important;border-radius:11px!important;background:var(--accent-soft)!important;border:0!important;font-size:16px!important;display:grid;place-items:center;flex:none}
.course-note-info{min-width:0;flex:1}
.course-note-info h3{font-size:13px!important;line-height:1.45!important;margin:0!important;color:var(--text)!important;font-weight:600!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.course-note-info p{font-size:11.5px!important;color:var(--text-dim)!important;margin:3px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.course-note-arrow{color:var(--text-faint)!important;font-size:13px!important}
.course-root-block{margin-bottom:12px!important;border:1px solid var(--border-soft)!important;border-radius:20px!important;background:var(--panel)!important;background-image:none!important;box-shadow:var(--sh-1)!important;overflow:hidden}
.course-root-head{padding:14px 16px!important;border-bottom:1px solid var(--border-soft)!important;display:flex;align-items:center;gap:11px}
.course-root-head .icon{width:38px!important;height:38px!important;border-radius:12px!important;background:var(--accent-soft)!important;border:0!important;font-size:17px!important;display:grid;place-items:center}
.course-root-head h3{font-size:14px!important;margin:0!important;color:var(--text)!important;font-weight:600!important}
.course-root-head span{font-size:11.5px!important;color:var(--text-dim)!important;margin-top:2px!important}
.course-root-notes{padding:9px!important}
.course-root-notes .course-note-card{background:var(--panel-2)!important;box-shadow:none!important}
.course-recent{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px!important}
.course-recent .course-note-card{padding:11px!important}

.community-v14,.community-page{max-width:1160px!important;margin:0 auto!important;padding:0 0 70px!important;color:var(--text)!important}
.community-topbar-v14{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:4px 2px 20px!important;border-bottom:1px solid var(--border-soft)!important}
.community-title-v14{display:flex;align-items:center;gap:15px!important}
.community-symbol-v14{width:54px!important;height:54px!important;border-radius:17px!important;background:linear-gradient(145deg,var(--hero-start),var(--hero-end))!important;background-image:linear-gradient(145deg,var(--hero-start),var(--hero-end))!important;font-size:25px!important;box-shadow:0 10px 22px -10px color-mix(in srgb,var(--accent) 70%,transparent)!important;display:grid;place-items:center}
.community-kicker-v14{color:var(--accent)!important;font:600 10.5px var(--font-mono)!important;letter-spacing:.14em!important;margin-bottom:5px!important}
.community-title-v14 h1{font-size:clamp(24px,3vw,31px)!important;line-height:1.2!important;margin:0!important;font-weight:700!important;letter-spacing:-.03em!important}
.community-title-v14 p{color:var(--text-dim)!important;font-size:12.5px!important;margin:5px 0 0!important}
.community-stats-v14{display:flex;border:1px solid var(--border-soft)!important;border-radius:18px!important;overflow:hidden;background:var(--panel)!important}
.community-stats-v14 div{min-width:80px;padding:9px 13px!important;text-align:center;border-inline-start:1px solid var(--border-soft)!important}
.community-stats-v14 div:first-child{border-inline-start:0!important}
.community-stats-v14 b{display:block;font-size:17px!important;color:var(--text)!important;font-family:var(--font-display)}
.community-stats-v14 span{color:var(--text-dim)!important;font-size:11px!important}
.community-toolbar-v14{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0 12px!important}
.community-search-v14{height:48px!important;max-width:690px;flex:1;display:flex;align-items:center;gap:9px;padding:0 6px 0 12px!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--panel-2)!important}
.community-search-v14:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)!important;background:var(--panel)!important}
.community-search-v14>span{font-size:20px;color:var(--text-faint)!important}
.community-search-v14 input{flex:1;min-width:0;height:40px;min-height:40px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;border-radius:0!important}
.community-search-v14 input:focus{background:transparent!important;box-shadow:none!important}
.community-search-go{height:36px;padding:0 15px!important;border:0!important;border-radius:12px!important;background:var(--accent)!important;color:var(--on-accent)!important;font-size:12px!important;font-weight:600;cursor:pointer}
.community-tabs-v14{display:flex;gap:4px;padding:4px!important;border:1px solid var(--border-soft);border-radius:14px;background:var(--panel-2)}
.community-tabs-v14 button{border:0!important;background:transparent!important;color:var(--text-dim)!important;padding:7px 11px!important;border-radius:10px!important;font-family:inherit;font-size:12px!important;cursor:pointer}
.community-tabs-v14 button.active{background:var(--panel)!important;color:var(--accent-ink)!important;box-shadow:var(--sh-1)}
.community-layout-v14{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}
.community-feed-head-v14{display:flex;justify-content:space-between;align-items:flex-end;margin:4px 0 11px!important}
.community-feed-head-v14 h2{margin:3px 0 0!important;font-size:17px!important;color:var(--text)!important}
.community-feed-head-v14 small{font-size:11.5px!important;color:var(--text-faint)!important}
.community-post-v14,.community-profile-card,.community-card{
  position:relative;overflow:hidden;margin-bottom:10px;padding:16px!important;border:1px solid var(--border-soft)!important;border-radius:20px!important;
  background:var(--panel)!important;background-image:none!important;box-shadow:var(--sh-1)!important;cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)!important;
}
.community-post-v14:hover,.community-profile-card:hover,.community-card:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--accent) 22%,var(--border))!important;box-shadow:var(--sh-2)!important;background:var(--panel)!important}
.post-accent-v14{position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:linear-gradient(var(--accent),var(--mint))!important}
.post-avatar-v14,.community-avatar,.comment-avatar{
  width:34px!important;height:34px!important;border-radius:11px!important;background:linear-gradient(135deg,var(--avatar-start),var(--avatar-end))!important;color:#fff!important;
  display:grid;place-items:center;font-size:13px!important;font-weight:700;flex:none;overflow:hidden
}
.post-avatar-v14.has-image{background:var(--panel-2)!important}
.post-avatar-v14 img{width:100%;height:100%;object-fit:cover}
.post-head-v14{display:flex;align-items:center;gap:9px}
.post-author-v14{min-width:0}
.post-author-v14 strong{display:block;font-size:13px!important;color:var(--text)!important;font-weight:600}
.post-author-v14 span{display:block;color:var(--text-dim)!important;font-size:11.5px!important;margin-top:2px}
.post-open-v14{margin-inline-start:auto;border:0!important;background:transparent!important;color:var(--accent-ink)!important;font-size:11.5px!important;font-weight:600;cursor:pointer}
.post-body-v14{padding:13px 0 9px!important}
.post-label-v14{color:var(--accent)!important;font:600 10px var(--font-mono)!important;letter-spacing:.1em!important;text-transform:uppercase}
.post-body-v14 h3{margin:4px 0!important;font-size:15px!important;line-height:1.5!important;color:var(--text)!important;font-weight:700!important}
.post-body-v14 p{margin:0!important;color:var(--text-dim)!important;font-size:12px!important;line-height:1.7!important;max-width:760px}
.post-notes-v14{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:4px 0 11px!important}
.post-notes-v14>div{min-width:0;padding:8px 9px!important;border:1px solid var(--border-soft)!important;border-radius:12px!important;background:var(--panel-2)!important}
.post-notes-v14 span{display:block;color:var(--accent)!important;font:600 10px var(--font-mono)!important;margin-bottom:4px!important}
.post-notes-v14 b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px!important;color:var(--text)!important;font-weight:500}
.post-notes-v14 em{display:block;margin-top:3px!important;color:var(--text-faint)!important;font-size:10.5px!important;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-foot-v14{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--border-soft)!important;padding-top:9px!important}
.post-tags-v14{display:flex;gap:4px;min-width:0;overflow:hidden}
.post-tags-v14 span{padding:3px 8px!important;border-radius:999px!important;border:1px solid var(--border-soft)!important;color:var(--text-dim)!important;font-size:10.5px!important;background:var(--panel-2)}
.post-read-v14{flex:none;color:var(--accent-ink)!important;font-size:11px!important;font-weight:600}
.community-rail-v14{display:flex;flex-direction:column;gap:10px;position:sticky;top:14px}
.rail-card-v14{padding:15px!important;border:1px solid var(--border-soft)!important;border-radius:20px!important;background:var(--panel)!important;background-image:none!important;box-shadow:var(--sh-1)!important}
.rail-card-v14 h3{margin:5px 0 10px!important;font-size:13px!important;color:var(--text)!important}
.rail-step-v14{display:flex;gap:9px;align-items:center;padding:8px 0!important;border-top:1px solid var(--border-soft)!important;color:var(--text-dim)!important;font-size:11.5px!important}
.rail-step-v14 b{color:var(--accent)!important;font:600 10.5px var(--font-mono)!important}
.rail-topic-v14{padding:8px 10px!important;margin-top:5px!important;border:1px solid var(--border-soft)!important;border-radius:11px!important;color:var(--text-dim)!important;font-size:11.5px!important;background:var(--panel-2)!important}
.rail-cta-v14{padding:16px!important;border-radius:20px!important;background:var(--accent-soft)!important;background-image:none!important;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border-soft))!important}
.rail-cta-v14>div{font-size:21px}
.rail-cta-v14 strong{display:block;margin-top:7px!important;font-size:13.5px!important;color:var(--text)!important}
.rail-cta-v14 p{margin:4px 0 10px!important;color:var(--text-dim)!important;font-size:11.5px!important;line-height:1.6!important}
.rail-cta-v14 .btn{width:100%;font-size:12px!important}
.community-empty,.community-empty-v14,.notification-empty,.saved-empty-v20,.profile-private-v18{
  padding:55px 20px!important;border:1px dashed var(--border)!important;border-radius:22px!important;background:var(--panel)!important;color:var(--text-dim)!important;text-align:center
}
.community-empty-v14>div,.saved-empty-v20>div,.notification-empty>div{font-size:28px;color:var(--accent)!important;margin-bottom:8px}
.community-empty-v14 h3,.saved-empty-v20 h2,.notification-empty h2,.profile-private-v18 h2{font-size:16px!important;color:var(--text)!important;margin:0 0 5px!important}
.community-empty-v14 p,.saved-empty-v20 p,.notification-empty p,.profile-private-v18 p{font-size:12.5px!important;color:var(--text-dim)!important;line-height:1.7!important}

.public-view,.public-notes-hub{max-width:980px!important;margin:0 auto!important;padding:0 0 80px!important}
.public-back{color:var(--accent-ink)!important;margin-bottom:14px!important}
.public-profile-head,.public-reader-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px!important;border:1px solid var(--border-soft)!important;border-radius:24px!important;background:var(--panel)!important;background-image:none!important;box-shadow:var(--sh-1)!important;margin-bottom:18px!important}
.public-profile-main{display:flex;align-items:center;gap:13px;min-width:0}
.public-avatar{width:58px!important;height:58px!important;border-radius:18px!important;background:linear-gradient(135deg,var(--avatar-start),var(--avatar-end))!important;color:#fff!important;display:grid;place-items:center;font-size:21px!important;font-weight:700;overflow:hidden;flex:none}
.public-avatar img{width:100%;height:100%;object-fit:cover}
.public-profile-kicker,.hub-kicker{font:600 10.5px var(--font-mono)!important;color:var(--accent)!important;letter-spacing:.12em!important;text-transform:uppercase}
.public-profile-head h1{font-size:25px!important;margin:3px 0 2px!important;line-height:1.25!important;color:var(--text)!important;font-weight:700!important}
.public-profile-meta{font-size:12px!important;color:var(--text-dim)!important;margin-top:2px}
.public-profile-actions{display:flex;gap:7px;flex:none}
.notes-hub-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:22px 0 12px!important}
.notes-hub-toolbar h2{font-size:19px!important;margin:3px 0 0!important;color:var(--text)!important}
.notes-hub-toolbar p{margin:3px 0 0!important;color:var(--text-dim)!important;font-size:12px!important}
.hub-count{border:1px solid var(--border-soft)!important;border-radius:14px!important;background:var(--panel)!important;padding:7px 12px;text-align:center;flex:none}
.hub-count b{display:block;font-size:16px;color:var(--text);font-family:var(--font-display)}
.hub-count span{font-size:10.5px;color:var(--text-dim)}
.reader-course-group{margin-bottom:20px}
.reader-course-heading{display:flex;align-items:center;gap:9px;margin:0 0 8px!important;padding:0 3px!important}
.reader-course-icon{font-size:17px}
.reader-course-heading h2{font-size:15px!important;margin:0!important;color:var(--text)!important}
.reader-course-heading span{font-size:11px!important;color:var(--text-faint)!important}
.reader-note-list{border:1px solid var(--border-soft)!important;border-radius:18px!important;background:var(--panel)!important;overflow:hidden!important}
.reader-note-item-wrap{border-bottom:1px solid var(--border-soft)!important}
.reader-note-item-wrap:last-child{border-bottom:0!important}
.reader-note-item{display:flex;align-items:center;gap:9px;width:100%;padding:11px 13px!important;border:0!important;background:transparent!important;color:var(--text)!important;cursor:pointer;text-align:start!important;font-family:inherit;font-size:12.5px!important}
.reader-note-item:hover{background:var(--panel-2)!important}
.reader-note-number{width:23px;color:var(--text-faint)!important;font:10.5px var(--font-mono)!important}
.reader-note-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reader-note-arrow{color:var(--text-faint)!important;font-size:12px!important}
.reader-note-item:hover .reader-note-arrow{color:var(--accent)!important}
.community-card.public-comments{padding:18px!important;border:1px solid var(--border-soft)!important;border-radius:20px!important;background:var(--panel)!important;box-shadow:var(--sh-1)!important}
.public-comments input{min-height:44px!important;border-radius:14px!important}
.public-comment{padding:12px 0!important;border-top:1px solid var(--border-soft)!important}
.public-comment strong{font-size:13px!important;color:var(--text)!important}
.public-comment-body{font-size:13px!important;color:var(--text-dim)!important;line-height:1.8!important;margin-top:4px!important}
.public-empty{padding:28px 15px!important;text-align:center;color:var(--text-faint)!important;border:1px dashed var(--border)!important;border-radius:14px!important;font-size:12.5px!important}
.note-reader-backdrop{background:var(--scrim)!important;backdrop-filter:blur(3px)}
.note-reader-panel{background:var(--panel)!important;border:1px solid var(--border)!important;border-radius:26px!important;box-shadow:var(--sh-3)!important;color:var(--text)!important}
.note-reader-header{padding:20px!important;border-bottom:1px solid var(--border-soft)!important;background:var(--panel)!important}
.note-reader-kicker{color:var(--accent)!important;font:600 10.5px var(--font-mono)!important}
.note-reader-header h2{font-size:20px!important;color:var(--text)!important;margin:4px 0!important}
.note-reader-header span{color:var(--text-dim)!important;font-size:11.5px!important}
.note-reader-close{border:1px solid var(--border)!important;border-radius:12px!important;background:var(--panel-2)!important;color:var(--text-dim)!important;width:36px;height:36px;cursor:pointer}
.note-reader-content{background:var(--panel)!important}
.note-reader-content-inner{padding:24px!important}
.note-reader-block{color:var(--text)!important;border-bottom:1px solid var(--border-soft)!important;padding:12px 0!important}
.note-reader-block-no{color:var(--accent)!important;font:600 10.5px var(--font-mono)!important}
.note-reader-footer{border-top:1px solid var(--border-soft)!important;background:var(--panel)!important;padding:13px 18px!important}
.reader-nav-btn{border:1px solid var(--border)!important;border-radius:12px!important;background:var(--panel-2)!important;color:var(--text)!important;padding:8px 13px!important;cursor:pointer}
.reader-nav-btn:hover:not(:disabled){border-color:var(--accent)!important;color:var(--accent-ink)!important}
.reader-nav-btn:disabled{opacity:.4}
.note-reader-footer>span{color:var(--text-dim)!important;font-size:11.5px!important}

.profile-page-v18,.profile-page{max-width:980px!important;margin:0 auto!important;padding:0 0 70px!important}
.profile-back{color:var(--accent-ink)!important;margin-bottom:12px!important}
.profile-hero-v18{position:relative;overflow:hidden;border:1px solid var(--border-soft)!important;border-radius:26px!important;background:var(--panel)!important;background-image:none!important;box-shadow:var(--sh-1)!important}
.profile-cover-v18{height:106px!important;background:linear-gradient(120deg,var(--hero-start),var(--hero-end))!important;background-image:linear-gradient(120deg,var(--hero-start),var(--hero-end))!important;border-bottom:0!important}
.profile-cover-v18::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;inset-inline-end:-60px;top:-130px;background:rgba(255,255,255,.13)}
.profile-hero-body-v18{padding:0 20px 15px!important;display:flex;align-items:flex-start;gap:14px;position:relative}
.profile-avatar-wrap-v18{margin-top:-38px!important;flex:none}
.profile-avatar-v18{width:78px!important;height:78px!important;border-radius:22px!important;border:4px solid var(--panel)!important;background:linear-gradient(135deg,var(--avatar-start),var(--avatar-end))!important;color:#fff!important;font-size:26px!important;display:grid;place-items:center;font-weight:700;box-shadow:var(--sh-2)}
.profile-hero-copy-v18{padding-top:11px!important;min-width:0;flex:1}
.profile-kicker{color:var(--accent)!important;font:600 10.5px var(--font-mono)!important;letter-spacing:.12em!important}
.profile-hero-copy-v18 h1{font-size:23px!important;line-height:1.2!important;margin:2px 0 0!important;color:var(--text)!important;font-weight:700!important}
.profile-handle{color:var(--text-dim)!important;font-size:11.5px!important;margin-top:2px}
.profile-bio{color:var(--text-dim)!important;font-size:12.5px!important;line-height:1.7!important;margin:7px 0 0!important;max-width:640px}
.profile-actions-v18{padding-top:13px!important;flex:none}
.profile-stats-v18{display:flex;gap:7px;padding:0 20px 17px!important;margin-inline-start:92px!important}
.profile-stats-v18 div{min-width:72px;padding:8px 11px!important;border:1px solid var(--border-soft)!important;border-radius:14px!important;background:var(--panel-2)!important}
.profile-stats-v18 b{display:block;color:var(--text)!important;font-size:14px!important;font-family:var(--font-display)}
.profile-stats-v18 span{color:var(--text-dim)!important;font-size:10.5px!important}
.profile-content-v18{margin-top:22px!important}
.profile-section-head-v18{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:11px!important}
.profile-section-head-v18 h2{font-size:18px!important;margin:3px 0 1px!important;color:var(--text)!important}
.profile-section-head-v18 p{color:var(--text-dim)!important;font-size:11.5px!important}
.profile-count-pill-v18{padding:6px 10px!important;border:1px solid var(--border-soft)!important;border-radius:999px!important;color:var(--text-dim)!important;font-size:11px!important;background:var(--panel)}
.profile-course-v18{border:1px solid var(--border-soft)!important;border-radius:18px!important;background:var(--panel)!important;overflow:hidden;box-shadow:var(--sh-1)}
.profile-course-v18:hover,.profile-course-v18.is-open{border-color:color-mix(in srgb,var(--accent) 22%,var(--border))!important;background:var(--panel)!important}
.profile-course-head-v18{padding:12px 14px!important;background:transparent!important}
.profile-course-icon-v18{width:36px!important;height:36px!important;border-radius:11px!important;border:0!important;background:var(--accent-soft)!important;font-size:16px!important;display:grid;place-items:center}
.profile-course-main-v18 h3{font-size:13.5px!important;color:var(--text)!important;font-weight:600!important}
.profile-course-main-v18 p{color:var(--text-dim)!important;font-size:11px!important}
.profile-course-num-v18{color:var(--text-faint)!important;font:10.5px var(--font-mono)!important}
.profile-course-chevron-v18{border:1px solid var(--border)!important;border-radius:9px!important;color:var(--text-dim)!important}
.profile-course-notes-v18{border-top-color:var(--border-soft)!important}
.profile-note-row-v18{border-bottom:1px solid var(--border-soft)!important;color:var(--text-dim)!important;padding:9px 14px!important}
.profile-note-row-v18:hover{background:var(--panel-2)!important;color:var(--text)!important}
.profile-note-row-v18>span{color:var(--text-faint)!important;font:10.5px var(--font-mono)!important}
.profile-note-row-v18 strong{font-size:11.5px!important}
.profile-note-row-v18 em{color:var(--accent)!important;font-size:11px!important}
.profile-tip-v18,.profile-private-v18{border:1px solid var(--border-soft)!important;border-radius:18px!important;background:var(--panel)!important;color:var(--text-dim)!important;font-size:11.5px!important}
.profile-edit-avatar-line,.profile-edit-body-v18 label>input,.profile-edit-body-v18 label>textarea{background:var(--panel-2)!important;border-color:var(--border)!important;color:var(--text)!important;border-radius:14px!important}
.profile-edit-avatar-v18{background:linear-gradient(135deg,var(--avatar-start),var(--avatar-end))!important;color:#fff!important;border-radius:18px!important}

.saved-page-v20,.notifications-page{max-width:980px!important;margin:0 auto!important;padding:0 0 70px!important}
.saved-head-v20,.notifications-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:4px 2px 18px!important;border-bottom:1px solid var(--border-soft)!important;margin-bottom:16px!important;background:transparent!important;border-radius:0!important}
.saved-head-v20 h1,.notifications-head h1{font-size:clamp(27px,3.5vw,38px)!important;line-height:1.2!important;margin:3px 0 4px!important;color:var(--text)!important;font-weight:700!important}
.saved-head-v20 p,.notifications-head p{color:var(--text-dim)!important;font-size:12.5px!important;margin:0!important}
.saved-count-v20{font-size:11.5px!important;padding:7px 11px!important;border:1px solid var(--border-soft)!important;border-radius:999px!important;background:var(--panel)!important;color:var(--text-dim)!important;white-space:nowrap}
.saved-course-v22,.notification-item{display:flex;align-items:center;gap:12px;margin-top:8px!important;padding:13px!important;border:1px solid var(--border-soft)!important;border-radius:18px!important;background:var(--panel)!important;background-image:none!important;box-shadow:var(--sh-1)!important;color:var(--text)!important;cursor:pointer;transition:.16s}
.saved-course-v22:hover,.notification-item:hover{transform:translateY(-1px)!important;border-color:color-mix(in srgb,var(--accent) 22%,var(--border))!important;box-shadow:var(--sh-2)!important;background:var(--panel)!important}
.saved-course-icon-v22,.notification-icon{width:44px!important;height:44px!important;border-radius:13px!important;border:0!important;background:var(--accent-soft)!important;font-size:19px!important;display:grid;place-items:center;flex:none}
.notification-icon{width:38px!important;height:38px!important;font-size:16px!important}
.saved-course-main-v22 h2{font-size:14px!important;margin:0!important;color:var(--text)!important;font-weight:600!important}
.saved-course-main-v22 p{font-size:11.5px!important;color:var(--text-dim)!important;margin:3px 0 0!important}
.saved-course-kicker-v22{color:var(--accent)!important;font:600 9.5px var(--font-mono)!important;letter-spacing:.1em!important;margin-bottom:3px!important}
.saved-remove-v22,.saved-remove-v20{width:30px!important;height:30px!important;border:1px solid var(--border-soft)!important;border-radius:10px!important;background:var(--panel-2)!important;color:var(--text-dim)!important;cursor:pointer}
.saved-remove-v22:hover,.saved-remove-v20:hover{color:var(--danger)!important;border-color:var(--danger)!important;background:var(--danger-soft)!important}
.saved-course-arrow-v22,.saved-arrow-v20{color:var(--text-faint)!important;font-size:12px!important}
.notification-item{width:100%;text-align:start;font-family:inherit}
.notification-item.unread{border-color:color-mix(in srgb,var(--accent) 24%,var(--border))!important;background:color-mix(in srgb,var(--accent-soft) 62%,var(--panel))!important}
.notification-copy{min-width:0;flex:1;font-size:12.5px!important;line-height:1.65!important;color:var(--text-dim)!important}
.notification-copy strong{color:var(--text)!important}
.notification-copy small{display:block;color:var(--text-faint)!important;font-size:10.5px!important;margin-top:2px!important}
.notification-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)!important;flex:none;box-shadow:0 0 0 3px var(--accent-soft)}

.flashcards-page{max-width:980px;margin:0 auto;padding-bottom:70px}
.fc-header{margin-bottom:18px!important}
.fc-stats{display:flex;gap:10px;flex-wrap:wrap}
.fc-stat{padding:16px 18px!important;min-width:150px;border:1px solid var(--border-soft)!important;border-radius:20px!important;background:var(--panel)!important;box-shadow:var(--sh-1)}
.fc-stat .num{font-family:var(--font-display)!important;font-size:24px!important;color:var(--text)!important;font-weight:700!important}
.fc-stat .lbl{font-size:11.5px!important;color:var(--text-dim)!important;margin-top:2px!important}
.fc-filter{display:flex;gap:8px;align-items:center;margin:16px 0!important;flex-wrap:wrap}
.fc-filter select{min-height:42px!important;max-width:280px;border-radius:14px!important;font-size:12.5px!important}
.fc-card-row{display:flex;align-items:center;gap:10px;padding:12px 14px!important;margin-top:7px;border:1px solid var(--border-soft)!important;border-radius:16px!important;background:var(--panel)!important;box-shadow:var(--sh-1)}
.fc-card-row .fc-front{font-size:12.5px!important;color:var(--text)!important}
.fc-card-row .fc-due{color:var(--text-faint)!important;font-size:10.5px!important}
.fc-overlay{background:var(--scrim)!important;backdrop-filter:blur(3px)}
.fc-card{
  width:min(620px,92vw)!important;min-height:320px!important;padding:34px!important;border:1px solid var(--border)!important;border-radius:28px!important;
  background:linear-gradient(160deg,var(--panel),var(--panel-2))!important;box-shadow:var(--sh-3)!important;color:var(--text)!important;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer
}
.fc-card .fc-tag{top:17px!important;inset-inline-end:19px!important;color:var(--accent)!important;font:600 10.5px var(--font-mono)!important;letter-spacing:.1em}
.fc-card .fc-face{font-family:var(--font-read)!important;font-size:clamp(21px,3vw,28px)!important;line-height:1.8!important;color:var(--text)!important}
.fc-card .fc-hint{bottom:17px!important;color:var(--text-faint)!important;font-size:11px!important}
.fc-rate-row{display:flex;gap:9px;margin-top:20px!important}
.fc-rate-row .btn{flex:1;padding:10px 14px!important}
.fc-progress{color:var(--text-dim)!important;font-size:12px!important;margin-bottom:12px!important}
.fc-close{top:18px!important;inset-inline-start:18px!important;width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid var(--border)!important;background:var(--panel-2)!important;color:var(--text-dim)!important;cursor:pointer}
.fc-done h2{color:var(--text)!important}

.modal-backdrop,.note-reader-overlay,.fc-overlay,.sidebar-backdrop{background:var(--scrim)!important;backdrop-filter:blur(3px)}
.modal-backdrop,.note-reader-overlay,.fc-overlay{animation:ns-fade .18s var(--ease) both}
.modal,.theme-modal,.confirm-modal,.ux-dialog,.slash-menu,.block-menu{
  background:var(--panel)!important;border:1px solid var(--border-soft)!important;border-radius:26px!important;box-shadow:var(--sh-3)!important;color:var(--text)!important;background-image:none!important;
}
.modal,.ux-dialog{animation:ns-pop .22s var(--ease) both}
.modal-head{padding:18px 20px!important;border-bottom:1px solid var(--border-soft)!important}
.modal-head strong,.modal-head h2,.modal-head h3{font-family:var(--font-display)!important;font-size:16px!important;color:var(--text)!important}
.modal-body{padding:20px!important}
.modal-actions{padding-top:16px!important;border-top:1px solid var(--border-soft)!important;display:flex;gap:8px;flex-wrap:wrap}
.modal-actions .btn{flex:1;min-width:110px}
.ux-dialog{padding:22px!important}
.ux-dialog h3{font-size:18px!important}
.ux-dialog-msg{color:var(--text-dim)!important;font-size:13px!important}
.ux-field label{font-size:12.5px!important;color:var(--text-dim)!important}
.ux-field input{border-radius:14px!important;background:var(--panel-2)!important;border-color:var(--border)!important;color:var(--text)!important}
.ux-emojis button{border:1px solid var(--border)!important;border-radius:10px!important;background:var(--panel-2)!important}
.ux-emojis button:hover{background:var(--accent-soft)!important;transform:scale(1.06)}
.ux-toasts{bottom:22px!important;z-index:300}
.ux-toast,.toast{padding:12px 16px!important;border-radius:14px!important;background:var(--text)!important;border:0!important;color:var(--bg)!important;font-size:12.5px!important;line-height:1.7!important;box-shadow:var(--sh-3)!important}
.ux-toast.ok{background:var(--mint)!important;color:var(--on-accent)!important}
.ux-toast.error{background:var(--danger)!important;color:var(--on-accent)!important}
.slash-menu,.block-menu{border-radius:18px!important}
.slash-item,.mi{padding:9px 11px!important;border-radius:10px!important;font-size:12.5px!important;color:var(--text)!important}
.slash-item:hover,.slash-item.sel,.mi:hover{background:var(--accent-soft)!important;color:var(--accent-ink)!important}
.mi.danger{color:var(--danger)!important}

.auth-screen{
  display:flex;align-items:center;justify-content:center;min-height:100vh;padding:44px 20px!important;
  background:var(--bg)!important;background-image:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 46%)!important;
  position:relative;overflow:hidden;
}
.auth-screen::before{
  content:"";position:absolute;width:360px;height:360px;top:-170px;left:50%;transform:translateX(-50%);
  background:radial-gradient(circle, color-mix(in srgb,var(--accent) 16%,transparent), transparent 70%);filter:blur(0px);pointer-events:none;
}
.auth-card{
  position:relative;width:min(468px,100%)!important;padding:34px 32px 30px!important;border:1px solid var(--border-soft)!important;border-top:1px solid color-mix(in srgb,var(--accent) 18%,var(--border-soft))!important;border-radius:26px!important;
  background:var(--panel)!important;background-image:none!important;box-shadow:var(--sh-3)!important;backdrop-filter:none!important;
  z-index:1;
}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.auth-brand-copy{display:flex;flex-direction:column;line-height:1.2}
.auth-brand-copy strong{font-family:var(--font-display)!important;font-size:19px!important;letter-spacing:-.02em;color:var(--text)}
.auth-brand-copy small{font-size:11.5px;color:var(--text-dim);margin-top:2px}
.auth-card>.appearance-toggle{position:absolute;top:18px;inset-inline-end:18px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0!important;border-radius:13px!important;background:var(--panel-2)!important;border-color:transparent!important;box-shadow:none!important}
.auth-card .brand-prompt{margin-bottom:8px!important}
.auth-card h2{font-size:clamp(27px,4vw,34px)!important;line-height:1.25!important;letter-spacing:-.035em!important;margin:0 0 8px!important;font-weight:700!important;color:var(--text)!important}
.auth-sub{color:var(--text-dim)!important;font-size:13px!important;line-height:1.75!important;margin:0 0 22px!important}
.auth-tabs{display:flex;gap:4px;padding:4px!important;background:var(--panel-2)!important;border:1px solid var(--border-soft)!important;border-radius:16px!important;margin-bottom:20px}
.auth-tab{flex:1;min-height:40px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--text-dim)!important;box-shadow:none!important;font-size:13px!important;font-weight:600!important}
.auth-tab:hover{background:transparent!important;color:var(--text)!important;transform:none!important}
.auth-tab.primary{background:var(--panel)!important;color:var(--accent-ink)!important;box-shadow:var(--sh-1)!important}
.auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.auth-field label,.auth-field>span{font-size:12.5px!important;font-weight:600!important;color:var(--text-dim)!important}
.auth-field input{width:100%;min-height:52px!important;border-radius:17px!important;background:var(--panel-2)!important;font-size:14px!important;padding:12px 14px!important}
.auth-submit{width:100%;min-height:52px!important;border-radius:17px!important;margin-top:7px!important;font-size:14px!important}
.auth-forgot{background:transparent!important;border-color:transparent!important;color:var(--text-dim)!important;box-shadow:none!important;margin-top:4px!important;min-height:42px!important}
.auth-forgot:hover{background:var(--panel-2)!important;color:var(--text)!important}
.auth-error{color:var(--danger)!important;background:var(--danger-soft)!important;border-radius:12px;padding:7px 10px;font-size:12px}
.auth-error:empty{display:none}
.verify-head{display:flex;gap:12px;align-items:flex-start;padding:13px!important;border:1px solid var(--border-soft)!important;border-radius:16px!important;background:var(--panel-2)!important;margin-bottom:16px}
.verify-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);flex:none;font-size:17px}
.verify-head h3{margin:0 0 3px!important;font-size:15px!important;color:var(--text)!important}
.verify-head p{margin:0!important;font-size:11.5px!important;color:var(--text-dim)!important;line-height:1.65!important}

.sidebar-backdrop{display:none}
.sidebar-close{display:none}
@media(max-width:1180px){
  .main{padding:36px 32px 90px!important}
  .sidebar{width:288px!important;max-width:288px}
}
@media(max-width:980px){
  .home-layout{grid-template-columns:1fr!important}
  .home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .community-layout-v14{grid-template-columns:1fr!important}
  .community-rail-v14{display:grid!important;grid-template-columns:1fr 1fr;position:static!important}
  .rail-cta-v14{grid-column:1/-1}
}
@media(max-width:860px){
  body .menu-btn{display:grid!important}
  body .sidebar{
    position:fixed!important;inset-block:0;inset-inline-end:0;width:min(88vw,330px)!important;max-width:330px;z-index:30;
    box-shadow:-24px 0 70px rgba(0,0,0,.22)!important;transform:translateX(105%);transition:transform .24s var(--ease);
  }
  html[dir="rtl"] body .sidebar{transform:translateX(-105%)}
  body.sidebar-open .sidebar{transform:none!important}
  body.sidebar-open .menu-btn{opacity:0;pointer-events:none}
  body .main{padding:78px 20px 90px!important;max-width:none}
  .sidebar-close{display:grid!important;place-items:center;position:absolute;top:14px;inset-inline-end:14px;width:36px;height:36px;border-radius:12px!important;border:1px solid var(--border)!important;background:var(--panel)!important;color:var(--text-dim)!important;font-size:14px;cursor:pointer;z-index:2}
  .brand{padding-top:20px!important}
  .sidebar-backdrop{display:block!important;position:fixed;inset:0;background:var(--scrim);backdrop-filter:blur(2px);z-index:25;opacity:0;pointer-events:none;transition:opacity .2s}
  body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}
  .home-hero-inner,.course-hero-inner{align-items:flex-start;flex-direction:column}
  .home-hero-actions,.course-actions{width:100%}
  .home-hero-actions .btn,.course-actions .btn{flex:1}
  .notes-top{align-items:flex-start;flex-direction:column}
  .notes-actions{width:100%}
  .notes-actions .btn{flex:1}
  .community-topbar-v14{align-items:flex-start;flex-direction:column!important}
  .community-stats-v14{width:100%}
  .community-stats-v14 div{flex:1}
  .community-toolbar-v14{align-items:stretch;flex-direction:column!important}
  .community-search-v14{max-width:none}
  .community-tabs-v14{align-self:flex-start}
  .notes-overview{grid-template-columns:repeat(3,minmax(0,1fr))}
  .courses-grid{grid-template-columns:1fr}
  .course-note-grid,.course-root-notes{grid-template-columns:1fr!important}
  .course-recent{grid-template-columns:1fr 1fr!important}
  .public-profile-head,.public-reader-head{align-items:flex-start;flex-direction:column}
  .public-profile-actions{width:100%}
  .public-profile-actions .btn{flex:1}
  .profile-hero-body-v18{flex-wrap:wrap}
  .profile-actions-v18{width:100%;padding-top:0!important}
  .profile-actions-v18 .btn{width:100%}
  .profile-stats-v18{margin-inline-start:0!important;flex-wrap:wrap;padding-inline:20px!important}
  .profile-stats-v18 div{flex:1}
  .saved-head-v20,.notifications-head{align-items:flex-start;flex-direction:column}
  .search-kbd{display:none!important}
  input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),textarea,select{font-size:16px!important}
  .btn,.nav-item,.page-item,.course-head{min-height:44px}
  .post-notes-v14{grid-template-columns:1fr!important}
  .note-reader-content-inner{padding:18px!important}
  .note-reader-panel{border-radius:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
  .modal{width:calc(100% - 24px)!important;max-height:calc(100dvh - 28px)!important;border-radius:24px!important}
  .fc-card{width:calc(100vw - 32px)!important;min-height:300px!important}
}
@media(max-width:620px){
  .home-hero{padding:24px 20px!important;border-radius:24px!important}
  .home-title{font-size:29px!important}
  .home-stats{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .home-stat{min-height:104px;padding:14px!important;border-radius:18px!important}
  .home-stat-icon{width:32px;height:32px;border-radius:10px;margin-bottom:8px}
  .home-stat-number{font-size:23px!important}
  .home-quick{grid-template-columns:1fr 1fr!important}
  .home-quick button{min-height:82px;padding:11px!important}
  .notes-overview{grid-template-columns:1fr 1fr!important}
  .overview-card{padding:14px!important;border-radius:18px!important}
  .overview-number{font-size:23px!important}
  .course-hero{padding:23px 20px!important;border-radius:24px!important}
  .course-name{font-size:26px!important}
  .course-big-icon{width:50px!important;height:50px!important;border-radius:16px!important;font-size:24px!important}
  .course-summary{grid-template-columns:1fr 1fr!important}
  .course-recent{grid-template-columns:1fr!important}
  .community-symbol-v14{width:46px!important;height:46px!important;border-radius:15px!important;font-size:22px!important}
  .community-rail-v14{grid-template-columns:1fr!important}
  .rail-cta-v14{grid-column:auto}
  .community-post-v14,.rail-card-v14,.community-profile-card{border-radius:18px!important;padding:14px!important}
  .post-open-v14{font-size:10.5px!important}
  .post-read-v14{display:none}
  .reader-course-heading{flex-wrap:wrap}
  .public-profile-head h1{font-size:22px!important}
  .public-avatar{width:50px!important;height:50px!important;border-radius:16px!important;font-size:18px!important}
  .notes-hub-toolbar{align-items:flex-start;flex-direction:column}
  .profile-avatar-v18{width:70px!important;height:70px!important;border-radius:20px!important}
  .profile-hero-copy-v18 h1{font-size:20px!important}
  .profile-stats-v18 div{min-width:0}
  .saved-course-v22,.notification-item{padding:11px!important;border-radius:16px!important}
  .saved-head-v20 h1,.notifications-head h1{font-size:29px!important}
  .fc-stat{flex:1;min-width:0;padding:13px!important}
  .fc-rate-row{flex-wrap:wrap}
  .fc-rate-row .btn{min-width:calc(50% - 5px)}
  .auth-screen{padding:24px 14px!important;align-items:flex-start!important}
  .auth-card{padding:28px 20px 24px!important;border-radius:24px!important;margin-top:20px}
  .auth-brand{margin-bottom:20px}
  .auth-brand-copy strong{font-size:17px}
  .auth-card h2{font-size:27px!important}
  .auth-tab.primary{background:var(--panel)!important}
  .main{padding:74px 15px 84px!important}
}
@media(max-width:420px){
  .home-stats,.notes-overview{grid-template-columns:1fr!important}
  .home-quick{grid-template-columns:1fr!important}
  .profile-stats-v18 div{flex:1 1 42%}
  .fc-rate-row .btn{min-width:100%}
  .auth-card{padding-inline:17px!important}
  .community-tabs-v14{width:100%;overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@keyframes ns-fade{from{opacity:0}to{opacity:1}}
@keyframes ns-pop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@keyframes ns-spin{to{transform:rotate(360deg)}}