@import "https://fonts.googleapis.com/css2?family=Google+Sans+Flex:wght@400;500;600&display=swap";
/*
 * Stylesheet order: foundation and tokens; authentication, shell, and shared
 * controls; feature styles; responsive layouts; final cascade contracts.
 * Keep feature base rules above responsive layouts. Put intentional overrides
 * beside their owning component, except final contracts that must win the
 * cascade. A few desktop-only rules remain beside their owning features.
 * Compare desktop and mobile computed styles before moving a rule.
 */
/* Foundation */
*::before,
*::after {
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
ol,
ul,
menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
button,
input,
select,
textarea {
  margin: 0;
  color: inherit;
  font: inherit;
}
textarea {
  display: flex;
  field-sizing: content;
  width: 100%;
  min-height: 64px;
}
[hidden] {
  display: none !important;
}
/* Design tokens */
:root {
  --primary: #fed100;
  --accent-foreground-auth: #8a7200;
  --accent-focus-border: #b39400;
  --accent-focus-ring: #fed10033;
  --background: #fafafa;
  --surface: #fff;
  --surface-soft: #fbf6e8;
  --card: var(--surface);
  --text: #191507;
  --muted: #706b5c;
  --muted-track: #706b5c24;
  --muted-shimmer: #706b5c7a;
  --border: #2020201f;
  --shadow: 0 18px 50px #20202014;
  --shadow-soft: 0 10px 28px #2020200f;
  --shadow-menu: 0 12px 28px #3f361724;
  --shadow-modal: 0 28px 90px #20202033;
  --shadow-navigation: 20px 0 60px #19150733;
  --overlay-search: #19150729;
  --overlay-attachment: #19150742;
  --overlay-navigation: #1915076b;
  --danger: #b20000;
  --danger-strong: #a40000;
  --danger-hover: #a02b2b;
  --danger-form: #902828;
  --danger-soft: #fff0f0;
  --danger-soft-strong: #a62a2a14;
  --danger-border: #ffd0d0;
  --danger-hover-border: #ab2b2b3d;
  --success: #2d7c43;
  --highlight-links: #299764;
  --auth-glow-primary: #fed10033;
  --auth-glow-secondary: #f768081a;
  --category-notion: #191507;
  --category-google: #299764;
  --category-anchor: #fed100;
  --category-links: #f76808;
  --category-unassigned: #cac9be;
  --font-size-micro: 11px;
  --font-size-caption: 12px;
  --font-size-control: 14px;
  --font-size-title: 15px;
  --font-size-body: 16px;
  --font-size-heading: 20px;
  --font-size-display: 32px;
  --font-size-auth-title: clamp(28px, 7vw, 38px);
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --text-xs: var(--font-size-caption);
  --text-sm: var(--font-size-control);
  --text-base: var(--font-size-body);
}
* {
  box-sizing: border-box;
}
html {
  background: var(--background);
  min-width: 320px;
}
body {
  background: var(--background);
  min-height: 100vh;
  color: var(--text);
  font-family:
    Google Sans Flex,
    Arial,
    Helvetica,
    sans-serif;
  font-weight: var(--font-weight-regular);
  margin: 0;
}
/* Authentication */
.auth-page {
  background:
    radial-gradient(
      circle at 15% 10%,
      var(--auth-glow-primary),
      transparent 32%
    ),
    radial-gradient(
      circle at 90% 85%,
      var(--auth-glow-secondary),
      transparent 28%
    ),
    var(--background);
  grid-template-rows: 1fr auto;
  place-items: center;
  min-height: 100vh;
  padding: 28px 18px;
  display: grid;
}
.auth-card {
  border: 1px solid var(--border);
  width: 100%;
  max-width: 390px;
  box-shadow: var(--shadow);
  background: var(--surface);
  border-radius: 22px;
  margin-bottom: 50px;
  padding: 34px;
}
.auth-logo {
  object-fit: contain;
  width: 230px;
  max-height: 70px;
  margin: 0 auto 30px;
  display: block;
}
.app-footer.auth-footer {
  margin-top: 0;
}
.auth-heading span {
  color: var(--accent-foreground-auth);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
}
.auth-heading h1 {
  font-size: var(--font-size-auth-title);
  margin: 8px 0 6px;
  line-height: 1.05;
}
.auth-heading p {
  color: var(--muted);
  margin: 0;
  line-height: 1.55;
}
.auth-form {
  gap: 16px;
  margin-top: 28px;
  display: grid;
}
.auth-form label {
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-semibold);
  gap: 7px;
  display: grid;
}
.auth-form input {
  border: 1px solid var(--border);
  width: 100%;
  color: var(--text);
  background: var(--surface);
  font-size: var(--font-size-title);
  border-radius: 14px;
  outline: none;
  padding: 14px 15px;
}
.auth-form:not(.login-form) input:focus {
  border-color: var(--accent-focus-border);
  box-shadow: 0 0 0 3px var(--accent-focus-ring);
}
.auth-form small {
  color: var(--muted);
  font-weight: var(--font-weight-medium);
}
.auth-form button,
.auth-retry {
  border: 1px solid var(--border);
  color: var(--text);
  cursor: pointer;
  background: var(--surface);
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-semibold);
  border-radius: 14px;
  padding: 14px 16px;
}
.auth-form button:disabled {
  opacity: 0.62;
}
.auth-message {
  color: var(--danger-strong);
  background: var(--danger-soft);
  border: 1px solid var(--danger-border);
  font-size: var(--font-size-control);
  border-radius: 12px;
  margin: 0 0 16px;
  padding: 12px 14px;
}
.login-form {
  gap: 14px;
  margin-top: 0;
}
.login-form button {
  margin-top: 10px;
}
.login-form button:active {
  transform: scale(0.98);
}
.auth-loading {
  color: var(--muted);
  text-align: center;
  padding: 30px 0;
}
.auth-card:has(> .auth-loading) {
  box-shadow: none;
  background: 0 0;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.auth-retry {
  width: 100%;
  margin-top: 24px;
}
/* Shared controls and shell */
button,
input,
textarea,
select,
kbd {
  font: inherit;
}
button {
  color: inherit;
  font-size: var(--font-size-control);
}
button:not(:disabled),
a[href],
[role="button"]:not([aria-disabled="true"]),
summary,
select,
input[type="checkbox"],
input[type="radio"],
input[type="file"] {
  cursor: pointer;
}
button:disabled,
[aria-disabled="true"] {
  cursor: default;
  opacity: 0.5;
}
.anchor-app {
  min-height: 100vh;
}
.app-shell {
  width: min(95%, 1600px);
  min-height: 100vh;
  margin: 0 auto;
  padding: 20px 0 32px;
}
.topbar {
  grid-template-columns: 230px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  max-height: 240px;
  margin-bottom: 22px;
  transition:
    max-height 0.2s,
    margin-bottom 0.2s,
    opacity 0.16s,
    transform 0.2s;
  display: grid;
}
.topbar-main {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: grid;
}
.mobile-nav-button {
  display: none;
}
.mobile-note-focus-button,
.mobile-nav-backdrop {
  display: none;
}
.brand-link {
  cursor: pointer;
  background: 0 0;
  border: 0;
  align-items: center;
  width: fit-content;
  padding: 0;
  display: inline-flex;
}
.brand-logo {
  object-fit: contain;
  width: 190px;
  max-height: 58px;
  display: block;
}
.quote-strip {
  border: 1px solid var(--border);
  min-height: 50px;
  color: var(--muted);
  box-shadow: var(--shadow-soft);
  text-align: center;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  background: var(--surface);
  border-radius: 16px;
  align-items: center;
  padding: 0;
  line-height: 1.5;
  transition:
    transform 0.16s,
    border-color 0.16s,
    box-shadow 0.16s;
  display: flex;
  position: relative;
  overflow: visible;
}
.quote-strip-action {
  min-width: 0;
  min-height: 48px;
  color: inherit;
  cursor: pointer;
  font: inherit;
  background: 0 0;
  border: 0;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 12px 22px;
  display: flex;
  overflow: hidden;
}
.quote-strip.quote-strip-marquee .quote-strip-action {
  cursor: grab;
  justify-content: flex-start;
}
.quote-strip.quote-strip-dragging .quote-strip-action {
  cursor: grabbing;
}
.quote-strip .quote-refresh-button {
  display: none;
}
#quoteText {
  letter-spacing: 0.5px;
  opacity: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  will-change: transform;
  transition: opacity 0.18s;
  display: inline-block;
  overflow: hidden;
}
.quote-strip.quote-strip-marquee #quoteText {
  text-overflow: clip;
  max-width: none;
  overflow: visible;
}
#quoteText.fade-out {
  opacity: 0;
}
.top-actions {
  align-items: center;
  gap: 10px;
  display: flex;
}
.top-icon-button {
  box-shadow: var(--shadow-soft);
  flex-basis: 50px;
  transition: transform 0.16s;
  width: 50px;
  height: 50px;
}
.top-icon-button:active {
  transform: scale(0.96);
}
@media (width>=761px) {
  .quote-strip-action {
    padding-right: 12px;
  }
  .quote-strip .quote-refresh-button {
    flex: 0 0 36px;
    margin-right: 7px;
    width: 36px;
    height: 36px;
    display: grid;
  }
}
.profile-menu {
  z-index: 40;
  justify-self: end;
  position: relative;
}
.profile-button {
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 14px;
  place-items: center;
  width: 46px;
  height: 46px;
  padding: 0;
  display: grid;
  overflow: hidden;
}
.profile-image {
  object-fit: cover;
  border-radius: 14px;
  width: 46px;
  height: 46px;
  display: block;
}
.profile-dropdown {
  z-index: 30;
  border: 1px solid var(--border);
  width: 190px;
  box-shadow: var(--shadow);
  background: var(--surface);
  border-radius: 16px;
  padding: 8px;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
}
.dropdown-greeting {
  color: var(--muted);
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-regular);
  padding: 10px 12px;
}
.dropdown-greeting .profile-name {
  color: var(--text);
  font-weight: var(--font-weight-medium);
}
.profile-dropdown button {
  width: 100%;
  color: var(--text);
  cursor: pointer;
  text-align: left;
  font-size: var(--font-size-title);
  background: 0 0;
  border: 0;
  border-radius: 12px;
  align-items: center;
  gap: 9px;
  padding: 10px 11px;
  display: flex;
}
.profile-dropdown .tabler-icon {
  width: 17px;
  height: 17px;
  color: var(--primary);
}
.search-modal-backdrop {
  z-index: 100;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: var(--overlay-search);
  justify-content: center;
  align-items: flex-start;
  padding: 13vh 20px 20px;
  display: flex;
  position: fixed;
  inset: 0;
}
.spotlight-modal {
  border: 1px solid var(--border);
  background: var(--surface);
  width: min(720px, 100%);
  box-shadow: var(--shadow-modal);
  border-radius: 20px;
  overflow: hidden;
}
.spotlight-input-row {
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 0 18px;
  display: flex;
}
.spotlight-input-row > .tabler-icon {
  width: 25px;
  height: 25px;
  color: var(--primary);
}
.spotlight-input {
  flex: 1;
  height: 72px;
  color: var(--text);
  box-shadow: none;
  font-size: var(--font-size-heading);
  background: 0 0;
  border: 0;
  outline: none;
  padding: 0;
}
.spotlight-input::-webkit-search-cancel-button {
  display: none;
}
.spotlight-input-row kbd {
  border: 1px solid var(--border);
  background: var(--surface-soft);
  color: var(--muted);
  font-size: var(--font-size-micro);
  border-radius: 8px;
  flex: none;
  padding: 5px 8px;
}
.spotlight-close {
  flex: 0 0 36px;
}
.spotlight-empty {
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: var(--font-size-control);
  padding: 17px 58px 19px;
}
.workspace-grid {
  grid-template-columns: 230px minmax(0, 1fr);
  align-items: stretch;
  gap: 18px;
  margin-top: 0;
  display: grid;
}
@media (width>=761px) {
  .anchor-app[data-focus-mode] .topbar {
    pointer-events: none;
    max-height: 0;
    margin-bottom: 0;
    overflow: hidden;
    transform: translateY(calc(-100% - 24px));
  }
  .anchor-app[data-focus-mode] .workspace-grid {
    display: block;
  }
  .anchor-app[data-focus-mode] .workspace-grid > .side-rail,
  .anchor-app[data-focus-mode] .note-editor-sidebar-column,
  .anchor-app[data-focus-mode] .note-editor-view .note-top-actions,
  .anchor-app[data-focus-mode] .note-editor-view .note-bottom-grid,
  .anchor-app[data-focus-mode] .note-view-heading > .mobile-status-toast,
  .anchor-app[data-focus-mode] .quick-pad-heading-actions {
    display: none;
  }
  .anchor-app[data-focus-mode] .center-stage {
    margin-left: auto;
    margin-right: auto;
  }
  .anchor-app[data-focus-mode] .note-workspace-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (width>=1021px) {
  .anchor-app[data-focus-mode] .center-stage {
    width: calc(100% - 600px);
  }
}
@media (width>=1101px) {
  .anchor-app[data-focus-mode]
    .note-editor-view:not(.quick-pad-view)
    > .note-view-heading,
  .anchor-app[data-focus-mode]
    .note-editor-view:not(.quick-pad-view)
    > .note-workspace-grid {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.side-rail {
  border: 1px solid var(--border);
  min-height: 568px;
  box-shadow: var(--shadow-soft);
  background: var(--surface);
  border-radius: 20px;
}
.notes-sidebar {
  align-self: start;
  min-height: 0;
  padding: 10px 10px 19px;
}
.sidebar-tree {
  display: grid;
}
.sidebar-tree-group {
  min-width: 0;
}
.sidebar-tree-row {
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  display: grid;
}
.sidebar-tree-toggle,
.sidebar-category-button,
.sidebar-note-button {
  color: var(--text);
  cursor: pointer;
  background: 0 0;
  border: 0;
}
.sidebar-tree-toggle {
  width: 30px;
  height: 38px;
  color: var(--muted);
  border-radius: 10px;
  place-items: center;
  display: grid;
}
.sidebar-tree-toggle .tabler-icon {
  opacity: 0.46;
  width: 15px;
  height: 15px;
  transition: transform 0.18s;
}
.sidebar-tree-group[data-expanded] .sidebar-tree-toggle .tabler-icon {
  transform: rotate(90deg);
}
.sidebar-category-button {
  letter-spacing: 1.5px;
  text-align: left;
  text-transform: uppercase;
  min-width: 0;
  height: 42px;
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-medium);
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 0 9px;
  display: flex;
}
.sidebar-category-button > .tabler-icon {
  width: 16px;
  height: 16px;
  color: var(--primary);
}
.sidebar-category-button span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}
.sidebar-category-button .sidebar-category-count {
  min-width: max-content;
  color: var(--muted);
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  opacity: 0.6;
  margin-left: 0;
  overflow: visible;
}
.sidebar-tree-children {
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.18s;
  display: grid;
}
.sidebar-tree-group[data-expanded] .sidebar-tree-children {
  grid-template-rows: 1fr;
}
.sidebar-tree-children > div {
  gap: 3px;
  min-height: 0;
  display: grid;
  overflow: hidden;
}
.sidebar-note-button {
  min-width: 0;
  min-height: 23px;
  color: var(--muted);
  text-align: left;
  font-size: var(--font-size-caption);
  border-radius: 10px;
  align-items: center;
  gap: 7px;
  margin-left: 35px;
  padding: 0 8px;
  display: flex;
}
.sidebar-note-button .tabler-icon {
  width: 13px;
  height: 13px;
  color: var(--primary);
}
.sidebar-note-button span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}
.sidebar-menu-child-button .sidebar-menu-shortcut {
  flex: none;
  opacity: 0.64;
}
/* Dashboard */
.center-stage {
  min-width: 0;
}
.dashboard-content {
  display: contents;
}
.mobile-category-actions-card,
.mobile-category-links-card {
  display: none;
}
.category-grid,
.utility-grid,
.lower-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}
.utility-grid,
.lower-grid {
  margin-top: 18px;
}
.category-card,
.tool-card,
.link-hub-card {
  border: 1px solid var(--border);
  min-width: 0;
  box-shadow: var(--shadow-soft);
  background: var(--surface);
  border-radius: 10px;
  padding: 10px;
  transition:
    border-color 0.16s,
    box-shadow 0.16s;
}
.category-card-actions {
  grid-template-columns: 1fr 50px;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: grid;
}
.category-add-button,
.link-button,
.primary-action,
.copy-button,
.back-button,
.save-note-button {
  border-color: var(--border);
  color: var(--text);
  box-shadow: none;
  background: var(--surface);
}
.category-name-button,
.primary-action,
.save-note-button,
.manager-save-button,
.manager-create-shortcut,
.archive-note-action,
.pin-note-button,
.download-note-button,
.archive-note-button,
.attachment-upload-button,
.settings-submit-button,
.settings-quotes-save-button,
.quick-access-toggle,
.quick-pad-download-button,
.quick-pad-clear-button,
.category-new-folder-button,
button.back-button {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.category-name-button {
  border: 1px solid var(--border);
  color: var(--text);
  box-shadow: none;
  gap: 6px;
  letter-spacing: 3px;
  text-transform: uppercase;
  transition:
    transform 0.16s,
    border-color 0.16s,
    box-shadow 0.16s,
    background-color 0.16s;
  height: 50px;
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-medium);
  border-radius: 15px;
  justify-content: flex-start;
  padding: 0 14px;
}
.highlighted {
  background: -webkit-linear-gradient(
    left,
    #fff 0%,
    #fff 50%,
    #fed10020 100%
  ) !important;
  background: linear-gradient(
    to right,
    #fff 0%,
    #fff 50%,
    #fed10020 100%
  ) !important;
}
.category-name-button .category-button-icon {
  width: 17px;
  height: 17px;
  color: var(--primary);
}
.category-note-count {
  color: var(--muted);
  letter-spacing: 0;
  opacity: 0.6;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
  text-transform: lowercase;
  margin-left: auto;
}
.category-add-button {
  flex-basis: 50px;
  transition: transform 0.16s;
  width: 50px;
  height: 50px;
}
.category-name-button:active,
.link-button:active {
  transform: scale(0.97);
}
.category-add-button:active {
  transform: scale(0.96);
}
.primary-action:active,
.save-note-button:active {
  transform: scale(0.98);
}
.category-link-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}
.link-button {
  min-width: 0;
  text-decoration: none;
  transition:
    transform 0.16s,
    border-color 0.16s,
    box-shadow 0.16s,
    background-color 0.16s;
  position: relative;
  border: 1px solid var(--border);
  height: 50px;
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-medium);
  border-radius: 15px;
  justify-content: space-between;
  padding: 11px 12px;
  display: flex;
}
.link-button-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: inline-flex;
  overflow: hidden;
}
.link-button-label > span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}
.link-placeholder-icon,
.hub-link-icon {
  width: 16px;
  height: 16px;
  color: var(--muted);
  opacity: 0.46;
  flex: 0 0 16px;
}
.link-button-meta {
  flex: none;
  justify-content: center;
  align-items: center;
  min-width: 17px;
  display: inline-flex;
}
.link-category-marker {
  position: absolute;
  top: -4px;
  right: 15px;
  width: 12px;
  height: 12px;
}
.link-category-marker-notion {
  color: var(--category-notion);
}
.link-category-marker-google {
  color: var(--category-google);
}
.link-category-marker-anchor {
  color: var(--category-anchor);
}
.link-category-marker-links {
  color: var(--category-links);
}
.link-category-marker-unassigned {
  color: var(--category-unassigned);
}
.link-button kbd {
  min-width: 15px;
  color: var(--muted);
  opacity: 0.46;
  text-align: center;
  font-size: var(--font-size-caption);
}
.card-title {
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  display: flex;
}
.card-title .tabler-icon {
  width: 19px;
  height: 22px;
  color: var(--primary);
}
.card-title h2 {
  letter-spacing: 3px;
  opacity: 0.5;
  text-transform: uppercase;
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-medium);
  margin: 0;
}
.result-box {
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 10px 11px;
  display: flex;
}
.password-text-button {
  color: var(--text);
  cursor: pointer;
  letter-spacing: 5px;
  text-align: left;
  word-break: break-all;
  font-weight: var(--font-weight-medium);
  background: 0 0;
  border: 0;
  flex: 1;
  padding: 7px 2px;
}
.copy-button {
  cursor: pointer;
  flex: 0 0 36px;
  place-items: center;
  border: 1px solid var(--primary);
  width: 36px;
  height: 36px;
  color: var(--muted);
  border-radius: 11px;
  display: grid;
}
.copy-button .tabler-icon {
  width: 19px;
  height: 19px;
}
.home-icon-button {
  border: 1px solid var(--border);
  color: var(--muted);
  background: var(--surface);
}
.home-icon-button .tabler-icon {
  opacity: 0.46;
}
.copy-button.top-icon-button,
.copy-button.category-add-button {
  flex-basis: 50px;
  width: 50px;
  height: 50px;
}
.field-label {
  color: var(--muted);
  font-size: var(--font-size-control);
  margin-bottom: 10px;
  line-height: 1.45;
  display: block;
}
.text-input {
  width: 100%;
  border: 1px solid var(--border);
  color: var(--text);
  box-shadow: none;
  background: var(--surface);
  border-radius: 15px;
  outline: none;
}
input.text-input {
  height: 48px;
  padding: 0 14px;
}
.numerology-result {
  text-align: left;
  align-items: center;
  gap: 14px;
  margin-top: 16px;
  display: flex;
}
.number-badge {
  border: 1.5px solid var(--primary);
  width: 50px;
  height: 50px;
  color: var(--text);
  background: var(--surface);
  font-size: var(--font-size-display);
  font-weight: var(--font-weight-semibold);
  border-radius: 50%;
  flex: 0 0 50px;
  place-items: center;
  display: grid;
}
.calculation-line {
  min-width: 0;
  color: var(--muted);
  word-break: break-word;
  font-size: var(--font-size-control);
  flex: 1;
  line-height: 1.5;
}
.calculation-total {
  color: var(--text);
  font-size: var(--font-size-heading);
  font-weight: var(--font-weight-semibold);
  margin-right: 6px;
}
.calculation-breakdown {
  color: var(--muted);
}
textarea.text-input {
  resize: vertical;
  padding: 13px 14px;
}
.merge-input {
  min-height: 51px;
}
.merge-actions {
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}
.primary-action {
  flex: 1;
  border: 1px solid var(--border);
  gap: 6px;
  padding: 0 10px;
  transition:
    transform 0.16s,
    filter 0.16s;
  height: 46px;
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-semibold);
  border-radius: 15px;
}
.merge-copy-button {
  flex-basis: 46px;
  width: 46px;
  height: 46px;
}
/* Shared workspace surfaces */
.category-notes-view,
.note-editor-view,
.archive-view,
.settings-view,
.quick-access-view {
  border: 1px solid var(--border);
  min-height: 568px;
  box-shadow: var(--shadow-soft);
  background: var(--surface);
  border-radius: 20px;
  padding: 18px;
}
.compact-view-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin: 0 2px 16px;
  display: flex;
}
@media (width>=761px) {
  .history-view > .compact-view-heading {
    margin-bottom: 0;
  }
}
.note-category-line {
  color: var(--text);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-medium);
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 0 2px 10px;
  display: flex;
}
.note-category-context.compact-category-breadcrumb {
  letter-spacing: 1px;
  text-transform: uppercase;
  min-width: 0;
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-medium);
  gap: 8px;
}
.compact-category-total {
  color: var(--muted);
  letter-spacing: 0;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
  flex: none;
}
.compact-category-breadcrumb .breadcrumb-item {
  min-width: 0;
  color: var(--muted);
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: 0 0;
  border: 0;
  padding: 4px 0;
  overflow: hidden;
}
.compact-category-breadcrumb .breadcrumb-item[role="button"] {
  cursor: pointer;
}
.compact-category-breadcrumb .breadcrumb-item:focus-visible {
  color: var(--text);
}
.compact-category-breadcrumb .breadcrumb-item[aria-current="page"] {
  color: var(--text);
  font-weight: var(--font-weight-medium);
}
@media (width>=761px) {
  .note-category-context.compact-category-breadcrumb {
    text-transform: none;
    line-height: 1.65;
    display: block;
    overflow: visible;
  }
  .note-category-context.compact-category-breadcrumb .breadcrumb-item {
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
    display: inline;
    overflow: visible;
  }
  .note-category-context.compact-category-breadcrumb > .compact-category-total {
    margin-left: 5px;
  }
}
.note-category-context.compact-category-breadcrumb > .compact-category-total {
  letter-spacing: inherit;
}
.breadcrumb-separator {
  color: var(--primary);
  font-weight: var(--font-weight-medium);
  flex: none;
  margin: 0 5px;
}
.compact-view-actions,
.note-top-actions {
  align-items: center;
  gap: 10px;
  display: flex;
}
.note-list {
  gap: 10px;
  display: grid;
}
.note-list-item {
  border: 1px solid var(--border);
  width: 100%;
  min-height: 72px;
  color: var(--text);
  text-align: left;
  background: var(--surface);
  border-radius: 15px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 14px;
  display: flex;
}
.category-note-item[data-selecting="true"] {
  cursor: pointer;
}
.category-note-item,
.archive-note-item,
.archive-folder-item {
  touch-action: pan-y;
  -webkit-touch-callout: none;
}
.quick-pad-entry {
  touch-action: pan-y;
  -webkit-touch-callout: default;
}
.category-note-item:is([data-selecting="true"], [data-long-press-pending="true"]),
.archive-note-item:is([data-selecting="true"], [data-long-press-pending="true"]),
.archive-folder-item:is([data-selecting="true"], [data-long-press-pending="true"]),
.quick-pad-entry:is([data-selecting="true"], [data-long-press-pending="true"]) {
  -webkit-user-select: none;
  user-select: none;
}
.category-note-item[data-selected="true"] {
  background: var(--background);
}
.archive-note-item[data-selected="true"],
.archive-folder-item[data-selected="true"] {
  background: var(--background);
}
.category-note-select {
  width: 15px;
  height: 15px;
  accent-color: var(--text);
  flex: 0 0 15px;
  margin: 3px 10px 0 0;
  cursor: pointer;
}
.archive-note-item {
  flex-wrap: wrap;
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease;
}
.archive-note-clickable,
.archive-folder-item {
  cursor: pointer;
}
.archive-note-item[data-search-highlighted="true"],
.archive-folder-item[data-search-highlighted="true"],
.quick-pad-entry[data-search-highlighted="true"] {
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary) 8%, var(--surface));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 18%, transparent);
}
.archive-note-main {
  flex: 1 0 max-content;
  align-items: center;
  gap: 16px;
  min-width: 0;
  max-width: 100%;
  display: flex;
}
.archive-note-details {
  flex-wrap: wrap;
  flex: auto;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}
.archive-note-tags {
  flex: 0 auto;
  min-width: 0;
}
.archive-note-actions {
  flex: none;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}
.archive-note-action {
  border: 1px solid var(--border);
  width: 38px;
  min-width: 38px;
  height: 38px;
  color: var(--muted);
  box-shadow: none;
  background: var(--surface);
  border-radius: 11px;
  padding: 0;
}
.archive-note-action .tabler-icon {
  width: 18px;
  height: 18px;
}
.note-list-archive-action {
  flex: 0 0 38px;
  color: var(--danger);
}
.note-list-archive-action .tabler-icon,
.archive-delete-button,
.archive-delete-button .tabler-icon,
.archive-delete-all-button,
.archive-delete-all-button .tabler-icon {
  color: var(--danger);
}
.archive-view .archive-history-button .tabler-icon {
  color: var(--danger);
}
:is(.history-view, .history-note-view) .history-delete-forever-button,
:is(.history-view, .history-note-view) .history-delete-forever-button .tabler-icon {
  color: var(--danger);
}
.history-view .history-delete-all-button,
.history-view .history-delete-all-button .tabler-icon {
  color: var(--danger);
}
.archive-confirm-delete,
.archive-confirm-delete .tabler-icon {
  color: var(--muted);
}
.archive-mobile-history-action .tabler-icon {
  color: var(--danger);
}
.combination-query-strip.history-retention-strip {
  margin-bottom: 13px;
}
.combination-query-strip.history-retention-strip > span {
  color: var(--danger);
  text-transform: none;
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-medium);
}
.history-note-frozen-content > .note-editor-main-column,
.history-note-frozen-content .note-bottom-grid {
  pointer-events: none;
}
.history-note-frozen-content .note-title-preview,
.history-note-frozen-content .note-body-preview,
.history-note-frozen-content .note-meta-heading-link,
.history-note-frozen-content .attachment-tile,
.history-note-frozen-content .note-meta-panel {
  cursor: default;
}
.history-note-frozen-content .note-meta-mobile-toggle {
  pointer-events: none;
}
.history-note-frozen-content .note-tag-buttons button:disabled {
  opacity: 0.46;
}
.history-note-frozen-content .note-tag-buttons button[data-selected]:disabled {
  opacity: 1;
}
.archive-empty {
  border: 1px dashed var(--border);
  color: var(--muted);
  text-align: center;
  font-size: var(--font-size-control);
  border-radius: 15px;
  padding: 36px 18px;
}
.archive-mobile-actions,
.archive-folder-mobile-actions,
.archive-note-mobile-actions,
.standard-mobile-actions,
.mobile-new-note-button,
.manager-mobile-editor-actions,
.manager-heading-pin-option {
  display: none;
}
/* Settings */
.settings-grid {
  grid-template-columns: minmax(0, 1.85fr) minmax(290px, 1fr);
  grid-template-areas: "main side";
  align-items: start;
  gap: 16px;
  display: grid;
}
.settings-main-stack {
  grid-area: main;
  align-content: start;
  gap: 16px;
  display: grid;
}
.settings-quotes-card {
  position: relative;
}
.settings-recovery-list {
  display: grid;
  gap: 10px;
}
.settings-recovery-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--background);
  cursor: pointer;
}
.settings-recovery-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.settings-recovery-copy > span,
.settings-recovery-copy > p {
  color: var(--muted);
  font-size: var(--font-size-caption);
}
.settings-recovery-copy > p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.settings-recovery-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}
.settings-recovery-action {
  width: 38px;
  height: 38px;
  padding: 0;
}
.settings-recovery-discard {
  color: var(--danger);
}
.settings-card {
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 15px;
  padding: 18px;
}
.settings-card-title {
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
  display: flex;
}
.settings-card-mobile-toggle {
  display: none;
}
.settings-card-title small {
  color: var(--muted);
  text-align: right;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-regular);
  line-height: 1.4;
}
.settings-card-title .tabler-icon {
  width: 18px;
  height: 18px;
  color: var(--muted);
  opacity: 0.46;
}
.settings-card-title h2 {
  color: var(--text);
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-medium);
  margin: 0;
}
.settings-card > p {
  color: var(--muted);
  font-size: var(--font-size-control);
  margin: 0 0 14px;
  line-height: 1.5;
}
.settings-quotes-editor {
  scrollbar-color: transparent transparent;
  scrollbar-width: thin;
  max-height: 500px;
  display: block;
  overflow-y: auto;
  border: 1px solid var(--border);
  min-height: 430px;
  color: var(--text);
  background: var(--surface);
  border-radius: 15px;
  padding: 14px;
}
.settings-quotes-editor-toolbar {
  z-index: 2;
  position: sticky;
  top: 0;
  justify-content: flex-end;
  padding-bottom: 14px;
  display: none;
}
.settings-quotes-list {
  align-content: start;
  gap: 16px;
  display: grid;
}
.settings-quotes-editor::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.settings-quotes-editor::-webkit-scrollbar-track {
  background: 0 0;
}
.settings-quotes-editor::-webkit-scrollbar-thumb {
  background: 0 0;
  border-radius: 99px;
}
.settings-quotes-editor[data-scrolling] {
  scrollbar-color: var(--muted) transparent;
}
@supports (color: color-mix(in lab, red, red)) {
  .settings-quotes-editor[data-scrolling] {
    scrollbar-color: color-mix(in srgb, var(--muted) 38%, transparent)
      transparent;
  }
}
.settings-quotes-editor[data-scrolling]::-webkit-scrollbar-thumb {
  background: var(--muted);
}
@supports (color: color-mix(in lab, red, red)) {
  .settings-quotes-editor[data-scrolling]::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--muted) 38%, transparent);
  }
}
.settings-quote-line {
  display: flex;
  resize: none;
  font-weight: var(--font-weight-regular);
  overflow: hidden;
  min-height: 1.55em;
  color: var(--text);
  line-height: 1.55;
  font-size: var(--font-size-control);
  background: 0 0;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.settings-submit-button,
.settings-link-button {
  justify-content: center;
  width: 100%;
  margin-top: 12px;
  border-color: var(--primary);
}
.settings-quotes-save-button {
  width: auto;
  margin-top: 0;
}
.settings-quotes-save-desktop {
  position: absolute;
  top: 18px;
  right: 18px;
}
.settings-quotes-card-title {
  padding-right: 140px;
}
.settings-link-button {
  text-decoration: none;
  display: flex;
}
.backup-export-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}
.backup-export-actions .settings-link-button {
  margin-top: 12px;
}
.database-backup-last {
  color: var(--muted);
  font-size: var(--font-size-caption);
  line-height: 1.45;
  margin-top: 12px;
  display: block;
}
/* Settings backup details */
.backup-job {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(128, 128, 128, 0.25);
  overflow-wrap: anywhere;
}
.backup-job .back-button {
  margin: 4px 6px 4px 0;
}
.backup-job .backup-job-download {
  margin-top: 23px;
}
.backup-export-actions > .settings-link-button,
.backup-preview-scroll {
  overflow-x: auto;
  max-height: 320px;
  margin: 12px 0;
}
.backup-preview-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.backup-preview-table th,
.backup-preview-table td {
  padding: 6px;
  text-align: left;
  border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}

.settings-side-stack {
  grid-area: side;
  gap: 16px;
  display: grid;
}
.settings-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
.settings-system-status-section {
  display: none;
}
.settings-form {
  gap: 10px;
  display: grid;
}
.settings-form input {
  border: 1px solid var(--border);
  height: 44px;
  color: var(--text);
  background: var(--surface);
  font-size: var(--font-size-control);
  border-radius: 13px;
  padding: 0 13px;
}
.settings-form .settings-submit-button {
  margin-top: 2px;
}
.settings-status {
  color: var(--success);
  min-height: 18px;
  font-size: var(--font-size-caption);
  margin-top: 9px;
  display: block;
}
.settings-status[data-error] {
  color: var(--danger);
}
.mobile-status-toast[role="button"] {
  cursor: pointer;
}
.settings-marker-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
  display: grid;
}
.settings-marker-item {
  border: 1px solid var(--border);
  min-width: 0;
  min-height: 40px;
  color: var(--text);
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-medium);
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  display: flex;
}
.settings-marker-item .tabler-icon {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
}
.settings-help-card {
  margin-top: 0;
}
.settings-shortcut-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
  margin-top: 12px;
  display: grid;
}
.settings-shortcut-column {
  gap: 10px;
  min-width: 0;
  display: grid;
}
.settings-shortcut-row {
  border: 1px solid var(--border);
  min-height: 48px;
  color: var(--text);
  font-size: var(--font-size-control);
  border-radius: 13px;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  display: flex;
}
.settings-shortcut-list kbd {
  border: 1px solid var(--border);
  background: var(--background);
  min-width: 50px;
  height: 28px;
  color: var(--muted);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  display: inline-flex;
}
.note-list-open-button {
  min-width: 0;
  color: inherit;
  text-align: left;
  background: 0 0;
  border: 0;
  flex: 1;
  align-items: center;
  gap: 16px;
  padding: 0;
  display: flex;
}
.category-note-main {
  display: contents;
}
.note-list-copy {
  flex: 1;
  gap: 3px;
  min-width: 0;
  display: grid;
}
.note-list-title-row {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}
.note-list-title-row strong {
  flex: auto;
  min-width: 0;
}
.note-list-title-row .tabler-icon {
  width: 15px;
  height: 15px;
  color: var(--primary);
  flex: 0 0 15px;
}
@media (width>=761px) {
  .note-list-item,
  .search-result-note-row,
  .combos-view .combo-list-row,
  .tag-manager-view .manager-record-row {
    position: relative;
  }
  .note-list-item .note-list-pinned-indicator,
  .search-result-note-row .note-list-pinned-indicator,
  .combos-view .combo-list-row .manager-record-pinned-indicator,
  .tag-manager-view .manager-record-row .manager-record-pinned-indicator {
    width: 15px;
    height: 15px;
    color: var(--primary);
    position: absolute;
    top: 8px;
    left: 8px;
  }
  .category-notes-view .category-note-item {
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 10px;
  }
  .category-notes-view .category-note-item[data-selecting="true"] .note-list-pinned-indicator {
    left: 38px;
  }
  .category-notes-view .category-note-main {
    flex-wrap: wrap;
    flex: 1 1 0;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    display: flex;
  }
  .category-notes-view .note-list-open-button {
    align-items: flex-start;
    gap: 10px;
  }
  .category-notes-view .note-list-icon {
    flex: 0;
    width: 15px;
    height: 15px;
    margin-top: 2px;
  }
  .category-notes-view .note-list-icon .tabler-icon {
    width: 15px;
    height: 15px;
  }
  .category-notes-view .category-note-main > .note-list-meta {
    flex: 0 0 100%;
    justify-content: flex-start;
    padding-left: 0;
  }
  .category-notes-view .category-note-main .note-list-tags {
    justify-content: flex-start;
  }
  .archive-view .archive-note-item {
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 10px;
  }
  .archive-view .archive-note-item .archive-note-main {
    flex-wrap: wrap;
    flex: 1 1 0;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    display: flex;
  }
  .archive-view .archive-note-item .note-list-icon {
    flex: 0;
    width: 15px;
    height: 15px;
    margin-top: 2px;
  }
  .archive-view .archive-note-item .note-list-icon .tabler-icon {
    width: 15px;
    height: 15px;
  }
  .archive-view .archive-note-item .archive-note-details {
    flex: 0 0 100%;
    justify-content: flex-start;
    padding-left: 0;
  }
  .archive-view .archive-note-item .archive-note-tags {
    justify-content: flex-start;
  }
  .search-results-view .search-result-note-list {
    border: 0;
    border-radius: 0;
    gap: 10px;
    display: grid;
    overflow: visible;
  }
  .search-result-note-list .search-result-note-row {
    border: 1px solid var(--border);
    border-radius: 15px;
    grid-template-columns: minmax(0, 1fr);
    align-items: flex-start;
    gap: 8px;
    min-height: 72px;
    padding: 12px 14px;
  }
  .search-result-note-list .search-result-note-row + .search-result-note-row {
    border-top: 1px solid var(--border);
  }
  .search-result-note-list .search-result-note-open-button {
    grid-column: 1;
    grid-template-columns: 15px minmax(0, 1fr);
    align-items: flex-start;
    gap: 10px;
  }
  .search-result-note-list .search-result-note-icon {
    width: 15px;
    height: 15px;
    margin-top: 2px;
  }
  .search-result-note-list .search-result-note-icon .tabler-icon {
    width: 15px;
    height: 15px;
  }
  .search-result-note-list .search-result-note-copy strong {
    font-size: var(--font-size-title);
  }
  .search-result-note-list .search-result-note-meta {
    flex-wrap: wrap;
    grid-column: 1;
    justify-content: flex-start;
    justify-items: start;
    gap: 8px;
    display: flex;
  }
  .search-result-note-list .search-result-note-meta > .note-list-tags {
    flex: 0 auto;
    justify-content: flex-start;
    width: auto;
  }
  .search-result-note-list .search-result-secondary-meta {
    justify-content: flex-start;
  }
}
.note-index-untitled {
  color: var(--muted);
}
.attachment-file-copy strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-medium);
  overflow: hidden;
}
.note-list-copy strong {
  text-overflow: ellipsis;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-title);
  -webkit-box-orient: vertical;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}
.note-list-copy small {
  color: var(--muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--font-size-control);
  overflow: hidden;
}
.note-list-tags {
  justify-content: flex-end;
  margin-top: 0;
}
.note-list-tags em[data-empty],
.note-list-tags .note-tag-chip[data-empty] {
  border-color: var(--border);
  color: var(--muted);
  font-weight: var(--font-weight-regular);
}
.note-list-meta,
.attachment-count {
  color: var(--muted);
  font-size: var(--font-size-caption);
  flex: none;
  align-items: center;
  gap: 5px;
  display: inline-flex;
}
.note-list-meta {
  flex-wrap: wrap;
  flex: 0 48%;
  justify-content: flex-end;
  gap: 8px;
}
.note-list-item > .note-list-meta > .note-list-tags {
  flex: 0 0 100%;
  width: 100%;
}
.note-list-meta > .tabler-icon {
  color: var(--primary);
}
.note-list-meta .tabler-icon {
  width: 15px;
  height: 15px;
}
.note-category-context {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}
.note-archive-status {
  color: var(--muted);
  margin-left: 6px;
  vertical-align: middle;
}
.folder-archived-label {
  display: inline-flex;
  color: var(--danger);
  margin-left: 0;
  vertical-align: middle;
}
.folder-option-name {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 5px;
}
.folder-archived-label .tabler-icon {
  width: 14px;
  height: 14px;
}
.note-category-line small {
  color: var(--muted);
  letter-spacing: 0;
  opacity: 0.62;
  text-transform: none;
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-regular);
}
@media (width>=761px) {
  .note-view-heading > .compact-category-breadcrumb {
    flex: 1 1 90%;
    max-width: 90%;
  }
  .note-view-heading > .note-save-status {
    flex: 0 0 auto;
    min-width: 10%;
    max-width: 80%;
    white-space: nowrap;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.note-workspace-grid {
  grid-template-columns: minmax(0, 1fr) 310px;
  align-items: start;
  gap: 12px 10px;
  display: grid;
}
.note-title-action-row,
.note-editor-layout {
  display: contents;
}
.note-editor-main-column,
.note-editor-sidebar-column {
  min-width: 0;
  align-content: start;
  gap: 12px;
  display: grid;
}
.note-title-input {
  font-weight: var(--font-weight-regular);
  height: 48px;
  min-height: 48px;
  line-height: 26px;
  font-size: var(--font-size-body);
}
textarea.note-title-input {
  resize: none;
  overflow: hidden;
  padding: 10px 14px;
}
.note-title-preview {
  cursor: text;
  overflow-wrap: anywhere;
  display: block;
  padding: 10px 14px;
}
.note-title-input.note-title-preview {
  min-height: 48px;
  max-height: none;
  overflow: visible;
  height: auto;
}
.note-title-placeholder {
  color: var(--muted);
  opacity: 0.62;
}
.auto-link {
  color: var(--muted);
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
  text-decoration: underline;
}
.note-body-preview .youtube-note-link {
  color: var(--text);
  font-weight: var(--font-weight-medium);
  text-decoration-color: var(--danger);
}
.back-button,
.pin-note-button,
.save-note-button,
.download-note-button,
.archive-note-button,
.attachment-upload-button {
  border: 1px solid var(--border);
  height: 48px;
  color: var(--text);
  box-shadow: none;
  background: var(--surface);
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-medium);
  border-radius: 14px;
  gap: 8px;
  padding: 0 14px;
}
.back-button .tabler-icon,
.pin-note-button .tabler-icon,
.save-note-button .tabler-icon,
.download-note-button .tabler-icon,
.archive-note-button .tabler-icon,
.attachment-upload-button .tabler-icon {
  width: 17px;
  height: 17px;
  color: var(--muted);
}
.settings-view .settings-submit-button,
.settings-view .settings-link-button {
  border: 1px solid var(--primary);
}
.settings-view a.settings-link-button {
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: inline-flex;
}
.settings-insights-card {
  overflow: visible;
}
.settings-system-status-card .system-status-headline {
  margin-left: auto;
  color: var(--success);
}
.settings-system-status-card .system-status-headline[data-state="attention"] {
  color: var(--danger);
}
.system-status-checks,
.system-status-jobs {
  display: grid;
  gap: 8px;
}
.system-status-jobs[hidden] {
  display: none;
}
.system-status-check,
.system-status-job {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--text);
  background: var(--background);
  text-align: left;
  font: inherit;
}
.system-status-check strong,
.system-status-job strong {
  font-size: var(--font-size-control);
}
.system-status-check span,
.system-status-job span {
  color: var(--muted);
  font-size: var(--font-size-caption);
  line-height: 1.45;
}
.system-status-check[data-state="attention"] {
  border-color: var(--danger);
}
.system-status-check-link {
  width: 100%;
  cursor: pointer;
}
.system-status-check-link:hover {
  border-color: var(--primary);
}
.system-status-jobs {
  margin-top: 10px;
}
.system-status-checked {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  font-size: var(--font-size-caption);
}
.system-status-job .settings-link-button {
  margin-top: 5px;
}
.settings-insights-source-select {
  position: relative;
  width: 100%;
}
.settings-insights-source-trigger,
.settings-insights-download {
  width: 100%;
}
.settings-insights-source-menu .settings-insights-source-child {
  padding-left: 32px;
}
.pin-note-button {
  translate: none;
}
.pin-note-button[data-active] .tabler-icon {
  color: var(--primary);
}
.save-note-button {
  border-color: var(--primary);
  height: 50px;
  color: var(--text);
  font-weight: var(--font-weight-semibold);
  border-radius: 14px;
}
.note-top-actions {
  z-index: 10;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 8px;
  width: 100%;
  display: grid;
  position: relative;
}
.note-top-actions > .back-button,
.note-top-actions > .pin-note-button,
.note-top-actions > .save-note-button,
.note-top-actions > .download-note-button,
.note-top-actions > .archive-note-button {
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 48px;
  padding: 0;
}
.note-top-actions > .back-button .tabler-icon,
.note-top-actions > .pin-note-button .tabler-icon,
.note-top-actions > .save-note-button .tabler-icon,
.note-top-actions > .download-note-button .tabler-icon,
.note-top-actions > .archive-note-button .tabler-icon {
  width: 20px;
  height: 20px;
}
[data-tooltip] {
  position: relative;
}
[data-tooltip]:after {
  z-index: 21;
  visibility: hidden;
  border: 1px solid var(--border);
  color: var(--text);
  content: attr(data-tooltip);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-regular);
  box-shadow: var(--shadow-menu);
  border-radius: 10px;
  padding: 8px 9px;
  line-height: 1.2;
  transition:
    opacity linear,
    visibility linear;
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translate(-50%);
  background: var(--surface);
}
[data-tooltip][data-tooltip-open="true"]:after {
  visibility: visible;
  display: block;
  opacity: 1;
}
.folder-panel,
.folder-list,
.folder-list-row,
.manager-editor-heading,
.manager-editor-heading > div,
.manager-field,
.manager-record-actions,
.folder-row-actions,
.settings-card,
.settings-side-stack,
.sm-checklist-calendar {
  min-width: 0;
  max-width: 100%;
}
.note-top-actions > .save-note-button:active {
  transform: none;
}
.archive-note-button,
.archive-note-button .tabler-icon {
  color: var(--danger);
}
.category-card:has(.category-add-button[data-tooltip-open="true"]) {
  z-index: 100;
  position: relative;
}
.tool-card:has(.home-tooltip-button[data-tooltip-open="true"]) {
  z-index: 100;
  position: relative;
}
.quote-strip:has(.home-tooltip-button[data-tooltip-open="true"]) {
  z-index: 100;
  position: relative;
}
.manager-editor-heading.folder-panel-manager-heading:has(
    .folder-add-button[data-tooltip-open="true"]
  ) {
  z-index: 100;
  position: relative;
}
.category-card-actions:has(.category-add-button[data-tooltip-open="true"]) {
  z-index: 101;
  position: relative;
}
.category-add-button[data-tooltip-open="true"],
.folder-add-button[data-tooltip-open="true"],
.home-tooltip-button[data-tooltip-open="true"] {
  z-index: 102;
}
.category-add-button[data-tooltip]:active,
.home-tooltip-button[data-tooltip]:active,
.archive-note-actions > button[data-tooltip]:active {
  transform: none;
}
.note-body-input {
  width: 100%;
  color: var(--text);
  font-weight: var(--font-weight-regular);
  resize: vertical;
  font-size: var(--font-size-body);
  outline: none;
  line-height: 1.65;
  display: block;
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 15px;
  min-height: 310px;
  padding: 15px 16px;
}
.note-body-preview {
  cursor: text;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  padding: 13px 14px;
}
.note-body-preview a {
  color: var(--muted);
  text-underline-offset: 3px;
  text-decoration: underline;
}
.note-body-preview .anchor-note-chip {
  border: 1px solid var(--primary);
  border-radius: 5px;
  background: var(--surface);
  color: var(--text);
  cursor: pointer;
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-semibold);
  line-height: normal;
  text-decoration: none;
  vertical-align: middle;
  max-width: 100%;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
}
.anchor-note-chip-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.note-body-placeholder {
  color: var(--muted);
  opacity: 0.62;
}

/* Note conflict dialog */
.note-conflict-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgb(10 16 28 / 72%);
}
.note-conflict-dialog {
  width: min(980px, 100%);
  max-height: calc(100dvh - 40px);
  overflow: auto;
  padding: 22px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface);
  box-shadow: 0 24px 70px rgb(0 0 0 / 28%);
}
.note-conflict-heading,
.note-conflict-version-heading,
.note-conflict-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.note-conflict-heading h2,
.note-conflict-heading p {
  margin: 0;
}
.note-conflict-heading p {
  margin-top: 4px;
  color: var(--muted);
}
.note-conflict-versions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 20px 0;
}
.note-conflict-version {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
}
.note-conflict-version label {
  display: grid;
  gap: 5px;
  font-size: var(--font-size-caption);
  color: var(--muted);
}
.note-conflict-version textarea {
  resize: vertical;
  color: var(--text);
  background: var(--background);
}
.note-conflict-metadata {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}
.note-conflict-metadata > div {
  min-width: 0;
  padding: 8px;
  border-radius: 9px;
  background: var(--background);
}
.note-conflict-metadata dt {
  color: var(--muted);
  font-size: var(--font-size-caption);
}
.note-conflict-metadata dd {
  overflow-wrap: anywhere;
  margin: 2px 0 0;
}
.note-conflict-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}
.note-bottom-grid {
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  align-content: start;
  align-self: start;
  gap: 12px;
  width: 310px;
  margin-top: 0;
  display: grid;
}
.note-meta-left-column {
  align-content: start;
  gap: 12px;
  min-width: 0;
  display: grid;
}
/* Folders and archive panels */
.category-folder-layout {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  align-items: start;
  gap: 14px;
  display: grid;
}
.folder-panel {
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 15px;
  padding: 14px;
}
.category-folder-panel {
  position: static;
}
.manager-editor-heading.folder-panel-manager-heading {
  align-items: center;
}
.folder-panel-manager-heading > div {
  flex: 1;
  min-width: 0;
}
.folder-category-title-button {
  color: inherit;
  text-align: left;
  background: 0 0;
  border: 0;
  padding: 0;
}
.folder-panel-title-link {
  min-width: 0;
  color: inherit;
  text-align: left;
  background: 0 0;
  border: 0;
  flex: 1;
  align-items: center;
  gap: 10px;
  padding: 0;
  display: flex;
}
.folder-panel-title-link .tabler-icon {
  width: 20px;
  height: 20px;
  color: var(--muted);
  opacity: 0.46;
  flex: 0 0 20px;
}
.folder-add-button {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
}
.archive-section-heading {
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  display: flex;
}
.archive-section-heading .tabler-icon {
  width: 18px;
  height: 18px;
  color: var(--muted);
  opacity: 0.46;
}
.archive-section-heading h2 {
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-semibold);
  margin: 0;
}
.folder-list {
  gap: 6px;
  display: grid;
}
.folder-list-row {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
  touch-action: pan-y;
}
.folder-list-row[data-dragging="true"] {
  opacity: 0.28;
}
.folder-list[data-reordering="true"],
.folder-list[data-reordering="true"] .folder-list-row {
  cursor: grabbing;
  user-select: none;
}
.folder-list[data-reordering="true"] .folder-list-row {
  touch-action: none;
  -webkit-touch-callout: none;
}
html[data-folder-reordering="true"],
html[data-folder-reordering="true"] body {
  overscroll-behavior: none;
}
.folder-drag-ghost {
  position: fixed;
  z-index: 12000;
  pointer-events: none;
  margin: 0;
  border-radius: 11px;
  background: var(--surface);
  box-shadow: var(--shadow-navigation);
  opacity: 0.96;
}
.folder-list-row[data-editing] {
  flex-wrap: wrap;
}
.folder-select-button {
  border: 1px solid var(--border);
  min-width: 0;
  color: var(--text);
  text-align: left;
  background: var(--surface);
  border-radius: 10px;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 12px 10px;
  display: flex;
}
.folder-select-button[data-selected] {
  border-color: var(--primary);
}
.folder-inline-editor {
  cursor: text;
  padding: 6px 10px;
}
.folder-inline-name-input {
  width: 100%;
  min-width: 0;
  height: 28px;
  color: var(--text);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  background: 0 0;
  border: 0;
  outline: none;
  padding: 0;
}
.folder-inline-edit-message {
  color: var(--danger);
  width: 100%;
  font-size: var(--font-size-micro);
  margin: -2px 0 0 24px;
}
.folder-select-button span {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.folder-select-button > span:not(.tabler-icon) {
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
}
.folder-management-name {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.folder-select-button > small {
  color: var(--muted);
  opacity: 0.6;
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-medium);
  flex: none;
  margin-left: auto;
}
.folder-select-button .tabler-icon {
  width: 16px;
  height: 16px;
  color: var(--muted);
  opacity: 0.46;
  flex: 0 0 16px;
}
.folder-row-actions {
  flex: none;
  gap: 4px;
  display: flex;
}
.folder-row-actions button {
  border: 1px solid var(--border);
  color: var(--muted);
  background: var(--surface);
  font-size: var(--font-size-micro);
  border-radius: 8px;
  padding: 6px 8px;
}
.folder-row-actions .folder-row-action {
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  display: inline-flex;
}
.folder-row-actions .folder-edit-action,
.folder-row-actions .folder-save-action,
.folder-row-actions .folder-restore-action {
  border-color: var(--primary);
}
.folder-row-action .tabler-icon {
  width: 19px;
  height: 19px;
}
.folder-row-actions .folder-delete-action,
.folder-row-actions .folder-delete-action .tabler-icon {
  color: var(--danger);
}
.folder-editor {
  border-bottom: 1px solid var(--border);
  gap: 9px;
  margin-bottom: 14px;
  padding-bottom: 13px;
  display: grid;
}
.folder-editor > strong {
  font-size: var(--font-size-control);
}
.folder-editor input {
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 10px;
}
.folder-editor > small {
  color: var(--danger);
  font-size: var(--font-size-micro);
}
.folder-editor-actions {
  justify-content: flex-start;
  gap: 6px;
  display: flex;
}
.folder-empty-notes {
  border: 1px dashed var(--border);
  color: var(--muted);
  text-align: center;
  font-size: var(--font-size-control);
  border-radius: 15px;
  padding: 28px;
}
.note-list-clickable {
  cursor: pointer;
}
.folder-selector-panel {
  position: relative;
}
.folder-select {
  margin-top: 10px;
  position: relative;
}
.folder-select-trigger,
.folder-select-menu button {
  border: 1px solid var(--border);
  width: 100%;
  color: var(--text);
  text-align: left;
  background: var(--surface);
  font-size: var(--font-size-control);
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  display: flex;
}
.folder-select-trigger > span {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}
.folder-select-placeholder {
  color: var(--muted);
  opacity: 0.5;
}
.folder-select-trigger .tabler-icon,
.folder-select-menu .tabler-icon {
  width: 16px;
  height: 16px;
  color: var(--muted);
  opacity: 0.46;
}
.folder-select-trigger > .tabler-icon:last-child {
  rotate: 90deg;
}
.folder-select-menu {
  z-index: 30;
  border: 1px solid var(--border);
  background: var(--surface);
  max-height: 230px;
  box-shadow: var(--shadow-menu);
  border-radius: 12px;
  gap: 4px;
  padding: 5px;
  display: grid;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  overflow-y: auto;
}
.folder-select-menu button {
  border: 0;
  justify-content: flex-start;
}
.folder-select-current-category,
.folder-select-category-options {
  display: grid;
  gap: 4px;
}
.folder-select-category-group {
  padding-top: 4px;
}
.folder-select-category-group:last-child {
  padding-bottom: 4px;
}
.folder-select-category-toggle {
  display: flex;
}
.folder-select-category-toggle > .tabler-icon:first-child {
  color: var(--primary);
  opacity: 1;
}
.folder-select-category-toggle > span:nth-child(2) {
  flex: 1;
}
.folder-select-category-toggle > .tabler-icon:last-child {
  rotate: 90deg;
}
.folder-select-category-toggle[aria-expanded="true"] > .tabler-icon:last-child {
  rotate: 270deg;
}
.folder-select-category-options {
  padding-left: 12px;
}
.category-mobile-folder-selector {
  display: none;
}
.existing-attachment-tile {
  cursor: pointer;
}
.archive-folder-section {
  margin-top: 22px;
}
.archive-folder-section-heading {
  justify-content: space-between;
  gap: 14px;
}
.archive-section-title,
.archive-folder-bulk-actions {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.archive-folder-mobile-icon {
  display: none;
}
.archive-folder-summary {
  color: var(--muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--font-size-control);
  overflow: hidden;
}
.archive-folder-group {
  gap: 8px;
  display: grid;
}
.archive-folder-children {
  border-left: 2px solid var(--border);
  gap: 8px;
  margin-left: 25px;
  padding-left: 14px;
}
.archive-folder-note-item {
  min-height: 64px;
}
.archive-folder-empty {
  margin: 0;
}
.archive-folder-item {
  min-height: 66px;
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease;
}
.note-meta-panel {
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 15px;
  min-width: 0;
  padding: 12px;
}
.note-meta-panel-heading-row {
  display: contents;
}
.note-meta-mobile-toggle {
  display: none;
}
.note-meta-heading,
.attachments-heading > div {
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  display: flex;
}
.note-meta-heading-link {
  width: fit-content;
  color: inherit;
  cursor: pointer;
  background: 0 0;
  border: 0;
  padding: 0;
}
.note-meta-heading .tabler-icon {
  width: 17px;
  height: 17px;
  color: var(--primary);
}
.attachments-heading .attachment-upload-button .tabler-icon {
  color: var(--muted);
}
.note-meta-heading h2 {
  letter-spacing: 2.5px;
  opacity: 0.55;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
  margin: 0;
}
.attachments-heading {
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 12px;
}
.clone-heading {
  justify-content: space-between;
  gap: 12px;
}
.clone-heading > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.note-lock-button {
  border: 1px solid var(--border);
  width: 36px;
  height: 36px;
  color: var(--muted);
  background: var(--surface);
  border-radius: 11px;
  cursor: pointer;
  place-items: center;
  display: grid;
}
.note-lock-button[data-locked="true"] { color: var(--primary); }
.note-lock-button:disabled { cursor: wait; opacity: 0.65; }
.note-lock-button .tabler-icon { width: 18px; height: 18px; color: inherit; }
.clone-panel .settings-link-button:disabled { cursor: wait; opacity: 0.65; }
.clone-panel .settings-link-button { border-color: var(--border); }
.attachment-upload-button {
  height: 36px;
  font-size: var(--font-size-caption);
  border-radius: 11px;
  padding: 0 11px;
}
.attachment-grid {
  gap: 8px;
  margin-top: 10px;
  display: grid;
}
.attachment-item-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  display: grid;
}
.attachment-row-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}
.attachment-download-button,
.attachment-delete-button {
  border: 1px solid var(--border);
  width: 36px;
  height: 36px;
  color: var(--muted);
  cursor: pointer;
  background: var(--surface);
  border-radius: 11px;
  place-items: center;
  text-decoration: none;
  display: grid;
}
.attachment-download-button .tabler-icon,
.attachment-delete-button .tabler-icon {
  width: 16px;
  height: 16px;
}
.attachment-item-row:has(.attachment-row-actions [data-tooltip-open="true"]) {
  z-index: 100;
  position: relative;
}
.attachment-row-actions [data-tooltip]:after {
  z-index: 101;
}
.attachment-tile,
.attachment-empty {
  border: 1px solid var(--border);
  background: var(--surface);
  width: 100%;
  min-width: 0;
  min-height: 58px;
  color: var(--text);
  cursor: pointer;
  text-align: left;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  display: flex;
}
.attachment-tile:disabled {
  cursor: progress;
  opacity: 1;
}
.attachment-file-copy {
  flex: 1;
  gap: 0;
  min-width: 0;
  display: grid;
}
.attachment-file-copy small,
.attachment-empty span {
  color: var(--muted);
  font-size: var(--font-size-caption);
}
.upload-progress-track {
  background: var(--muted-track);
  border-radius: 99px;
  height: 5px;
  overflow: hidden;
}
.upload-progress-track > span {
  border-radius: inherit;
  background: var(--primary);
  height: 100%;
  transition: width 0.2s;
  display: block;
}
.attachment-empty {
  border-style: dashed;
  justify-content: center;
}
.attachment-empty .tabler-icon {
  width: 18px;
  height: 18px;
  color: var(--muted);
}
.attachments-panel {
  transition:
    border-color 0.16s ease,
    background-color 0.16s ease,
    box-shadow 0.16s ease;
}
.attachments-panel[data-drop-active="true"] {
  border-color: var(--primary);
  background: rgba(254, 209, 0, 0.08);
  box-shadow: inset 0 0 0 1px rgba(254, 209, 0, 0.22);
}
.attachment-modal-backdrop {
  z-index: 110;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: var(--overlay-attachment);
  justify-content: center;
  align-items: center;
  padding: 22px;
  display: flex;
  position: fixed;
  inset: 0;
}
.attachment-modal {
  border: 1px solid var(--border);
  position: relative;
  width: min(920px, 100%);
  max-height: calc(100vh - 44px);
  box-shadow: var(--shadow);
  background: var(--surface);
  border-radius: 20px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
}
.attachment-modal-heading {
  border-bottom: 1px solid var(--border);
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 12px 14px;
  display: flex;
}
.attachment-modal-heading-actions {
  align-items: center;
  gap: 8px;
  flex: none;
  display: flex;
}
.attachment-modal-heading-copy {
  gap: 3px;
  min-width: 0;
  flex: 1;
  display: grid;
}
.attachment-modal-fileline {
  align-items: baseline;
  gap: 5px;
  min-width: 0;
  white-space: nowrap;
  display: flex;
}
.attachment-modal-fileline strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: var(--font-size-control);
  overflow: hidden;
}
.attachment-modal-fileline .attachment-modal-size {
  color: var(--muted);
  font-size: var(--font-size-control);
  font-weight: 400;
  flex: none;
}
.attachment-modal-crumbs.note-category-context.compact-category-breadcrumb {
  color: var(--muted);
  font-size: var(--font-size-caption);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
  width: 100%;
  max-width: min(620px, 100%);
  display: block;
  overflow: visible;
}
.attachment-modal-crumbs.note-category-context.compact-category-breadcrumb .breadcrumb-item {
  color: var(--muted);
  font-weight: 400;
  letter-spacing: inherit;
  text-transform: none;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  padding: 0;
  display: inline;
  overflow: visible;
}
.attachment-modal-crumbs.note-category-context.compact-category-breadcrumb .breadcrumb-item[aria-current="page"] {
  color: var(--muted);
  font-weight: 400;
}
.attachment-modal-delete,
.attachment-modal-delete .tabler-icon {
  color: var(--danger);
}
.attachment-modal-delete,
.attachment-modal-close {
  border-color: var(--border);
}
.attachment-preview-stage {
  background: var(--surface);
  place-items: center;
  min-height: min(420px, 50vh);
  padding: 16px;
  flex: 1 1 auto;
  display: grid;
  overflow: auto;
}
.attachment-preview-stage img,
.attachment-preview-stage video,
.attachment-preview-stage iframe {
  object-fit: contain;
  border: 0;
  width: 100%;
  max-height: calc(100vh - 160px);
}
.attachment-preview-stage iframe {
  min-height: 560px;
}
.attachment-preview-stage audio {
  width: min(680px, 100%);
}
.attachment-modal-navigation {
  position: fixed;
  z-index: 2;
  top: 50%;
  right: calc(clamp(24px, 2.5vw, 48px) + env(safe-area-inset-right));
  left: calc(clamp(24px, 2.5vw, 48px) + env(safe-area-inset-left));
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}
.attachment-modal-navigation[hidden] {
  display: none;
}
.attachment-modal-nav-button {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
  pointer-events: auto;
}
.attachment-preview-stage:has(.attachment-pdf-preview) {
  display: block;
}
.attachment-pdf-preview {
  width: 100%;
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 12px;
}
.attachment-pdf-page-controls {
  position: sticky;
  z-index: 1;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 6px;
  background: var(--surface);
}
.attachment-pdf-page-status {
  min-width: 100px;
  text-align: center;
  color: var(--muted);
  font-size: var(--font-size-caption);
}
.attachment-pdf-canvas {
  max-width: 100%;
  height: auto;
  background: #fff;
  box-shadow: var(--shadow-soft);
}
.attachment-preview-fallback {
  color: var(--muted);
  text-align: center;
  justify-items: center;
  gap: 12px;
  display: grid;
}
.app-footer {
  width: fit-content;
  color: var(--muted);
  letter-spacing: 3px;
  opacity: 0.5;
  text-align: center;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(
    110deg,
    var(--muted-shimmer) 0% 40%,
    var(--surface) 50%,
    var(--muted-shimmer) 60% 100%
  );
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-medium);
  background-position: 180% 0;
  background-size: 240% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 50px auto 0;
  animation: 5s linear infinite footer-shine;
}
@keyframes footer-shine {
  0% {
    background-position: 180% 0;
  }
  to {
    background-position: -180% 0;
  }
}
.tabler-icon {
  width: 18px;
  height: 18px;
  -webkit-mask: var(--icon-url) center / contain no-repeat;
  -webkit-mask: var(--icon-url) center / contain no-repeat;
  -webkit-mask: var(--icon-url) center / contain no-repeat;
  -webkit-mask: var(--icon-url) center / contain no-repeat;
  mask: var(--icon-url) center / contain no-repeat;
  background: currentColor;
  flex: none;
  display: inline-block;
}
.prototype-notice {
  z-index: 80;
  border: 1px solid var(--border);
  max-width: min(380px, 100% - 32px);
  box-shadow: var(--shadow);
  color: var(--muted);
  opacity: 0;
  pointer-events: none;
  background: var(--surface);
  font-size: var(--font-size-control);
  border-radius: 14px;
  padding: 12px 14px;
  transition:
    opacity 0.18s,
    transform 0.18s;
  position: fixed;
  bottom: 24px;
  right: 24px;
  transform: translateY(18px);
}
.quick-pad-shortcut-button {
  display: none;
}
.prototype-notice[data-visible] {
  opacity: 1;
  transform: translateY(0);
}
.numbers-card strong {
  color: var(--primary);
  padding: 0 3px;
}
.access-card {
  min-height: 220px;
}
.access-action-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-height: 170px;
  display: grid;
}
.access-action-button {
  border: 1px solid var(--border);
  cursor: pointer;
  color: var(--text);
  background: var(--surface);
  min-width: 0;
  font-weight: var(--font-weight-medium);
  border-radius: 15px;
  place-content: center;
  justify-items: center;
  gap: 13px;
  padding: 18px 12px;
  display: grid;
}
.access-action-button strong {
  font-weight: var(--font-weight-medium);
}
.access-action-button > .tabler-icon {
  width: 19px;
  height: 22px;
  color: var(--primary);
}
.access-action-button kbd,
.quick-access-number {
  min-width: 15px;
  color: var(--muted);
  opacity: 0.46;
  text-align: center;
  font-size: var(--font-size-caption);
  background: 0 0;
  border: 0;
  padding: 0;
}
.quick-access-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}
.quick-access-column {
  border: 1px solid var(--border);
  border-radius: 15px;
  padding: 20px 20px 30px;
}
.quick-access-column h2 {
  color: var(--text);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-medium);
  justify-content: flex-start;
  align-items: baseline;
  gap: 6px;
  margin: 0 0 16px;
  display: flex;
}
.quick-access-chip-list {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}
.quick-access-chip {
  border: 1px solid var(--primary);
  color: var(--text);
  cursor: pointer;
  background: var(--surface);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 12px 20px;
  display: inline-flex;
}
.quick-access-chip .tabler-icon {
  width: 14px;
  height: 14px;
  color: var(--primary);
}
.quick-access-combo-chip {
  border-color: var(--highlight-links);
  border-radius: 0;
}
.quick-access-empty {
  color: var(--muted);
  font-size: var(--font-size-control);
}
.quick-access-column-heading {
  cursor: pointer;
}
.category-button-icon,
.category-note-count,
.settings-quotes-save-label {
  display: block;
}
.archived-item-marker {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  color: var(--muted);
  opacity: 0.46;
}
.archived-item-marker .tabler-icon {
  width: 15px;
  height: 15px;
  color: var(--muted);
}
.note-category-context .note-archive-status .tabler-icon {
  width: 1em;
  height: 1em;
}
.archive-delete-all-button:not(:disabled),
.archive-delete-all-button:not(:disabled) .tabler-icon,
.archive-download-all-button:not(:disabled),
.archive-download-all-button:not(:disabled) .tabler-icon {
  opacity: 1;
}

/* Quick Pad */
.quick-pad-view {
  display: block;
  min-height: 0;
}
.quick-pad-heading {
  flex: 0 0 auto;
}
.quick-pad-heading-actions {
  align-items: center;
  gap: 10px;
  display: flex;
  margin-left: auto;
}
.quick-pad-clear-button .tabler-icon {
  color: var(--danger);
}
.quick-pad-select-button[data-mobile-destructive],
.quick-pad-select-button[data-mobile-destructive] .tabler-icon {
  color: var(--danger);
}
.quick-pad-stream {
  position: relative;
  display: block;
  height: auto;
  min-height: 0;
  max-height: none;
  margin-top: 12px;
  overflow: visible;
  border-radius: 15px;
  background: var(--surface);
}
.quick-pad-timeline {
  min-height: 0;
  padding: 0;
  overflow: visible;
}
.quick-pad-date-separator {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 8px 0 12px;
  color: var(--muted);
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.65px;
}
.quick-pad-date-separator::before,
.quick-pad-date-separator::after {
  height: 1px;
  flex: 1 1 auto;
  background: var(--border);
  content: "";
}
.quick-pad-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  margin-bottom: 10px;
  padding: 12px 13px 9px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: transparent;
  transition:
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease;
}
.quick-pad-entry:not([data-selecting="true"]) .quick-pad-entry-text {
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}
.quick-pad-entry-content {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 8px;
  min-width: 0;
}
.quick-pad-entry-text {
  flex: 0 1 auto;
  max-width: 100%;
  min-width: 0;
  color: var(--text);
  font-size: var(--font-size-body);
  line-height: 1.55;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.quick-pad-entry-text a {
  color: var(--muted);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.quick-pad-entry-footer {
  flex: 1 0 auto;
  display: flex;
  min-height: 30px;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.quick-pad-entry[data-selecting="true"] {
  grid-template-columns: auto minmax(0, 1fr);
  cursor: pointer;
  -webkit-touch-callout: none;
}
.quick-pad-entry[data-selecting="true"] .quick-pad-entry-text {
  -webkit-user-select: none;
  user-select: none;
}
.quick-pad-entry[data-selecting="true"] .quick-pad-entry-select {
  grid-column: 1;
  grid-row: 1;
  width: 15px;
  height: 15px;
  accent-color: var(--text);
  flex: 0 0 15px;
  margin: 3px 10px 0 0;
  cursor: pointer;
}
.quick-pad-entry[data-selecting="true"] .quick-pad-entry-content {
  grid-column: 2;
}
.quick-pad-entry[data-selected="true"] {
  background: var(--background);
}
.quick-pad-entry-edit-input,
.quick-pad-entry-edit-actions {
  grid-column: 1 / -1;
}
.quick-pad-entry-footer time {
  color: var(--muted);
  font-size: var(--font-size-micro);
}
.quick-pad-entry-actions.standard-mobile-actions {
  position: relative;
  display: block;
  flex: 0 0 auto;
}
.quick-pad-entry-actions .standard-mobile-menu-button {
  display: inline-flex;
  width: 30px;
  min-width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  background: transparent;
  line-height: 1;
}
.quick-pad-entry-actions .standard-mobile-menu-button .tabler-icon {
  width: 16px;
  height: 16px;
}
.quick-pad-entry-actions .standard-mobile-actions-dropdown {
  top: calc(100% + 4px);
  right: 0;
  z-index: 45;
}
.quick-pad-entry-edit-input,
.quick-pad-composer-input {
  width: 100%;
  color: var(--text);
  border: 1px solid var(--border);
  background: var(--surface);
  outline: none;
  line-height: 1.5;
}
.quick-pad-entry-edit-input {
  min-height: 110px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  resize: vertical;
}
.quick-pad-entry-edit-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.quick-pad-entry-edit-primary-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}
.quick-pad-entry-edit-delete {
  display: inline-grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--danger);
  border-radius: 10px;
  color: var(--danger);
  background: var(--surface);
  cursor: pointer;
}
.quick-pad-entry-edit-delete .tabler-icon {
  width: 18px;
  height: 18px;
}
.quick-pad-composer {
  position: relative;
  display: block;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: var(--surface);
}
.quick-pad-composer:focus-within {
  border-color: var(--primary);
}
.quick-pad-composer-input {
  min-height: 58px;
  max-height: none;
  padding: 16px 62px 12px 14px;
  border: 0;
  border-radius: inherit;
  background: transparent;
  resize: none;
}
.quick-pad-send-button {
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: grid;
  flex: 0 0 42px;
  width: 42px;
  min-width: 42px;
  height: 42px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--primary);
  border-radius: 11px;
  color: var(--muted);
  background: var(--surface);
  box-shadow: none;
  cursor: pointer;
}
.quick-pad-send-button .tabler-icon {
  width: 19px;
  height: 19px;
}
.quick-pad-floating-send-button,
.quick-pad-floating-selection-exit-button,
.quick-pad-floating-selection-delete-button,
.category-floating-selection-exit-button,
.category-floating-selection-delete-button,
.archive-floating-selection-exit-button,
.archive-floating-selection-delete-button {
  display: none;
}
.quick-pad-empty {
  display: grid;
  min-height: 100%;
  place-items: center;
  padding: 32px;
  color: var(--muted);
  text-align: center;
}
.quick-pad-confirm-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgb(10 16 28 / 72%);
}
.quick-pad-confirm-dialog {
  width: min(440px, 100%);
  padding: 22px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface);
  box-shadow: 0 24px 70px rgb(0 0 0 / 28%);
}
.quick-pad-confirm-dialog h2 {
  color: var(--text);
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-semibold);
}
.quick-pad-confirm-dialog p {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.5;
}
.quick-pad-confirm-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 20px;
}
.quick-pad-confirm-delete,
.quick-pad-clear-button {
  color: var(--danger);
  font: inherit;
}
.spotlight-quick-pad-copy {
  display: grid;
  min-width: 0;
}
.spotlight-quick-pad-snippet,
.search-result-quick-pad-row .search-result-snippet {
  overflow: hidden;
  color: var(--text);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.spotlight-quick-pad-time {
  color: var(--muted);
  font-size: var(--font-size-micro);
}
.search-result-quick-pad-row .search-result-note-copy {
  min-width: 0;
}
/* Search */
.spotlight-results {
  border-top: 1px solid var(--border);
  max-height: min(58vh, 510px);
  overflow-y: auto;
}
.spotlight-result-group {
  gap: 3px;
  padding: 9px;
  display: grid;
}
.spotlight-result-group + .spotlight-result-group {
  border-top: 1px solid var(--border);
}
.spotlight-group-label {
  color: var(--muted);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-semibold);
  padding: 5px 9px;
}
.spotlight-result-group > button,
.spotlight-view-all {
  cursor: pointer;
  text-align: left;
  background: 0 0;
  border: 0;
  border-radius: 11px;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 9px;
  display: flex;
}
.spotlight-result-group > button:focus,
.spotlight-view-all:focus {
  background: var(--surface-soft);
}
.spotlight-result-group > button > .tabler-icon {
  color: var(--muted);
  opacity: 0.46;
  flex: 0 0 19px;
  width: 19px;
  height: 19px;
}
.spotlight-result-group > button > span {
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: grid;
}
.spotlight-result-group strong,
.spotlight-result-group small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.spotlight-result-group strong {
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-semibold);
}
.spotlight-result-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.spotlight-result-group small {
  color: var(--muted);
  font-size: var(--font-size-caption);
}
.spotlight-result-group kbd {
  color: var(--muted);
  font-size: var(--font-size-micro);
}
.spotlight-view-all {
  border-top: 1px solid var(--border);
  color: var(--muted);
  text-align: center;
  font-weight: var(--font-weight-semibold);
  border-radius: 0;
  justify-content: center;
  padding: 14px;
}
.spotlight-view-all .tabler-icon {
  width: 15px;
  height: 15px;
}
/* Manager and result surfaces */
.tag-manager-view,
.search-results-view,
.combos-view {
  border: 1px solid var(--border);
  min-height: 568px;
  box-shadow: var(--shadow-soft);
  background: var(--surface);
  border-radius: 20px;
  padding: 18px;
}
.tag-manager-layout {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  align-items: start;
  gap: 14px;
  display: grid;
}
.tag-manager-section-stack {
  gap: 22px;
  display: grid;
}
.tag-manager-section-stack .manager-editor-column {
  position: static;
}
.tag-category-manager-section {
  min-width: 0;
}
.tag-category-section-heading {
  margin-bottom: 10px;
}
.combos-management-layout {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  align-items: start;
  gap: 14px;
  display: grid;
}
.manager-editor-column.combos-manager-column {
  min-width: 0;
  position: static;
}
.folders-category-panels-section {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 14px;
  display: grid;
}
.folders-attachments-section {
  margin-top: 50px;
}
.folders-attachments-heading {
  align-items: center;
}
.folders-attachments-heading h2 {
  font-size: var(--font-size-title);
  margin: 0;
}
.folders-attachments-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: stretch;
  gap: 10px;
  display: grid;
}
.folders-attachment-card {
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  color: var(--text);
  text-align: left;
  min-width: 0;
  padding: 7px;
  cursor: pointer;
  display: grid;
  align-content: start;
  gap: 4px;
}
.folders-attachment-art {
  border-radius: 8px;
  background: var(--surface-soft);
  aspect-ratio: 4 / 3;
  place-items: center;
  min-width: 0;
  display: grid;
  overflow: hidden;
}
.folders-attachment-art img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.folders-attachment-art .tabler-icon {
  color: var(--muted);
  width: 32px;
  height: 32px;
}
.folders-attachment-name {
  font-size: var(--font-size-caption);
  line-height: 1.35;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
}
.folders-attachment-note {
  color: var(--muted);
  font-size: var(--font-size-micro);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.folders-attachment-meta {
  color: var(--muted);
  font-size: var(--font-size-micro);
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.folders-category-panel-column {
  min-width: 0;
  display: grid;
}
.folders-category-panel-column .category-folder-panel {
  position: static;
}
.folder-overview-empty {
  color: var(--muted);
  font-size: var(--font-size-micro);
  text-align: center;
  padding: 18px 12px;
}
.manager-list-panel,
.manager-editor-panel {
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 15px;
}
.manager-list-panel {
  overflow: hidden;
}
.tag-manager-view .manager-list-panel {
  overflow: visible;
}
.manager-record-row.combo-list-row {
  cursor: pointer;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  display: grid;
}
.combo-list-row .manager-record-title-row strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.combo-list-row .manager-record-title-row .combo-name-chip {
  border: 1px solid var(--highlight-links);
  border-radius: 0;
  padding: 7px 12px;
  line-height: 1.2;
}
.combo-list-meta {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}
.combo-list-meta > small {
  flex: none;
}
.combo-list-meta > .record-chip-list {
  flex: 1;
  margin-top: 0;
}
.combo-list-action .tabler-icon {
  width: 19px;
  height: 19px;
}
.combo-list-delete-button {
  color: var(--muted);
}
.combo-list-delete-button .tabler-icon {
  color: var(--danger);
}
.combos-list-panel {
  overflow: visible;
}
.combos-view .combo-list-action[data-tooltip-open="true"] {
  z-index: 100;
  position: relative;
}
.combos-view .combo-list-row:has(.combo-list-action[data-tooltip-open="true"]) {
  z-index: 100;
  position: relative;
}
.combos-view
  .combo-record-actions:has(.combo-list-action[data-tooltip-open="true"]) {
  z-index: 100;
  position: relative;
}
.combos-view .combo-list-action[data-tooltip]:after {
  z-index: 101;
}
.combos-empty {
  color: var(--muted);
  text-align: center;
  font-size: var(--font-size-control);
  padding: 28px;
}
.manager-record-row {
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 12px;
  display: grid;
}
.manager-record-row + .manager-record-row {
  border-top: 1px solid var(--border);
}
.manager-record-icon,
.note-list-icon {
  width: 38px;
  height: 38px;
  color: var(--muted);
  opacity: 0.46;
  background: 0 0;
  flex: 0 0 38px;
  place-items: center;
  display: grid;
}
.manager-record-icon .tabler-icon,
.note-list-icon .tabler-icon {
  width: 16px;
  height: 16px;
}
.manager-record-copy {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.manager-record-copy strong {
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-semibold);
}
.manager-record-link {
  width: fit-content;
  max-width: 100%;
  color: var(--text);
  cursor: pointer;
  text-align: left;
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-semibold);
  background: 0 0;
  border: 0;
  padding: 0;
}
.manager-record-link.tag-name-chip {
  border: 1px solid var(--primary);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  border-radius: 999px;
  padding: 4px 11px;
}
.manager-record-title-row {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}
.manager-record-title-row .tabler-icon {
  width: 15px;
  height: 15px;
  color: var(--primary);
  flex: 0 0 15px;
}
.manager-record-copy small {
  color: var(--muted);
  font-size: var(--font-size-caption);
}
.record-chip-list {
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 3px;
  display: flex;
}
.record-chip-list em,
.record-chip-list .note-tag-chip,
.search-result-note-copy em,
.combination-query-strip div span,
.combination-query-strip div .note-tag-chip {
  border: 1px solid var(--primary);
  color: var(--text);
  font-size: var(--font-size-micro);
  font-style: normal;
  font-weight: var(--font-weight-semibold);
  border-radius: 999px;
  padding: 3px 10px;
}
.record-chip-list .note-tag-chip {
  line-height: inherit;
  background: 0 0;
}
.combination-query-strip div .note-tag-chip {
  line-height: inherit;
  cursor: pointer;
  background: 0 0;
}
.manager-record-actions {
  gap: 4px;
  display: flex;
}
.manager-record-actions button {
  border: 1px solid var(--border);
  color: var(--muted);
  cursor: pointer;
  background: var(--surface);
  font-size: var(--font-size-micro);
  border-radius: 8px;
  padding: 6px 8px;
}
.manager-record-actions .manager-record-action {
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  display: inline-flex;
}
.manager-record-action .tabler-icon {
  width: 19px;
  height: 19px;
}
.manager-record-actions .manager-record-delete-action,
.manager-record-actions .manager-record-delete-action .tabler-icon {
  color: var(--danger);
}
.tag-manager-view .manager-record-action[data-tooltip-open="true"] {
  z-index: 100;
  position: relative;
}
.tag-manager-view
  .manager-record-row:has(.manager-record-action[data-tooltip-open="true"]) {
  z-index: 100;
  position: relative;
}
.tag-manager-view
  .manager-record-actions:has(
    .manager-record-action[data-tooltip-open="true"]
  ) {
  z-index: 100;
  position: relative;
}
.tag-manager-view .manager-record-action[data-tooltip]:after {
  z-index: 101;
}
.manager-record-actions button:last-child:hover {
  color: var(--danger-hover);
  border-color: var(--danger-hover-border);
}
.manager-editor-column {
  align-content: start;
  gap: 10px;
  display: grid;
  position: sticky;
  top: 12px;
}
.manager-editor-panel {
  padding: 14px;
}
.manager-editor-heading {
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
  display: flex;
}
.manager-editor-heading > .tabler-icon {
  width: 20px;
  height: 20px;
  color: var(--muted);
  opacity: 0.46;
}
.manager-editor-heading > div {
  gap: 3px;
  display: grid;
}
.manager-editor-heading strong {
  font-size: var(--font-size-title);
}
.manager-editor-heading span {
  color: var(--muted);
  font-size: var(--font-size-micro);
  line-height: 1.4;
}
.manager-field {
  gap: 6px;
  display: grid;
}
.manager-field > span,
.manager-option-fieldset legend {
  color: var(--muted);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-semibold);
}
.manager-field input {
  color: var(--text);
  line-height: 1.65;
  border: 1px solid var(--border);
  height: 50px;
  box-shadow: none;
  background: var(--surface);
  font-size: var(--font-size-title);
  border-radius: 15px;
  outline: none;
  padding: 0 16px;
}
.manager-field input:focus,
.manager-field input:active {
  border-color: var(--border);
  box-shadow: none;
}
.manager-field input::placeholder {
  color: var(--muted);
  opacity: 0.62;
}
.manager-option-fieldset {
  border: 0;
  min-width: 0;
  margin: 14px 0 0;
  padding: 0;
}
.manager-option-list {
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
  display: flex;
}
.manager-option-list button {
  border: 1px solid var(--border);
  color: var(--text);
  cursor: pointer;
  opacity: 0.46;
  background: var(--surface);
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-semibold);
  border-radius: 999px;
  padding: 5px 10px;
  transition: none;
}
.manager-option-list button[data-selected] {
  border-color: var(--primary);
  opacity: 1;
}
.manager-pin-option {
  width: fit-content;
  color: var(--muted);
  cursor: pointer;
  font-size: var(--font-size-caption);
  background: 0 0;
  border: 0;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding: 0;
  display: flex;
}
.manager-pin-option .tabler-icon {
  width: 16px;
  height: 16px;
}
.manager-pin-option[data-selected] .tabler-icon {
  color: var(--primary);
}
.manager-form-message {
  color: var(--danger-form);
  background: var(--danger-soft-strong);
  font-size: var(--font-size-micro);
  border-radius: 9px;
  margin-top: 12px;
  padding: 8px 9px;
}
.manager-editor-actions {
  justify-content: flex-start;
  gap: 8px;
  margin-top: 14px;
  display: flex;
}
@media (width>=761px) {
  .manager-mobile-editor-actions,
  .manager-heading-pin-option {
    display: none;
  }
}
@media (width>=1101px) {
  .note-editor-view .note-body-input {
    min-height: max(310px, var(--note-editor-sidebar-height, 310px));
  }
  .note-editor-view .note-body-preview {
    min-height: calc(var(--note-editor-sidebar-height, 365px) - 55px);
  }
}
.note-tag-groups {
  gap: 10px;
  margin-top: 10px;
  display: grid;
  overflow-y: auto;
}
.note-tag-group {
  gap: 6px;
  display: grid;
}
.note-tag-category {
  width: 100%;
  color: var(--text);
  cursor: pointer;
  text-align: left;
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-semibold);
  background: 0 0;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 0 1px;
  display: flex;
}
.note-tag-category small {
  background: var(--surface-soft);
  min-width: 20px;
  color: var(--muted);
  text-align: center;
  font-size: var(--font-size-micro);
  border-radius: 999px;
  padding: 2px 6px;
}
.note-tag-buttons {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}
.note-tag-buttons button {
  border: 1px solid var(--border);
  color: var(--text);
  cursor: pointer;
  opacity: 0.46;
  background: var(--surface);
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-semibold);
  border-radius: 999px;
  padding: 5px 10px;
}
.note-tag-buttons button[data-selected] {
  border-color: var(--primary);
  opacity: 1;
}
.note-tag-buttons > span {
  color: var(--muted);
  opacity: 0.6;
  font-size: var(--font-size-micro);
}
.combination-query-strip {
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 13px;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}
.combination-query-strip > span {
  color: var(--muted);
  text-transform: uppercase;
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-semibold);
}
.combination-query-strip > .search-result-count {
  text-transform: uppercase;
}
.combination-query-strip > .search-result-count strong {
  color: var(--text);
}
.search-query-criteria,
.search-query-values {
  display: contents;
}
.search-query-label {
  color: var(--muted);
  text-transform: uppercase;
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-semibold);
}
.search-query-values .note-tag-chip,
.search-query-values > span {
  border: 1px solid var(--primary);
  color: var(--text);
  border-radius: 999px;
  padding: 3px 10px;
  font-size: var(--font-size-micro);
  font-style: normal;
  font-weight: var(--font-weight-semibold);
}
.search-query-values .note-tag-chip {
  line-height: inherit;
  cursor: pointer;
  background: transparent;
}
.spotlight-scope-location {
  font-weight: 500;
}
.search-scope-breadcrumb-location.mobile-status-toast {
  position: static;
  display: inline-flex;
  width: auto;
  max-width: none;
  min-height: 0;
  margin: 0 0 0 5px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--muted);
  opacity: 1;
  pointer-events: none;
  transform: none;
  white-space: nowrap;
  line-height: inherit;
}
.combination-query-strip div,
.search-result-note-copy > span {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}
.search-result-note-list {
  border: 1px solid var(--border);
  border-radius: 15px;
  overflow: hidden;
}
.search-result-note-row {
  cursor: pointer;
  text-align: left;
  background: var(--surface);
  border: 0;
  grid-template-columns: 38px minmax(0, 1fr) minmax(220px, 46%);
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 13px;
  display: grid;
}
.search-result-note-row + .search-result-note-row {
  border-top: 1px solid var(--border);
}
.search-result-note-open-button {
  min-width: 0;
  color: var(--text);
  text-align: left;
  background: 0 0;
  border: 0;
  grid-column: 1/3;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 0;
  display: grid;
}
.search-result-note-icon {
  width: 38px;
  height: 38px;
  color: var(--muted);
  opacity: 0.46;
  background: 0 0;
  place-items: center;
  display: grid;
}
.search-result-note-icon .tabler-icon {
  width: 16px;
  height: 16px;
}
.search-result-note-copy {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.search-result-note-copy strong {
  text-overflow: ellipsis;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  min-width: 0;
  font-size: var(--font-size-control);
  -webkit-box-orient: vertical;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}
.search-result-note-copy .note-list-title-row {
  flex-wrap: nowrap;
  overflow: hidden;
}
.search-result-note-copy .note-list-title-row strong {
  flex: 0 1 auto;
}
.search-result-note-copy small {
  color: var(--muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--font-size-caption);
  overflow: hidden;
}
.search-result-note-meta {
  justify-items: end;
  gap: 8px;
  width: 100%;
  max-width: none;
  display: grid;
}
.search-result-note-meta > .note-list-tags {
  justify-content: flex-end;
  width: 100%;
}
.search-result-secondary-meta {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}
.search-result-match {
  color: var(--muted);
  text-align: right;
  font-size: var(--font-size-micro);
}
.search-results-empty {
  color: var(--muted);
  text-align: center;
  justify-items: center;
  gap: 7px;
  padding: 54px 20px;
  display: grid;
}
.search-results-empty .tabler-icon {
  color: var(--muted);
  width: 28px;
  height: 28px;
}
.search-results-empty strong {
  color: var(--text);
}
.search-results-empty span {
  font-size: var(--font-size-caption);
}
.search-results-load-more {
  justify-items: center;
  gap: 8px;
  padding: 18px 0 4px;
  display: grid;
}
.search-results-load-more small {
  color: var(--muted);
  font-size: var(--font-size-micro);
}
.settings-view,
.archive-view,
.quick-access-view,
.quick-pad-view,
.folders-view,
.combos-view,
.tag-manager-view,
.category-notes-view,
.note-editor-view,
.sm-checklist-view {
  padding-bottom: 50px;
}
/* Checklist and calendar */
.sm-checklist-panel {
  min-width: 0;
}
.sm-profile-editor {
  border-top: 1px solid var(--border);
  gap: 12px;
  margin-top: 14px;
  padding-top: 14px;
  display: grid;
}
.sm-checklist-group-list,
.sm-profile-link-list {
  gap: 0;
  display: grid;
}
.sm-profile-bulk-input {
  width: 100%;
  min-height: 220px;
  color: var(--text);
  resize: vertical;
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 12px;
  outline: none;
  padding: 10px 12px;
  line-height: 1.5;
}
.sm-profile-message {
  color: var(--danger);
  line-height: 1.45;
}
.sm-checklist-group {
  padding: 5px 10px 10px;
  display: grid;
}
.sm-checklist-group-title {
  color: var(--muted);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-semibold);
  overflow-wrap: anywhere;
  display: block;
}
.sm-checklist-heading-actions {
  margin-left: auto;
}
.sm-profile-link-row {
  align-items: center;
  min-width: 0;
  display: flex;
}
.sm-profile-link {
  min-width: 0;
  color: var(--text);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  flex: 1;
  align-items: flex-start;
  gap: 9px;
  padding: 9px 10px;
  text-decoration: none;
  display: flex;
}
.sm-profile-link > span:last-child {
  overflow-wrap: anywhere;
  min-width: 0;
}
.sm-checklist-item {
  width: 100%;
  min-width: 0;
  color: var(--text);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  cursor: pointer;
  align-items: flex-start;
  gap: 9px;
  padding: 9px 10px;
  display: flex;
}
.sm-checklist-item input {
  width: 15px;
  height: 15px;
  accent-color: var(--text);
  flex: 0 0 15px;
  margin: 3px 10px 0 0;
}
.sm-checklist-item > span:last-child {
  overflow-wrap: anywhere;
  min-width: 0;
}
.sm-checklist-item:has(input:disabled) {
  cursor: wait;
  opacity: 0.65;
}
.sm-profile-favicon {
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  margin-top: 3px;
  position: relative;
}
.sm-profile-favicon .tabler-icon,
.sm-profile-favicon img {
  width: 15px;
  height: 15px;
}
.sm-profile-favicon .tabler-icon {
  color: var(--muted);
  opacity: 0.46;
}
.sm-profile-favicon img {
  object-fit: contain;
  background: var(--background);
  position: absolute;
  inset: 0;
}
.sm-profile-empty {
  color: var(--muted);
  border-top: 1px solid var(--border);
  margin-top: 14px;
  padding-top: 14px;
}
.sm-checklist-calendar {
  min-width: 0;
  margin-top: 24px;
}
.sm-calendar-toolbar {
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  display: grid;
}
.sm-calendar-title-button {
  appearance: none;
  color: var(--text);
  cursor: pointer;
  text-align: center;
  font-size: var(--font-size-title);
  font-weight: var(--font-weight-medium);
  background: 0 0;
  border: 0;
  padding: 4px;
}
.sm-calendar-navigation-button {
  border: 1px solid var(--border);
  width: 34px;
  height: 34px;
  color: var(--muted);
  cursor: pointer;
  background: var(--surface);
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}
.sm-calendar-navigation-button .tabler-icon {
  width: 19px;
  height: 19px;
}
.sm-calendar-month-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}
.sm-calendar-month {
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 14px;
  min-width: 0;
  padding: 14px;
}
.sm-calendar-month h3 {
  color: var(--text);
  text-align: center;
  font-size: var(--font-size-control);
  font-weight: var(--font-weight-medium);
  margin: 5px 0 24px;
}
.sm-calendar-weekdays,
.sm-calendar-days {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  display: grid;
}
.sm-calendar-days {
  aspect-ratio: 7/6;
  grid-template-rows: repeat(6, minmax(0, 1fr));
}
.sm-calendar-weekdays {
  color: var(--muted);
  text-align: center;
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-medium);
  margin-bottom: 5px;
}
.sm-calendar-day {
  color: var(--text);
  cursor: pointer;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-regular);
  background: 0 0;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin: 5px;
  padding: 0;
  display: flex;
}
.sm-calendar-day:hover {
  background: var(--background);
}
.sm-calendar-day[data-today="true"] {
  position: relative;
}
.sm-calendar-day[data-today="true"]::after {
  position: absolute;
  right: 28%;
  bottom: 2px;
  left: 28%;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  content: "";
}
.sm-calendar-day[data-highlighted="primary"],
.sm-calendar-day[data-highlighted="primary"]:hover {
  background: var(--primary);
}
.sm-calendar-day[data-highlighted="links"],
.sm-calendar-day[data-highlighted="links"]:hover {
  background: var(--highlight-links);
  color: var(--surface);
}
.sm-calendar-day:disabled {
  cursor: wait;
  opacity: 0.65;
}

/* Footer control */
.footer-sound-button {
  appearance: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  cursor: pointer;
  background: 0 0;
  border: 0;
  padding: 0;
}

/* Dashboard mobile action container */
.dashboard-mobile-bottom-actions {
  display: none;
}

/* Responsive layouts */
@media (width<=1100px) {
  .app-shell {
    width: min(95%, 1600px);
  }
  .category-grid,
  .utility-grid,
  .lower-grid {
    gap: 12px;
  }
  .settings-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "quotes" "shortcuts" "side";
  }
  .settings-quotes-editor {
    min-height: 330px;
  }
  .category-card-actions,
  .category-link-grid {
    gap: 8px;
  }
  .category-name-button {
    letter-spacing: 2px;
  }
  .note-workspace-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "title"
      "actions"
      "body"
      "metadata";
  }
  .note-editor-main-column,
  .note-editor-sidebar-column {
    display: contents;
  }
  .note-title-action-row {
    grid-area: title;
    display: grid;
  }
  .note-top-actions {
    grid-area: actions;
    justify-content: flex-end;
  }
  .note-editor-layout {
    grid-area: body;
    display: grid;
  }
  .note-bottom-grid {
    grid-area: metadata;
    width: 100%;
    margin-top: 0;
  }
  .tag-manager-layout,
  .combos-management-layout,
  .category-folder-layout {
    grid-template-columns: 1fr;
  }
  .category-folder-panel,
  .manager-editor-column {
    position: static;
  }
}
@media (width<=1020px) {
  .workspace-grid {
    grid-template-columns: 1fr;
  }
  .side-rail {
    display: none;
  }
}
@media (width<=760px) {
  .app-shell {
    width: 100%;
    padding: 10px 10px 34px;
  }
  .attachment-modal-backdrop {
    padding: 8px;
  }
  .attachment-modal {
    max-height: calc(100dvh - 16px);
  }
  .attachment-modal-navigation {
    top: auto;
    right: auto;
    bottom: calc(15px + env(safe-area-inset-bottom));
    left: 50%;
    justify-content: center;
    gap: 12px;
    transform: translateX(-50%);
  }
  .attachment-modal-nav-button {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
  }
  .attachment-preview-stage {
    padding-bottom: 72px;
  }
  .folders-category-panels-section {
    grid-template-columns: 1fr;
  }
  .folders-attachments-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }
  .folders-attachments-section {
    margin-top: 20px;
  }
  .folders-attachment-card {
    padding: 5px;
  }
  .folders-attachment-art .tabler-icon {
    width: 26px;
    height: 26px;
  }
  .topbar {
    grid-template-columns: 50px minmax(0, 1fr) auto;
    gap: 10px;
    margin-bottom: 12px;
  }
  .mobile-nav-button {
    display: grid;
  }
  .brand-link {
    justify-self: center;
  }
  .topbar-main {
    display: contents;
  }
  .top-actions {
    justify-self: end;
    margin-left: 0;
  }
  .mobile-note-focus-button {
    color: var(--muted);
    background: 0 0;
    border: 0;
    place-items: center;
    width: 32px;
    height: 46px;
    padding: 0;
    display: inline-grid;
  }
  .mobile-note-focus-button .tabler-icon {
    color: var(--muted);
    opacity: 0.46;
  }
  .mobile-note-focus-button[aria-pressed="true"] .tabler-icon {
    color: var(--text);
    opacity: 1;
  }
  .anchor-app[data-mobile-note-focus] .quote-strip,
  .anchor-app[data-mobile-note-focus] .note-view-heading {
    display: none;
  }
  .profile-dropdown {
    width: 160px;
    top: calc(100% + 12px);
  }
  .brand-logo {
    width: min(180px, 100vw - 150px);
  }
  .mobile-nav-backdrop {
    z-index: 1000;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: var(--overlay-navigation);
    display: block;
    position: fixed;
    inset: 0;
  }
  .mobile-nav-drawer {
    background: var(--card);
    width: min(77vw, 340px);
    height: 100%;
    font-size: var(--font-size-control);
    box-shadow: var(--shadow-navigation);
    padding: 16px 16px 28px;
    animation: 0.18s ease-out mobile-drawer-in;
    position: relative;
    overflow-y: auto;
  }
  .mobile-nav-close {
    color: var(--muted);
    background: 0 0;
    border: 0;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    display: inline-grid;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .mobile-nav-close .tabler-icon {
    width: 20px;
    height: 20px;
  }
  .mobile-nav-drawer .notes-sidebar {
    padding: 10px 10px 19px 0;
    display: block;
  }
  .mobile-nav-drawer :is(.sidebar-category-button, .sidebar-note-button) {
    font-size: var(--font-size-control);
    align-items: center;
    line-height: 18px;
  }
  .mobile-nav-drawer
    :is(.sidebar-category-button, .sidebar-note-button)
    > .tabler-icon {
    align-self: center;
    display: block;
  }
  .mobile-nav-drawer
    :is(.sidebar-category-button, .sidebar-note-button)
    > span:not(.tabler-icon) {
    line-height: 18px;
  }
  .mobile-nav-drawer .sidebar-tree {
    max-height: none;
    position: static;
    overflow: visible;
  }
  @keyframes mobile-drawer-in {
    0% {
      opacity: 0;
      transform: translate(-24px);
    }
  }
  .quote-strip {
    border-radius: 99px;
    order: 3;
    grid-column: 1/-1;
    min-height: 50px;
  }
  .quote-strip-action {
    padding: 11px 16px;
  }
  .search-result-note-row {
    grid-template-columns: 38px minmax(0, 1fr);
  }
  .search-result-note-open-button {
    grid-column: 1/-1;
  }
  .search-result-note-meta {
    grid-column: 2;
    justify-items: start;
  }
  .search-result-note-meta > .note-list-tags,
  .search-result-secondary-meta {
    justify-content: flex-start;
  }
  .search-result-match {
    text-align: left;
  }
  #quoteText {
    max-width: 91%;
    font-size: var(--font-size-control);
    line-height: 1.45;
  }
  .category-grid,
  .utility-grid,
  .lower-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .dashboard-content {
    gap: 14px;
    display: grid;
  }
  .dashboard-content > .dashboard-desktop-categories {
    display: none;
  }
  .dashboard-content > .mobile-category-actions-card,
  .dashboard-content > .mobile-category-links-card {
    display: block;
  }
  .dashboard-content > .utility-grid,
  .dashboard-content > .lower-grid {
    display: contents;
  }
  .mobile-category-actions-card {
    order: 1;
  }
  .lower-grid > .access-card {
    order: 2;
  }
  .mobile-category-links-card {
    order: 3;
  }
  .lower-grid > .dashboard-scout-card {
    order: 4;
  }
  .lower-grid > .dashboard-tools-card {
    order: 5;
  }
  .utility-grid > .password-card {
    order: 6;
  }
  .utility-grid > .numbers-card {
    order: 7;
  }
  .utility-grid > .merge-card {
    order: 8;
  }
  .mobile-category-actions-card .category-card-actions:last-child {
    margin-bottom: 0;
  }
  .mobile-category-link-title {
    color: var(--muted);
    text-align: left;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-size: var(--font-size-micro);
    font-weight: var(--font-weight-semibold);
    margin: 14px 2px 8px;
    padding: 8px 2px 0;
    line-height: 1;
  }
  .mobile-category-link-title:first-child {
    margin-top: 0;
  }
  .access-card {
    height: auto;
    min-height: 0;
  }
  .access-action-grid {
    min-height: 120px;
  }
  .quick-pad-action-button {
    order: 2;
  }
  .quick-access-action-button {
    order: 1;
  }
  .anchor-app kbd {
    display: none;
  }
  .settings-view kbd {
    display: inline-flex;
  }
  .numbers-card .field-label {
    font-size: var(--font-size-caption);
  }
  .note-category-context.compact-category-breadcrumb {
    text-transform: none;
    min-width: 0;
    font-size: var(--font-size-caption);
    line-height: 1.65;
    display: block;
    overflow: visible;
  }
  .note-category-context.compact-category-breadcrumb .breadcrumb-item {
    text-overflow: clip;
    white-space: normal;
    max-width: 100%;
    line-height: inherit;
    overflow-wrap: normal;
    word-break: normal;
    padding: 0;
    display: inline;
    overflow: visible;
  }
  .note-category-context.compact-category-breadcrumb .breadcrumb-item-long-word {
    overflow-wrap: anywhere;
  }
  .compact-category-total {
    margin-left: 5px;
  }
  .category-card,
  .tool-card,
  .link-hub-card {
    border-radius: 20px;
    padding: 10px;
  }
  .tool-card {
    min-height: 0;
  }
  .link-button {
    font-size: var(--font-size-control);
  }
  .category-notes-view,
  .note-editor-view,
  .archive-view,
  .settings-view,
  .quick-access-view,
  .tag-manager-view,
  .search-results-view,
  .combos-view {
    border-radius: 20px;
    min-height: 0;
    padding: 10px;
  }
  .quick-access-number {
    display: none;
  }
  .quick-access-columns {
    gap: 10px;
  }
  .quick-access-column {
    padding: 12px 12px 30px;
  }
  .quick-access-chip {
    justify-content: center;
    width: 100%;
    padding: 10px 12px;
  }
  .compact-view-heading {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 12px;
    margin-left: 2px;
    margin-right: 0;
  }
  :is(
      .quick-access-view,
      .quick-pad-view,
      .sm-checklist-view,
      .folders-view,
      .combos-view,
      .tag-manager-view,
      .category-notes-view,
      .search-results-view
    )
    > .compact-view-heading {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
  }
  :is(
      .quick-access-view,
      .quick-pad-view,
      .sm-checklist-view,
      .folders-view,
      .combos-view,
      .tag-manager-view,
      .category-notes-view,
      .search-results-view
    )
    > .compact-view-heading
    > .compact-category-breadcrumb {
    flex: 0 75%;
    width: 75%;
    min-width: 0;
    max-width: 75%;
  }
  .quick-pad-heading-actions {
    flex: none;
  }
  .standard-desktop-actions {
    display: none;
  }
  .standard-mobile-actions {
    flex: none;
    display: block;
    position: relative;
  }
  .manager-record-desktop-actions,
  .manager-desktop-editor-actions,
  .manager-body-pin-option {
    display: none;
  }
  .manager-name-field {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
  }
  .manager-mobile-editor-actions {
    flex: none;
    display: inline-flex;
  }
  .manager-heading-pin-option {
    flex: none;
    align-self: center;
    margin-top: 0;
    margin-left: auto;
    display: flex;
  }
  .combos-view .manager-pin-option.manager-heading-pin-option,
  .tag-manager-view .manager-pin-option.manager-heading-pin-option {
    align-items: flex-start;
    padding-top: 5px;
  }
  .manager-mobile-editor-actions .manager-mobile-add-button,
  .manager-mobile-editor-actions .folder-row-action {
    flex: 0 0 50px;
    min-width: 50px;
    padding: 0;
    width: 50px;
    height: 50px;
  }
  .settings-view-heading {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
  }
  .settings-view-heading > .compact-category-breadcrumb {
    flex: 0 75%;
    width: 75%;
    min-width: 0;
    max-width: 75%;
  }
  .settings-view .settings-back-button,
  .settings-view .settings-quotes-save-button {
    border: 1px solid var(--border);
    width: 38px;
    min-width: 38px;
    height: 38px;
    color: var(--muted);
    box-shadow: none;
    background: var(--surface);
    border-radius: 11px;
    gap: 0;
    padding: 0;
  }
  .settings-view .settings-back-button .tabler-icon,
  .settings-view .settings-quotes-save-button .tabler-icon {
    width: 18px;
    height: 18px;
    color: var(--muted);
  }
  .settings-back-label,
  .settings-quotes-save-label {
    display: none;
  }
  .archive-view-heading {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
  }
  .archive-view-heading > .compact-category-breadcrumb {
    flex: 0 75%;
    width: 75%;
    min-width: 0;
    max-width: 75%;
  }
  .archive-view .archive-desktop-actions {
    display: none;
  }
  .archive-mobile-actions,
  .archive-folder-mobile-actions {
    flex: none;
    display: block;
    position: relative;
  }
  .archive-folder-desktop-actions {
    display: inline-flex;
  }
  .archive-mobile-menu-button,
  .standard-mobile-menu-button,
  .mobile-new-note-button {
    border: 1px solid var(--border);
    width: 38px;
    min-width: 38px;
    height: 38px;
    color: var(--muted);
    box-shadow: none;
    background: var(--surface);
    border-radius: 11px;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    display: inline-flex;
  }
  .archive-mobile-menu-button .tabler-icon,
  .standard-mobile-menu-button .tabler-icon,
  .mobile-new-note-button .tabler-icon {
    display: block;
    width: 18px;
    height: 18px;
    color: var(--muted);
    opacity: 1;
    margin: 0;
  }
  .mobile-new-note-button {
    margin-right: 4px;
  }
  .mobile-new-note-button .tabler-icon {
    color: var(--primary);
  }
  .archive-actions-dropdown,
  .standard-mobile-actions-dropdown {
    top: calc(100% + 12px);
  }
  .archive-actions-dropdown .tabler-icon,
  .standard-mobile-actions-dropdown .tabler-icon {
    color: var(--muted);
    opacity: 1;
  }
  .standard-mobile-actions-dropdown button {
    align-items: flex-start;
  }
  .standard-mobile-actions-dropdown .tabler-icon {
    flex: 0 0 17px;
  }
  .standard-mobile-actions-dropdown .standard-mobile-action-label {
    line-height: 17px;
  }
  .standard-mobile-actions-dropdown
    .standard-mobile-primary-icon-action
    .tabler-icon,
  .archive-actions-dropdown .standard-mobile-primary-icon-action .tabler-icon {
    color: var(--primary);
  }
  .archive-actions-dropdown button:disabled,
  .standard-mobile-actions-dropdown button:disabled {
    opacity: 0.5;
  }
  .archive-actions-dropdown .archive-mobile-delete-all-action {
    color: var(--text);
  }
  .history-view .archive-actions-dropdown .archive-mobile-delete-all-action,
  .history-note-view .archive-actions-dropdown .archive-mobile-delete-all-action {
    color: var(--danger);
  }
  .archive-actions-dropdown .archive-mobile-delete-all-action .tabler-icon {
    color: var(--danger);
  }
  .standard-mobile-actions-dropdown .standard-mobile-destructive-action {
    color: var(--text);
  }
  .standard-mobile-actions-dropdown
    .standard-mobile-destructive-action
    .tabler-icon {
    color: var(--danger);
  }
  .archive-folder-section-heading {
    margin-bottom: 12px;
  }
  .category-mobile-folder-selector {
    margin: 0 0 12px;
    display: block;
  }
  .category-mobile-folder-selector .folder-select-menu button > small {
    color: var(--muted);
    font-size: var(--font-size-micro);
    margin-left: auto;
  }
  .archive-view .archive-note-item,
  .category-notes-view .category-note-item,
  .archive-view .archive-folder-item {
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 10px;
  }
  .archive-view .archive-note-main {
    flex: 1 1 0;
    align-items: flex-start;
    gap: 10px;
  }
  .category-notes-view .category-note-main {
    flex-wrap: wrap;
    flex: 1 1 0;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    display: flex;
  }
  .category-notes-view .note-list-open-button {
    align-items: flex-start;
    gap: 10px;
  }
  .archive-view .archive-note-item .archive-note-main {
    flex-wrap: wrap;
  }
  .archive-view .note-list-icon,
  .category-notes-view .note-list-icon {
    flex: 0;
    width: 15px;
    height: 15px;
  }
  .category-notes-view .note-list-icon,
  .archive-view .note-list-icon {
    margin-top: 2px;
  }
  .archive-view .note-list-icon .tabler-icon,
  .category-notes-view .note-list-icon .tabler-icon {
    width: 15px;
    height: 15px;
  }
  .archive-folder-desktop-icon {
    display: none;
  }
  .archive-folder-mobile-icon {
    display: block;
  }
  .archive-folder-category {
    display: none;
  }
  .archive-note-mobile-actions {
    flex: 0 0 38px;
    display: block;
    position: relative;
  }
  .archive-note-actions-dropdown {
    z-index: 40;
  }
  .archive-view .archive-note-details {
    flex: 0 0 100%;
    justify-content: flex-start;
    padding-left: 0;
  }
  .archive-view .archive-note-tags {
    justify-content: flex-start;
  }
  .archive-view .archive-note-tags .note-tag-chip {
    font-size: var(--font-size-micro);
  }
  .category-notes-view .category-note-main > .note-list-meta {
    flex: 0 0 100%;
    justify-content: flex-start;
    padding-left: 0;
  }
  .category-notes-view .category-note-main .note-list-tags {
    justify-content: flex-start;
  }
  .category-notes-view .category-note-main .note-tag-chip {
    font-size: var(--font-size-micro);
  }
  .category-notes-view .note-list-archive-action {
    display: none;
  }
  .category-notes-view .category-note-item,
  .search-result-note-list .search-result-note-row {
    position: relative;
  }
  .category-notes-view .note-list-pinned-indicator,
  .search-result-note-list .note-list-pinned-indicator {
    width: 15px;
    height: 15px;
    color: var(--primary);
    position: absolute;
    top: 12px;
    right: 14px;
  }
  :is(
    .category-notes-view
      .category-note-item:has(.note-list-pinned-indicator)
      .note-list-open-button,
    .search-result-note-list
      .search-result-note-row:has(.note-list-pinned-indicator)
      .search-result-note-open-button
  ) {
    padding-right: 26px;
  }
  .search-result-note-list .search-result-note-copy .note-list-title-row {
    overflow: visible;
  }
  .search-result-note-list {
    border: 0;
    border-radius: 0;
    gap: 10px;
    display: grid;
    overflow: visible;
  }
  .search-result-note-list .search-result-note-row {
    border: 1px solid var(--border);
    border-radius: 15px;
    grid-template-columns: minmax(0, 1fr);
    align-items: flex-start;
    gap: 8px;
    min-height: 72px;
    padding: 12px 14px;
  }
  .search-result-note-list .search-result-note-row + .search-result-note-row {
    border-top: 1px solid var(--border);
  }
  .search-result-note-list .search-result-note-open-button {
    grid-column: 1;
    grid-template-columns: 15px minmax(0, 1fr);
    align-items: flex-start;
    gap: 10px;
  }
  .search-result-note-list .search-result-note-icon {
    width: 15px;
    height: 15px;
    margin-top: 2px;
  }
  .search-result-note-list .search-result-note-icon .tabler-icon {
    width: 15px;
    height: 15px;
  }
  .search-result-note-list .search-result-note-copy strong {
    font-size: var(--font-size-title);
  }
  .search-result-note-list .search-result-note-meta {
    flex-wrap: wrap;
    grid-column: 1;
    justify-content: flex-start;
    justify-items: start;
    gap: 8px;
    display: flex;
  }
  .search-result-note-list .search-result-note-meta > .note-list-tags {
    flex: 0 auto;
    justify-content: flex-start;
    width: auto;
  }
  .search-result-note-list .search-result-note-meta .note-tag-chip {
    font-size: var(--font-size-micro);
  }
  .search-result-note-list .search-result-secondary-meta {
    justify-content: flex-start;
  }
  .archive-view .archive-note-actions {
    display: none;
  }
  .combos-view .combo-list-row,
  .tag-manager-view .manager-record-row {
    grid-template-columns: 15px minmax(0, 1fr) 38px;
    align-items: flex-start;
    gap: 10px;
    min-height: 72px;
    padding: 12px 14px;
  }
  .combo-list-row .manager-record-icon,
  .tag-manager-view .manager-record-icon {
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    margin-top: 2px;
  }
  .combo-list-row .manager-record-icon .tabler-icon,
  .tag-manager-view .manager-record-icon .tabler-icon {
    width: 15px;
    height: 15px;
  }
  .combo-list-row .manager-record-copy,
  .tag-manager-view .manager-record-copy {
    align-self: flex-start;
    gap: 7px;
  }
  .tag-category-manager-section .manager-record-copy {
    padding-top: 0;
  }
  .tag-category-manager-section .manager-record-link {
    min-height: 0;
  }
  .tag-category-manager-section .record-chip-list {
    margin-top: 0;
  }
  .tag-category-section-heading {
    gap: 0;
  }
  .tag-category-section-heading h2 {
    margin-left: 8px;
  }
  .tag-category-section-heading .compact-category-total {
    margin-left: 5px;
  }
  .combo-list-row .combo-list-meta {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    display: flex;
  }
  .combo-list-row .record-chip-list,
  .tag-manager-view .record-chip-list {
    justify-content: flex-start;
  }
  .manager-record-mobile-actions {
    grid-area: 1/3;
    place-self: flex-start end;
  }
  .quick-pad-view .note-body-input {
    min-height: 410px;
  }
  .settings-shortcut-list {
    grid-template-columns: 1fr;
  }
  .settings-card-title small {
    text-align: left;
  }
  .settings-grid {
    border-top: 1px solid var(--border);
    grid-template-areas: "quotes" "side" "shortcuts" "recovery";
    gap: 0;
    margin-left: -10px;
    margin-right: -10px;
    padding: 24px 10px 0;
  }
  .settings-main-stack {
    display: contents;
  }
  .settings-quotes-card {
    grid-area: quotes;
  }
  .settings-side-stack {
    gap: 0;
  }
  .settings-shortcuts-card {
    grid-area: shortcuts;
  }
  .settings-system-status-card {
    grid-area: auto;
  }
  .settings-system-status-section {
    display: block;
    min-height: 0;
    padding: 10px 10px 18px;
  }
  .settings-system-status-section .settings-card-title {
    cursor: default;
  }
  .settings-system-status-section .settings-card {
    padding: 4px 0 0;
  }
  .settings-system-status-section .settings-card::after {
    display: none;
  }
  .settings-recovery-card {
    grid-area: recovery;
  }
  .settings-card {
    background: 0 0;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 24px 0;
    position: relative;
  }
  .settings-card-title {
    cursor: pointer;
    margin-bottom: 0;
  }
  .settings-card-mobile-toggle {
    width: 34px;
    height: 34px;
    color: var(--muted);
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 10px;
    place-items: center;
    margin: -8px -8px -8px auto;
    padding: 0;
    display: grid;
  }
  .settings-card-mobile-toggle .tabler-icon {
    width: 17px;
    height: 17px;
    transition: transform 0.18s;
  }
  .settings-card-mobile-toggle[aria-expanded="true"] .tabler-icon {
    transform: rotate(90deg);
  }
  .settings-card[data-mobile-collapsed] > :not(.settings-card-title) {
    display: none !important;
  }
  .settings-card:not([data-mobile-collapsed]) > .settings-card-title {
    margin-bottom: 8px;
  }
  .settings-quotes-card {
    padding-top: 0;
  }
  .settings-quotes-card-title {
    padding-right: 0;
  }
  .settings-view .settings-quotes-save-desktop {
    display: none;
  }
  .settings-quotes-editor-toolbar {
    display: flex;
  }
  .settings-quotes-card .settings-quotes-editor {
    width: 100%;
    min-height: 300px;
    max-height: min(62dvh, 520px);
  }
  .settings-card:not(.settings-shortcuts-card):after {
    content: "";
    background: var(--border);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: -10px;
    right: -10px;
  }
  .settings-view .settings-status:empty {
    display: none;
  }
  .note-bottom-grid {
    grid-template-columns: 1fr;
  }
  .note-workspace-grid {
    grid-template-areas:
      "title"
      "body"
      "metadata";
  }
  .note-editor-view .note-title-action-row {
    display: block;
  }
  .note-editor-view .note-top-actions {
    display: none;
  }
  .note-editor-view .note-mobile-actions {
    flex: none;
    margin-left: 0;
  }
  .note-mobile-actions .archive-actions-dropdown button {
    letter-spacing: normal;
    text-transform: none;
    font-weight: var(--font-weight-regular);
  }
  .note-view-heading {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
  }
  .note-view-heading > .compact-category-breadcrumb {
    flex: 0 75%;
    width: 75%;
    min-width: 0;
    max-width: 75%;
  }
  :is(.category-notes-view, .note-editor-view) > .compact-view-heading > .compact-category-breadcrumb {
    flex: 1 1 0;
    width: auto;
    max-width: none;
    margin-right: 5px;
  }
  :is(.category-notes-view, .note-editor-view) > .compact-view-heading > .note-category-context.compact-category-breadcrumb {
    display: block;
    flex-wrap: wrap;
    align-content: flex-start;
    column-gap: 4px;
  }
  :is(.category-notes-view, .note-editor-view) > .compact-view-heading > .compact-category-breadcrumb .breadcrumb-item {
    display: inline;
  }
  .note-meta-panel-heading-row {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }
  .note-meta-mobile-toggle {
    flex: none;
    display: grid;
  }
  .note-meta-mobile-toggle[aria-expanded="true"] .tabler-icon {
    transform: rotate(90deg);
  }
  .note-meta-panel[data-mobile-collapsed] .note-meta-collapsible-content {
    display: none;
  }
  .back-button,
  .pin-note-button,
  .save-note-button {
    padding: 0 12px;
  }
  .note-body-input {
    min-height: 210px;
  }
  .note-editor-view .note-body-input {
    min-height: 500px;
  }
  .prototype-notice {
    right: auto;
    left: var(--anchor-toast-visible-left, 16px);
    bottom: calc(var(--anchor-toast-visible-bottom, 16px) + var(--anchor-toast-stack-offset, 0px));
  }
  .mobile-status-toast.mobile-status-toast {
    z-index: 80;
    border: 1px solid var(--border);
    max-width: min(380px, 100% - 32px);
    min-height: 0;
    box-shadow: var(--shadow);
    color: var(--muted);
    opacity: 0;
    pointer-events: none;
    background: var(--surface);
    letter-spacing: 0;
    text-transform: none;
    white-space: normal;
    font-size: var(--font-size-control);
    font-weight: var(--font-weight-regular);
    border-radius: 14px;
    margin: 0;
    padding: 12px 14px;
    line-height: normal;
    transition:
      opacity 0.18s,
      transform 0.18s;
    display: block;
    position: fixed;
    right: auto;
    left: var(--anchor-toast-visible-left, 16px);
    bottom: calc(var(--anchor-toast-visible-bottom, 16px) + var(--anchor-toast-stack-offset, 0px));
    transform: translateY(18px);
  }
  .mobile-status-toast.mobile-status-toast[data-visible] {
    opacity: 1;
    transform: translateY(0);
  }
  .mobile-status-toast.mobile-status-toast[role="button"][data-visible] {
    pointer-events: auto;
  }
  .note-editor-view .note-save-status.mobile-status-toast {
    width: max-content;
    max-width: min(380px, calc(100% - 32px));
    top: calc(var(--anchor-toast-visible-top, 16px) + env(safe-area-inset-top));
    right: calc(var(--anchor-toast-visible-right, 16px) + env(safe-area-inset-right));
    bottom: auto;
    left: auto;
    transform: translateY(-18px);
  }
  .note-editor-view .note-save-status.mobile-status-toast[data-visible] {
    transform: translateY(0);
  }
  .anchor-app:has(.note-editor-view) .prototype-notice {
    top: calc(var(--anchor-toast-visible-top, 16px) + var(--anchor-toast-stack-offset, 0px) + env(safe-area-inset-top));
    right: calc(var(--anchor-toast-visible-right, 16px) + env(safe-area-inset-right));
    bottom: auto;
    left: auto;
  }
  .quick-pad-shortcut-button {
    position: fixed;
    right: calc(20px + env(safe-area-inset-right));
    bottom: calc(15px + env(safe-area-inset-bottom));
    z-index: 111;
    border: 1px solid var(--primary);
    width: 50px;
    height: 50px;
    color: var(--muted);
    background: var(--surface);
    box-shadow: none;
    border-radius: 14px;
    place-items: center;
    padding: 0;
    display: grid;
  }
  .quick-pad-shortcut-button[hidden] { display: none; }
  .quick-pad-shortcut-button .tabler-icon { width: 21px; height: 21px; }
  .manager-record-row {
    grid-template-columns: 38px minmax(0, 1fr);
  }
  .manager-record-link,
  .folder-panel-title-link,
  .manager-pin-option,
  .note-meta-heading-link,
  .note-tag-category,
  .note-tag-buttons button,
  .note-body-preview .anchor-note-chip {
    min-height: 36px;
  }
  .manager-record-link,
  .folder-panel-title-link,
  .manager-pin-option,
  .note-meta-heading-link {
    align-items: center;
    display: inline-flex;
  }
  .manager-body-pin-option {
    display: none;
  }
  .note-tag-category,
  .note-tag-buttons button,
  .note-body-preview .anchor-note-chip {
    font-size: var(--font-size-control);
  }
  .manager-record-actions {
    grid-column: 2;
  }
  .search-page-heading .back-button {
    width: fit-content;
  }
}
@media (width<=430px) {
  .auth-page {
    padding: 14px;
  }
  .auth-card {
    border-radius: 22px;
    margin-bottom: 24px;
    padding: 28px 22px;
  }
  .auth-logo {
    width: min(230px, 100%);
    margin-bottom: 30px;
  }
  .brand-logo {
    width: min(180px, 100%);
  }
  .settings-marker-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .link-button kbd {
    display: none;
  }
  .spotlight-input-row {
    gap: 10px;
    padding: 0 13px;
  }
  .spotlight-input-row kbd {
    display: none;
  }
  .spotlight-input {
    font-size: var(--font-size-body);
  }
  .spotlight-empty {
    padding: 15px 49px 17px;
  }
  .category-card-actions {
    grid-template-columns: 1fr 50px;
  }
  .note-top-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid;
  }
  .note-top-actions .back-button,
  .note-top-actions .pin-note-button,
  .note-top-actions .save-note-button {
    min-width: 0;
    font-size: var(--font-size-caption);
  }
}
:focus-visible {
  outline-offset: 0;
  outline: none;
}
.spotlight-input:not(:focus)::placeholder {
  opacity: 1;
  color: var(--text);
}
.spotlight-modal .spotlight-input-row > .tabler-icon {
  color: var(--muted);
}
/* Responsive overrides for later features */
@media (width>=761px) {
  button.mobile-nav-button {
    visibility: hidden;
    display: none;
  }
}
@media (width<=760px) {
  button.mobile-nav-button {
    visibility: visible;
    display: grid;
  }
  .sm-checklist-group {
    padding-left: 0;
  }
  .sm-calendar-month-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .sm-calendar-month[data-offset="-1"],
  .sm-calendar-month[data-offset="1"] {
    display: none;
  }
  .note-meta-panel {
    cursor: pointer;
  }
  .note-meta-collapsible-content {
    cursor: default;
  }
  .note-archive-status .tabler-icon {
    display: block;
  }
  .note-conflict-backdrop {
    padding: 8px;
  }
  .note-conflict-dialog {
    max-height: calc(100dvh - 16px);
    padding: 14px;
  }
  .note-conflict-versions {
    grid-template-columns: 1fr;
  }
  .note-conflict-actions > button {
    width: 100%;
  }
  .quick-pad-stream {
    border-radius: 14px;
  }
  .quick-pad-timeline {
    align-self: flex-start;
    margin-right: auto;
    margin-left: 0;
    padding: 0;
    overflow: visible;
  }
  .quick-pad-entry {
    padding: 11px 11px 7px;
  }
  .quick-pad-send-button {
    display: none;
  }
  .quick-pad-composer-input {
    padding-right: 14px;
  }
  .quick-pad-floating-send-button,
  .quick-pad-floating-selection-exit-button,
  .quick-pad-floating-selection-delete-button,
  .category-floating-selection-exit-button,
  .category-floating-selection-delete-button,
  .archive-floating-selection-exit-button,
  .archive-floating-selection-delete-button {
    position: fixed;
    right: calc(var(--quick-pad-visible-right, 20px) + env(safe-area-inset-right));
    bottom: calc(var(--quick-pad-visible-bottom, 15px) + env(safe-area-inset-bottom));
    z-index: 95;
    display: grid;
    flex: 0 0 64px;
    width: 64px;
    min-width: 64px;
    height: 64px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--primary);
    border-radius: 11px;
    color: var(--muted);
    background: var(--surface);
    box-shadow: none;
  }
  .quick-pad-floating-send-button[hidden],
  .quick-pad-floating-selection-exit-button[hidden],
  .quick-pad-floating-selection-delete-button[hidden],
  .category-floating-selection-exit-button[hidden],
  .category-floating-selection-delete-button[hidden],
  .archive-floating-selection-exit-button[hidden],
  .archive-floating-selection-delete-button[hidden] {
    display: none;
  }
  .quick-pad-floating-send-button .tabler-icon,
  .quick-pad-floating-selection-exit-button .tabler-icon,
  .quick-pad-floating-selection-delete-button .tabler-icon,
  .category-floating-selection-exit-button .tabler-icon,
  .category-floating-selection-delete-button .tabler-icon,
  .archive-floating-selection-exit-button .tabler-icon,
  .archive-floating-selection-delete-button .tabler-icon {
    width: 21px;
    height: 21px;
  }
  .quick-pad-floating-selection-delete-button,
  .category-floating-selection-delete-button,
  .archive-floating-selection-delete-button {
    bottom: calc(var(--quick-pad-visible-bottom, 15px) + env(safe-area-inset-bottom) + 74px);
    color: var(--danger);
  }
  .quick-pad-floating-selection-delete-button:disabled,
  .category-floating-selection-delete-button:disabled,
  .archive-floating-selection-delete-button:disabled {
    opacity: 1;
  }
  .quick-pad-composer {
    position: relative;
    width: 100%;
    padding: 0;
    border-radius: 14px;
    box-shadow: none;
  }
  .quick-pad-confirm-backdrop {
    padding: 10px;
  }
  .quick-pad-confirm-dialog {
    padding: 18px;
  }
  .quick-pad-confirm-actions > button {
    flex: 1 1 0;
  }
  .category-note-count {
    display: none;
  }
  .dashboard-mobile-bottom-actions {
    order: 9;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
  }
  .dashboard-mobile-bottom-button {
    display: flex;
    min-height: 58px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px 12px;
  }
}

/* Highlight and action color contracts */
.note-tag-chip[data-highlighted="true"],
.note-tag-chip.highlighted-tag-chip,
.quick-access-tag-chip[data-highlighted="true"],
.quick-access-tag-chip.highlighted-tag-chip,
.highlighted-tag-chip:not(.note-tag-chip):not(.quick-access-tag-chip) {
  border-color: var(--primary);
  background: linear-gradient(
    110deg,
    color-mix(in srgb, var(--primary) 90%, transparent),
    color-mix(in srgb, var(--primary) 30%, transparent),
    color-mix(in srgb, var(--primary) 90%, transparent)
  );
  background-size: 300% 200%;
  animation: anchor-highlight-shimmer 2.4s linear infinite;
}
@keyframes anchor-highlight-shimmer {
  0% {
    background-position: 300% 0;
  }
  100% {
    background-position: 0 300%;
  }
}
/* Final danger-color contract: keep shared button and mobile-menu rules from
   overriding the intended destructive colors later in the cascade. */
.archive-view .archive-history-button {
  color: var(--text);
}
.archive-view .archive-history-button .tabler-icon,
.archive-view .archive-mobile-history-action .tabler-icon {
  color: var(--danger);
}
:is(.history-view, .history-note-view) .history-delete-forever-button,
:is(.history-view, .history-note-view) .history-delete-forever-button .tabler-icon,
:is(.history-view, .history-note-view) .history-delete-all-button,
:is(.history-view, .history-note-view) .history-delete-all-button .tabler-icon,
:is(.history-view, .history-note-view) .archive-actions-dropdown .archive-mobile-delete-all-action,
:is(.history-view, .history-note-view) .archive-actions-dropdown .archive-mobile-delete-all-action .tabler-icon {
  color: var(--danger);
}
.note-restore-button,
.note-restore-button .tabler-icon,
.history-note-restore-button,
.history-note-restore-button .tabler-icon {
  color: var(--muted);
}
/* Archive deletion is recoverable, so its confirmation remains visually muted. */
.quick-pad-confirm-dialog .archive-confirm-delete,
.quick-pad-confirm-dialog .archive-confirm-delete .tabler-icon {
  color: var(--muted);
}
.quick-pad-confirm-dialog .quick-pad-confirm-delete:not(.archive-confirm-delete) .tabler-icon {
  color: var(--danger);
}

/* Color action icons independently so adjacent button text keeps its own color. */
:is(button, a, [role="button"]) > .tabler-icon:is([data-icon-name="archive"], [data-icon-name="trash"], [data-icon-name="skull"]) {
  color: var(--danger);
}
:is(button, a, [role="button"]) > .tabler-icon[data-icon-name="restore"] {
  color: var(--category-google);
}
:is(button, a, [role="button"]) > .tabler-icon[data-icon-name="download"] {
  color: var(--muted);
}
.topbar .profile-dropdown button > .tabler-icon[data-icon-name="archive"] {
  color: var(--primary);
}