.app-shell-v3.notes-v3-enabled {
  --ink: #23262b;
  --ink-soft: #66707b;
  --ink-faint: #98a1ab;
  --line: rgba(140, 155, 150, .18);
  --glass: rgba(255, 255, 255, .55);
  --accent: #3e9b5f;
  --accent-soft: rgba(62, 155, 95, .10);
  --accent-line: rgba(62, 155, 95, .35);
  --cat-sport: #4caf7d;
  --cat-home: #5b8def;
  --cat-agents: #e3b23c;
  --cat-agents-ink: #c29222;
  --user-c: #3e9b5f;
  --tanya-c: #6c63d2;
  --borya-c: #d2704a;
  --r-lg: 20px;
  --r-md: 14px;
  --notes-v3-page-background: radial-gradient(ellipse 90% 55% at 85% -5%, rgba(122,178,255,.28), transparent 60%), radial-gradient(ellipse 80% 50% at -10% 25%, rgba(126,214,165,.25), transparent 60%), radial-gradient(ellipse 70% 45% at 100% 75%, rgba(255,214,140,.20), transparent 60%), linear-gradient(180deg,#F7FAF8 0%,#F2F6F4 100%);
  background: var(--notes-v3-page-background);
}

.app-shell-v3.notes-v3-enabled .app-shell-v3-section-slot {
  background: var(--notes-v3-page-background);
}

.app-shell-v3.notes-v3-enabled .app-shell-v3-bottom-slot {
  background: transparent;
}

.app-shell-v3.notes-v3-enabled .notes-root {
  --ink: #23262b;
  --ink-soft: #66707b;
  --ink-faint: #98a1ab;
  --line: rgba(140, 155, 150, .18);
  --glass: rgba(255, 255, 255, .55);
  --accent: #3e9b5f;
  --accent-soft: rgba(62, 155, 95, .10);
  --accent-line: rgba(62, 155, 95, .35);
  --cat-sport: #4caf7d;
  --cat-home: #5b8def;
  --cat-agents: #e3b23c;
  --cat-agents-ink: #c29222;
  --user-c: #3e9b5f;
  --tanya-c: #6c63d2;
  --borya-c: #d2704a;
  --r-lg: 20px;
  --r-md: 14px;
  position: relative;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  background: var(--notes-v3-page-background);
  width: 100%;
  max-width: none;
  align-self: stretch;
  box-sizing: border-box;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-home {
  display: block;
  min-height: 0;
  height: 100%;
  background: var(--notes-v3-page-background);
}

.app-shell-v3.notes-v3-enabled .notes-v3-scroll {
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-home .content.notes-v3-scroll {
  padding-bottom: var(--app-section-content-bottom);
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-screen,
.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-screen .notes-screen,
.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-editor {
  min-height: 0;
  height: 100%;
  width: 100%;
  min-width: 0;
  max-width: none;
  align-self: stretch;
  box-sizing: border-box;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-editor {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: stretch;
  overflow: hidden;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-screen,
.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-screen .notes-screen,
.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-fullscreen-home,
.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-fullscreen-home > .phone,
.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-editor > .notes-v3-editor-layout {
  width: 100%;
  min-width: 0;
  max-width: none;
  align-self: stretch;
  box-sizing: border-box;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-screen {
  position: relative;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-fullscreen-home > .phone {
  min-height: 0;
  height: 100%;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-editor .notes-v3-editor-layout {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  background: var(--notes-v3-page-background);
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-editor .notes-v3-editor-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-editor .notes-v3-editor-body > .editor {
  flex: 1 0 auto;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-editor .notes-v3-editor-body .editor-scroll {
  overflow: visible;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-editor .notes-v3-editor-composer {
  flex: 0 0 auto;
  min-width: 0;
  background: var(--notes-v3-page-background);
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-stage-home .fab {
  position: absolute !important;
  right: 18px;
  bottom: var(--app-floating-action-bottom);
  z-index: var(--app-layer-bottom-chrome);
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-bottom-host .notes-v3-bottom-chrome {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-bottom-host .hotbar-wrap {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  padding: 0 16px calc(16px + var(--app-safe-bottom));
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  pointer-events: none;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-bottom-host::before,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-bottom-host::after,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-bottom-host .notes-v3-bottom-chrome::before,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-bottom-host .notes-v3-bottom-chrome::after,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-bottom-host .hotbar-wrap::before,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-bottom-host .hotbar-wrap::after {
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-bottom-host .hotbar {
  width: 100%;
  max-width: none;
  pointer-events: auto;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .notes-v3-overlay-surface {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: transparent;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .notes-v3-overlay-surface > * {
  pointer-events: none;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .sheet-backdrop,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .sheet-backdrop-g,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .modal-backdrop-g,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .pop-scrim,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .modal-wrap {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host {
  position:absolute;
  inset:0;
  z-index:var(--app-layer-overlay);
  pointer-events:none;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-bottom-host {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:var(--app-layer-bottom-chrome);
  pointer-events:none;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .sheet-backdrop-g,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .pop-scrim {
  display: none !important;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .note-menu-modal.show,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .pop.show {
  z-index: var(--app-layer-popover) !important;
  pointer-events: auto;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .sheet.show,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .sheet-g.show,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .modal-wrap.show .modal,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .notes-stage-calendar-pop,
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .notes-space-settings.show {
  z-index: var(--app-layer-modal) !important;
  pointer-events: auto;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .notes-space-settings-root {
  z-index: var(--app-layer-modal) !important;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .notes-stage-calendar-screen {
  position: absolute;
  inset: 0;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-panel-scrim {
  z-index:var(--app-layer-non-modal-backdrop);
  border:0;
  background:rgba(20,28,24,.10);
  backdrop-filter:none;
  pointer-events:auto;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .notes-v3-overlay-surface > .notes-panel-scrim {
  pointer-events:auto;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-panel-scrim--modal {
  z-index:var(--app-layer-modal-backdrop);
  background:rgba(35,38,43,.25);
  backdrop-filter:blur(2px);
}

/* Every V3 overlay is positioned in the frame-local overlay host. */
.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host :is(.sheet-backdrop, .sheet-backdrop-g, .modal-backdrop-g, .pop-scrim, .modal-wrap) {
  position: absolute !important;
  inset: 0 !important;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .sheet {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: none !important;
  max-height: 75dvh !important;
  margin: 0 !important;
}

.app-shell-v3.notes-v3-enabled .notes-root .notes-v3-overlay-host .notes-stage-editor-attach-pop {
  position: absolute !important;
  left: var(--notes-v3-overlay-anchor-left) !important;
  bottom: var(--notes-v3-overlay-anchor-bottom) !important;
}