/* QuanData's card and document pages share a neutral paper and block rhythm. */
.qd-notion-shell, .qd-notion-editor {
  --qd-paper:#fff;
  --qd-text:#37352f;
  --qd-muted:#787774;
  --qd-line:#e9e9e7;
  --qd-hover:#f1f1ef;
  --qd-menu:#fff;
  --qd-header:#f7f6f3;
  --qd-focus:#2383e2;
  --qd-blue:#e7f3ff;
  --qd-yellow:#fbf3db;
  --qd-red:#fbe9e7;
  --qd-green:#edf3ec;
  --qd-purple:#f4eef7;
}
[data-theme="dark"] :is(.qd-notion-shell,.qd-notion-editor) {
  --qd-paper:#202020;
  --qd-text:#e6e6e6;
  --qd-muted:#a0a0a0;
  --qd-line:#373737;
  --qd-hover:#2c2c2c;
  --qd-menu:#252525;
  --qd-header:#292929;
  --qd-focus:#5aa7f4;
  --qd-blue:#20364a;
  --qd-yellow:#3b3424;
  --qd-red:#3c2b2a;
  --qd-green:#26362d;
  --qd-purple:#35303e;
}
.modal-backdrop:has(> .qd-notion-shell) { background:#1111111f; }
.modal-backdrop > .quandata-card-modal.qd-notion-shell {
  width:min(1040px,max(55vw,670px));
  border-inline-start:1px solid var(--qd-line);
  color:var(--qd-text);
  background:var(--qd-paper);
  box-shadow:-8px 0 30px #0003;
}
.qd-notion-shell > .modal-top,
.qd-notion-shell > .modal-actions {
  flex-shrink:0;
  border-color:var(--qd-line);
  color:var(--qd-muted);
  background:var(--qd-paper);
}
.qd-notion-shell > .modal-top { min-height:46px; gap:7px; padding:6px 14px; }
.qd-notion-shell > .modal-top .modal-breadcrumb { color:var(--qd-muted); font-size:13px; }
.qd-notion-shell > .modal-top .modal-breadcrumb strong { color:var(--qd-text); font-weight:550; }
.qd-notion-shell > .modal-top :is(.btn,.icon-button,.language-toggle,.theme-toggle),
.qd-notion-shell > .modal-actions .btn:not(.primary) {
  color:var(--qd-muted);
  border-color:transparent;
  background:transparent;
  box-shadow:none;
}
.qd-notion-shell > .modal-top :is(.btn,.icon-button,.language-toggle,.theme-toggle):hover,
.qd-notion-shell > .modal-actions .btn:not(.primary):hover { color:var(--qd-text); background:var(--qd-hover); }
.qd-notion-shell .detail-main, .qd-native-page {
  width:100%;
  max-width:900px;
  margin:0 auto;
  padding:clamp(32px,5vw,66px) clamp(36px,7vw,84px) 76px;
  color:var(--qd-text);
}
.qd-notion-shell .detail-main[hidden], .qd-native-page[hidden],
.qd-notion-shell > .modal-actions[hidden], .qd-notion-editor [hidden] { display:none!important; }
.qd-notion-shell .detail-title, .qd-native-title {
  min-height:1.19em;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  color:var(--qd-text);
  background:transparent;
  box-shadow:none;
  font-family:inherit;
  font-size:clamp(27px,2.4vw,34px);
  font-weight:720;
  letter-spacing:-.025em;
  line-height:1.17;
}
.qd-notion-shell .detail-title:focus, .qd-native-title:focus { outline:0; box-shadow:none; }
.qd-notion-shell .detail-title:focus-visible, .qd-native-title:focus-visible { outline:0; }
.qd-page-icon { min-height:40px; margin-bottom:10px; font-size:35px; line-height:1.2; }
.qd-page-icon[hidden] { display:none; }
.qd-notion-shell .quandata-card-properties {
  --qd-property-height: 34px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 15px 0 7px;
}
.qd-notion-shell .quandata-card-properties > .field {
  display: grid;
  align-content: start;
  gap: 5px;
}
.qd-notion-shell .quandata-card-properties > .field > :is(label, .field-title) {
  margin: 0;
  color: var(--qd-muted);
  font-size: 10px;
  font-weight: 650;
  line-height: 14px;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.qd-notion-shell .quandata-card-properties > .field > :is(select, input[type="date"]),
.qd-notion-shell .quandata-card-properties > .field > .card-member-selector {
  box-sizing: border-box;
  inline-size: 100%;
  min-inline-size: 0;
  block-size: var(--qd-property-height);
  min-block-size: var(--qd-property-height);
  margin: 0;
  padding: 0 8px;
  border: 1px solid var(--qd-line);
  border-radius: 6px;
  color: var(--qd-text);
  background: var(--qd-header);
  box-shadow: none;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: none;
}
.qd-notion-shell .quandata-card-properties > .field:has(> select) {
  position: relative;
  align-self: start;
}
.qd-notion-shell .quandata-card-properties > .field > select {
  -webkit-appearance: none;
  appearance: none;
  padding-inline-end: 24px;
  text-overflow: ellipsis;
}
.qd-notion-shell .quandata-card-properties > .field:has(> select)::after {
  position: absolute;
  inset-block-end: calc((var(--qd-property-height) - 5px) / 2);
  inset-inline-end: 11px;
  width: 6px;
  height: 6px;
  border-inline-end: 1.5px solid var(--qd-muted);
  border-block-end: 1.5px solid var(--qd-muted);
  transform: rotate(45deg);
  pointer-events: none;
  content: "";
}
.qd-notion-shell .quandata-card-properties > .field > :is(select, input[type="date"]):hover:not(:disabled) {
  background: var(--qd-hover);
}
.qd-notion-shell .quandata-card-properties :is(select, input[type="date"]):focus-visible {
  border-color: var(--qd-focus);
  outline: 2px solid var(--qd-focus);
  outline-offset: 1px;
}
.qd-notion-shell .quandata-card-properties > .field > .card-member-selector {
  display: flex;
  align-items: center;
  position: relative;
  padding-inline: 5px;
  overflow: visible;
}
.qd-notion-shell .quandata-card-properties .card-members-summary {
  width: 100%;
  flex-wrap: nowrap;
}
.qd-notion-shell .quandata-card-properties .card-members-selected {
  flex-wrap: nowrap;
  gap: 0;
  min-width: 0;
}
.qd-notion-shell .quandata-card-properties .card-member-avatar + .card-member-avatar {
  margin-inline-start: -5px;
}
.qd-notion-shell .quandata-card-properties .card-member-avatar > .avatar {
  width: 20px;
  height: 20px;
  font-size: 8px;
}
.qd-notion-shell .quandata-card-properties .card-members-selected > .btn.card-members-more {
  min-height: 20px;
  margin-inline-start: 3px;
  padding: 0 3px;
  color: var(--qd-text);
  border-color: transparent;
  background: transparent;
  font-size: 10px;
}
.qd-notion-shell .quandata-card-properties .card-member-selector .card-members-toggle {
  width: 24px;
  height: 24px;
  min-height: 24px;
  margin-inline-start: auto;
  border-color: var(--qd-line);
  color: var(--qd-muted);
}
.qd-notion-shell .quandata-card-properties .card-member-selector:has(.card-members-toggle:focus-visible) {
  border-color: var(--qd-focus);
}
.qd-notion-shell .quandata-card-properties .card-members-toggle > .icon {
  width: 14px;
  height: 14px;
}
.qd-notion-shell .quandata-card-properties input[type="date"]::-webkit-date-and-time-value {
  min-width: 0;
  text-align: start;
}
.qd-notion-shell .quandata-card-properties input[type="date"]::-webkit-datetime-edit,
.qd-notion-shell .quandata-card-properties input[type="date"]::-webkit-calendar-picker-indicator {
  margin: 0;
  padding: 0;
}
.qd-notion-shell .quandata-card-properties .card-member-panel {
  position: absolute;
  z-index: 10;
  inset-block-start: calc(100% + 4px);
  inset-inline-start: 0;
  display: flex;
  flex-direction: column;
  inline-size: max(100%, 255px);
  max-block-size: min(420px, 70dvh);
  margin: 0;
  padding: 10px;
  overflow: auto;
  border: 1px solid var(--qd-line);
  border-radius: 7px;
  color: var(--qd-text);
  background: var(--qd-menu);
  box-shadow: var(--shadow);
}
.qd-notion-shell .quandata-card-properties .card-member-options {
  min-height: 0;
  overflow-y: auto;
}
.qd-notion-shell .quandata-card-properties .card-member-name {
  color: var(--qd-text);
}
.qd-notion-shell .quandata-card-properties .card-member-panel :is(.card-member-panel-title, .field-help, .card-member-results-count, .card-member-copy small) {
  color: var(--qd-muted);
}
@media (max-width: 620px) {
  .qd-notion-shell .quandata-card-properties {
    --qd-property-height: 38px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .qd-notion-shell .quandata-card-properties > .field > :is(select, input[type="date"]) {
    font-size: 16px;
  }
  .qd-notion-shell .quandata-card-properties .card-member-panel {
    inset-inline: auto 0;
    max-inline-size: calc(100vw - 64px);
  }
  .qd-notion-shell .quandata-card-properties .card-member-search-wrap > .card-member-search {
    font-size: 16px !important;
  }
}
@media (max-width: 340px) {
  .qd-notion-shell .quandata-card-properties {
    grid-template-columns: minmax(0, 1fr);
  }
}
.qd-notion-shell .quandata-card-settings { margin:5px 0 20px; border-color:var(--qd-line); color:var(--qd-muted); }
.qd-notion-shell .detail-heading { color:var(--qd-muted); }
.qd-notion-shell .description-save-feedback {
  margin:5px 0 0;
  min-height:16px;
  color:var(--qd-muted);
  font-size:12px;
}
.qd-notion-shell .description-save-feedback.error { color:var(--danger,#db6464); }
.qd-card-writing { margin:0 0 26px; }
.qd-native-page { padding-top:0; }
.qd-native-page-nav {
  position:sticky;
  top:0;
  z-index:8;
  display:flex;
  align-items:center;
  gap:6px;
  min-height:45px;
  margin:0 0 27px;
  overflow:auto;
  scrollbar-width:thin;
  border-bottom:1px solid var(--qd-line);
  background:var(--qd-paper);
  color:var(--qd-muted);
  font-size:13px;
  white-space:nowrap;
}
.qd-native-page-nav button {
  flex:none;
  min-height:26px;
  padding:3px 6px;
  border:0;
  border-radius:4px;
  color:inherit;
  background:transparent;
  cursor:pointer;
}
.qd-native-page-nav button:hover, .qd-native-page-nav button:focus-visible { background:var(--qd-hover); color:var(--qd-text); }
.qd-native-page-nav [aria-current] { padding:3px 5px; color:var(--qd-text); }
.qd-native-title { margin-bottom:22px; overflow-wrap:anywhere; }
textarea.qd-native-title { display:block; width:100%; resize:none; field-sizing:content; }
.qd-native-status { margin-top:16px; color:var(--qd-muted); font-size:12px; }
.qd-native-status[hidden] { display:none; }
.qd-native-status.is-error { color:var(--danger,#db6464); }
.qd-native-status .btn { margin-inline-start:8px; }
.qd-notion-editor {
  position:relative;
  display:block;
  min-width:0;
  color:var(--qd-text);
  font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:15px;
  line-height:1.46;
}
.qd-block, .qd-block-line { position:relative; min-width:0; }
.qd-block-line { display:flex; align-items:flex-start; gap:3px; min-height:26px; }
.qd-block-field {
  min-width:0;
  min-height:26px;
  flex:1 1 auto;
  margin:0;
  padding:2px 1px;
  border:0;
  border-radius:3px;
  outline:0;
  color:inherit;
  background:transparent;
  box-shadow:none;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}
.qd-block-field:focus, .qd-block-field:focus-visible { outline:0; box-shadow:none; }
.qd-block-field:empty[data-placeholder]::before {
  color:var(--qd-muted);
  opacity:.72;
  content:attr(data-placeholder);
  pointer-events:none;
}
.qd-block-field:empty[data-placeholder]:not(:focus)::before { opacity:.42; }
.qd-notion-editor .qd-block-paragraph .qd-block-field:empty:not([contenteditable]) { min-height:10px; }
.qd-notion-editor .qd-block-heading1 .qd-block-field { margin:19px 0 5px; font-size:1.85em; font-weight:700; line-height:1.19; }
.qd-notion-editor .qd-block-heading2 .qd-block-field { margin:15px 0 3px; font-size:1.47em; font-weight:660; line-height:1.25; }
.qd-notion-editor .qd-block-heading3 .qd-block-field { margin:13px 0 3px; font-size:1.22em; font-weight:650; line-height:1.3; }
.qd-block-children { padding-inline-start:23px; }
.qd-notion-editor button.qd-block-button, .qd-notion-editor .qd-add-inside {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  min-height:22px;
  margin:0;
  padding:1px 3px;
  border:0;
  border-radius:4px;
  color:var(--qd-muted);
  background:transparent;
  box-shadow:none;
  cursor:pointer;
}
.qd-notion-editor :is(.qd-block-button,.qd-add-inside):hover,
.qd-notion-editor :is(.qd-block-button,.qd-add-inside):focus-visible { color:var(--qd-text); background:var(--qd-hover); }
.qd-notion-editor .qd-block-controls {
  position:absolute;
  top:2px;
  inset-inline-end:100%;
  z-index:2;
  display:flex;
  margin-inline-end:3px;
  opacity:0;
  transition:opacity .13s ease;
}
.qd-block-controls button[draggable] { cursor:grab; }
.qd-block-line:is(:hover,:focus-within) > .qd-block-controls,
.qd-block-container:hover + .qd-block-controls,
.qd-container-controls:is(:hover,:focus-within) .qd-block-controls { opacity:1; }
.qd-block:has(> .qd-container-controls):hover > .qd-container-controls .qd-block-controls { opacity:1; }
.qd-block-line .qd-toggle-caret { margin:1px 1px 0 0; font-size:15px; line-height:20px; transition:transform .12s ease; }
.qd-block-line .qd-toggle-caret[aria-expanded="true"] { transform:rotate(90deg); }
.qd-block-toggle .qd-block-line > .qd-block-field { font-weight:500; }
.qd-notion-editor.is-readonly .qd-block-toggle .qd-block-line > .qd-block-field { cursor:pointer; }
.qd-list-marker { flex:0 0 20px; padding-top:2px; text-align:center; color:var(--qd-text); }
.qd-notion-editor .qd-todo-checkbox { flex:none; width:14px; height:14px; margin:6px 5px 0 3px; accent-color:var(--qd-focus); }
.qd-done > .qd-block-line > .qd-block-field { color:var(--qd-muted); text-decoration:line-through; }
.qd-notion-editor .qd-add-inside { margin:1px 0; padding:3px 6px; justify-content:flex-start; font-size:13px; }
.qd-block-divider hr { flex:1; height:1px; margin:13px 0; border:0; background:var(--qd-line); }
.qd-block-container { min-width:0; }
.qd-container-controls { position:absolute; top:3px; inset-inline:0; min-height:0; pointer-events:none; }
.qd-container-controls > .qd-block-controls { pointer-events:auto; }
.qd-block-quote > .qd-block-container {
  margin:5px 0;
  padding:0 0 0 13px;
  border-inline-start:3px solid var(--qd-text);
}
.qd-block-note > .qd-block-container {
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:7px 0 12px;
  padding:11px 13px;
  border:1px solid var(--qd-line);
  border-radius:7px;
  background:var(--qd-header);
}
.qd-callout-icon { flex:none; min-width:17px; padding-top:3px; text-align:center; font-weight:600; }
.qd-container-content { flex:1 1 auto; min-width:0; }
.qd-block-columns > .qd-block-container > .qd-container-content { display:flex; gap:15px; }
.qd-block-columns .qd-block-column { flex:1 1 0; }
.qd-notion-editor [data-qd-color="blue-background"] { background:var(--qd-blue); }
.qd-notion-editor [data-qd-color="yellow-background"],.qd-notion-editor [data-qd-color="orange-background"] { background:var(--qd-yellow); }
.qd-notion-editor [data-qd-color="red-background"],.qd-notion-editor [data-qd-color="pink-background"] { background:var(--qd-red); }
.qd-notion-editor [data-qd-color="green-background"] { background:var(--qd-green); }
.qd-notion-editor [data-qd-color="purple-background"] { background:var(--qd-purple); }
.qd-notion-editor [data-qd-color="gray-background"],.qd-notion-editor [data-qd-color="brown-background"] { background:var(--qd-header); }
.qd-notion-editor [data-qd-color="gray"] { color:var(--qd-muted); }
.qd-notion-editor [data-qd-color="blue"] { color:#4295dc; }
.qd-notion-editor [data-qd-color="red"] { color:#d96d67; }
.qd-notion-editor [data-qd-color="green"] { color:#50a581; }
.qd-notion-editor [data-qd-color="orange"] { color:#c98549; }
.qd-notion-editor [data-qd-color="yellow"] { color:#b58a26; }
.qd-notion-editor [data-qd-color="purple"] { color:#a17bd3; }
.qd-notion-editor [data-qd-color="pink"] { color:#ca739f; }
.qd-notion-editor [data-qd-color="brown"] { color:#a98570; }
.qd-notion-editor mark { color:inherit; background:var(--qd-yellow); }
.qd-notion-editor code {
  padding:1px 4px;
  border-radius:3px;
  color:#d9736a;
  background:var(--qd-header);
  font-family:ui-monospace,Menlo,monospace;
  font-size:.87em;
}
.qd-notion-editor .qd-code-field {
  margin:5px 0;
  padding:9px 12px;
  background:var(--qd-header);
  font-family:ui-monospace,Menlo,monospace;
}
.qd-notion-editor :is(a,.qd-inline-page) { color:inherit; text-decoration:underline; text-decoration-color:var(--qd-muted); text-underline-offset:2px; }
.qd-notion-editor .qd-inline-page:not(.qd-page-available) { text-decoration:none; }
.qd-page-available { cursor:pointer; }
.qd-page-available:focus-visible { outline:2px solid var(--qd-focus); outline-offset:2px; }
.qd-notion-editor .qd-page-unavailable { cursor:text; color:inherit; text-decoration:none; }
.qd-notion-editor .qd-page-unavailable .qd-page-glyph { display:none; }
.qd-notion-editor .qd-page-unavailable .qd-page-link-label { text-decoration:none; }
.qd-notion-editor .qd-page-link {
  display:flex;
  width:fit-content;
  min-height:26px;
  max-width:100%;
  align-items:flex-start;
  gap:7px;
  padding:2px 5px 2px 3px;
  border-radius:4px;
  text-decoration:none;
}
.qd-notion-editor .qd-page-link :is(.qd-page-link-label) { min-width:0; overflow-wrap:anywhere; }
.qd-notion-editor :is(a,.qd-page-available).qd-page-link .qd-page-link-label {
  text-decoration:underline;
  text-decoration-color:var(--qd-muted);
  text-underline-offset:2px;
}
.qd-notion-editor :is(a,.qd-page-available).qd-page-link:hover { background:var(--qd-hover); }
.qd-page-glyph { display:inline-flex; flex:0 0 16px; align-items:center; justify-content:center; height:21px; color:var(--qd-muted); }
.qd-page-glyph svg { width:16px; height:16px; }
.qd-table-wrap {
  position:relative;
  width:100%;
  min-width:0;
  margin:7px 0 11px;
}
.qd-table-editable {
  display:grid;
  grid-template-columns:minmax(0,1fr) 21px;
  gap:4px;
}
.qd-table-scroll { min-width:0; overflow:auto; scrollbar-width:thin; }
.qd-notion-editor .qd-block-table {
  width:100%;
  border-collapse:collapse;
  text-align:start;
  font-size:.94em;
}
.qd-notion-editor .qd-table-widths { table-layout:fixed; }
.qd-notion-editor .qd-block-table :is(td,th) {
  position:relative;
  min-width:78px;
  padding:4px 7px;
  border:1px solid var(--qd-line);
  color:var(--qd-text);
  background:transparent;
  vertical-align:top;
  text-align:start;
}
.qd-notion-editor .qd-table-widths :is(td,th) { min-width:0; }
.qd-notion-editor .qd-block-table th { font-weight:600; background:var(--qd-header); }
.qd-notion-editor .qd-block-table :is(td,th):focus-within { box-shadow:inset 0 0 0 1px var(--qd-focus); }
.qd-notion-editor .qd-block-table .qd-block-field { min-height:22px; padding:0; }
.qd-table-footer { grid-column:1; display:flex; gap:4px; }
.qd-notion-editor .qd-table-edge {
  min-width:0;
  min-height:20px;
  padding:0 3px;
  border:0;
  border-radius:3px;
  color:var(--qd-muted);
  background:var(--qd-hover);
  font-size:14px;
  line-height:18px;
  opacity:.57;
  cursor:pointer;
}
.qd-table-add-row { flex:1; }
.qd-table-options { flex:0 0 23px; }
.qd-table-wrap:is(:hover,:focus-within) .qd-table-edge { opacity:1; }
.qd-notion-editor .qd-table-edge:is(:hover,:focus-visible) { color:var(--qd-text); }
.qd-notion-editor .qd-table-edge:disabled { opacity:.25; cursor:default; }
.qd-notion-editor .qd-table-resize {
  position:absolute;
  z-index:1;
  inset-block:0;
  inset-inline-end:-4px;
  width:8px;
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  cursor:col-resize;
  touch-action:none;
}
.qd-table-resize::after {
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:3px;
  width:2px;
  pointer-events:none;
}
.qd-table-resize:hover::after, .qd-table-resizing .qd-table-resize:active::after { background:var(--qd-focus); }
.qd-table-resizing { cursor:col-resize; user-select:none; }
.qd-notion-editor .qd-command-item[aria-pressed="true"]::after { content:"✓"; margin-inline-start:auto; color:var(--qd-focus); }
.qd-block-menu, .qd-selection-menu {
  position:absolute;
  z-index:20;
  min-width:190px;
  max-width:min(280px,100%);
  padding:5px;
  border:1px solid var(--qd-line);
  border-radius:7px;
  color:var(--qd-text);
  background:var(--qd-menu);
  box-shadow:0 5px 20px #0004;
}
.qd-selection-menu { display:flex; min-width:0; gap:1px; padding:3px; }
.qd-selection-menu .qd-block-button { min-width:26px; }
.qd-mark-bold { font-weight:750; }
.qd-mark-italic { font-style:italic; }
.qd-mark-underline { text-decoration:underline; }
.qd-mark-strike { text-decoration:line-through; }
.qd-notion-editor .qd-command-search {
  width:100%;
  min-height:29px;
  margin:0 0 5px;
  padding:4px 7px;
  border:0;
  border-radius:4px;
  color:var(--qd-text);
  background:var(--qd-hover);
  outline-color:var(--qd-focus);
  font-size:13px;
}
.qd-command-caption { margin:4px 7px; color:var(--qd-muted); font-size:11px; font-weight:650; }
.qd-command-results { max-height:254px; overflow-y:auto; }
.qd-notion-editor .qd-command-item {
  display:flex;
  width:100%;
  align-items:center;
  gap:8px;
  min-height:28px;
  padding:3px 7px;
  border:0;
  border-radius:4px;
  color:var(--qd-text);
  background:transparent;
  text-align:start;
  cursor:pointer;
  font-size:13px;
}
.qd-notion-editor .qd-command-item:is(:hover,:focus-visible) { background:var(--qd-hover); }
.qd-notion-editor .qd-command-item:disabled { opacity:.4; cursor:default; }
.qd-command-symbol {
  display:inline-flex;
  width:21px;
  height:21px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--qd-line);
  border-radius:4px;
  color:var(--qd-muted);
  font-size:11px;
}
.qd-command-empty { margin:5px; color:var(--qd-muted); font-size:12px; }
.qd-dragging { opacity:.4; }
.qd-drop-before { box-shadow:inset 0 2px var(--qd-focus); }
.qd-drop-after { box-shadow:inset 0 -2px var(--qd-focus); }
@media(max-width:820px) {
  .modal-backdrop > .quandata-card-modal.qd-notion-shell { width:100%; }
  .qd-notion-shell .detail-main, .qd-native-page { padding-inline:clamp(42px,6vw,64px) 18px; }
  .qd-notion-shell > .modal-top { padding-inline:8px; }
}
@media(max-width:500px) {
  .qd-notion-shell .detail-main { padding-top:29px; }
  .qd-notion-editor { font-size:16px; }
  .qd-native-title { font-size:28px; }
}
@media(prefers-reduced-motion:reduce) {
  .qd-notion-editor :is(.qd-toggle-caret,.qd-block-controls) { transition:none; }
}

.qd-unlinked-pages { margin-top:18px; padding-top:8px; border-top:1px solid var(--qd-line); }
.qd-unlinked-heading { padding:0 4px 5px; color:var(--qd-muted); font-size:12px; }

/* QuanData document writing surface */
.qd-rich-editor {
  position:relative;
  min-width:0;
  color:var(--qd-text);
  font:inherit;
}
.qd-rich-editor [hidden] { display:none !important; }
.qd-rich-toolbar,
.qd-rich-contextual,
.qd-rich-find {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:3px;
  color:var(--qd-text);
}
.qd-rich-toolbar {
  padding:4px 0 8px;
  border-bottom:1px solid var(--qd-line);
  margin-bottom:10px;
}
.qd-rich-button,
.qd-rich-more summary {
  display:inline-grid;
  place-items:center;
  flex:none;
  min-width:30px;
  min-height:30px;
  border:1px solid transparent;
  border-radius:5px;
  padding:3px 6px;
  color:var(--qd-text);
  background:transparent;
  font:inherit;
  font-size:13px;
  line-height:1;
  cursor:pointer;
}
.qd-rich-button:disabled { opacity:.45; cursor:default; }
.qd-rich-button:is(:hover,:focus-visible),
.qd-rich-more summary:is(:hover,:focus-visible),
.qd-rich-button[aria-pressed="true"] {
  border-color:var(--qd-line);
  background:var(--qd-hover);
}
.qd-rich-button[aria-pressed="true"] { color:var(--qd-focus); background:var(--qd-blue); }
.qd-rich-button:is([aria-label="Bold"],[aria-label="Me të trasha"]) { font-weight:750; }
.qd-rich-button:is([aria-label="Italic"],[aria-label="Me të pjerrëta"]) { font-style:italic; }
.qd-rich-button:is([aria-label="Underline"],[aria-label="Nënvizo"]) { text-decoration:underline; }
.qd-rich-button:is([aria-label="Strikethrough"],[aria-label="Vijë në mes"]) { text-decoration:line-through; }
.qd-rich-more { position:relative; }
.qd-rich-more summary { list-style:none; }
.qd-rich-more summary::-webkit-details-marker { display:none; }
.qd-rich-more-content,
.qd-rich-contextual,
.qd-rich-commands {
  position:absolute;
  z-index:4;
  border:1px solid var(--qd-line);
  border-radius:8px;
  background:var(--qd-menu);
  box-shadow:0 6px 22px #0002;
}
.qd-rich-more-content {
  inset-inline-end:0;
  width:min(360px,80vw);
  padding:9px;
}
.qd-rich-more-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.qd-rich-more-blocks { display:flex; align-items:flex-end; flex-wrap:wrap; gap:6px; margin-top:8px; }
.qd-rich-select-label {
  display:flex;
  flex-wrap:wrap;
  gap:3px;
  align-items:center;
  min-width:0;
  color:var(--qd-muted);
  font-size:11px;
}
.qd-rich-select-label > span { width:100%; }
.qd-rich-select-label > select,
.qd-rich-find input {
  min-width:0;
  padding:4px 7px;
  border:1px solid var(--qd-line);
  border-radius:5px;
  background:var(--qd-paper);
  color:var(--qd-text);
  font:inherit;
}
.qd-rich-select-label > select { width:100%; }
.qd-rich-select-label input[type="color"] { width:35px; min-width:0; min-height:28px; padding:2px; }
.qd-rich-contextual { padding:2px; }
.qd-rich-commands {
  display:flex;
  flex-direction:column;
  padding:4px;
  min-width:min(190px,65vw);
  max-height:min(230px,40vh);
  overflow:auto;
}
.qd-rich-commands .qd-rich-button { display:flex; justify-content:flex-start; min-height:29px; }
.qd-rich-commands .qd-rich-button.active { color:var(--qd-text); background:var(--qd-hover); }
.qd-rich-commands > span { padding:5px; color:var(--qd-muted); }
.qd-rich-find { margin:0 0 8px; padding:4px; border:1px solid var(--qd-line); border-radius:6px; }
.qd-rich-find input { flex:1 1 120px; }
.qd-rich-find-hit { color:#24211a; background:#f9e098; }
.qd-rich-find-hit.active { color:#211b16; background:#ffb664; }
.qd-rich-surface {
  min-height:120px;
  margin:0;
  padding:5px 3px 12px;
  outline:none;
  color:var(--qd-text);
  caret-color:var(--qd-text);
  font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:15px;
  line-height:1.57;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
  user-select:text;
  -webkit-user-select:text;
}
.qd-rich-editor.is-readonly .qd-rich-surface { min-height:0; }
.qd-rich-surface > :first-child { margin-top:0; }
.qd-rich-surface p { min-height:1.57em; margin:0 0 6px; }
.qd-rich-surface :is(h1,h2,h3) { color:inherit; margin:17px 0 7px; line-height:1.23; }
.qd-rich-surface h1 { font-size:1.85em; font-weight:700; }
.qd-rich-surface h2 { font-size:1.46em; font-weight:660; }
.qd-rich-surface h3 { font-size:1.23em; font-weight:650; }
.qd-rich-surface :is(ol,ul) { margin:4px 0 8px; padding-inline-start:25px; }
.qd-rich-surface li p { margin-bottom:2px; }
.qd-rich-surface hr { margin:12px 0; border:0; border-top:1px solid var(--qd-line); }
.qd-rich-surface a { color:var(--qd-focus); text-decoration:underline; }
.qd-rich-surface :is(blockquote,.qd-rich-container-quote) {
  margin:8px 0;
  padding-inline-start:12px;
  border-inline-start:3px solid var(--qd-line);
}
.qd-rich-surface pre {
  margin:8px 0;
  padding:7px 11px;
  border-radius:5px;
  background:var(--qd-hover);
  white-space:pre-wrap;
  tab-size:4;
}
.qd-rich-surface code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.qd-rich-surface code:not(pre code) { background:var(--qd-hover); border-radius:3px; padding:1px 3px; }
.qd-rich-surface .qd-rich-task-list { list-style:none; padding-inline-start:0; }
.qd-rich-task-item { display:flex; align-items:flex-start; gap:7px; }
.qd-rich-task-item > input { flex:none; width:15px; height:15px; margin:4px 1px 0; }
.qd-rich-task-content { flex:1 1 0; min-width:0; }
.qd-rich-task-content > .qd-rich-task-list { padding-inline-start:18px; }
.qd-rich-task-item[data-checked="true"] > .qd-rich-task-content > p {
  color:var(--qd-muted);
  text-decoration:line-through;
}
.qd-rich-container { min-width:0; }
.qd-rich-container-note { display:flex; align-items:flex-start; gap:8px; padding:7px 10px; background:var(--qd-hover); border-radius:5px; }
.qd-rich-container-content { flex:1 1 0; min-width:0; }
.qd-rich-container-columns > .qd-rich-container-content { display:flex; flex-wrap:wrap; gap:15px; }
.qd-rich-container-column { flex:1 1 min(150px,100%); min-width:0; }
.qd-rich-container-toggle { display:flex; align-items:flex-start; gap:4px; }
.qd-rich-container-toggle > button { min-width:23px; min-height:23px; }
.qd-rich-container-toggle[data-expanded="false"] > button { rotate:-90deg; }
.qd-rich-container-toggle[data-expanded="false"] > .qd-rich-container-content > :not(:first-child) { display:none; }
.qd-rich-legacy-block { margin:3px 0; }
.qd-rich-inline-page {
  display:inline-block;
  min-width:0;
  padding:0 3px;
  color:var(--qd-muted);
  text-decoration:underline;
  overflow-wrap:anywhere;
}
.qd-rich-inline-page.qd-page-available { color:var(--qd-text); cursor:pointer; }
.qd-rich-unlinked { border-top:1px solid var(--qd-line); margin-top:7px; color:var(--qd-muted); }
.qd-rich-unlinked p { margin:5px 0; }
.qd-rich-unlinked .qd-rich-inline-page { display:block; padding:2px 0; }
.qd-rich-surface .tableWrapper { overflow-x:auto; margin:8px 0; }
.qd-rich-surface table { border-collapse:collapse; table-layout:fixed; width:100%; }
.qd-rich-surface :is(td,th) {
  position:relative;
  min-width:30px;
  border:1px solid var(--qd-line);
  padding:4px 7px;
  text-align:start;
  vertical-align:top;
}
.qd-rich-surface th { font-weight:650; background:var(--qd-header); }
.qd-rich-surface :is(td,th) > :last-child { margin-bottom:0; }
.qd-rich-surface .selectedCell::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:#4d9fff30;
}
.qd-rich-surface .column-resize-handle {
  position:absolute;
  inset-block:0;
  inset-inline-end:-2px;
  width:4px;
  background:var(--qd-focus);
  pointer-events:none;
}
.qd-rich-surface.resize-cursor { cursor:col-resize; }
.qd-rich-surface .ProseMirror-gapcursor { position:absolute; display:none; pointer-events:none; }
.qd-rich-surface.ProseMirror-focused .ProseMirror-gapcursor { display:block; }
.qd-rich-surface .ProseMirror-gapcursor::after {
  position:absolute;
  top:-2px;
  width:20px;
  content:"";
  border-top:1px solid var(--qd-text);
  animation:qd-rich-caret 1.1s steps(2,start) infinite;
}
@keyframes qd-rich-caret { to { visibility:hidden; } }
@media (max-width:540px) {
  .qd-rich-toolbar { gap:2px; }
  .qd-rich-button, .qd-rich-more summary { min-width:33px; min-height:33px; }
  .qd-rich-more { position:static; }
  .qd-rich-more-content { inset-inline-end:0; width:min(330px,100%); }
  .qd-rich-surface { font-size:16px; }
}