/* [project]/node_modules/@blocknote/core/src/fonts/inter.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100;
  src: local(""), url("../media/inter-v12-latin-100.10ib6nxop_z7r.woff2") format("woff2"), url("../media/inter-v12-latin-100.0-4v~.85d.k3w.woff") format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 200;
  src: local(""), url("../media/inter-v12-latin-200.0s~eeg8wploez.woff2") format("woff2"), url("../media/inter-v12-latin-200.14dswzeeoeqzd.woff") format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  src: local(""), url("../media/inter-v12-latin-300.0i5u6ti8m5gyt.woff2") format("woff2"), url("../media/inter-v12-latin-300.0kql_5qmz~w8y.woff") format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../media/inter-v12-latin-regular.0sow28nolvtbw.woff2") format("woff2"), url("../media/inter-v12-latin-regular.04p0vjcrmgjj4.woff") format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  src: local(""), url("../media/inter-v12-latin-500.080nv7i9j8ufl.woff2") format("woff2"), url("../media/inter-v12-latin-500.0b~kpt7~qd8hm.woff") format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  src: local(""), url("../media/inter-v12-latin-600.0906o~w0l0mdk.woff2") format("woff2"), url("../media/inter-v12-latin-600.14am2o9861j7s.woff") format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../media/inter-v12-latin-700.0ofjwr5qoj-o8.woff2") format("woff2"), url("../media/inter-v12-latin-700.0ba._6uwi0f8q.woff") format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 800;
  src: local(""), url("../media/inter-v12-latin-800.0.lasgp9iw7n8.woff2") format("woff2"), url("../media/inter-v12-latin-800.0-ddw34hyqw19.woff") format("woff");
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 900;
  src: local(""), url("../media/inter-v12-latin-900.17w1qk0vxr~xa.woff2") format("woff2"), url("../media/inter-v12-latin-900.11rgri78clnj0.woff") format("woff");
}

/* [project]/node_modules/@blocknote/ariakit/dist/style.css [app-client] (css) */
.bn-block-outer {
  line-height: 1.5;
  transition: margin .2s;
}

.bn-block {
  flex-direction: column;
  display: flex;
}

.bn-block-content {
  width: 100%;
  padding: 3px 0;
  transition: font-size .2s;
  display: flex;
}

.bn-block-content.ProseMirror-selectednode > *, .ProseMirror-selectednode > .bn-block-content > * {
  border-radius: 4px;
  outline: 4px solid #64a0ff;
}

.bn-block-content:before {
  content: "";
  height: 0;
  margin-right: 0;
  transition: all .2s;
  overflow: visible;
}

.bn-inline-content {
  white-space: pre-wrap;
}

.bn-trailing-block {
  cursor: text;
  height: 30px;
}

.bn-block-group .bn-block-group {
  margin-left: 24px;
}

.bn-block-group .bn-block-group > .bn-block-outer {
  position: relative;
}

.bn-block-group .bn-block-group > .bn-block-outer:not([data-prev-depth-changed]):before {
  content: " ";
  height: 100%;
  transition: all .2s .1s;
  display: inline;
  position: absolute;
  left: -20px;
}

.bn-block-group .bn-block-group > .bn-block-outer[data-prev-depth-change="-2"]:before {
  height: 0;
}

.bn-inline-content code {
  font-family: monospace;
}

[data-prev-depth-change="1"] {
  --x: 1;
}

[data-prev-depth-change="2"] {
  --x: 2;
}

[data-prev-depth-change="3"] {
  --x: 3;
}

[data-prev-depth-change="4"] {
  --x: 4;
}

[data-prev-depth-change="5"] {
  --x: 5;
}

[data-prev-depth-change="-1"] {
  --x: -1;
}

[data-prev-depth-change="-2"] {
  --x: -2;
}

[data-prev-depth-change="-3"] {
  --x: -3;
}

[data-prev-depth-change="-4"] {
  --x: -4;
}

[data-prev-depth-change="-5"] {
  --x: -5;
}

.bn-block-outer[data-prev-depth-change] {
  margin-left: calc(10px * var(--x));
}

.bn-block-outer[data-prev-depth-change] .bn-block-outer[data-prev-depth-change] {
  margin-left: 0;
}

[data-content-type="heading"] {
  --level: 3em;
  padding-top: 18px;
}

[data-content-type="heading"][data-level="2"] {
  --level: 2em;
}

[data-content-type="heading"][data-level="3"] {
  --level: 1.3em;
}

[data-content-type="heading"][data-level="4"] {
  --level: 1em;
}

[data-content-type="heading"][data-level="5"] {
  --level: .9em;
}

[data-content-type="heading"][data-level="6"] {
  --level: .8em;
}

[data-prev-level="1"] {
  --prev-level: 3em;
}

[data-prev-level="2"] {
  --prev-level: 2em;
}

[data-prev-level="3"] {
  --prev-level: 1.3em;
}

[data-prev-level="4"] {
  --prev-level: 1em;
}

[data-prev-level="5"] {
  --prev-level: .9em;
}

[data-prev-level="6"] {
  --prev-level: .8em;
}

.bn-block-outer[data-prev-type="heading"] > .bn-block > .bn-block-content {
  font-size: var(--prev-level);
  font-weight: 700;
}

.bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type="heading"], .bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type="modification"] > div[data-type="modification"] > .bn-block-content[data-content-type="heading"] {
  font-size: var(--level);
  font-weight: 700;
}

[data-content-type="quote"] blockquote {
  color: #7d797a;
  border-left: 2px solid #7d797a;
  margin: 0;
  padding-left: 1em;
}

[data-content-type="divider"] hr {
  border: none;
  border-top: 1px solid #7d797a;
  flex: 1;
  margin: .5em 0;
}

.bn-block-content:before {
  content: "";
  margin-right: 0;
}

.bn-block-content[data-content-type="numberedListItem"]:before {
  justify-content: center;
  min-width: 24px;
  padding-right: 4px;
  display: flex;
}

[data-content-type="numberedListItem"] {
  --index: attr(data-index);
}

[data-prev-type="numberedListItem"] {
  --prev-index: attr(data-prev-index);
}

.bn-block-outer[data-prev-type="numberedListItem"]:not([data-prev-index="none"]) > .bn-block > .bn-block-content:before {
  content: var(--prev-index) ".";
}

.bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type="numberedListItem"]:before, .bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type="modification"] > .bn-block-content[data-content-type="numberedListItem"]:before {
  content: var(--index) ".";
}

.bn-block-content[data-content-type="bulletListItem"]:before {
  justify-content: center;
  min-width: 24px;
  padding-right: 4px;
  display: flex;
}

.bn-block-content[data-content-type="checkListItem"] > div:has( > input) {
  height: 24px;
}

.bn-block-content[data-content-type="checkListItem"] > div > input {
  cursor: pointer;
  margin-left: 4px;
  margin-right: 8px;
  width: 12px;
  height: 24px;
  margin-block: 0;
}

.bn-block-content[data-content-type="checkListItem"][data-checked="true"] .bn-inline-content {
  text-decoration: line-through;
}

.bn-block-content[data-text-alignment="center"] {
  justify-content: center;
}

.bn-block-content[data-text-alignment="right"] {
  justify-content: flex-end;
}

:is(.bn-block:has( > .bn-block-content > div > .bn-toggle-wrapper[data-show-children="false"]) > .bn-block-group, .bn-block:has( > .react-renderer > .bn-block-content > div > .bn-toggle-wrapper[data-show-children="false"]) > .bn-block-group) {
  display: none;
}

.bn-toggle-wrapper {
  align-items: center;
  display: flex;
}

.bn-toggle-button {
  color: var(--bn-colors-editor-text);
  padding: 3px;
}

.bn-toggle-button > svg {
  width: 18px;
  height: 18px;
}

.bn-toggle-wrapper[data-show-children="true"] .bn-toggle-button {
  transform: rotate(90deg);
}

.bn-toggle-add-block-button {
  color: var(--bn-colors-side-menu);
  width: fit-content;
  margin-left: 22px;
  padding-inline: 2px;
  font-size: 16px;
  font-weight: 400;
}

.bn-toggle-button, .bn-toggle-add-block-button {
  border-radius: var(--bn-border-radius-small);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: none;
  border: none;
  display: flex;
}

.bn-toggle-button:hover, .bn-toggle-add-block-button:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-block-outer[data-prev-type="bulletListItem"] > .bn-block > .bn-block-content:before, .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type="bulletListItem"]:before, .bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type="modification"] > .bn-block-content[data-content-type="bulletListItem"]:before {
  content: "•";
}

[data-content-type="bulletListItem"] ~ .bn-block-group > .bn-block-outer[data-prev-type="bulletListItem"] > .bn-block > .bn-block-content:before, [data-content-type="bulletListItem"] ~ .bn-block-group > .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type="bulletListItem"]:before, [data-content-type="bulletListItem"] ~ .bn-block-group > .bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type="modification"] > .bn-block-content[data-content-type="bulletListItem"]:before {
  content: "◦";
}

[data-content-type="bulletListItem"] ~ .bn-block-group [data-content-type="bulletListItem"] ~ .bn-block-group > .bn-block-outer[data-prev-type="bulletListItem"] > .bn-block > .bn-block-content:before, [data-content-type="bulletListItem"] ~ .bn-block-group [data-content-type="bulletListItem"] ~ .bn-block-group > .bn-block-outer:not([data-prev-type]) > .bn-block > .bn-block-content[data-content-type="bulletListItem"]:before, [data-content-type="bulletListItem"] ~ .bn-block-group [data-content-type="bulletListItem"] ~ .bn-block-group > .bn-block-outer:not([data-prev-type]) > .bn-block > div[data-type="modification"] > .bn-block-content[data-content-type="bulletListItem"]:before {
  content: "▪︎";
}

.bn-block-content[data-content-type="codeBlock"] {
  color: #fff;
  background-color: #161616;
  border-radius: 8px;
  position: relative;
}

.bn-block-content[data-content-type="codeBlock"] > pre {
  white-space: pre;
  tab-size: 2;
  width: 100%;
  margin: 0;
  padding: 24px;
  overflow-x: auto;
}

.bn-block-content[data-content-type="codeBlock"] > div {
  outline: none !important;
}

.bn-block-content[data-content-type="codeBlock"] > div > select {
  appearance: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  color: #fff;
  opacity: 0;
  background-color: #0000;
  border: none;
  font-size: .8em;
  transition: opacity .3s 1s;
  position: absolute;
  top: 8px;
  left: 18px;
  outline: none !important;
}

.bn-block-content[data-content-type="codeBlock"] > div > select > option {
  color: #000;
}

.bn-block-content[data-content-type="codeBlock"]:hover > div > select, .bn-block-content[data-content-type="codeBlock"] > div > select:focus {
  opacity: .5;
  transition-delay: .1s;
}

.bn-block-content[data-content-type="pageBreak"] > div {
  border-top: 2px dotted #7d797a;
  width: 100%;
  height: 0;
  margin-block: 11px;
}

@media print {
  .bn-block-content[data-content-type="pageBreak"] > div {
    page-break-after: always;
  }
}

[data-file-block] .bn-file-block-content-wrapper {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  margin: 0;
  display: flex;
}

:is([data-file-block] .bn-file-block-content-wrapper:has(.bn-add-file-button), [data-file-block] .bn-file-block-content-wrapper:has(.bn-file-name-with-icon)) {
  width: 100%;
}

[data-file-block] .bn-add-file-button {
  color: #7d797a;
  background-color: #f2f1ee;
  border-radius: 4px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  display: flex;
}

[data-file-block] .bn-add-file-button:where(.dark, .dark *) {
  color: #bebebe;
  background-color: #464646;
}

.bn-editor[contenteditable="true"] [data-file-block] .bn-add-file-button:hover, [data-file-block] .bn-file-name-with-icon:hover, .ProseMirror-selectednode .bn-file-name-with-icon {
  background-color: #e1e1e1;
}

.bn-editor[contenteditable="true"] [data-file-block] .bn-add-file-button:hover:where(.dark, .dark *), [data-file-block] .bn-file-name-with-icon:hover:where(.dark, .dark *), .ProseMirror-selectednode .bn-file-name-with-icon:where(.dark, .dark *) {
  background-color: #5a5a5a;
}

[data-file-block] .bn-add-file-button-icon, [data-file-block] .bn-file-icon {
  width: 24px;
  height: 24px;
}

[data-file-block] .bn-add-file-button-text {
  font-size: .9rem;
}

[data-file-block] .bn-file-name-with-icon {
  border-radius: 4px;
  gap: 4px;
  padding: 4px;
  display: flex;
}

[data-file-block] .bn-file-caption {
  word-break: break-word;
  padding-block: 4px;
  font-size: .8em;
}

[data-file-block] .bn-file-caption:empty {
  padding-block: 0;
}

[data-file-block] .bn-resize-handle {
  cursor: ew-resize;
  background-color: #000;
  border: 1px solid #fff;
  border-radius: 4px;
  width: 8px;
  height: 30px;
  position: absolute;
}

[data-file-block] .bn-visual-media-wrapper {
  align-items: center;
  max-width: 100%;
  display: flex;
  position: relative;
}

[data-file-block] .bn-visual-media {
  border-radius: 4px;
  width: 100%;
}

[data-content-type="audio"] > .bn-file-block-content-wrapper, .bn-audio {
  width: 100%;
}

.bn-block-content:has(.ProseMirror-trailingBreak:only-child):after {
  pointer-events: none;
  max-width: 100%;
  margin-inline: -2px;
  font-style: italic;
}

[data-style-type="textColor"][data-value="gray"] {
  color: #9b9a97;
}

[data-style-type="textColor"][data-value="brown"] {
  color: #64473a;
}

[data-style-type="textColor"][data-value="red"] {
  color: #e03e3e;
}

[data-style-type="textColor"][data-value="orange"] {
  color: #d9730d;
}

[data-style-type="textColor"][data-value="yellow"] {
  color: #dfab01;
}

[data-style-type="textColor"][data-value="green"] {
  color: #4d6461;
}

[data-style-type="textColor"][data-value="blue"] {
  color: #0b6e99;
}

[data-style-type="textColor"][data-value="purple"] {
  color: #6940a5;
}

[data-style-type="textColor"][data-value="pink"] {
  color: #ad1a72;
}

[data-style-type="backgroundColor"][data-value="gray"] {
  background-color: #ebeced;
}

[data-style-type="backgroundColor"][data-value="brown"] {
  background-color: #e9e5e3;
}

[data-style-type="backgroundColor"][data-value="red"] {
  background-color: #fbe4e4;
}

[data-style-type="backgroundColor"][data-value="orange"] {
  background-color: #f6e9d9;
}

[data-style-type="backgroundColor"][data-value="yellow"] {
  background-color: #fbf3db;
}

[data-style-type="backgroundColor"][data-value="green"] {
  background-color: #ddedea;
}

[data-style-type="backgroundColor"][data-value="blue"] {
  background-color: #ddebf1;
}

[data-style-type="backgroundColor"][data-value="purple"] {
  background-color: #eae4f2;
}

[data-style-type="backgroundColor"][data-value="pink"] {
  background-color: #f4dfeb;
}

[data-text-alignment="left"] {
  text-align: left !important;
  justify-content: flex-start !important;
}

[data-text-alignment="center"] {
  text-align: center !important;
  justify-content: center !important;
}

[data-text-alignment="right"] {
  text-align: right !important;
  justify-content: flex-end !important;
}

[data-text-alignment="justify"] {
  text-align: justify !important;
  justify-content: flex-start !important;
}

.bn-block-column-list {
  flex-direction: row;
  display: flex;
}

.bn-block-column {
  flex: 1;
  padding: 12px 20px;
  overflow-x: auto;
}

.bn-block-column:first-child {
  padding-left: 0;
}

.bn-block-column:last-child {
  padding-right: 0;
}

.bn-thread-mark:not([data-orphan="true"]) {
  background: #ffc80026;
}

.bn-thread-mark .bn-thread-mark-selected {
  background: #ffc80040;
}

.ProseMirror .tableWrapper {
  overflow-x: auto;
}

.ProseMirror table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}

.ProseMirror td, .ProseMirror th {
  vertical-align: top;
  box-sizing: border-box;
  position: relative;
}

.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging), .ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {
  min-width: var(--default-cell-min-width);
}

.ProseMirror .column-resize-handle {
  z-index: 20;
  pointer-events: none;
  background-color: #adf;
  width: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2px;
}

.ProseMirror.resize-cursor {
  cursor: ew-resize;
  cursor: col-resize;
}

.ProseMirror .selectedCell:after {
  z-index: 2;
  content: "";
  pointer-events: none;
  background: #c8c8ff66;
  position: absolute;
  inset: 0;
}

.bn-editor {
  font-synthesis: style weight;
  --N800: #172b4d;
  --N40: #dfe1e6;
  outline: none;
  padding-inline: 54px;
}

.bn-comment-editor {
  width: 100%;
  padding: 0;
}

.bn-comment-editor .bn-editor {
  padding: 0;
}

.bn-default-styles p, .bn-default-styles h1, .bn-default-styles h2, .bn-default-styles h3, .bn-default-styles h4, .bn-default-styles h5, .bn-default-styles h6, .bn-default-styles li {
  font-size: inherit;
  margin: 0;
  padding: 0;
  min-width: 2px !important;
}

.bn-default-styles {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Inter, SF Pro Display, -apple-system, BlinkMacSystemFont, Open Sans, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.bn-table-drop-cursor {
  z-index: 20;
  pointer-events: none;
  background-color: #adf;
  position: absolute;
}

.bn-drag-preview {
  opacity: .001;
  pointer-events: none;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.bn-editor .bn-collaboration-cursor__base {
  position: relative;
}

.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__caret {
  width: 2px;
  position: absolute;
  top: 1px;
  bottom: -2px;
  left: -1px;
}

.bn-editor .bn-collaboration-cursor__base .bn-collaboration-cursor__label {
  pointer-events: none;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  color: #0000;
  border-radius: 0 1.5px 1.5px 0;
  max-width: 4px;
  max-height: 5px;
  padding: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  transition: all .2s;
  position: absolute;
  top: -1px;
  left: 0;
  overflow: hidden;
}

.bn-editor .bn-collaboration-cursor__base[data-active] .bn-collaboration-cursor__label {
  color: #0d0d0d;
  border-radius: 3px 3px 3px 0;
  max-width: 20rem;
  max-height: 1.1rem;
  padding: .1rem .3rem;
  transition: all .2s;
  top: -17px;
  left: 0;
}

.bn-editor [data-content-type="table"] .tableWrapper {
  --bn-table-widget-size: 22px;
  --bn-table-handle-size: calc(18px / 2);
  padding: var(--bn-table-handle-size) var(--bn-table-widget-size) var(--bn-table-widget-size) var(--bn-table-handle-size);
  width: 100%;
  position: relative;
  overflow-y: hidden;
}

.bn-editor [data-content-type="table"] table {
  word-break: break-word;
  width: auto !important;
}

.bn-editor [data-content-type="table"] th, .bn-editor [data-content-type="table"] td {
  border: 1px solid #ddd;
  padding: 5px 10px;
}

.bn-editor [data-content-type="table"] th {
  text-align: left;
  font-weight: 700;
}

.bn-editor [data-content-type="table"] th > p, .bn-editor [data-content-type="table"] td > p {
  min-height: 1.5rem;
}

.ProseMirror td, .ProseMirror th {
  min-width: auto !important;
}

.ProseMirror td:not([colwidth]):not(.column-resize-dragging), .ProseMirror th:not([colwidth]):not(.column-resize-dragging) {
  min-width: var(--default-cell-min-width) !important;
}

.prosemirror-dropcursor-block {
  transition-property: top, bottom;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.prosemirror-dropcursor-vertical {
  transition-property: left, right;
}

[data-show-selection] {
  background-color: highlight;
  padding: 2px 0;
}

.bn-root {
  --bn-colors-editor-text: #3f3f3f;
  --bn-colors-editor-background: #fff;
  --bn-colors-menu-text: #3f3f3f;
  --bn-colors-menu-background: #fff;
  --bn-colors-tooltip-text: #3f3f3f;
  --bn-colors-tooltip-background: #efefef;
  --bn-colors-hovered-text: #3f3f3f;
  --bn-colors-hovered-background: #efefef;
  --bn-colors-selected-text: #fff;
  --bn-colors-selected-background: #3f3f3f;
  --bn-colors-disabled-text: #afafaf;
  --bn-colors-disabled-background: #efefef;
  --bn-colors-shadow: #cfcfcf;
  --bn-colors-border: #efefef;
  --bn-colors-side-menu: #cfcfcf;
  --bn-colors-highlights-gray-text: #9b9a97;
  --bn-colors-highlights-gray-background: #ebeced;
  --bn-colors-highlights-brown-text: #64473a;
  --bn-colors-highlights-brown-background: #e9e5e3;
  --bn-colors-highlights-red-text: #e03e3e;
  --bn-colors-highlights-red-background: #fbe4e4;
  --bn-colors-highlights-orange-text: #d9730d;
  --bn-colors-highlights-orange-background: #f6e9d9;
  --bn-colors-highlights-yellow-text: #dfab01;
  --bn-colors-highlights-yellow-background: #fbf3db;
  --bn-colors-highlights-green-text: #4d6461;
  --bn-colors-highlights-green-background: #ddedea;
  --bn-colors-highlights-blue-text: #0b6e99;
  --bn-colors-highlights-blue-background: #ddebf1;
  --bn-colors-highlights-purple-text: #6940a5;
  --bn-colors-highlights-purple-background: #eae4f2;
  --bn-colors-highlights-pink-text: #ad1a72;
  --bn-colors-highlights-pink-background: #f4dfeb;
  --bn-font-family: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --bn-border-radius: 6px;
  --bn-shadow-medium: 0 4px 12px var(--bn-colors-shadow);
  --bn-shadow-light: 0 2px 6px var(--bn-colors-border);
  --bn-border: 1px solid var(--bn-colors-border);
  --bn-border-radius-small: max(var(--bn-border-radius) - 2px, 1px);
  --bn-border-radius-medium: var(--bn-border-radius);
  --bn-border-radius-large: max(var(--bn-border-radius) + 2px, 1px);
}

.bn-root[data-color-scheme="dark"] {
  --bn-colors-editor-text: #cfcfcf;
  --bn-colors-editor-background: #1f1f1f;
  --bn-colors-menu-text: #cfcfcf;
  --bn-colors-menu-background: #1f1f1f;
  --bn-colors-tooltip-text: #cfcfcf;
  --bn-colors-tooltip-background: #161616;
  --bn-colors-hovered-text: #cfcfcf;
  --bn-colors-hovered-background: #161616;
  --bn-colors-selected-text: #cfcfcf;
  --bn-colors-selected-background: #0f0f0f;
  --bn-colors-disabled-text: #3f3f3f;
  --bn-colors-disabled-background: #161616;
  --bn-colors-shadow: #0f0f0f;
  --bn-colors-border: #161616;
  --bn-colors-side-menu: #7f7f7f;
  --bn-colors-highlights-gray-text: #bebdb8;
  --bn-colors-highlights-gray-background: #9b9a97;
  --bn-colors-highlights-brown-text: #8e6552;
  --bn-colors-highlights-brown-background: #64473a;
  --bn-colors-highlights-red-text: #ec4040;
  --bn-colors-highlights-red-background: #be3434;
  --bn-colors-highlights-orange-text: #e3790d;
  --bn-colors-highlights-orange-background: #b7600a;
  --bn-colors-highlights-yellow-text: #dfab01;
  --bn-colors-highlights-yellow-background: #b58b00;
  --bn-colors-highlights-green-text: #6b8b87;
  --bn-colors-highlights-green-background: #4d6461;
  --bn-colors-highlights-blue-text: #0e87bc;
  --bn-colors-highlights-blue-background: #0b6e99;
  --bn-colors-highlights-purple-text: #8552d7;
  --bn-colors-highlights-purple-background: #6940a5;
  --bn-colors-highlights-pink-text: #da208f;
  --bn-colors-highlights-pink-background: #ad1a72;
}

.bn-root {
  font-family: var(--bn-font-family);
}

.bn-editor {
  background-color: var(--bn-colors-editor-background);
  border-radius: var(--bn-border-radius-large);
  color: var(--bn-colors-editor-text);
}

.bn-react-node-view-renderer {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.bn-block-group .bn-block:not(:has(.bn-toggle-wrapper)) .bn-block-group .bn-block-outer:not([data-prev-depth-changed]):before {
  border-left: 1px solid var(--bn-colors-side-menu);
}

.bn-block-content:has(.ProseMirror-trailingBreak:only-child):after {
  color: var(--bn-colors-side-menu);
}

.bn-root .bn-color-icon {
  border: var(--bn-border);
  border-radius: var(--bn-border-radius-small);
  justify-content: center;
  align-items: center;
  display: flex;
}

.bn-error-text {
  color: red;
  font-size: 12px;
}

[data-style-type="textColor"][data-value="gray"], .bn-color-icon[data-text-color="gray"] {
  color: var(--bn-colors-highlights-gray-text);
}

.bn-block:has( > .bn-block-content[data-text-color="gray"]) {
  color: var(--bn-colors-highlights-gray-text);
}

[data-style-type="textColor"][data-value="brown"], .bn-color-icon[data-text-color="brown"] {
  color: var(--bn-colors-highlights-brown-text);
}

.bn-block:has( > .bn-block-content[data-text-color="brown"]) {
  color: var(--bn-colors-highlights-brown-text);
}

[data-style-type="textColor"][data-value="red"], .bn-color-icon[data-text-color="red"] {
  color: var(--bn-colors-highlights-red-text);
}

.bn-block:has( > .bn-block-content[data-text-color="red"]) {
  color: var(--bn-colors-highlights-red-text);
}

[data-style-type="textColor"][data-value="orange"], .bn-color-icon[data-text-color="orange"] {
  color: var(--bn-colors-highlights-orange-text);
}

.bn-block:has( > .bn-block-content[data-text-color="orange"]) {
  color: var(--bn-colors-highlights-orange-text);
}

[data-style-type="textColor"][data-value="yellow"], .bn-color-icon[data-text-color="yellow"] {
  color: var(--bn-colors-highlights-yellow-text);
}

.bn-block:has( > .bn-block-content[data-text-color="yellow"]) {
  color: var(--bn-colors-highlights-yellow-text);
}

[data-style-type="textColor"][data-value="green"], .bn-color-icon[data-text-color="green"] {
  color: var(--bn-colors-highlights-green-text);
}

.bn-block:has( > .bn-block-content[data-text-color="green"]) {
  color: var(--bn-colors-highlights-green-text);
}

[data-style-type="textColor"][data-value="blue"], .bn-color-icon[data-text-color="blue"] {
  color: var(--bn-colors-highlights-blue-text);
}

.bn-block:has( > .bn-block-content[data-text-color="blue"]) {
  color: var(--bn-colors-highlights-blue-text);
}

[data-style-type="textColor"][data-value="purple"], .bn-color-icon[data-text-color="purple"] {
  color: var(--bn-colors-highlights-purple-text);
}

.bn-block:has( > .bn-block-content[data-text-color="purple"]) {
  color: var(--bn-colors-highlights-purple-text);
}

[data-style-type="textColor"][data-value="pink"], .bn-color-icon[data-text-color="pink"] {
  color: var(--bn-colors-highlights-pink-text);
}

.bn-block:has( > .bn-block-content[data-text-color="pink"]) {
  color: var(--bn-colors-highlights-pink-text);
}

[data-style-type="backgroundColor"][data-value="gray"], .bn-color-icon[data-background-color="gray"] {
  background-color: var(--bn-colors-highlights-gray-background);
}

.bn-block:has( > .bn-block-content[data-background-color="gray"]) {
  background-color: var(--bn-colors-highlights-gray-background);
}

[data-style-type="backgroundColor"][data-value="brown"], .bn-color-icon[data-background-color="brown"] {
  background-color: var(--bn-colors-highlights-brown-background);
}

.bn-block:has( > .bn-block-content[data-background-color="brown"]) {
  background-color: var(--bn-colors-highlights-brown-background);
}

[data-style-type="backgroundColor"][data-value="red"], .bn-color-icon[data-background-color="red"] {
  background-color: var(--bn-colors-highlights-red-background);
}

.bn-block:has( > .bn-block-content[data-background-color="red"]) {
  background-color: var(--bn-colors-highlights-red-background);
}

[data-style-type="backgroundColor"][data-value="orange"], .bn-color-icon[data-background-color="orange"] {
  background-color: var(--bn-colors-highlights-orange-background);
}

.bn-block:has( > .bn-block-content[data-background-color="orange"]) {
  background-color: var(--bn-colors-highlights-orange-background);
}

[data-style-type="backgroundColor"][data-value="yellow"], .bn-color-icon[data-background-color="yellow"] {
  background-color: var(--bn-colors-highlights-yellow-background);
}

.bn-block:has( > .bn-block-content[data-background-color="yellow"]) {
  background-color: var(--bn-colors-highlights-yellow-background);
}

[data-style-type="backgroundColor"][data-value="green"], .bn-color-icon[data-background-color="green"] {
  background-color: var(--bn-colors-highlights-green-background);
}

.bn-block:has( > .bn-block-content[data-background-color="green"]) {
  background-color: var(--bn-colors-highlights-green-background);
}

[data-style-type="backgroundColor"][data-value="blue"], .bn-color-icon[data-background-color="blue"] {
  background-color: var(--bn-colors-highlights-blue-background);
}

.bn-block:has( > .bn-block-content[data-background-color="blue"]) {
  background-color: var(--bn-colors-highlights-blue-background);
}

[data-style-type="backgroundColor"][data-value="purple"], .bn-color-icon[data-background-color="purple"] {
  background-color: var(--bn-colors-highlights-purple-background);
}

.bn-block:has( > .bn-block-content[data-background-color="purple"]) {
  background-color: var(--bn-colors-highlights-purple-background);
}

[data-style-type="backgroundColor"][data-value="pink"], .bn-color-icon[data-background-color="pink"] {
  background-color: var(--bn-colors-highlights-pink-background);
}

.bn-block:has( > .bn-block-content[data-background-color="pink"]) {
  background-color: var(--bn-colors-highlights-pink-background);
}

.bn-root {
  --bn-ui-base-z-index: 0;
}

.bn-side-menu {
  height: 30px;
}

.bn-side-menu[data-block-type="heading"][data-level="1"] {
  height: 108px;
}

.bn-side-menu[data-block-type="heading"][data-level="2"] {
  height: 84px;
}

.bn-side-menu[data-block-type="heading"][data-level="3"] {
  height: 67px;
}

.bn-side-menu[data-block-type="file"] {
  height: 38px;
}

.bn-side-menu[data-block-type="audio"] {
  height: 60px;
}

.bn-side-menu[data-url="false"] {
  height: 54px;
}

.bn-threads-sidebar {
  border-radius: var(--bn-border-radius-medium);
  flex-direction: column;
  gap: 10px;
  display: flex;
  overflow: auto;
}

.bn-thread-expand-prompt .mantine-Text-root, .bn-thread .bn-header-text {
  color: var(--bn-colors-menu-text);
}

.bn-threads-sidebar .bn-thread .bn-editor {
  background-color: #0000;
}

.bn-threads-sidebar .bn-thread.selected {
  background-color: #f5f9fd;
  border: 2px solid #c2dcf8;
}

.dark .bn-threads-sidebar .bn-thread.selected {
  background-color: #20242a;
  border: 2px solid #23405b;
}

.bn-mobile-formatting-toolbar {
  bottom: var(--bn-mobile-keyboard-offset, 0px);
  z-index: calc(var(--bn-ui-base-z-index) + 40);
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
  padding-bottom: env(safe-area-inset-bottom, 0);
  transition: bottom .15s ease-out;
  display: flex;
  position: fixed;
  left: 0;
  right: 0;
  overflow-x: auto;
}

.bn-root em-emoji-picker {
  max-height: 100%;
}

@media (min-width: 640px) {
  .bn-ak-button {
    gap: .5rem;
  }
}

.bn-ak-menu {
  z-index: 50;
  max-height: var(--popover-available-height);
  overscroll-behavior: contain;
  color: #000;
  background-color: #fff;
  border: 1px solid #dae2e7;
  border-radius: .5rem;
  flex-direction: column;
  min-width: 180px;
  padding: .5rem;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  outline: none !important;
}

.bn-ak-menu:not(:focus) .bn-ak-menu-item:not(:focus)[aria-expanded="true"] {
  color: currentColor;
  background-color: #00000013;
}

.bn-ak-menu:not(:focus) .bn-ak-menu-item:not(:focus)[aria-expanded="true"]:where(.dark, .dark *) {
  background-color: #ffffff1a;
}

.bn-ak-menu-item .label {
  flex: 1;
}

.bn-ak-primary {
  --border: #00000026;
  --highlight: #ffffff40;
  --shadow: #00000026;
  color: #fff;
  background-color: #007acc;
  justify-content: center;
}

@media (min-width: 640px) {
  .bn-ak-button {
    gap: .5rem;
  }
}

.bn-ak-wrapper {
  background-color: #fff;
  border-radius: .5rem;
  flex-direction: column;
  gap: 1.5rem;
  width: 320px;
  max-width: 100%;
  padding: 1rem;
  display: flex;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
}

.bn-ak-label {
  padding-left: 1rem;
}

.bn-ak-field {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.bn-ak-input {
  color: #000;
  background-color: #edf0f366;
  border-style: none;
  border-radius: .375rem;
  width: 100%;
  height: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  box-shadow: inset 0 0 0 1px #0000001a, inset 0 2px 5px #0000000d;
}

.bn-ak-input::placeholder {
  color: #0009;
}

.bn-ak-input:hover {
  background-color: #edf0f3;
}

.bn-ak-popover:focus-visible, .bn-ak-popover[data-focus-visible], .bn-ak-input:focus-visible, .bn-ak-input[data-focus-visible] {
  outline-offset: -1px;
  outline: 2px solid #007acc;
}

.bn-ak-input:where(.dark, .dark *) {
  color: #fff;
  background-color: #181a1b;
  box-shadow: inset 0 0 0 1px #ffffff1f, inset 0 -1px #ffffff0d, inset 0 2px 5px #00000026;
}

.bn-ak-input:where(.dark, .dark *)::placeholder {
  color: #ffffff75;
}

.bn-ak-input:hover:where(.dark, .dark *) {
  background-color: #141515;
}

.bn-ak-error {
  color: #990008;
  background-color: #e9afb266;
  border-width: 1px;
  border-color: #e9afb2;
  border-radius: .375rem;
  width: fit-content;
  padding: .5rem 1rem;
}

.bn-ak-error:empty {
  display: none;
}

.bn-ak-error:where(.dark, .dark *) {
  color: #ffcccf;
  background-color: #a72f3540;
  border-color: #c7383f66;
}

.bn-ak-buttons {
  gap: 1rem;
  padding-top: 1rem;
  display: flex;
}

.bn-ak-button {
  --border: #00000021;
  --highlight: #fff3;
  --shadow: #0000001a;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  color: #000;
  outline-offset: 2px;
  height: 2.5rem;
  box-shadow: inset 0 0 0 1px var(--border), inset 0 2px 0 var(--highlight), inset 0 -1px 0 var(--shadow), 0 1px 1px var(--shadow);
  background-color: #fff;
  border-style: none;
  border-radius: .5rem;
  outline-width: 2px;
  outline-color: #007acc;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration-line: none;
  display: flex;
}

@media (min-width: 640px) {
  .bn-ak-button {
    gap: .5rem;
  }
}

.bn-ak-menu {
  z-index: 50;
  overscroll-behavior: contain;
  color: #000;
  background-color: #fff;
  border: 1px solid #dae2e7;
  border-radius: .5rem;
  flex-direction: column;
  min-width: 180px;
  padding: .5rem;
  display: flex;
  position: relative;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  outline: none !important;
}

.bn-ak-menu:where(.dark, .dark *) {
  color: #fff;
  background-color: #27292a;
  border-color: #3b3e40;
  box-shadow: 0 10px 15px -3px #00000040, 0 4px 6px -4px #0000001a;
}

.bn-ak-menu-item {
  cursor: default;
  border-radius: .25rem;
  align-items: center;
  gap: .5rem;
  padding: .5rem;
  scroll-margin: .5rem;
  display: flex;
  outline: none !important;
}

.bn-ak-menu-item[aria-disabled="true"] {
  opacity: .25;
}

.bn-ak-menu-item[data-active-item] {
  color: #fff;
  background-color: #007acc;
}

.bn-ak-menu-item:active, .bn-ak-menu-item[data-active] {
  background-color: #0062a3;
  padding-top: 9px;
  padding-bottom: 7px;
}

.bn-ak-button {
  --border: #00000021;
  --highlight: #fff3;
  --shadow: #0000001a;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  color: #000;
  outline-offset: 2px;
  height: 2.5rem;
  box-shadow: inset 0 0 0 1px var(--border), inset 0 2px 0 var(--highlight), inset 0 -1px 0 var(--shadow), 0 1px 1px var(--shadow);
  background-color: #fff;
  border-style: none;
  border-radius: .5rem;
  outline-width: 2px;
  outline-color: #007acc;
  justify-content: space-between;
  align-items: center;
  gap: .25rem;
  width: 200px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration-line: none;
  display: flex;
}

@media (min-width: 640px) {
  .bn-ak-button {
    gap: .5rem;
  }
}

.bn-ak-wrapper {
  flex-direction: column;
  gap: .5rem;
  padding: 1rem;
  display: flex;
}

.bn-ak-popover {
  z-index: 50;
  max-height: min(var(--popover-available-height, 300px), 300px);
  overscroll-behavior: contain;
  color: #000;
  background-color: #fff;
  border: 1px solid #dae2e7;
  border-radius: .5rem;
  flex-direction: column;
  padding: .5rem;
  display: flex;
  overflow: auto;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}

.bn-ak-popover:focus-visible, .bn-ak-popover[data-focus-visible] {
  outline-offset: -1px;
  outline: 2px solid #007acc;
}

.bn-ak-popover:where(.dark, .dark *) {
  color: #fff;
  background-color: #27292a;
  border-color: #3b3e40;
  box-shadow: 0 10px 15px -3px #00000040, 0 4px 6px -4px #0000001a;
}

.bn-ak-select-item {
  cursor: default;
  border-radius: .25rem;
  align-items: center;
  gap: .5rem;
  padding: .5rem;
  scroll-margin: .5rem;
  display: flex;
  outline: none !important;
}

.bn-ak-select-item[aria-disabled="true"] {
  opacity: .5;
}

.bn-ak-select-item[data-active-item] {
  color: #fff;
  background-color: #007acc;
}

.bn-ak-separator {
  border-color: #dae2e7;
  border-top-width: 1px;
  width: 100%;
  height: 0;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.bn-ak-group-label {
  cursor: default;
  opacity: .6;
  padding: .5rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.bn-ak-group-label + * {
  scroll-margin-top: 2.5rem;
}

.bn-ak-wrapper {
  background-color: #fff;
  border-radius: .5rem;
  flex-direction: column;
  gap: .5rem;
  padding: .5rem;
  display: flex;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
}

.bn-ak-wrapper:where(.dark, .dark *) {
  background-color: #27292a;
  box-shadow: 0 1px 3px #00000040, 0 1px 2px -1px #0000001a;
}

.bn-ak-tab-list {
  gap: .5rem;
  display: flex;
}

.bn-ak-tab {
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  outline-offset: 2px;
  border-style: none;
  border-radius: .25rem;
  outline-width: 2px;
  outline-color: #007acc;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  height: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration-line: none;
  display: flex;
}

.bn-ak-tab:hover {
  background-color: #00000013;
}

.bn-ak-tab[aria-disabled="true"] {
  opacity: .5;
}

.bn-ak-tab[aria-selected="true"] {
  color: #fff;
  background-color: #007acc;
}

.bn-ak-tab:hover[aria-selected="true"] {
  background-color: #0062a3;
}

.bn-ak-tab[data-focus-visible] {
  outline-style: solid;
}

.bn-ak-tab:active, .bn-ak-tab[data-active] {
  padding-top: .125rem;
}

.bn-ak-tab:hover:where(.dark, .dark *) {
  background-color: #ffffff1a;
}

.bn-ak-tab[aria-selected="true"]:where(.dark, .dark *) {
  color: #fff;
  background-color: #007acc;
}

.bn-ak-tab:hover[aria-selected="true"]:where(.dark, .dark *) {
  background-color: #0062a3;
}

.bn-ak-panels {
  padding: .5rem;
}

.bn-ak-button {
  --border: #00000021;
  --highlight: #fff3;
  --shadow: #0000001a;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  color: #000;
  outline-offset: 2px;
  height: 2.5rem;
  box-shadow: inset 0 0 0 1px var(--border), inset 0 2px 0 var(--highlight), inset 0 -1px 0 var(--shadow), 0 1px 1px var(--shadow);
  background-color: #fff;
  border-style: none;
  border-radius: .25rem;
  outline-width: 2px;
  outline-color: #007acc;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  scroll-margin-left: .25rem;
  scroll-margin-right: .25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  text-decoration-line: none;
  display: flex;
}

.bn-ak-button:where(.dark, .dark *) {
  --border: #ffffff1a;
  --highlight: #ffffff0d;
  --shadow: #00000040;
  color: #fff;
  box-shadow: inset 0 0 0 1px var(--border), inset 0 -1px 0 1px var(--shadow), inset 0 1px 0 var(--highlight);
  background-color: #ffffff0d;
}

.bn-ak-button:not(:active):hover {
  --border: #00000054;
}

.bn-ak-button:where(.dark, .dark *):not(:active):hover {
  --border: #ffffff40;
}

@media (min-width: 640px) {
  .bn-ak-button {
    gap: .5rem;
  }
}

.bn-ak-secondary {
  color: currentColor;
  box-shadow: none;
  background-color: #0000;
}

.bn-ak-secondary:hover {
  background-color: #0000000d;
}

.bn-ak-secondary:where(.dark, .dark *) {
  box-shadow: none;
  background-color: #0000;
}

.bn-ak-secondary:hover:where(.dark, .dark *) {
  background-color: #ffffff0d;
}

.bn-ak-secondary:active:where(.dark, .dark *), .bn-ak-secondary[data-active]:where(.dark, .dark *) {
  box-shadow: none;
}

.bn-ak-toolbar {
  background-color: #fff;
  border-radius: .5rem;
  align-items: center;
  gap: .25rem;
  max-width: 100%;
  padding: .25rem;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
}

.bn-ak-toolbar:where(.dark, .dark *) {
  background-color: #27292a;
  box-shadow: 0 1px 3px #00000040, 0 1px 2px -1px #0000001a;
}

.bn-ak-separator {
  border-color: #dae2e7;
  border-right-width: 1px;
  height: 2rem;
}

.bn-ak-separator:where(.dark, .dark *) {
  border-color: #45484a;
}

.bn-ak-tooltip {
  z-index: 50;
  cursor: default;
  color: #000;
  background-color: #edf0f3;
  border-width: 1px;
  border-color: #c8d3da;
  border-radius: .375rem;
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.25rem;
  box-shadow: 0 1px 2px #0000000d;
}

.bn-ak-tooltip:where(.dark, .dark *) {
  color: #fff;
  background-color: #27292a;
  border-color: #3b3e40;
  box-shadow: 0 1px 2px #00000026;
}

.bn-ak-link {
  color: #006bb3;
  text-underline-offset: .25em;
  font-weight: 500;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
}

.bn-ak-link:hover {
  text-decoration-thickness: 3px;
}

.bn-ak-link:where(.dark, .dark *) {
  color: #47b6ff;
}

.bn-ak-primary {
  --border: #00000026;
  --highlight: #ffffff40;
  --shadow: #00000026;
  color: #fff;
  background-color: #007acc;
}

.bn-ak-primary:hover {
  --border: #00000059;
  background-color: #006bb3;
}

.bn-ak-primary:where(.dark, .dark *) {
  --border: #ffffff40;
  --highlight: #ffffff1a;
  --shadow: #00000040;
  background-color: #006bb3;
}

.bn-ak-primary:hover:where(.dark, .dark *) {
  --border: #ffffff73;
  background-color: #007acc;
}

.bn-ak-button[aria-disabled="true"] {
  opacity: .5;
}

.bn-ak-button[data-focus-visible] {
  outline-style: solid;
}

.bn-ak-button:active, .bn-ak-button[data-active] {
  box-shadow: inset 0 0 0 1px var(--border), inset 0 2px 0 var(--border);
  padding-top: .125rem;
}

@media (min-width: 640px) {
  .bn-ak-button {
    gap: .5rem;
  }
}

.bn-ak-button:active:where(.dark, .dark *), .bn-ak-button[data-active]:where(.dark, .dark *) {
  box-shadow: inset 0 0 0 1px var(--border), inset 0 1px 1px 1px var(--shadow);
}

.bn-ak-flat, .bn-ak-flat:where(.dark, .dark *), .bn-ak-flat:active:where(.dark, .dark *), .bn-ak-flat[data-active]:where(.dark, .dark *) {
  box-shadow: none;
}

.bn-ak-anchor {
  color: #006bb3;
  text-underline-offset: .25em;
  text-decoration-skip-ink: none;
  font-weight: 500;
  text-decoration-line: underline;
}

.bn-ak-anchor:hover {
  text-decoration-thickness: 3px;
}

.bn-ak-anchor:where(.dark, .dark *) {
  color: #47b6ff;
}

.bn-ak-hovercard {
  z-index: 50;
  color: #000;
  background-color: #fff;
  border: 1px solid #dae2e7;
  border-radius: .5rem;
  flex-direction: column;
  gap: .5rem;
  width: 300px;
  padding: 1rem;
  display: flex;
  position: relative;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}

.bn-ak-hovercard:focus-visible, .bn-ak-hovercard[data-focus-visible] {
  outline-offset: 2px;
  outline: 2px solid #007acc;
}

.bn-ak-hovercard:where(.dark, .dark *) {
  color: #fff;
  background-color: #27292a;
  border-color: #3b3e40;
  box-shadow: 0 10px 15px -3px #00000040, 0 4px 6px -4px #0000001a;
}

.bn-ak-avatar {
  border-radius: 9999px;
  width: 4rem;
}

.bn-ak-username {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
}

.bn-ak-input-wrapper {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.bn-ak-input-wrapper svg {
  width: 24px;
}

.bn-ak-toolbar {
  max-width: 100vw;
  height: fit-content;
  overflow: scroll;
}

.bn-toolbar .bn-ak-button {
  width: unset;
}

.bn-toolbar .bn-ak-button[data-selected] {
  box-shadow: inset 0 0 0 1px var(--border), inset 0 2px 0 var(--border);
  padding-top: .125rem;
}

.bn-toolbar .bn-ak-button[data-selected]:where(.dark, .dark *) {
  box-shadow: inset 0 0 0 1px var(--border), inset 0 1px 1px 1px var(--shadow);
}

.bn-toolbar .bn-ak-popover {
  gap: .5rem;
}

.bn-ariakit .bn-panel {
  max-width: 100vw;
}

.bn-ariakit .bn-tab-panel {
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.bn-ariakit .bn-file-input {
  max-width: 100%;
}

.bn-ak-button {
  cursor: pointer;
  outline-style: none;
}

.bn-ak-menu-item[aria-selected="true"], .bn-ak-menu-item:hover {
  color: #fff;
  background-color: #007acc;
}

.bn-ak-menu-item {
  display: flex;
}

.bn-ariakit .bn-dropdown {
  overflow: visible;
}

.bn-ariakit .bn-suggestion-menu, .bn-ariakit .ai-suggestion-menu {
  height: fit-content;
  max-height: inherit;
  overflow: auto;
}

.bn-ariakit .bn-color-picker-dropdown {
  overflow: scroll;
}

.bn-ak-suggestion-menu-item-body {
  flex: 1;
}

.bn-suggestion-menu-item-small .bn-ak-suggestion-menu-item-title {
  font-size: .875rem;
}

.bn-ak-suggestion-menu-item-subtitle {
  font-size: .7rem;
}

.bn-suggestion-menu-item-small .bn-ak-suggestion-menu-item-subtitle {
  display: none;
}

.bn-ak-suggestion-menu-item-section[data-position="left"] {
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.bn-suggestion-menu-item-small .bn-ak-suggestion-menu-item-section[data-position="left"] {
  padding: 0;
}

.bn-ak-suggestion-menu-item-section[data-position="right"] {
  --border: #00000021;
  --highlight: #fff3;
  --shadow: #0000001a;
  box-shadow: inset 0 0 0 1px var(--border), inset 0 2px 0 var(--highlight), inset 0 -1px 0 var(--shadow), 0 1px 1px var(--shadow);
  border-radius: 4px;
  padding-inline: 4px;
  font-size: .7rem;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.bn-ariakit .bn-suggestion-menu-loader {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  animation: 1s linear infinite spin;
  display: flex;
}

.bn-ariakit .bn-grid-suggestion-menu {
  background: var(--bn-colors-menu-background);
  border-radius: var(--bn-border-radius-large);
  box-shadow: var(--bn-shadow-medium);
  height: fit-content;
  max-height: inherit;
  justify-items: center;
  gap: 7px;
  padding: 20px;
  display: grid;
  overflow-y: auto;
}

.bn-ariakit .bn-grid-suggestion-menu-item {
  border-radius: var(--bn-border-radius-large);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 2px;
  padding: 4px;
  font-size: 24px;
  display: flex;
}

.bn-ariakit .bn-grid-suggestion-menu-item[aria-selected="true"], .bn-ariakit .bn-grid-suggestion-menu-item:hover {
  background-color: var(--bn-colors-hovered-background);
}

.bn-ariakit .bn-grid-suggestion-menu-empty-item, .bn-ariakit .bn-grid-suggestion-menu-loader {
  color: var(--bn-colors-menu-text);
  justify-content: center;
  align-items: center;
  height: 32px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.bn-ariakit .bn-grid-suggestion-menu-loader span {
  background-color: var(--bn-colors-side-menu);
}

.bn-ariakit .bn-side-menu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.bn-side-menu .bn-ak-button {
  width: fit-content;
  height: fit-content;
  padding: 0;
}

.bn-ariakit .bn-panel-popover {
  box-shadow: none;
  background-color: #0000;
  border: none;
}

.bn-ariakit .bn-table-handle, .bn-ariakit .bn-table-cell-handle {
  width: fit-content;
  height: fit-content;
  padding: 0;
}

.bn-ariakit .bn-side-menu, .bn-ariakit .bn-table-handle, .bn-ariakit .bn-extend-button, .bn-ariakit .bn-table-cell-handle {
  color: gray;
}

.bn-ariakit .bn-extend-button-editing {
  background-color: #0000000d;
}

.bn-ariakit .bn-extend-button-editing:where(.dark, .dark *) {
  background-color: #ffffff0d;
}

.bn-ariakit .bn-extend-button-add-remove-columns {
  cursor: col-resize;
  width: 18px;
  height: 100%;
  margin-left: 4px;
  padding: 0;
}

.bn-ariakit .bn-extend-button-add-remove-rows {
  cursor: row-resize;
  width: 100%;
  height: 18px;
  margin-top: 4px;
  padding: 0;
}

.bn-ak-button:where(.dark, .dark *) {
  color: #fff;
}

.bn-ak-tab, .bn-ariakit .bn-file-input {
  color: #000;
  background-color: #0000;
}

.bn-ak-tab:where(.dark, .dark *), .bn-ariakit .bn-file-input:where(.dark, .dark *) {
  color: #fff;
}

.bn-ak-tooltip {
  white-space: pre-wrap;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.bn-ariakit .bn-thread-comments {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.bn-ak-avatar {
  width: 24px;
  height: 24px;
}

.bn-ak-username {
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1rem;
  display: flex;
}

.bn-ak-username > span {
  font-size: 10px;
}

.bn-ak-author-info {
  align-items: center;
  gap: 16px;
  display: flex;
}

.bn-ariakit .bn-comment-editor .bn-editor {
  background-color: #0000;
}

.bn-ak-badge {
  border-radius: 12px;
  align-items: center;
  gap: 4px;
  width: fit-content;
  height: fit-content;
  padding: 2px 10px;
  display: flex;
  position: relative;
}

.bn-ak-badge span {
  align-items: center;
  height: fit-content;
  display: flex;
}

.bn-ak-badge-group {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  width: 100%;
  display: flex;
}

.bn-ariakit .bn-thread-comment {
  flex-direction: column;
  gap: 4px;
  display: flex;
  position: relative;
}

.bn-ariakit .bn-action-toolbar .bn-ak-button {
  width: fit-content;
  height: 1.5rem;
  padding: 8px;
}

.bn-ak-hovercard {
  z-index: 0;
}

.bn-ak-panel-popover {
  box-shadow: none;
  background-color: #0000;
  border: none;
  padding: 0;
}

.bn-ariakit .bn-combobox .bn-ak-input-wrapper {
  color: #000;
  background-color: #fff;
  border: 1px solid #dae2e7;
  border-radius: .5rem;
  padding: .5rem;
  display: flex;
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}

.bn-ariakit .bn-combobox .bn-ak-input-wrapper:where(.dark, .dark *) {
  color: #fff;
  background-color: #27292a;
  border-color: #3b3e40;
  box-shadow: 0 10px 15px -3px #00000040, 0 4px 6px -4px #0000001a;
}

.bn-ariakit .bn-combobox .bn-ak-input {
  box-shadow: none;
  background: none;
  border: none;
  outline: none;
}

.bn-ariakit .bn-combobox .bn-combobox-icon, .bn-ariakit .bn-combobox .bn-combobox-right-section {
  justify-content: center;
  align-items: start;
  width: 24px;
  display: flex;
}

.bn-ariakit .bn-combobox .bn-combobox-error {
  color: var(--bn-colors-highlights-red-background);
}

.bn-ariakit .bn-comment-actions-wrapper {
  justify-content: flex-end;
  align-items: start;
  display: flex;
}

.bn-ak-skeleton {
  background-color: #ffffff40;
}

.bn-ak-username.bn-ak-skeleton {
  border-radius: 8px;
  width: 100px;
  height: 16px;
}

.bn-ak-expand-sections-prompt {
  width: fit-content;
  padding: 0;
}

.bn-ak-expand-sections-prompt:hover {
  background-color: #0000;
}

.bn-ariakit .bn-thread .bn-header-text, .bn-ariakit .bn-thread .bn-resolved-text {
  font-size: .8rem;
  font-style: italic;
}

.bn-ariakit .bn-thread.selected .bn-header-text, .bn-ariakit .bn-thread.selected .bn-resolved-text, .bn-ariakit .bn-thread.selected .bn-ak-author-info, .bn-ariakit .bn-thread.selected .bn-ak-expand-sections-prompt {
  color: var(--bn-colors-selected-text);
}

/* [project]/app/globals.css [app-client] (css) */
:root {
  --bg-app: #f4f5f8;
  --bg-app-accent: #eceef2;
  --bg-surface: #fff;
  --bg-surface-muted: #f7f8fa;
  --bg-input: #ffffffe6;
  --bg-radial-overlay: #d2daf04d;
  --accent-ink: #1a1d24;
  --accent-ink-soft: #1a1d241a;
  --accent-ink-text: #fff;
  --accent-success: #2a6640;
  --accent-success-soft: #d6eddc;
  --accent-danger: #943030;
  --accent-danger-soft: #f4dcdc;
  --accent-warning: #7a5200;
  --accent-warning-soft: #fef0cd;
  --text-strong: #1a1d24;
  --text-muted: #5c6170;
  --border-subtle: #1a1d241a;
  --border-strong: #1a1d242e;
  --shadow-sm: 0 2px 8px #1a1d240f, 0 1px 2px #1a1d240a;
  --shadow-md: 0 8px 32px #1a1d241f, 0 2px 8px #1a1d240f;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --page-max-width: 1180px;
  --font-body: "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;
  --font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
}

*, :before, :after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  min-height: 100%;
}

body {
  font-family: var(--font-body);
  color: var(--text-strong);
  font-size: 16px;
  line-height: 1.5;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, textarea, select {
  font: inherit;
}

button {
  background: none;
  border: 0;
}

.app-shell {
  min-height: 100vh;
  color: var(--text-strong);
  background: radial-gradient(circle at top left, var(--bg-radial-overlay), transparent 32%),
    linear-gradient(180deg, var(--bg-app) 0%, var(--bg-app-accent) 100%);
}

.page-container {
  width: min(100%, var(--page-max-width));
  margin: 0 auto;
  padding: 32px 24px 48px;
}

.page-stack {
  gap: 24px;
  display: grid;
}

.metric-grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  display: grid;
}

.muted-text {
  color: var(--text-muted);
}

.page-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  display: flex;
}

.page-header-copy {
  gap: 8px;
  display: grid;
}

.page-eyebrow {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-muted);
  font-size: 11px;
}

.page-title {
  font-family: var(--font-display);
  letter-spacing: -.04em;
  color: var(--text-strong);
  font-size: clamp(1.85rem, 3.4vw, 2.65rem);
  line-height: .95;
}

.page-description {
  max-width: 64ch;
  color: var(--text-muted);
}

.card-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 2px;
  display: flex;
}

.card-header-copy {
  gap: 4px;
  display: grid;
}

.card-header-title {
  color: var(--text-strong);
  font-size: 15px;
}

.card-header-description {
  max-width: 44ch;
  color: var(--text-muted);
  font-size: 13px;
}

.workspace-nav-bar {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.workspace-nav-start {
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  display: flex;
}

.workspace-brand-lockup {
  gap: 2px;
  display: grid;
}

.nav-brand-name {
  font-family: var(--font-display);
  letter-spacing: -.05em;
  color: var(--text-strong);
  font-size: 28px;
  line-height: .9;
}

.nav-brand-sub {
  color: var(--text-muted);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 12px;
}

.workspace-nav-end {
  align-items: center;
  gap: 10px;
  display: flex;
}

.workspace-nav-links {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  display: flex;
}

.workspace-nav-link {
  color: var(--text-muted);
  font-size: 15px;
  font-weight: 550;
  transition: color .16s;
  position: relative;
}

.workspace-nav-link:hover {
  color: var(--text-strong);
}

.workspace-nav-link-active {
  color: var(--text-strong);
  font-weight: 700;
}

.workspace-nav-link-active:after {
  content: "";
  background: var(--text-strong);
  border-radius: 999px;
  height: 2px;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
}

.nav-account-wrap {
  position: relative;
}

.nav-avatar {
  background: var(--accent-ink);
  width: 32px;
  height: 32px;
  color: var(--accent-ink-text);
  letter-spacing: .06em;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  transition: opacity .15s;
  display: flex;
}

.nav-avatar:hover {
  opacity: .75;
}

.nav-dropdown {
  background: var(--bg-surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-lg);
  min-width: 196px;
  box-shadow: var(--shadow-md);
  z-index: 10;
  animation: .14s navDropdownIn;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  overflow: hidden;
}

@keyframes navDropdownIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.nav-dropdown-header {
  border-bottom: 1px solid var(--border-subtle);
  padding: 12px 14px 10px;
}

.nav-dropdown-item {
  text-align: left;
  width: 100%;
  color: var(--text-strong);
  cursor: pointer;
  background: none;
  border: none;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background .12s;
  display: block;
}

.nav-dropdown-item:hover {
  background: var(--bg-surface-muted);
}

.nav-dropdown-item-danger {
  color: var(--accent-danger);
}

.nav-dropdown-item-danger:hover {
  background: var(--accent-danger-soft);
}

.nav-hamburger {
  cursor: pointer;
  width: 36px;
  height: 36px;
  color: var(--text-strong);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: none;
}

.nav-mobile-drawer {
  padding: 6px 0 10px;
  animation: .18s forwards navDrawerIn;
}

.nav-mobile-container {
  width: min(100%, var(--page-max-width));
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}

@keyframes navDrawerIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.nav-mobile-drawer-card {
  background: var(--bg-surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-xl);
  flex-direction: column;
  padding: 4px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 8px 24px #0000001a;
}

.nav-mobile-link {
  color: var(--text-muted);
  cursor: pointer;
  text-align: left;
  border: none;
  border-bottom: 1px solid var(--border-subtle);
  background: none;
  width: 100%;
  padding: 12px 2px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: color .12s;
  display: block;
}

.nav-mobile-link:last-child {
  border-bottom: none;
}

.nav-mobile-link:hover {
  color: var(--text-strong);
}

.nav-mobile-link-active {
  color: var(--text-strong);
  font-weight: 700;
}

.nav-mobile-link-danger {
  color: var(--accent-danger);
}

.nav-mobile-divider {
  background: var(--border-subtle);
  height: 1px;
  margin: 8px 0 4px;
}

.nav-mobile-user {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-muted);
  padding: 10px 2px 6px;
  font-size: 11px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .workspace-nav-links, .nav-account-wrap {
    display: none;
  }

  .nav-hamburger {
    display: flex;
  }

  .workspace-nav-bar {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .nav-brand-sub {
    font-size: 10px;
  }
}

.auth-shell {
  min-height: 100vh;
  color: var(--text-strong);
  background: radial-gradient(circle at top left, var(--bg-radial-overlay), transparent 32%),
    linear-gradient(180deg, var(--bg-app) 0%, var(--bg-app-accent) 100%);
  place-items: center;
  padding: 24px;
  display: grid;
}

.auth-card {
  width: min(100%, 420px);
}

.auth-brand {
  color: var(--text-muted);
  letter-spacing: .14em;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  font-size: 12px;
  display: inline-flex;
}

.auth-brand:before {
  content: "";
  background: linear-gradient(135deg, var(--accent-ink) 0%, var(--accent-success) 100%);
  width: 14px;
  height: 14px;
  box-shadow: 0 0 0 4px var(--accent-ink-soft);
  border-radius: 999px;
}

.form-stack {
  gap: 14px;
  display: grid;
}

.field-stack {
  gap: 6px;
  display: grid;
}

.field-label {
  color: var(--text-strong);
  font-size: 14px;
  font-weight: 600;
}

.field-hint {
  color: var(--text-muted);
  font-size: 13px;
}

.auth-error {
  border-radius: var(--radius-sm);
  background: var(--accent-danger-soft);
  color: var(--accent-danger);
  padding: 12px 14px;
  font-size: 14px;
}

.success-note {
  border-radius: var(--radius-sm);
  background: var(--accent-success-soft);
  color: var(--accent-success);
  padding: 12px 14px;
  font-size: 14px;
}

.content-cluster {
  gap: 12px;
  display: grid;
}

.data-pre {
  white-space: pre-wrap;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.65;
}

.settings-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  gap: 24px;
  display: grid;
}

.settings-shell {
  grid-template-columns: 220px minmax(0, 1fr);
  grid-template-areas: ". panel-header"
                       "sidebar panel-body";
  align-items: start;
  gap: 28px;
  display: grid;
}

.settings-sidebar {
  grid-area: sidebar;
  position: sticky;
  top: 96px;
}

.settings-sidebar-card {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--bg-surface) 88%, transparent);
  box-shadow: var(--shadow-sm);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  gap: 10px;
  padding: 14px;
  display: grid;
}

.settings-sidebar-eyebrow {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-muted);
  font-size: 11px;
}

.settings-menu {
  gap: 6px;
  display: grid;
}

.settings-menu-item {
  text-align: left;
  border-radius: var(--radius-sm);
  width: 100%;
  color: var(--text-muted);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  padding: 12px 14px;
  transition: background .16s, border-color .16s, transform .16s, color .16s;
  display: block;
}

.settings-menu-item:hover {
  background: var(--bg-surface-muted);
  color: var(--text-strong);
  transform: translateX(2px);
}

.settings-menu-item-active {
  background: color-mix(in srgb, var(--accent-ink-soft) 58%, var(--bg-surface-muted));
  border-color: var(--border-strong);
  color: var(--text-strong);
  box-shadow: inset 3px 0 0 var(--accent-ink);
}

.settings-menu-title {
  font-size: 14px;
  font-weight: 700;
}

.settings-panel-header {
  grid-area: panel-header;
  gap: 6px;
  display: grid;
}

.settings-panel-eyebrow {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 6px;
  font-size: 11px;
}

.settings-panel-title {
  font-family: var(--font-display);
  letter-spacing: -.04em;
  color: var(--text-strong);
  font-size: clamp(1.45rem, 2vw, 2rem);
  line-height: .98;
}

.settings-panel-body {
  grid-area: panel-body;
  gap: 24px;
  display: grid;
}

.settings-readonly-field {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: var(--bg-surface-muted);
  color: var(--text-muted);
  padding: 10px 14px;
  font-family: ui-monospace, SF Mono, monospace;
  font-size: 13px;
}

.settings-inline-note {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: var(--bg-surface-muted);
  gap: 10px;
  padding: 14px;
  display: grid;
}

.settings-dns-grid {
  color: var(--text-strong);
  grid-template-columns: auto auto 1fr;
  gap: 6px 16px;
  font-family: ui-monospace, SF Mono, monospace;
  font-size: 12px;
  display: grid;
}

.settings-disclosure {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--bg-surface-muted) 72%, transparent);
  padding: 12px 14px;
}

.settings-disclosure-summary {
  cursor: pointer;
  color: var(--text-strong);
  font-size: 13px;
  font-weight: 700;
}

.branding-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  display: grid;
}

.select-field {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: var(--bg-input);
  width: 100%;
  color: var(--text-strong);
  padding: 12px 14px;
}

.textarea-field {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: var(--bg-input);
  width: 100%;
  color: var(--text-strong);
  box-shadow: inset 0 1px 0 var(--border-subtle);
  resize: vertical;
  font: inherit;
  outline: none;
  padding: 12px 14px;
}

.block-editor-field {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: var(--bg-input);
  box-shadow: inset 0 1px 0 var(--border-subtle);
  min-height: 120px;
}

.block-editor-field:has(.bn-editor:focus-within) {
  border-color: var(--border-strong);
}

.bn-root, .bn-root[data-color-scheme="dark"], .bn-root[data-color-scheme="light"] {
  --bn-colors-editor-text: var(--text-strong);
  --bn-colors-editor-background: transparent;
  --bn-colors-menu-text: var(--text-strong);
  --bn-colors-menu-background: var(--bg-surface);
  --bn-colors-tooltip-text: var(--text-strong);
  --bn-colors-tooltip-background: var(--bg-surface-muted);
  --bn-colors-hovered-text: var(--text-strong);
  --bn-colors-hovered-background: var(--accent-ink-soft);
  --bn-colors-selected-text: var(--accent-ink-text);
  --bn-colors-selected-background: var(--accent-ink);
  --bn-colors-disabled-text: var(--text-muted);
  --bn-colors-disabled-background: transparent;
  --bn-colors-shadow: var(--border-subtle);
  --bn-colors-border: var(--border-subtle);
  --bn-colors-side-menu: var(--text-muted);
  --bn-font-family: var(--font-body);
  --bn-border-radius: 4px;
}

.block-editor-field .bn-editor {
  padding: 10px 12px;
}

.block-editor-field .bn-side-menu {
  color: var(--text-muted);
}

.block-editor-field .bn-side-menu .bn-ak-button {
  --border: var(--border-subtle);
  --highlight: color-mix(in srgb, var(--bg-surface) 70%, #fff);
  --shadow: var(--border-subtle);
  background-color: var(--bg-surface);
  color: var(--text-strong);
  box-shadow: inset 0 0 0 1px var(--border),
    inset 0 1px 0 var(--highlight),
    0 1px 2px var(--shadow);
}

.block-editor-field .bn-side-menu .bn-ak-button:not(:active):hover {
  --border: var(--border-strong);
  background-color: var(--bg-surface-muted);
}

.bn-block-content.ProseMirror-selectednode > *, .ProseMirror-selectednode > .bn-block-content > * {
  outline-color: var(--accent-ink) !important;
}

.flow-link {
  color: var(--text-strong);
  font-weight: 700;
  text-decoration: none;
}

.flow-link:hover {
  color: var(--accent-ink);
}

.flow-back-link {
  color: var(--accent-ink);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.flow-runtime-link {
  color: var(--accent-ink);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.flow-runtime-link:hover, .flow-back-link:hover {
  text-decoration: underline;
}

.flow-builder-grid {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 24px;
  display: grid;
}

.flow-panel-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 20px;
  display: flex;
}

.flow-editor-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  display: flex;
}

.flow-editor-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.flow-add-grid {
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 10px;
  margin-bottom: 20px;
  display: grid;
}

.flow-add-card {
  text-align: left;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: var(--bg-surface-muted);
  color: var(--text-strong);
  cursor: pointer;
  gap: 6px;
  padding: 14px;
  transition: border-color .15s, transform .15s, background .15s;
  display: grid;
}

.flow-add-card:hover:not(:disabled) {
  border-color: var(--border-strong);
  background: var(--bg-input);
  transform: translateY(-1px);
}

.flow-add-card:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.flow-add-card-label {
  font-size: 14px;
  font-weight: 700;
}

.flow-add-card-meta {
  color: var(--text-muted);
  letter-spacing: .01em;
  font-size: 11px;
}

.flow-empty-state {
  border-radius: var(--radius-sm);
  border: 1px dashed var(--border-subtle);
  background: var(--bg-surface-muted);
  gap: 8px;
  padding: 24px;
  display: grid;
}

.flow-step-list {
  gap: 10px;
  display: grid;
}

.flow-step-item {
  border-radius: var(--radius-md);
  border: 1px solid var(--border-subtle);
  background: var(--bg-surface-muted);
  text-align: left;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px;
  display: flex;
}

.flow-step-item-active {
  border-color: var(--accent-ink);
  background: color-mix(in srgb, var(--accent-ink-soft) 45%, var(--bg-surface-muted));
}

.flow-step-item-copy {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.flow-step-position {
  background: var(--bg-surface);
  width: 30px;
  height: 30px;
  color: var(--text-muted);
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}

.flow-step-text {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.flow-step-text strong {
  color: var(--text-strong);
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.2;
  overflow: hidden;
}

.flow-step-type {
  color: var(--text-muted);
  font-size: 13px;
}

.flow-step-controls {
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.flow-config-panel {
  gap: 18px;
  display: grid;
}

.flow-config-meta {
  gap: 8px;
  display: grid;
}

.flow-config-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.flow-config-empty {
  text-align: center;
  place-content: center;
  gap: 8px;
  min-height: 100%;
  padding: 32px 16px;
  display: grid;
}

.flow-stub-card {
  border-radius: var(--radius-sm);
  border: 1px dashed var(--border-subtle);
  background: var(--bg-surface-muted);
  gap: 8px;
  padding: 16px;
  display: grid;
}

.flow-mobile-back {
  display: none;
}

.preset-grid {
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  display: grid;
}

.preset-card {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: var(--bg-surface-muted);
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 10px 6px;
  transition: background .15s, border-color .15s;
  display: flex;
}

.preset-card:hover:not(:disabled) {
  background: var(--bg-input);
  border-color: var(--border-strong);
}

.preset-swatches {
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  width: 36px;
  height: 36px;
  display: grid;
}

.preset-swatches span {
  border: 1px solid var(--border-subtle);
  border-radius: 3px;
  display: block;
}

.preset-name {
  color: var(--text-muted);
  letter-spacing: .02em;
  font-size: 11px;
  font-weight: 500;
}

.preset-card[aria-pressed="true"] .preset-name {
  color: var(--text-strong);
  font-weight: 600;
}

.branding-preview {
  border-radius: var(--radius-xl);
  background: radial-gradient(circle at top left, var(--bg-radial-overlay), transparent 35%),
    linear-gradient(180deg, var(--bg-app) 0%, var(--bg-app-accent) 100%);
  border: 1px solid var(--border-subtle);
  box-shadow: var(--shadow-sm);
  min-height: 100%;
}

.branding-preview-shell {
  padding: 22px;
}

.branding-preview-nav {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.branding-preview-label {
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--text-muted);
  font-size: 11px;
}

.branding-preview-title {
  font-family: var(--font-display);
  letter-spacing: -.05em;
  color: var(--text-strong);
  font-size: 28px;
  line-height: .9;
}

.runtime-shell {
  gap: 24px;
  display: grid;
}

.runtime-topbar {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--bg-surface) 92%, transparent);
  box-shadow: var(--shadow-sm);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
  display: flex;
}

.runtime-brand {
  gap: 2px;
  display: grid;
}

.runtime-brand-name {
  font-family: var(--font-display);
  letter-spacing: -.04em;
  color: var(--text-strong);
  font-size: 1.5rem;
  line-height: .95;
}

.runtime-brand-meta {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-muted);
  font-size: 11px;
}

.runtime-topbar-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.runtime-header {
  gap: 8px;
  display: grid;
}

.runtime-grid {
  grid-template-columns: 280px minmax(0, 1fr);
  align-items: start;
  gap: 24px;
  display: grid;
}

.runtime-sidebar {
  position: sticky;
  top: 24px;
}

.runtime-sidebar .card-header {
  border-bottom: 1px solid var(--border-subtle);
  padding-bottom: 10px;
}

.runtime-step-list {
  gap: 10px;
  margin-top: 10px;
  display: grid;
}

.runtime-step-row {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: var(--bg-surface-muted);
  width: 100%;
  color: var(--text-strong);
  text-align: left;
  cursor: pointer;
  appearance: none;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  padding: 12px;
  transition: border-color .16s, background .16s, transform .16s;
  display: grid;
}

.runtime-step-row:hover {
  border-color: var(--border-strong);
  transform: translateY(-1px);
}

.runtime-step-row-active {
  border-color: var(--accent-ink);
  background: color-mix(in srgb, var(--accent-ink-soft) 40%, var(--bg-surface-muted));
}

.runtime-step-index {
  background: var(--bg-surface);
  width: 28px;
  height: 28px;
  color: var(--text-muted);
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.runtime-step-copy {
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
  display: flex;
}

.runtime-step-copy strong {
  line-height: 1.2;
}

.runtime-step-copy span {
  color: var(--text-muted);
  text-transform: capitalize;
  font-size: 12px;
}

.runtime-step-panel {
  gap: 18px;
  display: grid;
}

.runtime-markdown {
  color: var(--text-strong);
  gap: 12px;
  display: grid;
}

.runtime-content-eyebrow {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-muted);
  font-size: 11px;
}

.block-content-viewer.bn-root {
  color: var(--text-strong);
}

.block-content-viewer .bn-editor {
  background: none;
  border-radius: 0;
  padding: 0;
}

.block-content-viewer .bn-trailing-block {
  display: none;
}

.runtime-status-banner {
  border-radius: var(--radius-sm);
  background: var(--accent-success-soft);
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.runtime-awaiting-card {
  border-radius: var(--radius-sm);
  border: 1px dashed var(--border-subtle);
  background: var(--bg-surface-muted);
  gap: 14px;
  padding: 16px;
  display: grid;
}

.runtime-quiz {
  gap: 20px;
  display: grid;
}

.runtime-quiz-result {
  border-radius: var(--radius-sm);
  gap: 4px;
  padding: 14px 16px;
  font-size: 14px;
  display: grid;
}

.runtime-quiz-result.passed {
  background: var(--accent-success-soft);
  border: 1px solid color-mix(in srgb, var(--accent-success) 30%, transparent);
  color: var(--accent-success);
}

.runtime-quiz-result.failed {
  background: var(--accent-danger-soft);
  border: 1px solid color-mix(in srgb, var(--accent-danger) 25%, transparent);
  color: var(--accent-danger);
}

.runtime-quiz-list {
  gap: 20px;
  display: grid;
}

.runtime-quiz-question {
  gap: 12px;
  display: grid;
}

.runtime-quiz-question-text {
  color: var(--text-strong);
  align-items: baseline;
  gap: 10px;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}

.runtime-quiz-q-num {
  background: var(--bg-surface-muted);
  border: 1px solid var(--border-subtle);
  width: 22px;
  height: 22px;
  color: var(--text-muted);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.runtime-quiz-options {
  gap: 8px;
  padding-left: 32px;
  display: grid;
}

.runtime-quiz-option {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: var(--bg-surface-muted);
  cursor: pointer;
  color: var(--text-strong);
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 14px;
  transition: border-color .15s, background .15s;
  display: flex;
}

:is(.runtime-quiz-option--selected, .runtime-quiz-option:has(input:checked)) {
  border-color: var(--accent-ink);
  background: color-mix(in srgb, var(--accent-ink-soft) 45%, var(--bg-surface-muted));
}

.runtime-quiz-option input {
  flex-shrink: 0;
}

.btn-ghost {
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  cursor: pointer;
  background: none;
  line-height: 1;
}

.btn-ghost:hover:not(:disabled) {
  border-color: var(--accent-ink);
  color: var(--text-strong);
}

.btn-ghost:disabled {
  cursor: not-allowed;
}

.quiz-builder-url-input {
  width: 100%;
  color: var(--text-muted);
  border: 1px dashed var(--border-subtle);
  border-radius: var(--radius-sm);
  background: none;
  outline: none;
  padding: 5px 8px;
  font-size: 12px;
}

.quiz-builder-url-input:focus {
  border-color: var(--accent-ink);
  color: var(--text-strong);
}

.quiz-builder-url-input::placeholder {
  color: var(--text-muted);
  opacity: .6;
}

.quiz-builder-image-preview {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  object-fit: contain;
  max-width: 100%;
  max-height: 120px;
  display: none;
}

.runtime-quiz-image {
  border-radius: var(--radius-sm);
  object-fit: contain;
  background: var(--bg-surface-muted);
  border: 1px solid var(--border-subtle);
  width: 100%;
  max-height: 240px;
}

.runtime-media-video {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: #000;
  width: 100%;
  max-height: 480px;
  display: block;
}

.runtime-media-audio {
  width: 100%;
}

.media-upload-preview {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: #000;
  width: 100%;
  display: block;
}

.media-upload-audio-preview {
  width: 100%;
}

.runtime-quiz-option-content {
  flex: 1;
  align-items: center;
  gap: 10px;
  display: flex;
}

.runtime-quiz-option-image {
  object-fit: cover;
  border: 1px solid var(--border-subtle);
  border-radius: 4px;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}

.quiz-builder-settings {
  background: var(--bg-surface-muted);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  padding: 14px;
}

.quiz-builder-question {
  gap: 14px;
  display: grid;
}

.quiz-builder-options {
  gap: 6px;
  display: grid;
}

.quiz-builder-option {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: var(--bg-input);
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  transition: border-color .12s;
  display: flex;
}

.quiz-builder-option--correct {
  border-color: var(--accent-success);
  background: color-mix(in srgb, var(--accent-success) 8%, var(--bg-input));
}

.quiz-builder-option-input {
  min-width: 0;
  color: var(--text-strong);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 2px 0;
  font-size: 13px;
}

.quiz-builder-option-input::placeholder {
  color: var(--text-muted);
}

.quiz-builder-option-label {
  color: var(--text-strong);
  flex: 1;
  font-size: 13px;
}

.quiz-builder-remove {
  width: 20px;
  height: 20px;
  color: var(--text-muted);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 15px;
  line-height: 1;
  display: flex;
}

.quiz-builder-remove:hover {
  background: var(--accent-danger-soft);
  color: var(--accent-danger);
}

.quiz-builder-add-option {
  color: var(--text-muted);
  cursor: pointer;
  text-align: left;
  letter-spacing: .02em;
  background: none;
  border: none;
  padding: 4px 0;
  font-size: 12px;
  font-weight: 600;
}

.quiz-builder-add-option:hover {
  color: var(--text-strong);
}

.runtime-form-card {
  gap: 16px;
  display: grid;
}

.runtime-form-review {
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-subtle);
  background: var(--bg-surface-muted);
  gap: 10px;
  padding: 16px;
  display: grid;
}

.runtime-form-review-row {
  border-bottom: 1px solid var(--border-subtle);
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding-bottom: 10px;
  display: flex;
}

.runtime-form-review-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.runtime-form-review-label {
  color: var(--text-muted);
  font-size: 14px;
}

.runtime-checkbox-row {
  color: var(--text-strong);
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.runtime-certificate-card {
  gap: 18px;
  display: grid;
}

.runtime-certificate-frame {
  border-radius: var(--radius-md);
  border: 1px solid var(--border-strong);
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg-surface) 96%, transparent) 0%, var(--bg-surface-muted) 100%);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bg-surface) 80%, transparent);
  gap: 12px;
  padding: 24px;
  display: grid;
}

.runtime-certificate-label {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-muted);
  font-size: 11px;
}

.runtime-certificate-frame h3 {
  font-family: var(--font-display);
  letter-spacing: -.04em;
  color: var(--text-strong);
  font-size: clamp(1.7rem, 3vw, 2.35rem);
  line-height: .95;
}

.runtime-certificate-subtitle {
  color: var(--text-muted);
  font-size: 1rem;
}

.runtime-certificate-meta {
  color: var(--text-muted);
  gap: 6px;
  padding-top: 6px;
  font-size: 13px;
  display: grid;
}

.runtime-action-row {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.runtime-complete {
  align-content: start;
  gap: 12px;
  display: grid;
}

@media (max-width: 640px) {
  .page-container {
    padding: 24px 16px 40px;
  }

  .workspace-nav-bar {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media (max-width: 980px) {
  .settings-shell {
    grid-template-columns: 1fr;
    grid-template-areas: "panel-header"
                         "sidebar"
                         "panel-body";
  }

  .settings-sidebar {
    position: static;
  }

  .settings-menu {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  }

  .settings-grid, .flow-builder-grid, .runtime-grid {
    grid-template-columns: 1fr;
  }

  .runtime-sidebar {
    position: static;
  }
}

@media (max-width: 820px) {
  .flow-builder-config {
    display: none;
  }

  .flow-builder-config.flow-builder-config-active {
    display: block;
  }

  .flow-builder-list.flow-builder-list-mobile-hidden {
    display: none;
  }

  .flow-mobile-back {
    display: block;
  }

  .flow-step-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .flow-step-controls {
    flex-flow: row;
    justify-content: flex-start;
  }
}

/*# sourceMappingURL=_1117il9._.css.map*/