/* Assignment Center Notes — calm capture, powerful study. */
.ac-notes {
  --note-ink: #172033;
  --note-muted: #68738a;
  --note-line: #e4e8f0;
  --note-soft: #f6f7fb;
  --note-accent: #6d4aff;
  --note-accent-2: #8c6cff;
  --note-green: #168564;
  min-height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--note-ink);
  background: #fbfbfd;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

.ac-notes *, .ac-note-modal-host * { box-sizing: border-box; }
.ac-notes button, .ac-notes input, .ac-notes textarea, .ac-notes select,
.ac-note-modal-host button, .ac-note-modal-host input, .ac-note-modal-host select { font: inherit; }
.ac-notes button, .ac-note-modal-host button { cursor: pointer; }
.ac-notes button:focus-visible, .ac-notes input:focus-visible, .ac-notes textarea:focus-visible,
.ac-notes select:focus-visible, .ac-note-modal-host button:focus-visible, .ac-note-modal-host input:focus-visible {
  outline: 3px solid rgba(109, 74, 255, .22);
  outline-offset: 2px;
}

/* Notes is connected to Assignment Center, but owns the entire viewport. */
.ac-shell.notes-standalone { grid-template-columns:minmax(0,1fr)!important; grid-template-rows:minmax(0,1fr)!important; grid-template-areas:"canvas"!important; }
.ac-shell.notes-standalone > .ac-topbar,
.ac-shell.notes-standalone > .ac-rail,
.ac-shell.notes-standalone > .ac-ai-panel,
.ac-shell.notes-standalone > .ac-bottom-rail,
.ac-shell.notes-standalone > .ac-demo-banner,
.ac-shell.notes-standalone > #acMobileTabBar { display:none!important; }
/* Focus mode's generic edge panels must never bring Assignment Center chrome
   into the dedicated Notes site. Notes owns its own calm focus transition. */
html body .ac-shell.notes-standalone.focus-mode > .ac-topbar,
html body .ac-shell.notes-standalone.focus-mode > .ac-rail,
html body .ac-shell.notes-standalone.focus-mode > .ac-ai-panel,
html body .ac-shell.notes-standalone.focus-mode > .ac-bottom-rail { display:none!important; }
.ac-shell.notes-standalone > .ac-canvas { grid-area:canvas!important; min-width:0; min-height:0; padding:0!important; }
.ac-notes-brand { min-width:0; display:flex; align-items:center; gap:14px; }
.ac-note-home-back { height:38px; display:flex; align-items:center; gap:7px; padding:0 11px; border:1px solid #dde2ea; border-radius:10px; color:#566176; background:#fff; font-size:10px; font-weight:760; white-space:nowrap; transition:transform .15s,border-color .15s,background .15s; }
.ac-note-home-back:hover { transform:translateX(-2px); border-color:#b5a7ef; background:#f7f5ff; }
.ac-note-cleanup-tools { display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.ac-note-cleanup-tools button { min-height:29px; padding:0 8px; border:1px solid #dfe3eb; border-radius:7px; color:#5f687b; background:#fff; font-size:8px; font-weight:760; white-space:nowrap; }
.ac-note-cleanup-tools button:hover:not(:disabled) { color:#5e43d0; border-color:#b5a7ee; background:#f7f4ff; }
.ac-note-cleanup-tools button:disabled { opacity:.45; cursor:not-allowed; }
.ac-note-cleanup-tools button[data-note-action="cleanup"]:disabled { cursor:wait; }
.ac-note-study-depth { display:flex; align-items:center; gap:6px; color:#7d8799; font-size:8px; font-weight:750; white-space:nowrap; }
.ac-note-study-depth select { height:31px; padding:0 25px 0 8px; border:1px solid #dfe3ea; border-radius:8px; outline:0; color:#4f5a70; background:#fff; font-size:9px; }
.ac-note-study-depth select:focus { border-color:#9f8ceb; box-shadow:0 0 0 3px rgba(109,74,255,.09); }

.ac-notes-top {
  flex: 0 0 auto;
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 15px 22px 14px 25px;
  border-bottom: 1px solid var(--note-line);
  background: rgba(255,255,255,.92);
}

.ac-notes-eyebrow {
  display: block;
  color: var(--note-accent);
  font-size: 10px;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 5px;
}

.ac-notes-top h1 {
  margin: 0;
  color: var(--note-ink);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: clamp(24px, 2vw, 31px);
  line-height: 1;
  letter-spacing: -.025em;
  font-weight: 650;
}

.ac-notes-top-actions { display: flex; align-items: center; gap: 10px; }
.ac-note-search {
  width: min(300px, 31vw);
  height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 9px 0 12px;
  border: 1px solid #dfe3ec;
  border-radius: 12px;
  color: #8a93a6;
  background: #f8f9fc;
  transition: border-color .18s, box-shadow .18s, background .18s;
}
.ac-note-search:focus-within { background: #fff; border-color: #a99aff; box-shadow: 0 0 0 3px rgba(109,74,255,.1); }
.ac-note-search > span { font-size: 19px; transform: translateY(-1px); }
.ac-note-search input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--note-ink); background: transparent; font-size: 13px; }
.ac-note-search kbd { border: 1px solid #dfe3ec; border-radius: 6px; padding: 2px 5px; color: #8b93a5; background: #fff; font: 10px ui-monospace, monospace; }
.ac-note-primary {
  min-height: 40px;
  border: 0;
  border-radius: 11px;
  padding: 0 15px;
  color: #fff;
  background: linear-gradient(135deg, var(--note-accent), #7c5cff);
  box-shadow: 0 6px 18px rgba(93,65,219,.2);
  font-weight: 750;
  font-size: 13px;
}
.ac-note-primary:hover { filter: brightness(1.045); transform: translateY(-1px); }

.ac-notes-grid {
  min-height: 0;
  flex: 1;
  display: grid;
  grid-template-columns: 188px 266px minmax(430px, 1fr);
  overflow: hidden;
}

.ac-note-books {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 18px 12px 13px;
  overflow: auto;
  border-right: 1px solid var(--note-line);
  background: #f5f6fa;
}
.ac-note-books-label { padding: 0 10px 8px; color: #8d95a7; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.ac-note-books-label--classes { padding-top: 21px; }
.ac-note-book {
  width: 100%;
  min-height: 36px;
  display: grid;
  grid-template-columns: 18px minmax(0,1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 6px 9px;
  border: 0;
  border-radius: 9px;
  color: #4d576d;
  background: transparent;
  text-align: left;
  font-size: 12px;
  transition: color .15s, background .15s;
}
.ac-note-book:hover { color: var(--note-ink); background: #eceef5; }
.ac-note-book.active { color: #4f34d2; background: #ebe7ff; font-weight: 750; }
.ac-note-book > span:nth-child(2) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ac-note-book b { min-width: 18px; color: #939bad; font-size: 10px; font-weight: 650; text-align: right; }
.ac-note-book.active b { color: #735be6; }
.ac-note-book-icon { color: #7e8799; font-size: 15px; text-align: center; }
.ac-note-class-dot { width: 7px; height: 7px; border-radius: 50%; margin-left: 5px; box-shadow: 0 0 0 3px rgba(100,116,139,.08); }
.ac-note-class-dot.is-violet { background: #8064ee; }.ac-note-class-dot.is-blue { background: #3b82f6; }
.ac-note-class-dot.is-green { background: #20a278; }.ac-note-class-dot.is-amber { background: #e5a125; }
.ac-note-class-dot.is-rose { background: #e85d75; }.ac-note-class-dot.is-cyan { background: #16a7ba; }
.ac-note-books-spacer { flex: 1; min-height: 20px; }
.ac-note-safety {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 14px 4px 0;
  padding: 10px;
  border: 1px solid #dfe8e4;
  border-radius: 10px;
  color: #35675a;
  background: #f3faf7;
}
.ac-note-safety > span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #27a37d; font-size: 10px; font-weight: 900; }
.ac-note-safety strong, .ac-note-safety small { display: block; }
.ac-note-safety strong { font-size: 10px; }.ac-note-safety small { margin-top: 1px; color: #71857e; font-size: 8px; line-height: 1.3; }

.ac-note-list-pane { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border-right: 1px solid var(--note-line); background: #fff; }
.ac-note-list-head { min-height: 62px; display: flex; align-items: center; justify-content: space-between; padding: 12px 14px 10px 16px; border-bottom: 1px solid #edf0f5; }
.ac-note-list-head strong, .ac-note-list-head span { display: block; }
.ac-note-list-head strong { color: #303a50; font-size: 13px; }
.ac-note-list-head span { margin-top: 2px; color: #9aa1af; font-size: 9px; }
.ac-note-icon-btn {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid #dfe3ec;
  border-radius: 10px;
  color: #5d667a;
  background: #fff;
  font-weight: 750;
}
.ac-note-icon-btn:hover, .ac-note-icon-btn.active { color: var(--note-accent); border-color: #c9befd; background: #f4f1ff; }
.ac-note-list { min-height: 0; flex: 1; overflow: auto; padding: 8px; }
.ac-note-row {
  width: 100%;
  min-height: 100px;
  display: block;
  padding: 12px 12px 11px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: inherit;
  background: transparent;
  text-align: left;
  transition: background .15s, border-color .15s, box-shadow .15s;
}
.ac-note-row + .ac-note-row { margin-top: 3px; }
.ac-note-row:hover { background: #f8f8fb; }
.ac-note-row.active { border-color: #ded8ff; background: #f5f2ff; box-shadow: inset 3px 0 0 #7557ef; }
.ac-note-row-top { display: flex; align-items: center; gap: 7px; }
.ac-note-row-top strong { min-width: 0; flex: 1; overflow: hidden; color: #263047; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; line-height: 1.25; }
.ac-note-row-top span { color: var(--note-accent); font-size: 12px; }
.ac-note-row p { height: 32px; margin: 7px 0 9px; overflow: hidden; color: #788195; font-family: "Source Serif 4", Georgia, serif; font-size: 10.5px; line-height: 1.5; }
.ac-note-row-meta { display: flex; align-items: center; gap: 5px; color: #98a0b1; font-size: 8.5px; }
.ac-note-row-meta span:first-child { min-width: 0; max-width: 58%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ac-note-row-meta span:nth-child(2) { margin-left: auto; }
.ac-note-row-meta em { padding: 2px 5px; border-radius: 5px; color: #9a6215; background: #fff3d6; font-style: normal; font-weight: 700; }
.ac-note-list-empty { display: grid; justify-items: center; padding: 54px 16px; color: #8c94a5; text-align: center; }
.ac-note-list-empty > span { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 10px; border-radius: 14px; color: #7557ef; background: #eeeaff; font-size: 19px; }
.ac-note-list-empty strong { color: #4a5367; font-size: 12px; }.ac-note-list-empty p { margin: 5px 0 14px; font-size: 10px; }
.ac-note-list-empty button { border: 0; color: #6046db; background: transparent; font-size: 11px; font-weight: 750; }

.ac-note-editor-pane { min-width: 0; min-height: 0; position: relative; display: flex; flex-direction: column; overflow: hidden; background: #fff; }
.ac-note-editor-head { min-height: 69px; display: flex; align-items: center; gap: 16px; padding: 11px 18px 9px 22px; border-bottom: 1px solid #edf0f5; }
.ac-note-title-wrap { min-width: 0; flex: 1; }
.ac-note-title { width: 100%; display: block; padding: 0; border: 0; outline: 0; color: var(--note-ink); background: transparent; font-family: "Source Serif 4", Georgia, serif; font-size: clamp(20px,2vw,27px); line-height: 1.13; font-weight: 620; letter-spacing: -.02em; }
.ac-note-title::placeholder { color: #aeb5c2; }
.ac-note-under-title { min-height: 16px; display: flex; align-items: center; gap: 6px; margin-top: 4px; color: #9ca3b2; font-size: 8.5px; }
.ac-note-save { display: inline-flex; align-items: center; gap: 5px; font-weight: 650; }
.ac-note-save i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.ac-note-save.is-saved { color: #218265; }.ac-note-save.is-saving { color: #7255e7; }.ac-note-save.is-local { color: #a26b16; }
.ac-note-save.is-saving i { animation: acNotePulse 1s infinite; }
@keyframes acNotePulse { 50% { opacity: .25; transform: scale(.7); } }
.ac-note-head-actions { display: flex; align-items: center; gap: 7px; }
.ac-note-export-btn { height: 34px; padding: 0 12px; border: 1px solid #dddff0; border-radius: 10px; color: #4d566b; background: #fff; font-size: 10px; font-weight: 750; }
.ac-note-export-btn span { color: var(--note-accent); }
.ac-note-mobile-back { display: none; }
.ac-note-more-menu { z-index: 20; position: absolute; top: 58px; right: 18px; width: 165px; padding: 6px; border: 1px solid #e0e4ed; border-radius: 11px; background: #fff; box-shadow: 0 18px 48px rgba(24,31,50,.17); }
.ac-note-more-menu button { width: 100%; padding: 8px 9px; border: 0; border-radius: 7px; color: #4f586c; background: transparent; text-align: left; font-size: 10px; }
.ac-note-more-menu button:hover { background: #f4f5f8; }.ac-note-more-menu button.is-danger { color: #c44352; }

.ac-note-meta-row { min-height: 51px; display: flex; flex-wrap: wrap; align-items: center; gap: 7px 13px; padding: 7px 20px; border-bottom: 1px solid #eceff4; background: #fcfcfe; }
.ac-note-meta-row > label { display: flex; align-items: center; gap: 5px; color: #9199a9; font-size: 8.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; }
.ac-note-meta-row select, .ac-note-meta-row input { height: 29px; max-width: 146px; padding: 0 8px; border: 1px solid #e0e4ed; border-radius: 8px; color: #566075; background: #fff; outline: 0; font-size: 10px; text-transform: none; letter-spacing: 0; }
.ac-note-topic-label { min-width: 190px; flex: 1; }.ac-note-topic-label input { width: 100%; max-width: none; }
.ac-note-assignment-label select { width: 165px; max-width: 165px; }
.ac-note-tags-label { min-width: 0; flex: 1; }.ac-note-tags-label input { width: min(210px,100%); max-width: none; }
.ac-note-mode-tabs { display: flex; margin-left: auto; padding: 3px; border: 1px solid #e2e5ed; border-radius: 9px; background: #f3f4f7; }
.ac-note-mode-tabs button { height: 25px; padding: 0 9px; border: 0; border-radius: 6px; color: #81899a; background: transparent; font-size: 9px; font-weight: 750; }
.ac-note-mode-tabs button.active { color: #4d36c7; background: #fff; box-shadow: 0 1px 4px rgba(31,38,58,.11); }
.ac-note-mode-tabs b { min-width: 15px; display: inline-block; margin-left: 2px; border-radius: 7px; color: #fff; background: #8870ed; font-size: 7px; line-height: 14px; }

.ac-note-toolbar { min-height: 44px; display: flex; flex-wrap: wrap; align-items: center; gap: 3px; padding: 6px 19px; border-bottom: 1px solid #eef0f5; color: #677186; background: #fff; }
.ac-note-toolbar button { min-width: 29px; height: 29px; padding: 0 7px; border: 0; border-radius: 7px; color: inherit; background: transparent; font-size: 10px; font-weight: 750; }
.ac-note-toolbar button:hover { color: #5137cf; background: #f0edff; }
.ac-note-toolbar > span { width: 1px; height: 18px; margin: 0 4px; background: #e1e4eb; }
.ac-note-toolbar-spacer { flex: 1 1 12px; min-width: 8px; }
.ac-note-toolbar .ac-note-focus-btn { padding: 0 9px; border: 1px solid #e1e4eb; color: #687286; font-weight: 650; }
.ac-note-writing { min-height: 0; flex: 1; display: grid; grid-template-columns: minmax(300px,1fr) 165px; overflow: hidden; }
#acNoteContent, .ac-note-editor {
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: auto;
  resize: none;
  padding: 29px clamp(24px,5vw,64px) 110px;
  border: 0;
  outline: 0;
  color: #263148;
  background: #fff;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 16px;
  line-height: 1.72;
  tab-size: 2;
  overflow-wrap: anywhere;
  word-break: break-word;
}
#acNoteContent::placeholder { color: #b2b8c4; }
.ac-note-editor:empty::before,
.ac-note-editor p:only-child:empty::before {
  content: attr(data-placeholder);
  color: #b2b8c4;
  pointer-events: none;
}
.ac-note-editor h1, .ac-note-editor h2, .ac-note-editor h3, .ac-note-editor h4 {
  margin: 1.1em 0 .35em;
  color: #172033;
  font-family: Inter, sans-serif;
  line-height: 1.28;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}
.ac-note-editor h1 { font-size: 1.85em; }
.ac-note-editor h2 { font-size: 1.4em; }
.ac-note-editor h3 { font-size: 1.15em; }
.ac-note-editor p { margin: .45em 0; overflow-wrap: anywhere; }
.ac-note-editor ul, .ac-note-editor ol { margin: .45em 0 .45em 1.35em; padding: 0; }
.ac-note-editor li { margin: .2em 0; overflow-wrap: anywhere; }
.ac-note-editor a { color: #5b3fd5; }
.ac-note-editor strong { font-weight: 700; }
.ac-note-editor em { font-style: italic; }
.ac-note-editor mark { padding: 0 2px; background: #fff0a8; }
.ac-note-margin { padding: 22px 14px; border-left: 1px solid #eceff4; color: #7f8899; background: #fafbfc; font-size: 9px; line-height: 1.5; }
.ac-note-margin > strong { display: block; margin-bottom: 12px; color: #576176; font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
.ac-note-margin label { color: #667084; font-weight: 650; }
.ac-note-margin textarea { width: 100%; height: 92px; resize: vertical; display: block; margin-top: 6px; padding: 8px; border: 1px solid #e0e4eb; border-radius: 8px; outline: 0; color: #445067; background: #fff; font-family: "Source Serif 4",Georgia,serif; font-size: 10px; line-height: 1.45; }
.ac-note-margin p { margin: 15px 0 10px; }.ac-note-margin code { color: #6249cf; background: #efebff; }
.ac-note-margin button { padding: 0; border: 0; color: #6045dc; background: transparent; font-size: 9px; font-weight: 750; }

.ac-note-preview { min-height: 0; flex: 1; overflow: auto; padding: 35px clamp(28px,7vw,92px) 100px; background: #fff; }
.ac-note-preview article { max-width: 760px; margin: 0 auto; color: #2a3449; font-family: "Source Serif 4",Georgia,serif; font-size: 15px; line-height: 1.72; }
.ac-note-preview h1,.ac-note-preview h2,.ac-note-preview h3,.ac-note-preview h4,.ac-note-preview h5 { margin: 1.55em 0 .48em; color: #172033; font-family: Inter,sans-serif; line-height: 1.25; letter-spacing: -.02em; overflow-wrap: anywhere; }
.ac-note-preview h1 { font-size: 30px; }.ac-note-preview h2 { font-size: 25px; }.ac-note-preview h3 { font-size: 19px; }.ac-note-preview h4 { font-size: 15px; }
.ac-note-preview p { margin: .45em 0; overflow-wrap: anywhere; }.ac-note-preview ul,.ac-note-preview ol { margin: .6em 0; padding-left: 1.4em; }
.ac-note-preview blockquote { margin: 1em 0; padding: 10px 16px; border-left: 3px solid #8a70ef; color: #59647a; background: #faf9ff; }
.ac-note-preview code { padding: 2px 5px; border-radius: 5px; color: #5137c6; background: #f0edff; font: .85em ui-monospace,monospace; }
.ac-note-preview pre { overflow: auto; padding: 14px; border-radius: 10px; color: #e8eaf2; background: #202638; }.ac-note-preview pre code { padding: 0; color: inherit; background: none; }
.ac-note-preview mark { padding: 0 2px; color: inherit; background: #fff0a8; }
.ac-note-table-wrap { overflow-x: auto; margin: 16px 0; }.ac-note-preview table { width: 100%; border-collapse: collapse; font-family: Inter,sans-serif; font-size: 11px; }.ac-note-preview th,.ac-note-preview td { padding: 8px 10px; border: 1px solid #dfe3eb; text-align: left; }.ac-note-preview th { background: #f5f6fa; }
.ac-note-checklist { list-style: none; padding-left: 0!important; }.ac-note-check { width: 15px; height: 15px; display: inline-grid; place-items: center; margin-right: 7px; border: 1px solid #adb5c4; border-radius: 4px; font: 9px Inter,sans-serif; }.ac-note-check.is-done { color: #fff; border-color: #22a077; background: #22a077; }
.ac-note-preview-summary { margin-top: 36px; padding: 17px 20px; border: 1px solid #dcd6ff; border-radius: 12px; background: #f7f5ff; }.ac-note-preview-summary strong { color: #6046d6; font-family: Inter,sans-serif; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.ac-note-preview-empty { display: grid; place-items: center; min-height: 300px; color: #9ba2b2; font-family: Inter,sans-serif; }

.ac-note-study-tabs { min-height: 48px; display: flex; align-items: center; gap: 4px; padding: 8px 20px; border-bottom: 1px solid #eceff4; background: #fbfbfd; }
.ac-note-study-tabs > span { flex: 1; }.ac-note-study-tabs button { height: 30px; padding: 0 10px; border: 0; border-radius: 8px; color: #7b8497; background: transparent; font-size: 9px; font-weight: 750; }
.ac-note-study-tabs button.active { color: #5239cb; background: #eeeaff; }.ac-note-study-tabs b { margin-left: 3px; color: #8d7ae7; font-size: 8px; }
.ac-note-study-tabs .ac-note-ai-generate { border: 1px solid #d5ccff; color: #5b3fd5; background: #fff; }
.ac-note-study { min-height: 0; flex: 1; overflow: auto; padding: clamp(24px,5vh,54px) clamp(24px,7vw,88px) 80px; background: radial-gradient(circle at 50% 0,#f4f0ff 0,transparent 44%),#fafafd; }
.ac-note-study-top { max-width: 720px; display: flex; align-items: flex-end; justify-content: space-between; margin: 0 auto 14px; color: #7e8799; font-size: 9px; }.ac-note-study-top span,.ac-note-study-top strong { display: block; }.ac-note-study-top span { color: #765ce0; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.ac-note-study-top strong { margin-top: 3px; color: #3c465a; font-size: 11px; }
.ac-note-flashcard { width: 100%; max-width: 720px; min-height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: auto; padding: 45px 60px; border: 1px solid #ddd8ef; border-radius: 22px; color: var(--note-ink); background: #fff; box-shadow: 0 26px 70px rgba(57,45,101,.12),0 2px 0 #ebe7fa; text-align: center; transition: transform .2s,box-shadow .2s; }
.ac-note-flashcard:hover { transform: translateY(-2px); box-shadow: 0 30px 75px rgba(57,45,101,.15); }.ac-note-flashcard.is-revealed { border-color: #cfc4ff; background: linear-gradient(145deg,#fff,#faf8ff); }
.ac-note-card-label { margin-bottom: 24px; color: #8b7bd0; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ac-note-card-front { max-width: 580px; color: #252f45; font-family: "Source Serif 4",Georgia,serif; font-size: clamp(21px,2.4vw,30px); line-height: 1.3; font-weight: 590; }
.ac-note-flashcard > small { margin-top: 34px; color: #a3a9b6; font-size: 9px; }.ac-note-card-answer { width: 100%; margin-top: 26px; padding-top: 24px; border-top: 1px solid #e4e0f4; color: #475269; font-family: "Source Serif 4",Georgia,serif; font-size: 16px; line-height: 1.55; }.ac-note-card-answer p { margin: 12px 0 0; color: #737d90; font-family: Inter,sans-serif; font-size: 10px; }
.ac-note-study-actions { max-width: 720px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px; margin: 15px auto 0; }.ac-note-study-actions button { min-height: 36px; border: 1px solid #dedfea; border-radius: 9px; color: #646e81; background: #fff; font-size: 9px; font-weight: 750; }.ac-note-study-actions button:last-child { justify-self: stretch; color: #5c43d5; }.ac-note-study-actions button:disabled { opacity: .35; cursor: default; }
.ac-note-review-rate { max-width: 720px; display: flex; align-items: center; justify-content: center; gap: 7px; margin: 18px auto 0; color: #6c7588; font-size: 9px; }.ac-note-review-rate button { padding: 7px 10px; border: 1px solid #dfe2ea; border-radius: 8px; color: #5f687b; background: #fff; font-size: 9px; }
.ac-note-study-empty { min-height: 0; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: auto; padding: 45px 24px; color: #7e879a; background: #fbfbfd; text-align: center; }.ac-note-study-empty > span { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 13px; border-radius: 17px; color: #694ae3; background: #eeeaff; font-size: 23px; }.ac-note-study-empty h3 { margin: 0; color: #303a50; font: 650 23px "Source Serif 4",Georgia,serif; }.ac-note-study-empty p { max-width: 520px; margin: 8px 0 19px; font-size: 11px; line-height: 1.65; }.ac-note-study-empty code { color: #6147d3; background: #efebff; }.ac-note-study-empty > div { display: flex; gap: 8px; }.ac-note-study-empty button:not(.ac-note-primary) { min-height: 40px; padding: 0 14px; border: 1px solid #dfe2ea; border-radius: 10px; color: #626c80; background: #fff; font-size: 10px; }
.ac-note-ai-building { min-height: 0; flex: 1; display: grid; place-items: center; align-content: center; padding: 30px; text-align: center; background: radial-gradient(circle,#f1edff,transparent 52%); }.ac-note-ai-building > span,.ac-notes-loading > span,.ac-note-cite-loading > span { width: 34px; height: 34px; border: 3px solid #ded8ff; border-top-color: #7557ef; border-radius: 50%; animation: acNoteSpin .8s linear infinite; }@keyframes acNoteSpin{to{transform:rotate(360deg)}}.ac-note-ai-building h3 { margin: 15px 0 4px; color: #374157; }.ac-note-ai-building p { max-width: 500px; color: #7d8799; font-size: 10px; line-height: 1.6; }
.ac-note-study-guide { min-height: 0; flex: 1; overflow: auto; padding: 28px clamp(28px,7vw,84px) 90px; background: #fbfbfd; }.ac-note-study-guide > header { max-width: 780px; margin: auto; padding-bottom: 22px; border-bottom: 1px solid #e1e4ec; }.ac-note-study-guide > header span { color: #6b4de2; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }.ac-note-study-guide h3 { margin: 4px 0; color: #252f44; font: 650 27px "Source Serif 4",Georgia,serif; }.ac-note-study-guide > header p { margin: 0; color: #9299a8; font-size: 9px; }.ac-note-study-guide section { max-width: 780px; margin: 25px auto 0; }.ac-note-study-guide h4 { color: #5a6478; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }.ac-note-study-guide article { display: grid; grid-template-columns: 28px 1fr; gap: 11px; padding: 12px 0; border-bottom: 1px solid #e8eaf0; }.ac-note-study-guide article > b,.ac-note-study-guide article > span { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; color: #6448d7; background: #eeeaff; font-size: 9px; }.ac-note-study-guide article strong { color: #303a4f; font-size: 11px; }.ac-note-study-guide article p { margin: 3px 0 0; color: #6f798c; font-family: "Source Serif 4",Georgia,serif; font-size: 11px; line-height: 1.55; }.ac-note-misconceptions article > span { color: #b8612b; background: #fff0df; font-weight: 900; }
.ac-note-quiz-choices { width: 100%; max-width: 520px; margin: 25px 0 0; display: grid; gap: 7px; padding: 0; list-style-position: inside; color: #5a6479; font-family: Inter,sans-serif; font-size: 10px; text-align: left; }.ac-note-quiz-choices li { padding: 9px 11px; border: 1px solid #e2e4ec; border-radius: 9px; background: #fafafd; }

.ac-note-citations { min-height: 0; flex: 1; overflow: auto; padding: 27px clamp(24px,6vw,70px) 80px; background: #fbfbfd; }.ac-note-citations > header { max-width: 800px; margin: auto; }.ac-note-citations > header > span { color: #6749db; font-size: 9px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.ac-note-citations > header h3 { margin: 4px 0; color: #252f44; font: 650 27px "Source Serif 4",Georgia,serif; }.ac-note-citations > header p { max-width: 660px; margin: 0; color: #788296; font-size: 10px; line-height: 1.55; }
.ac-note-cite-search { max-width: 800px; display: grid; grid-template-columns: 1fr auto; gap: 9px; margin: 20px auto 0; }.ac-note-cite-search textarea { height: 68px; resize: vertical; padding: 11px 13px; border: 1px solid #dce0e9; border-radius: 11px; outline: 0; color: #39445a; background: #fff; font-family: "Source Serif 4",Georgia,serif; font-size: 12px; line-height: 1.45; }.ac-note-cite-search textarea:focus { border-color: #a999f2; box-shadow: 0 0 0 3px rgba(109,74,255,.09); }.ac-note-cite-search button { height: 68px; }
.ac-note-cite-tip { max-width: 800px; display: flex; align-items: center; gap: 8px; margin: 10px auto 0; padding: 9px 11px; border: 1px solid #efdca8; border-radius: 9px; color: #806329; background: #fff9e8; font-size: 9px; }.ac-note-cite-tip span { width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #d69a26; font-weight: 800; }
.ac-note-cite-how { max-width: 660px; display: flex; align-items: center; justify-content: center; gap: 14px; margin: 58px auto 0; color: #818a9b; font-size: 9px; }.ac-note-cite-how div { display: flex; align-items: center; gap: 7px; }.ac-note-cite-how b { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 8px; color: #6449d2; background: #eeeaff; }.ac-note-cite-how i { width: 48px; height: 1px; background: #dfe2ea; }
.ac-note-cite-loading { max-width: 800px; min-height: 190px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; margin: 20px auto; color: #707a8e; font-size: 10px; }.ac-note-cite-loading > span { width: 28px; height: 28px; }
.ac-note-cite-results { max-width: 800px; margin: 25px auto 0; }.ac-note-cite-results-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; }.ac-note-cite-results-head strong { color: #3b455a; font-size: 11px; }.ac-note-cite-results-head span { color: #999fad; font-size: 8px; }
.ac-note-cite-card { display: grid; grid-template-columns: 82px 1fr; overflow: hidden; margin-bottom: 11px; border: 1px solid #dde1e9; border-radius: 13px; background: #fff; box-shadow: 0 7px 24px rgba(42,50,71,.05); }.ac-note-cite-score { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px 8px; color: #5d45c8; background: #f3f0ff; text-align: center; }.ac-note-cite-score b { font-size: 19px; }.ac-note-cite-score span { margin-top: 3px; font-size: 7.5px; line-height: 1.3; }.ac-note-cite-main { min-width: 0; padding: 14px 16px; }.ac-note-cite-source { display: flex; justify-content: space-between; gap: 10px; }.ac-note-cite-source strong { color: #303a4f; font-size: 11px; }.ac-note-cite-source span { color: #929aa9; font-size: 8px; }.ac-note-cite-main blockquote { margin: 9px 0; padding: 7px 10px; border-left: 2px solid #9d88ef; color: #697387; background: #faf9ff; font: 9px/1.5 "Source Serif 4",Georgia,serif; }.ac-note-cite-main > label { color: #9299a8; font-size: 7.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.ac-note-citation-text { margin: 3px 0 8px; color: #39445a; font: 10px/1.55 "Source Serif 4",Georgia,serif; }.ac-note-intext { display: flex; align-items: center; gap: 7px; }.ac-note-intext span { color: #8d95a4; font-size: 8px; }.ac-note-intext code { padding: 3px 6px; border-radius: 5px; color: #5439c9; background: #eeeaff; font-size: 8px; }.ac-note-cite-missing,.ac-note-cite-verified { margin-top: 9px; padding: 6px 8px; border-radius: 6px; font-size: 8px; }.ac-note-cite-missing { color: #936322; background: #fff4d8; }.ac-note-cite-verified { color: #24775e; background: #eaf8f2; }.ac-note-cite-actions { display: flex; align-items: center; gap: 7px; margin-top: 10px; }.ac-note-cite-actions button { min-height: 30px; padding: 0 9px; border: 1px solid #dde1e9; border-radius: 7px; color: #5b6578; background: #fff; font-size: 8px; font-weight: 750; }.ac-note-cite-actions .ac-note-primary { color: #fff; border: 0; }.ac-note-cite-actions a { margin-left: auto; color: #6247d6; font-size: 8px; text-decoration: none; }.ac-note-cite-caution { color: #9299a8; font-size: 8px; line-height: 1.5; text-align: center; }

.ac-note-welcome { align-items: center; justify-content: center; padding: 40px; text-align: center; background: radial-gradient(circle at 50% 35%,#f0edff,transparent 37%),#fff; }.ac-note-welcome-mark { width: 62px; height: 62px; display: grid; place-items: center; margin-bottom: 14px; border-radius: 20px; color: #fff; background: linear-gradient(145deg,#7555ed,#5234c5); box-shadow: 0 13px 34px rgba(81,52,195,.23); font: 650 28px "Source Serif 4",Georgia,serif; }.ac-note-welcome h2 { margin: 0; color: #273147; font: 650 28px "Source Serif 4",Georgia,serif; }.ac-note-welcome > p { max-width: 410px; margin: 7px 0 19px; color: #7c8598; font-size: 11px; line-height: 1.6; }.ac-note-welcome-features { display: flex; gap: 18px; margin-top: 27px; color: #8b93a4; font-size: 8.5px; }
.ac-note-recovery { display: flex; align-items: center; gap: 8px; padding: 8px 15px; color: #735825; background: #fff7df; border-bottom: 1px solid #f0dda6; font-size: 9px; }.ac-note-recovery span { flex: 1; }.ac-note-recovery button { padding: 4px 7px; border: 1px solid #e4c876; border-radius: 6px; color: #795b1f; background: #fff; font-size: 8px; }
.ac-notes-loading,.ac-note-load-error { min-height: 100%; display: grid; place-items: center; align-content: center; gap: 11px; color: #737d90; background: #fbfbfd; }.ac-notes-loading strong { font-size: 11px; }.ac-note-load-error span { width: 42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#b54f5d;background:#ffecef;font-weight:900}.ac-note-load-error h2{margin:0;color:#374157}.ac-note-load-error p{margin:0;color:#858d9d;font-size:10px}.ac-note-load-error button{margin-top:7px;padding:8px 12px;border:0;border-radius:8px;color:#fff;background:#6d4aff}

.ac-note-modal-host:empty { display: none; }
.ac-note-modal-backdrop { z-index: 1000; position: fixed; inset: 0; background: rgba(20,25,39,.48); backdrop-filter: blur(3px); }
.ac-note-modal { z-index: 1001; position: fixed; top: 50%; left: 50%; width: min(720px,calc(100vw - 32px)); max-height: min(760px,calc(100vh - 34px)); overflow: auto; transform: translate(-50%,-50%); padding: 23px; border: 1px solid rgba(255,255,255,.65); border-radius: 18px; color: var(--note-ink,#172033); background: #fff; box-shadow: 0 32px 100px rgba(20,25,40,.3); font-family: Inter,system-ui,sans-serif; }
.ac-note-modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }.ac-note-modal-kicker { color: #6b4de0; font-size: 9px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.ac-note-modal h2 { margin: 4px 0; color: #222d43; font: 650 26px "Source Serif 4",Georgia,serif; }.ac-note-modal-head p,.ac-note-conflict > p { margin: 0; color: #7d8698; font-size: 10px; line-height: 1.55; }.ac-note-modal-x { width: 32px;height:32px;border:1px solid #e0e3eb;border-radius:9px;color:#687286;background:#fff;font-size:19px;line-height:1}
.ac-note-template-context { display:grid; grid-template-columns:1fr 130px 1.35fr; gap:9px; margin-top:18px; }.ac-note-template-context label{display:flex;flex-direction:column;gap:5px;color:#727b8d;font-size:9px;font-weight:750}.ac-note-template-context select,.ac-note-template-context input{height:34px;min-width:0;padding:0 9px;border:1px solid #dfe2ea;border-radius:8px;color:#4e586c;background:#fff;font-size:10px}
.ac-note-template-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 13px; }.ac-note-template-grid button { min-height: 118px; display: flex; flex-direction: column; align-items: flex-start; padding: 13px; border: 1px solid #e1e4eb; border-radius: 12px; color: #4b556a; background: #fbfbfd; text-align: left; transition: border-color .15s,transform .15s,background .15s; }.ac-note-template-grid button:hover { border-color: #aa99ef; background: #f7f5ff; transform: translateY(-2px); }.ac-note-template-grid button > span { width: 31px;height:31px;display:grid;place-items:center;margin-bottom:10px;border-radius:9px;color:#6849da;background:#eeeaff;font-size:15px}.ac-note-template-grid strong{color:#344057;font-size:11px}.ac-note-template-grid small{margin-top:4px;color:#8b93a3;font-size:8.5px;line-height:1.4}.ac-note-modal-footnote{display:block;margin-top:14px;color:#969dac;font-size:8px;text-align:center}
.ac-note-export-quick { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 19px 0; }.ac-note-export-quick button { display: grid; grid-template-columns: 30px 1fr; grid-template-rows: auto auto; gap: 0 8px; padding: 11px; border: 1px solid #dfe3ea; border-radius: 11px; color: #465168; background: #fff; text-align:left}.ac-note-export-quick button > span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#6649d7;background:#eeeaff}.ac-note-export-quick strong{font-size:10px}.ac-note-export-quick small{color:#969dac;font-size:8px}
.ac-note-google-setup { padding: 17px; border: 1px solid #e0e3eb; border-radius: 14px; background: #fafbfc; }.ac-note-google-head { display:flex;align-items:center;gap:9px;margin-bottom:14px}.ac-note-google-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#fff;background:conic-gradient(from 45deg,#4285f4,#34a853,#fbbc05,#ea4335,#4285f4);font-weight:900}.ac-note-google-head strong,.ac-note-google-head small{display:block}.ac-note-google-head strong{color:#374156;font-size:11px}.ac-note-google-head small{margin-top:2px;color:#8e96a6;font-size:8px}.ac-note-google-setup > label{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:8px;margin-top:7px;color:#697387;font-size:9px;font-weight:650}.ac-note-google-setup input{height:32px;padding:0 9px;border:1px solid #dfe2ea;border-radius:8px;outline:0;color:#465168;background:#fff;font-size:9px}.ac-note-google-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.ac-note-google-buttons button{height:38px;border:1px solid #d7dbea;border-radius:9px;color:#4e586d;background:#fff;font-size:9px;font-weight:750}.ac-note-google-buttons b{margin-right:5px;color:#6550c9}.ac-note-google-setup details{margin-top:14px;padding-top:12px;border-top:1px solid #e2e5eb;color:#697386;font-size:9px}.ac-note-google-setup summary{color:#5840c8;font-weight:750}.ac-note-google-setup ol{padding-left:20px;line-height:1.8}.ac-note-google-setup a{color:#5a40cd}.ac-note-google-setup details button{padding:2px 5px;border:0;border-radius:4px;color:#5438c9;background:#eeeaff}.ac-note-google-setup details p{margin:8px 0 0;color:#969dac;font-size:8px}
.ac-note-conflict{width:min(680px,calc(100vw - 32px))}.ac-note-conflict-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.ac-note-conflict-grid>div{padding:14px;border:1px solid #e0e3eb;border-radius:12px;background:#fafbfc}.ac-note-conflict-grid strong,.ac-note-conflict-grid small{display:block}.ac-note-conflict-grid strong{color:#3d475b;font-size:11px}.ac-note-conflict-grid small{margin-top:2px;color:#969dac;font-size:8px}.ac-note-conflict-grid p{height:82px;overflow:hidden;margin:10px 0;color:#737d90;font:10px/1.5 "Source Serif 4",Georgia,serif}.ac-note-conflict-grid button{min-height:35px;width:100%;border:1px solid #dcdfe8;border-radius:8px;color:#586277;background:#fff;font-size:9px;font-weight:750}.ac-note-conflict-grid .ac-note-primary{color:#fff;border:0}
.ac-note-version-list{margin-top:16px}.ac-note-version-list article{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e8eaf0}.ac-note-version-list strong,.ac-note-version-list small{display:block}.ac-note-version-list strong{color:#485267;font-size:10px}.ac-note-version-list small{margin-top:2px;color:#989fad;font-size:7.5px}.ac-note-version-list p{max-height:34px;overflow:hidden;margin:0;color:#747e90;font:9px/1.5 "Source Serif 4",Georgia,serif}.ac-note-version-list button{padding:7px 9px;border:1px solid #dcdfE8;border-radius:7px;color:#5840c9;background:#fff;font-size:8px}.ac-note-version-empty{padding:40px 20px;color:#8991a1;text-align:center;font-size:9px}

.ac-note-google-btn {
  min-height: 40px;
  padding: 0 13px;
  border: 1px solid #d9deea;
  border-radius: 11px;
  color: #3c465b;
  background: #fff;
  font-size: 12px;
  font-weight: 760;
  white-space: nowrap;
}
.ac-note-google-btn:hover { border-color: #9aaef0; background: #f5f8ff; }
.ac-note-file-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ac-note-inline-img { max-width: min(100%, 640px); height: auto; margin: 10px 0; border-radius: 12px; box-shadow: 0 10px 28px rgba(28, 36, 54, .12); }
.ac-note-google-native { margin-top: 18px; padding: 16px; border: 1px solid #e1e5ef; border-radius: 16px; background: linear-gradient(180deg, #fbfcff, #f4f6fb); }
.ac-note-google-connected { display: flex; align-items: center; gap: 12px; }
.ac-note-google-connected > div { min-width: 0; flex: 1; }
.ac-note-google-connected strong, .ac-note-google-connected small { display: block; }
.ac-note-google-connected strong { color: #2f3a50; font-size: 13px; }
.ac-note-google-connected small { margin-top: 3px; color: #7b8496; font-size: 10px; line-height: 1.45; }
.ac-note-text-btn { min-height: 32px; padding: 0 10px; border: 1px solid #dde2ea; border-radius: 8px; color: #5a6478; background: #fff; font-size: 10px; font-weight: 740; }
.ac-note-google-connect { width: 100%; margin-top: 14px; }
.ac-note-google-buttons--big { grid-template-columns: 1fr 1fr; margin-top: 14px; }
.ac-note-google-buttons--big button { min-height: 78px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; padding: 12px 14px; text-align: left; }
.ac-note-google-buttons--big button:disabled { opacity: .45; cursor: not-allowed; }
.ac-note-google-buttons--big b { color: #5b45cc; font-size: 18px; }
.ac-note-google-buttons--big strong { color: #2f3a50; font-size: 13px; }
.ac-note-google-buttons--big small { color: #80899a; font-size: 10px; }
.ac-note-apps-fallback { margin-top: 16px; color: #6e778a; font-size: 11px; }
.ac-note-apps-fallback summary { cursor: pointer; color: #5840c8; font-weight: 750; }
.ac-note-google-link { display: flex; align-items: center; gap: 10px; padding: 8px 14px; border-bottom: 1px solid #e6e9f1; background: #f6f8ff; }
.ac-note-google-link > div { min-width: 0; flex: 1; }
.ac-note-google-link strong, .ac-note-google-link small { display: block; }
.ac-note-google-link strong { color: #33405a; font-size: 11px; }
.ac-note-google-link small { color: #80899b; font-size: 9px; }
.ac-note-google-link button { min-height: 30px; padding: 0 9px; border: 1px solid #d5dbe8; border-radius: 8px; color: #4d3eb8; background: #fff; font-size: 10px; font-weight: 750; }
.ac-note-import-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 16px; }
.ac-note-import-cols h3 { margin: 0 0 8px; color: #3a455b; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.ac-note-import-empty, .ac-note-import-loading { color: #838c9d; font-size: 11px; }
.ac-note-drive-file { width: 100%; display: grid; grid-template-columns: 28px 1fr; gap: 9px; align-items: center; margin-bottom: 7px; padding: 10px; border: 1px solid #e1e5ee; border-radius: 12px; color: #3e4860; background: #fff; text-align: left; }
.ac-note-drive-file:hover { border-color: #a99aef; background: #f7f5ff; }
.ac-note-drive-file span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: #5b45cc; background: #eeeaff; }
.ac-note-drive-file strong, .ac-note-drive-file small { display: block; }
.ac-note-drive-file strong { font-size: 12px; }
.ac-note-drive-file small { margin-top: 2px; color: #8a93a4; font-size: 9px; }
.ac-note-drive-search { display: flex; align-items: center; gap: 8px; margin-top: 14px; padding: 0 12px; height: 40px; border: 1px solid #dfe3ec; border-radius: 11px; background: #f8f9fc; }
.ac-note-drive-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: #2f3a50; font-size: 13px; }

.ac-notes-grid { transition:grid-template-columns .34s cubic-bezier(.2,.8,.2,1); }
.ac-notes-top { overflow:hidden; transition:min-height .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),padding .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1); }
.ac-note-books,.ac-note-list-pane { transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility .2s; }
.ac-notes.is-focus .ac-notes-top { min-height:0;height:0;padding-top:0;padding-bottom:0;border-bottom-color:transparent;opacity:0;transform:translateY(-12px);pointer-events:none; }
.ac-notes.is-focus .ac-notes-grid{grid-template-columns:0 0 minmax(0,1fr)}
.ac-notes.is-focus .ac-note-books,.ac-notes.is-focus .ac-note-list-pane { min-width:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateX(-18px);pointer-events:none; }
.ac-notes.is-focus .ac-note-editor-pane{max-width:100%}.ac-notes.is-focus #acNoteContent{padding-left:max(10vw,80px);padding-right:max(10vw,80px)}

@media (max-width: 1180px) {
  .ac-notes-grid { grid-template-columns: 150px 230px minmax(390px,1fr); }
  .ac-note-books { padding-left: 8px; padding-right: 8px; }
  .ac-note-writing { grid-template-columns: 1fr; }
  .ac-note-margin { display: none; }
  .ac-note-meta-row { gap: 7px; padding-left: 12px; padding-right: 12px; }
  .ac-note-tags-label { display: none!important; }
  .ac-note-mode-tabs button { padding: 0 7px; }
}

@media (max-width: 920px) {
  .ac-notes-grid { grid-template-columns: 0 240px minmax(370px,1fr); }
  .ac-note-books { display: none; }
  .ac-notes-top { padding-left: 16px; }
  .ac-note-search { width: 230px; }
  .ac-note-tags-label { display: none!important; }
}

@media (max-width: 700px) {
  .ac-notes { min-height: calc(100vh - 115px); }
  .ac-notes-top { min-height: 65px; padding: 10px 12px; }
  .ac-notes-top h1 { font-size: 22px; }.ac-notes-eyebrow { display: none; }
  .ac-note-search { width: 38px; padding: 0; justify-content: center; }.ac-note-search input,.ac-note-search kbd { display:none; }.ac-note-search:focus-within { z-index:3;position:absolute;left:12px;right:120px;width:auto;padding:0 10px;justify-content:flex-start}.ac-note-search:focus-within input{display:block}
  .ac-notes-top .ac-note-primary { padding: 0 12px; }
  .ac-notes-grid { display: block; overflow: hidden; }
  .ac-notes.is-focus .ac-note-books,.ac-notes.is-focus .ac-note-list-pane,.ac-notes.is-focus .ac-notes-top { display:none; }
  .ac-note-list-pane { width: 100%; height: 100%; border: 0; }
  .ac-note-editor-pane { width: 100%; height: 100%; display: none; }
  .ac-notes.is-note-open .ac-note-list-pane { display:none; }.ac-notes.is-note-open .ac-note-editor-pane { display:flex; }
  .ac-note-mobile-back { width:30px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;color:#6046d5;background:#f0edff;font-size:25px }
  .ac-note-editor-head { min-height: 62px; padding: 9px 10px; gap:9px }.ac-note-title { font-size:20px }.ac-note-under-title span:nth-of-type(n+3){display:none}.ac-note-head-actions .ac-note-icon-btn:first-child{display:none}.ac-note-export-btn{padding:0 8px}
  .ac-note-meta-row { min-height: 48px; overflow-x:auto; }.ac-note-meta-row>label:first-child{display:none}.ac-note-mode-tabs{margin-left:auto}.ac-note-mode-tabs button{padding:0 8px}.ac-note-mode-tabs b{display:none}
  .ac-note-toolbar { overflow-x: auto; padding-left: 10px; }.ac-note-toolbar-spacer{min-width:10px}.ac-note-focus-btn{display:none}
  .ac-note-home-back span { display:none; }
  .ac-note-cleanup-tools { display:flex; flex-wrap:wrap; max-width:100%; }
  .ac-note-cleanup-tools button { font-size:9px; padding:0 6px; }
  #acNoteContent { padding: 22px 19px 120px; font-size:16px; }
  .ac-note-preview { padding:24px 19px 100px }.ac-note-preview article{font-size:14px}
  .ac-note-study-tabs{overflow-x:auto;padding:7px 10px}.ac-note-study-tabs>span{min-width:5px}.ac-note-study-tabs button{white-space:nowrap}.ac-note-study{padding:24px 13px 90px}.ac-note-flashcard{min-height:320px;padding:35px 23px;border-radius:18px}.ac-note-card-front{font-size:23px}.ac-note-study-actions{grid-template-columns:1fr 1fr}.ac-note-study-actions button:nth-child(2){display:none}
  .ac-note-citations{padding:20px 12px 90px}.ac-note-cite-search{grid-template-columns:1fr}.ac-note-cite-search button{height:42px}.ac-note-cite-card{grid-template-columns:1fr}.ac-note-cite-score{flex-direction:row;gap:6px;padding:8px}.ac-note-cite-score b{font-size:13px}.ac-note-cite-how i{width:15px}.ac-note-cite-source{display:block}.ac-note-cite-source span{display:block;margin-top:2px}.ac-note-cite-actions{flex-wrap:wrap}
  .ac-note-template-context{grid-template-columns:1fr}.ac-note-template-grid{grid-template-columns:1fr 1fr}.ac-note-template-grid button{min-height:104px}.ac-note-modal{padding:17px}.ac-note-modal h2{font-size:22px}.ac-note-google-setup>label{grid-template-columns:1fr}.ac-note-google-buttons{grid-template-columns:1fr}.ac-note-google-buttons--big{grid-template-columns:1fr}.ac-note-import-cols{grid-template-columns:1fr}.ac-note-google-link{flex-wrap:wrap}.ac-note-google-btn{padding:0 9px;font-size:11px}.ac-note-export-quick{grid-template-columns:1fr 1fr 1fr}.ac-note-export-quick button{grid-template-columns:1fr;justify-items:center;text-align:center}.ac-note-export-quick button>span{grid-row:auto}.ac-note-conflict-grid{grid-template-columns:1fr}.ac-note-version-list article{grid-template-columns:85px 1fr}.ac-note-version-list button{grid-column:1/-1}
}

@media (prefers-reduced-motion: reduce) {
  .ac-notes *,.ac-note-modal-host * { scroll-behavior:auto!important; transition:none!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
}