:root {
  --bulma-family-primary: 'Apple SD Gothic Neo', 'Pretendard', 'Malgun Gothic',
    'Noto Sans KR', system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --content-width: 52rem;
  --meta-size: 0.8125rem;
}
.shell,
header.site .bar,
footer.site .bar {
  max-width: var(--content-width);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.nav-foot {
  display: none;
}
body {
  background-color: var(--bulma-scheme-main);
  color: var(--bulma-text);
}
html,
body {
  max-width: 100%;
  overflow-x: clip;
}
body {
  -webkit-user-select: none;
  user-select: none;
}
.content,
input,
textarea,
code.handle {
  -webkit-user-select: text;
  user-select: text;
}
header.site {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--bulma-scheme-main);
  border-bottom: 1px solid var(--bulma-border-weak);
}
footer.site {
  border-top: 1px solid var(--bulma-border-weak);
}
footer.site .bar {
  font-size: var(--meta-size);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 1.5rem;
}
footer.site p {
  margin: 0 auto 0 0;
  text-align: left;
}
.service-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
header.site .bar {
  position: relative;
  min-height: var(--header-height);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  padding: 0.5rem 1rem;
}
.site-name {
  font-size: 1.25rem;
}
.site-nav ul,
.user-nav ul,
.dropdown-menu,
.actions,
.media,
.attachments,
.suggestions,
.feeds {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-nav > ul,
.user-nav > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}
.user-nav {
  margin-left: auto;
}
.nav-item {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.dropdown > summary {
  cursor: pointer;
  list-style: none;
  color: var(--bulma-text-weak);
}
.dot-menu > summary {
  list-style: none;
  cursor: pointer;
}
.dot-menu > summary::-webkit-details-marker {
  display: none;
}
.dropdown > summary::-webkit-details-marker {
  display: none;
}
.dropdown {
  position: relative;
}
.dropdown-menu {
  position: absolute;
  left: auto;
  right: 0;
  top: 100%;
  z-index: 20;
  display: block;
  width: max-content;
  min-width: 9rem;
  max-width: min(20rem, 90vw);
  padding: 0.25rem;
  background-color: var(--bulma-scheme-main);
  border: 1px solid var(--bulma-border);
  border-radius: var(--bulma-radius);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.dropdown-menu li form {
  margin: 0;
}
.action.delete {
  position: static;
  appearance: none;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  max-width: none;
  max-height: none;
  border-radius: 0;
  background-color: transparent;
  font-size: inherit;
  vertical-align: baseline;
}
.action.delete::before,
.action.delete::after {
  content: none;
}
.dropdown {
  display: block;
}
.action.block:not(:last-child) {
  margin-bottom: 0;
}
.content ul[class],
.content ol[class],
.content nav ul,
.content nav ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.content ul[class] > li + li,
.content ol[class] > li + li,
.content nav ul > li + li,
.content nav ol > li + li {
  margin-top: 0;
}
.dropdown-menu li a,
.dropdown-menu li button,
.dropdown-menu li .action {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  box-sizing: border-box;
  padding: 0.25rem 0.5rem;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--bulma-text);
  font-size: 1rem;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.dropdown-menu li .action[data-state="on"] {
  background-color: transparent;
  color: var(--bulma-link);
  font-weight: 600;
}
.dropdown-menu li .action.delete,
.dropdown-menu li .action.block {
  color: var(--bulma-danger-on-scheme);
}
.dropdown-menu li a:hover,
.dropdown-menu li button:hover,
.dropdown-menu li .action:hover {
  background-color: var(--bulma-scheme-main-ter);
}
.search-nav {
  margin-right: auto;
}
.label-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.5em;
}
.label-row .label {
  margin-bottom: 0;
}
.dropdown.tip > summary {
  padding: 0;
  color: var(--bulma-text-weak);
  line-height: 1;
}
.dropdown.tip > summary:hover {
  color: var(--bulma-text);
}
.dropdown.tip .nav-icon svg {
  width: 1rem;
  height: 1rem;
}
.dropdown.tip .dropdown-menu {
  left: 0;
  right: auto;
  max-width: min(24rem, 90vw);
}
.companion-label {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.dropdown.tip .dropdown-content {
  margin: 0;
  padding: 0.5rem 0.65rem;
  font-size: 0.875rem;
  line-height: 1.5;
  white-space: normal;
}
.dropdown.wide {
  position: static;
}
.dropdown.wide .dropdown-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 20;
  margin: 0;
}
.search {
  margin-bottom: 0.5rem;
}
.title-line {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.25rem;
  position: relative;
}
.title-line > h1 {
  min-width: 0;
  margin-right: auto;
  padding-right: 0.5rem;
}
.title-line > .feed-switch {
  flex: none;
  align-self: flex-start;
}
.dropdown-menu .nav-icon {
  flex: none;
  color: var(--bulma-text-weak);
}
.dropdown-menu .nav-icon svg {
  display: block;
  width: 1rem;
  height: 1rem;
}
.title-line > .title-aside,
.title-line > .screen-actions.door,
.title-line > .screen-actions > summary,
.title-line > .feed-switch > summary {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: var(--bulma-radius);
  color: var(--bulma-text-weak);
  cursor: pointer;
}
.title-line > .title-aside,
.title-line > .screen-actions {
  flex: none;
  align-self: flex-start;
}
.title-line > .title-aside .nav-icon svg {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
}
.title-line > .title-aside:hover,
.title-line > .title-aside:focus-visible,
.title-line > .screen-actions.door:hover,
.title-line > .screen-actions > summary:hover,
.title-line > .screen-actions[open] > summary,
.title-line > .feed-switch > summary:hover,
.title-line > .feed-switch[open] > summary {
  background-color: var(--bulma-scheme-main-ter);
  color: var(--bulma-text);
}
.title-line > .title-aside .nav-label,
.title-line > .feed-switch > summary .nav-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.title-line > .feed-switch .dropdown-menu .nav-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.title-line > .feed-switch > summary {
  list-style: none;
}
.title-line > .feed-switch > summary::-webkit-details-marker {
  display: none;
}
.title-line > .feed-switch .nav-icon svg {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
}
.title-line > .feed-switch[open] > summary .nav-icon svg {
  transform: rotate(180deg);
}
.account-cards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.search-scopes {
  margin-bottom: 0.5rem;
}
.search-scopes label {
  align-items: center;
  border-bottom: var(--bulma-tabs-border-bottom-width) var(--bulma-tabs-border-bottom-style)
    var(--bulma-tabs-border-bottom-color);
  color: var(--bulma-tabs-link-color);
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-bottom: calc(var(--bulma-tabs-border-bottom-width) * -1);
  padding: var(--bulma-tabs-link-padding);
  transition-duration: var(--bulma-duration);
  transition-property: background-color, border-color, color;
}
.search-scopes label:hover {
  border-bottom-color: var(--bulma-tabs-link-hover-border-bottom-color);
  color: var(--bulma-tabs-link-hover-color);
}
.search-scopes li:has(input:checked) label {
  border-bottom-color: var(--bulma-tabs-link-active-border-bottom-color);
  color: var(--bulma-tabs-link-active-color);
}
.search-scopes label:has(input:focus-visible) {
  outline: 2px solid var(--bulma-link-text);
  outline-offset: -2px;
}
.syntax dl {
  margin: 0;
}
:root {
  --nav-width: 10rem;
  --header-height: 3.5rem;
  --nav-bar-height: 0rem;
  --shell-gap: 1rem;
}
.shell {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  padding-top: var(--shell-gap);
}
.crumbs-band {
  border-bottom: 1px solid var(--bulma-border-weak);
}
.crumbs-shell {
  align-items: center;
}
.crumbs {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 1rem 0.5rem;
  min-width: 0;
  font-size: 0.875rem;
}
.crumbs .crumb-icon svg {
  width: 1.1rem;
  height: 1.1rem;
  display: block;
}
@media (min-width: 52rem) {
  .crumbs-shell .crumbs {
    margin-right: calc(var(--nav-width) + 1.5rem);
  }
}
.crumbs .crumb-line {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.crumbs .crumb-icon,
.crumbs .crumb-line {
  color: var(--bulma-text-weak);
}
.crumbs .crumb-line a.crumb {
  color: inherit;
  text-decoration: none;
}
.crumbs .crumb-line a.crumb:hover {
  color: var(--bulma-link-text);
  text-decoration: underline;
}
.crumbs .crumb-mark {
  opacity: 0.5;
}
.crumbs .crumb.is-current {
  font-weight: 600;
}
.crumbs .crumb-back .nav-icon svg {
  width: 1.1rem;
  height: 1.1rem;
}
.shell > main {
  flex: 1;
  min-width: 0;
}
.shell > main.content > :last-child {
  margin-bottom: var(--shell-gap);
}
.nav-icon {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
}
.nav-icon svg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}
.nav-count {
  flex: none;
  min-width: 1.25rem;
  padding: 0 0.35rem;
  border-radius: var(--bulma-radius-rounded);
  background-color: var(--bulma-danger);
  color: var(--bulma-danger-invert);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25rem;
  text-align: center;
}
@media (max-width: 51.99rem) {
}
.nav-icon .site-favicon {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  object-fit: cover;
  border-radius: 2px;
}
.site-name,
.search-nav > summary,
.nav-item > a,
.nav-item > details > summary {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.search-nav > summary,
.site-nav .nav-item > details > summary,
.user-nav .nav-item > details > summary {
  color: inherit;
}
.nav-icon .avatar {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: cover;
}
:root {
  --user-face: 2rem;
}
.user-nav .write {
  height: var(--user-face);
}
.user-nav .account > summary .nav-icon .avatar,
.user-nav .account > summary .nav-icon svg {
  width: var(--user-face);
  height: var(--user-face);
}
.site-nav > ul,
.site-nav .nav-item {
  display: block;
}
.site-nav .nav-item + .nav-item {
  margin-top: 0.125rem;
}
.site-nav .nav-item > a,
.site-nav .nav-item > details > summary {
  display: flex;
  padding: 0.4rem 0.6rem;
  border-radius: var(--bulma-radius);
}
.site-nav .nav-item > a:hover,
.site-nav .nav-item > details > summary:hover {
  background-color: var(--bulma-scheme-main-ter);
}
@media (min-width: 52rem) {
  .mobile-bar,
  .nav-scrim {
    display: none;
  }
  .site-nav {
    flex: none;
    width: var(--nav-width);
    position: sticky;
    top: calc(var(--header-height) + var(--shell-gap));
    align-self: flex-start;
    order: 1;
  }
  .site-nav .dropdown {
    position: static;
  }
  .site-nav .dropdown-menu {
    position: static;
    width: auto;
    min-width: 0;
    max-width: none;
    padding: 0.125rem 0 0.125rem 1.75rem;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
  .site-nav .dropdown-menu li a,
  .site-nav .dropdown-menu li .action {
    white-space: normal;
  }
}
.sidebar-division + .sidebar-division {
  border-block-start: 1px solid var(--bulma-border-weak);
  margin-block-start: 0.75rem;
  padding-block-start: 0.75rem;
}
@media (max-width: 51.99rem) {
  :root {
    --nav-bar-height: 3.25rem;
  }
  .site-nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    width: min(20rem, 85vw);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 1rem 1rem 0;
    background-color: var(--bulma-scheme-main);
    border-left: 1px solid var(--bulma-border-weak);
    transform: translateX(100%);
    transition: transform 0.2s ease-out;
  }
  .site-nav.is-open {
    transform: translateX(0);
  }
  .site-nav > * {
    flex-shrink: 0;
  }
  html:has(.site-nav.is-open) {
    overflow: hidden;
  }
  .nav-scrim {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    background-color: rgb(0 0 0 / 35%);
  }
  footer.site .bar {
    flex-direction: column;
    align-items: stretch;
  }
  .service-links {
    justify-content: flex-start;
  }
  .nav-foot {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: var(--nav-bar-height);
    margin: auto -1rem 0;
    padding: 0 0.75rem;
    background-color: var(--bulma-scheme-main);
    border-top: 1px solid var(--bulma-border-weak);
  }
  .mobile-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: var(--nav-bar-height);
    padding: 0 0.75rem;
    background-color: var(--bulma-scheme-main);
    border-top: 1px solid var(--bulma-border-weak);
  }
  .mobile-menu {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.4rem 0.55rem;
    border: 0;
    background: none;
    color: inherit;
    cursor: pointer;
  }
  .user-nav .nav-label,
  .search-nav .nav-label,
  .settings-tabs .nav-label,
  .tabs .nav-label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .site-nav .dropdown {
    position: static;
  }
  .site-nav .dropdown-menu {
    top: auto;
    bottom: 100%;
    left: 0.5rem;
    right: 0.5rem;
    width: auto;
    min-width: 0;
    max-width: none;
    margin-bottom: 0.25rem;
  }
}
.post {
  border: 1px solid var(--bulma-border-weak);
  border-radius: var(--bulma-radius-large);
  padding: 1rem 1.25rem;
  margin: 0 0 1rem calc(min(var(--depth, 0), 6) * 1.25rem);
  background-color: var(--bulma-scheme-main-bis);
}
:root {
  --post-avatar: 3rem;
}
.post {
  --avatar: var(--post-avatar);
  --gutter: calc(var(--avatar) + 0.5rem);
}
.post > header {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.5rem;
  align-items: baseline;
  margin-bottom: 0.5rem;
  padding-left: var(--gutter);
  padding-right: 1.75rem;
}
.post > header::after {
  content: '';
  flex-basis: 100%;
  height: 0;
  order: 0;
}
.post > header .author,
.post > header .handle {
  order: -1;
}
.post > header .permalink,
.post > header .revision-note {
  order: 1;
}
.post > header .revision-note::before {
  content: '·';
  margin-right: 0.35rem;
}
.post > header .corner {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.post > header .visibility {
  color: var(--bulma-text-weak);
}
.post > header .visibility[data-value="federated"] {
  color: var(--bulma-success-on-scheme);
}
.post > header .visibility[data-value="server"] {
  color: var(--bulma-link-on-scheme);
}
.post > header .visibility[data-value="followers"] {
  color: var(--bulma-warning-on-scheme);
}
.post > header .visibility[data-value="quiet"] {
  color: var(--bulma-text-weak);
}
.post > header .visibility[data-value="private"] {
  color: var(--bulma-danger-on-scheme);
}
.post > header .pinned-note {
  position: absolute;
  right: 1.75rem;
  top: 0;
  color: var(--bulma-text-weak);
}
.post > header .pinned-note .nav-icon svg,
.post > header .visibility .nav-icon svg {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
}
.post > header .pinned-note .nav-label,
.post > header .visibility .nav-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.post > header .avatar-link {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  line-height: 0;
}
.post > header .avatar {
  width: var(--avatar);
  height: var(--avatar);
  object-fit: cover;
}
.post > header > .avatar {
  position: absolute;
  left: 0;
  top: 0;
}
.post .content,
.post .deleted,
.post .actions {
  margin-left: 0;
}
.post ul.media {
  margin-left: 0;
}
.post .author {
  font-weight: 600;
}
.post .handle,
.post .permalink,
.post .revision-note,
.post .visibility,
.repost-note {
  font-size: 0.85em;
  color: var(--bulma-text-weak);
}
.avatar {
  border-radius: var(--bulma-radius-rounded);
}
.avatar-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  background-color: var(--bulma-scheme-main-ter);
  color: var(--bulma-text-weak);
  overflow: hidden;
}
.avatar-fallback svg {
  display: block;
  width: 62%;
  height: 62%;
}
.manifest-seen {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.25rem;
}
.manifest-seen .avatar {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: cover;
}
.post .content {
  margin-bottom: 0.75rem;
  margin-left: 0;
}
.tabs {
  font-size: var(--meta-size);
}
.tabs li a {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.tabs .nav-icon {
  flex: none;
  color: var(--bulma-text-weak);
}
.tabs .nav-icon svg {
  display: block;
  width: 1.05rem;
  height: 1.05rem;
}
.tabs li.is-active .nav-icon {
  color: inherit;
}
.revision-compare table.revisions {
  width: 100%;
  margin-bottom: 0.75rem;
}
.revision-compare th,
.revision-compare td {
  padding: 0.3rem 0.5rem;
  border-bottom: 1px solid var(--bulma-border);
  vertical-align: top;
}
.revision-compare .preview {
  color: var(--bulma-text-weak);
}
.diff-lines {
  padding: 0.75rem;
  border-radius: var(--bulma-radius-small);
  background: var(--bulma-background);
  overflow-x: auto;
}
.diff-lines .line {
  display: block;
  white-space: pre-wrap;
}
.diff-lines .added {
  background: color-mix(in srgb, var(--bulma-success) 14%, transparent);
}
.diff-lines .removed {
  background: color-mix(in srgb, var(--bulma-danger) 14%, transparent);
}
.post .revision-note {
  font-size: 0.85em;
  color: var(--bulma-text-weak);
}
.report-list {
  list-style: none;
  margin: 0;
}
.report-list li {
  margin-bottom: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-left: 3px solid var(--bulma-border);
  background: var(--bulma-background);
  border-radius: var(--bulma-radius-small);
}
.report-comment {
  margin: 0.35rem 0;
}
.report-posts,
.report-who {
  font-size: 0.9em;
}
.report-posts a {
  font-family: var(--bulma-family-code);
}
.remote-note {
  margin-top: 0.5rem;
}
.moved-note {
  margin-top: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-left: 3px solid var(--bulma-warning);
  background: var(--bulma-background);
  border-radius: var(--bulma-radius-small);
}
.alias-list {
  list-style: none;
  margin: 0 0 0.75rem;
}
.alias-list li {
  margin-bottom: 0.25rem;
}
.post .cw,
.post .sensitive {
  margin-left: 0;
  margin-bottom: 0.75rem;
  border-left: 3px solid var(--bulma-border);
  padding-left: 0.75rem;
}
.post .cw-label,
.post .sensitive-label {
  cursor: pointer;
  font-weight: 600;
  color: var(--bulma-text-weak);
}
.post .cw .content,
.post .sensitive ul.media {
  margin-left: 0;
  margin-top: 0.5rem;
}
.post .poll {
  margin-left: 0;
  margin-bottom: 0.5rem;
  list-style: none;
}
.post .poll li {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
  padding: 0.35rem 0.6rem;
  border-radius: var(--bulma-radius-small);
  background:
    linear-gradient(
      to right,
      var(--bulma-background) 0 var(--share, 0%),
      transparent var(--share, 0%) 100%
    );
}
.post .poll-votes {
  color: var(--bulma-text-weak);
  font-variant-numeric: tabular-nums;
}
.post .poll-foot {
  margin-left: 0;
  margin-bottom: 0.75rem;
  font-size: 0.85em;
  color: var(--bulma-text-weak);
  display: flex;
  gap: 0.75rem;
}
.post > header .to-people {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.85em;
  color: var(--bulma-text-weak);
}
.post > header .to-people .avatar {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: cover;
  border-radius: 2px;
}
.post > header .to-people .author {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: inherit;
}
.post > header .to-people .handle {
  color: var(--bulma-text-weak);
}
.post[data-unread="true"] {
  border-inline-start: 3px solid var(--bulma-link);
}
.dropdown-menu .action-form form {
  margin: 0;
}
.dropdown-menu .action-form button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.25rem 0.5rem;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.dropdown-menu .action-form button:hover {
  background-color: var(--bulma-background);
}
.post .quote-card {
  margin: 0 0 0.75rem;
  padding: 0.6rem 0.8rem;
  background-color: var(--bulma-scheme-main);
  border-inline-start: 1px solid var(--bulma-border-weak);
}
.post .quote-card .content {
  margin-bottom: 0;
  font-size: 0.92rem;
}
.post .quote-card > header {
  margin-bottom: 0.35rem;
}
.quoting {
  margin-bottom: 0.75rem;
}
.content table:not([class]) {
  display: block;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
}
.content .footnotes {
  font-size: 0.875em;
  color: var(--bulma-text-weak);
}
.content .footnotes li:target {
  background-color: var(--bulma-warning-light);
  border-radius: var(--bulma-radius-small);
}
.media {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.25rem;
}
.keep .media {
  display: block;
}
.compose fieldset.keep ul.media li:not(.card) {
  aspect-ratio: auto;
  overflow: visible;
  grid-column: auto;
}
.keep .media img {
  width: auto;
  height: auto;
  max-width: 8rem;
  max-height: 8rem;
}
.media li:not(.card) {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: var(--bulma-radius);
}
.media:has(li:only-child) {
  grid-template-columns: 1fr;
}
.media li:only-child:not(.card) {
  grid-column: 1 / -1;
  aspect-ratio: 16 / 9;
}
.media:has(li:first-child:nth-last-child(3)) {
  grid-template-columns: repeat(3, 1fr);
}
.media li:first-child:nth-last-child(4),
.media li:first-child:nth-last-child(4) ~ li {
  aspect-ratio: 16 / 9;
}
.media:has(li:first-child:nth-last-child(5)) {
  grid-template-columns: repeat(6, 1fr);
}
.media li:first-child:nth-last-child(5),
.media li:first-child:nth-last-child(5) + li {
  grid-column: span 3;
}
.media li:first-child:nth-last-child(5) ~ li:nth-child(n+3) {
  grid-column: span 2;
}
.media li.video video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
  display: block;
}
.media li.audio:nth-child(n) {
  grid-column: 1 / -1;
  aspect-ratio: auto;
  overflow: visible;
  border-radius: 0;
}
.media li.audio audio {
  width: 100%;
  display: block;
}
.media-overlay {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem 1rem;
  background: rgba(0, 0, 0, 0.85);
}
.media-overlay-body {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: 100%;
}
.media-overlay-body img {
  max-width: 100%;
  max-height: calc(100vh - 4rem);
  object-fit: contain;
}
.media-overlay-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}
.media-overlay-close:hover {
  background: rgba(255, 255, 255, 0.3);
}
html.has-overlay {
  overflow: hidden;
}
.playlist,
.special-playlist {
  margin: 1rem 0 0;
}
.playlist audio,
.special-playlist audio {
  width: 100%;
  display: block;
}
.playlist .tracks,
.special-playlist .tracks {
  list-style: none;
  margin: 0.5rem 0 0;
  padding: 0;
  border-top: 1px solid var(--bulma-border, #dbdbdb);
}
.playlist .tracks li,
.special-playlist .tracks li {
  margin: 0;
  border-bottom: 1px solid var(--bulma-border, #dbdbdb);
}
.playlist .track,
.special-playlist .track {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem 0.25rem;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.playlist .track:hover,
.special-playlist .track:hover {
  background: var(--bulma-background, #f5f5f5);
}
.playlist .track.is-active,
.special-playlist .track.is-active {
  font-weight: 600;
}
.playlist .track-title,
.special-playlist .track-title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.playlist .track-length,
.special-playlist .track-length {
  font-variant-numeric: tabular-nums;
  opacity: 0.7;
}
.media:has(li:first-child:nth-last-child(n+6)) {
  grid-template-columns: repeat(3, 1fr);
}
.media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media li > a {
  display: block;
  height: 100%;
}
.media li.card {
  grid-column: 1 / -1;
}
.link-card {
  display: block;
  border: 1px solid var(--bulma-border-weak);
  border-radius: var(--bulma-radius-large);
  overflow: hidden;
  background-color: var(--bulma-scheme-main);
  color: inherit;
  text-decoration: none;
}
.link-card:hover {
  border-color: var(--bulma-link);
}
.link-card .cover {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 15rem;
  object-fit: cover;
  border-radius: 0;
}
.link-card .cover-wrap {
  display: block;
  position: relative;
}
.link-card .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.55);
  color: #fff;
}
.link-card .play svg {
  width: 1.75rem;
  height: 1.75rem;
}
.link-card .card-body {
  display: block;
  padding: 0.75rem 1rem;
}
.link-card .card-title {
  display: block;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.link-card .card-description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 0.25rem;
  font-size: 0.9em;
  color: var(--bulma-text-weak);
}
.link-card .card-source {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.8em;
  color: var(--bulma-text-weak);
}
.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  align-items: center;
  justify-content: space-between;
}
.actions .basic {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.actions .nav-label,
.profile-connections .nav-label,
.screen-actions .nav-label,
.dot-menu .nav-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.actions .dropdown-menu .nav-label,
.profile-connections .dropdown-menu .nav-label,
.screen-actions .dropdown-menu .nav-label,
.dot-menu .dropdown-menu .nav-label {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip-path: none;
}
.actions .dropdown-menu li a,
.profile-connections .dropdown-menu li a,
.screen-actions .dropdown-menu li a,
.dot-menu .dropdown-menu li a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.actions .dropdown-menu .nav-icon,
.profile-connections .dropdown-menu .nav-icon,
.screen-actions .dropdown-menu .nav-icon,
.dot-menu .dropdown-menu .nav-icon {
  flex: none;
  color: var(--bulma-text-weak);
}
.actions .nav-icon svg,
.profile-connections .nav-icon svg,
.screen-actions .nav-icon svg,
.dot-menu .nav-icon svg {
  display: block;
  width: 1.1rem;
  height: 1.1rem;
}
.actions .count:empty {
  display: none;
}
.actions .action {
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  padding: 0.25rem;
  border: 0;
  border-radius: var(--bulma-radius);
  background: none;
  font-size: 0.8rem;
  color: var(--bulma-text-weak);
  text-decoration: none;
}
.actions .basic .action {
  box-sizing: border-box;
  justify-content: flex-start;
}
.actions .action:hover {
  background-color: var(--bulma-scheme-main-ter);
  color: var(--bulma-text);
}
.actions .action[data-state="on"] {
  color: var(--bulma-link);
}
.actions .action[data-state="on"] .nav-icon svg {
  fill: currentcolor;
}
.actions .action.delete {
  color: var(--bulma-danger);
}
.restricted,
.deleted {
  color: var(--bulma-text-weak);
  font-style: italic;
}
.blinded {
  margin: 0 0 0.75rem;
  padding: 0.5rem 0.75rem;
  border-left: 3px solid var(--bulma-warning);
  border-radius: var(--bulma-radius-small);
  background-color: var(--bulma-scheme-main-ter);
  color: var(--bulma-text-strong);
}
[hidden] {
  display: none !important;
}
.pager {
  display: flex;
  gap: 0.5rem;
  margin: 1rem 0;
}
.pager a {
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--bulma-border);
  border-radius: var(--bulma-radius-rounded);
  text-decoration: none;
}
.compose label,
.compose .form-label {
  display: block;
  font-weight: 600;
  margin-top: 0.75rem;
}
label .chain {
  display: block;
  margin-top: 0.125rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: var(--bulma-text-weak);
}
.compose textarea,
.compose input[type="text"],
.compose input[type="url"],
.compose select {
  width: 100%;
  max-width: 40rem;
  padding: 0.5rem;
  border: 1px solid var(--bulma-border);
  border-radius: var(--bulma-radius);
  background-color: var(--bulma-scheme-main);
  color: var(--bulma-text);
  font: inherit;
}
:root {
  --compose-min-height: 12rem;
  --compose-max-height: 32rem;
}
.compose textarea {
  min-height: var(--compose-min-height);
}
.compose textarea[data-grow] {
  max-height: var(--compose-max-height);
  overflow-y: auto;
}
.compose .document-editor {
  --block-gutter: 1.75rem;
  box-sizing: border-box;
  width: 100%;
  max-width: 40rem;
  color: var(--bulma-text);
  font: inherit;
}
.compose .document-editor .block {
  position: relative;
  padding: 0;
  border-radius: var(--bulma-radius);
  cursor: text;
}
.compose .document-editor .block:hover {
  background-color: var(--bulma-background);
}
.compose .document-editor .block + .block {
  margin-top: 0.4rem;
}
.compose .document-editor .block-empty {
  color: var(--bulma-text-weak);
  min-height: 1.5rem;
}
.compose .document-editor .block-editing {
  position: relative;
  padding: 0;
  background-color: var(--bulma-background);
}
.compose .document-editor .block-empty,
.compose .document-editor .block-quote {
  padding: 0.15rem 0.35rem;
}
.compose .document-editor .block-text {
  margin: 0;
  border: 0;
  font-family: var(--bulma-family-code);
  font-size: 0.95em;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  tab-size: 2;
  box-sizing: border-box;
  padding: 0.15rem 0.35rem;
}
.compose .document-editor .block-face .cm-editor {
  background: transparent;
}
.compose .document-editor .block-face .cm-editor.cm-focused {
  outline: none;
}
.compose .document-editor .block-face .cm-scroller {
  font-family: inherit;
  line-height: inherit;
  overflow: visible;
}
.compose .document-editor .block-face .cm-content {
  padding: 0.15rem 0.35rem;
  font-family: var(--bulma-family-code);
  font-size: 0.95em;
  line-height: 1.6;
  caret-color: var(--bulma-text);
}
.compose .document-editor .block-face .cm-line {
  padding: 0;
}
.compose .document-editor .block-face .cm-content::selection,
.compose .document-editor .block-face .cm-content ::selection {
  background-color: var(--bulma-link-light, rgb(72 149 239 / 0.3));
}
.compose .document-editor .md-mark { opacity: 0.4; }
.compose .document-editor .md-strong { font-weight: 700; }
.compose .document-editor .md-em { font-style: italic; }
.compose .document-editor .md-del { text-decoration: line-through; }
.compose .document-editor .md-heading {
  font-weight: 700;
  color: var(--bulma-text-strong);
}
.compose .document-editor .md-quote { color: var(--bulma-text-weak); }
.compose .document-editor .md-bullet { color: var(--bulma-link); }
.compose .document-editor .md-rule { color: var(--bulma-text-weak); }
.compose .document-editor .md-code,
.compose .document-editor .md-fence {
  color: var(--bulma-danger);
}
.compose .document-editor .md-link { color: var(--bulma-link); }
.compose .document-editor .md-wiki {
  color: var(--bulma-link);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.compose .document-editor .md-special {
  color: var(--bulma-primary);
  font-weight: 600;
}
.compose .document-editor .block h1,
.compose .document-editor .block h2,
.compose .document-editor .block h3 {
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
}
.compose .document-editor .block h1 { font-size: 1.6em; }
.compose .document-editor .block h2 { font-size: 1.35em; }
.compose .document-editor .block h3 { font-size: 1.15em; }
.compose .document-editor .block-text ul,
.compose .document-editor .block-quote ul { list-style: disc; padding-left: 1.5rem; }
.compose .document-editor .block-text ol,
.compose .document-editor .block-quote ol { list-style: decimal; padding-left: 1.5rem; }
.compose .document-editor .block blockquote {
  padding-left: 0.75rem;
  border-left: 3px solid var(--bulma-border);
  color: var(--bulma-text-weak);
}
.compose .document-editor .block pre {
  padding: 0.6rem 0.75rem;
  border-radius: var(--bulma-radius);
  background-color: var(--bulma-scheme-main-bis);
  overflow-x: auto;
}
.compose .document-editor .block-editing:has(> .special-panel) {
  outline: 1px dashed var(--bulma-border);
  outline-offset: -1px;
}
.compose .document-editor .block-editing:has(> .special-cover) {
  display: grid;
}
.compose .document-editor .block-editing:has(> .special-cover) > *:not(.drag-handle) {
  grid-area: 1 / 1;
}
.compose .document-editor .block-editing:has(> .special-cover) > img {
  place-self: start;
}
.compose .document-editor .special-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border-radius: var(--bulma-radius);
}
.compose .document-editor .special-cover {
  grid-area: 1 / 1;
  z-index: 15;
  background-color: rgb(0 0 0 / 0.45);
  background-color: color-mix(in srgb, var(--bulma-scheme-main) 78%, transparent);
  backdrop-filter: blur(2px);
}
.compose .document-editor .special-panel > * {
  max-width: 100%;
}
.compose .document-editor .special-name {
  display: block;
  color: var(--bulma-primary);
  font-size: 0.85em;
  font-weight: 700;
}
.compose .document-editor .special-args {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: 0.4rem;
}
.compose .document-editor .special-arg {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  font-size: 0.9em;
}
.compose .document-editor .special-arg input,
.compose .document-editor .special-arg select {
  width: 100%;
  min-width: 0;
}
.compose .document-editor .special-edit {
  width: 70%;
}
.compose .document-editor .special-deeds {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.6rem;
}
.compose .document-editor .special-deeds .button {
  font-size: 0.85em;
}
.compose .document-editor .special-arg > span { color: var(--bulma-text-weak); }
.compose .document-editor .special-shown {
  display: block;
  max-width: 100%;
  margin-top: 0.4rem;
  border-radius: var(--bulma-radius);
}
.compose .document-editor .special-arg input {
  padding: 0.15rem 0.35rem;
  border: 1px solid var(--bulma-border);
  border-radius: var(--bulma-radius);
  background-color: var(--bulma-scheme-main-bis);
  color: inherit;
  font: inherit;
}
.compose .document-editor .block-quote > .post {
  margin: 0;
  pointer-events: none;
}
.compose .document-editor .quote-change {
  overflow: visible;
}
.drag-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--block-gutter) * -1);
  width: var(--block-gutter);
  opacity: 0;
  transition: opacity 0.1s ease;
}
.compose .document-editor .block:hover > .drag-handle,
.compose .document-editor .block-editing > .drag-handle,
.drag-handle:focus-within {
  opacity: 1;
}
.block-picker-box {
  width: 100%;
  height: 100%;
}
.block-handle::-webkit-details-marker { display: none; }
.block-handle {
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--bulma-text-weak);
  cursor: grab;
}
.block-handle::before {
  content: "⠿";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.5rem;
  border-radius: var(--bulma-radius);
  opacity: 0.45;
  font-size: 1rem;
  line-height: 1;
  transition: opacity 0.1s ease, background-color 0.1s ease;
}
.block-handle:hover::before {
  opacity: 1;
  background-color: var(--bulma-scheme-main);
  color: var(--bulma-text);
}
.block-handle:active { cursor: grabbing; }
.compose .document-editor .block-media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--bulma-radius);
}
.compose .document-editor .block-asset-empty {
  padding: 1rem 0.35rem;
  border: 1px dashed var(--bulma-border);
  border-radius: var(--bulma-radius);
  color: var(--bulma-text-weak);
  text-align: center;
  font-size: 0.9em;
}
.compose .document-editor .block-asset-target {
  outline: 2px solid var(--bulma-link);
  outline-offset: 2px;
}
.compose .document-editor .special-browse {
  margin-top: 0.4rem;
  padding: 0.2rem 0.6rem;
  border: 1px solid var(--bulma-border);
  border-radius: var(--bulma-radius);
  background-color: var(--bulma-scheme-main);
  color: var(--bulma-link);
  font: inherit;
  font-size: 0.85em;
  cursor: pointer;
}
.compose .document-editor .block-dragged {
  border-radius: var(--bulma-radius);
  background-color: var(--bulma-scheme-main);
  box-shadow: 0 2px 10px rgb(0 0 0 / 0.18);
  outline: 1px solid var(--bulma-border);
}
.compose .document-editor .block-lifted {
  opacity: 0.4;
}
.compose .document-editor .block-drop-before::before,
.compose .document-editor .block-drop-after::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 999px;
  background-color: var(--bulma-link);
}
.compose .document-editor .block-drop-before::before { top: -0.25rem; }
.compose .document-editor .block-drop-after::after { bottom: -0.25rem; }
.block-handle:active { cursor: grabbing; }
.block-picker,
.block-picker li {
  list-style: none;
}
.block-picker {
  position: absolute;
  top: 1.75rem;
  left: 0;
  z-index: 20;
  min-width: 10rem;
  padding: 0.25rem 0;
  border: 1px solid var(--bulma-border);
  border-radius: var(--bulma-radius);
  background-color: var(--bulma-scheme-main);
  box-shadow: 0 2px 10px rgb(0 0 0 / 0.18);
  list-style: none;
  overflow: hidden;
}
.block-picker button {
  display: block;
  width: 100%;
  padding: 0.35rem 0.75rem;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.block-picker button:hover { background-color: var(--bulma-background); }
.block-picker button[data-preset="remove"] { color: var(--bulma-danger); }
.block-picker .block-picker-cut {
  margin-top: 0.25rem;
  padding-top: 0.25rem;
  border-top: 1px solid var(--bulma-border);
}
.compose button[type="submit"] {
  margin-top: 1rem;
}
.counter {
  font-size: 0.85em;
  color: var(--bulma-text-weak);
}
[data-dropzone][data-dropping] {
  outline: 2px dashed var(--bulma-link);
  outline-offset: 0.5rem;
}
.dropzone {
  margin-top: 0.5rem;
  padding: 1rem;
  border: 1px dashed var(--bulma-border);
  border-radius: var(--bulma-radius-large);
  background-color: var(--bulma-scheme-main-bis);
  text-align: center;
}
.dropzone-hint {
  margin: 0 0 0.5rem;
  font-size: 0.875rem;
  color: var(--bulma-text-weak);
}
[data-dropping] .dropzone {
  border-color: var(--bulma-link);
  border-style: solid;
  background-color: var(--bulma-scheme-main-ter);
}
.attachments .attachment-item label {
  display: block;
  text-align: left;
}
.attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.5rem;
}
.attachments .attachment-item {
  border: 1px solid var(--bulma-border-weak);
  border-radius: var(--bulma-radius);
  padding: 0.5rem;
  width: 12rem;
  background-color: var(--bulma-scheme-main-bis);
}
.attachments img {
  display: block;
  width: 100%;
  height: 7rem;
  object-fit: cover;
  border-radius: var(--bulma-radius-small);
}
.attachments label {
  font-size: 0.75rem;
  font-weight: 400;
  margin-top: 0.5rem;
}
.attachments .media-description {
  width: 100%;
  font-size: 0.8rem;
}
.attachments progress {
  width: 100%;
}
.attachments .attachment-item[data-state="uploading"] {
  border-style: dashed;
}
.attachments .attachment-item[data-state="failed"] {
  border-color: var(--bulma-danger);
}
.attachments .error {
  color: var(--bulma-danger);
  font-size: 0.8rem;
}
.attachments button {
  margin-top: 0.5rem;
  margin-right: 0.25rem;
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
  border: 1px solid var(--bulma-border);
  border-radius: var(--bulma-radius-rounded);
  background: transparent;
  color: var(--bulma-text);
  cursor: pointer;
}
.is-waiting {
  display: block;
  padding: 0.75rem 0;
  color: var(--bulma-text-weak);
  font-size: 0.95em;
  text-align: center;
}
.is-saving > * {
  pointer-events: none;
}
.is-saving > .saving-veil {
  pointer-events: auto;
}
.saving-veil {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  background-color: color-mix(in srgb, var(--bulma-scheme-main) 78%, transparent);
  backdrop-filter: blur(2px);
}
.asset-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.asset-cell {
  margin: 0;
}
.asset-pick {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  border: 1px solid var(--bulma-border);
  border-radius: var(--bulma-radius);
  background: none;
  cursor: pointer;
  overflow: hidden;
}
.asset-pick:hover,
.asset-pick:focus-visible {
  border-color: var(--bulma-primary);
}
.asset-pick img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.asset-one {
  margin-bottom: var(--bulma-block-spacing);
}
.asset-add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: 100%;
  aspect-ratio: 1;
  padding: 0.5rem;
  border: 1px dashed var(--bulma-border);
  border-radius: var(--bulma-radius);
  background: none;
  color: var(--bulma-text-weak);
  cursor: pointer;
  text-align: center;
}
.asset-add:hover,
.asset-add:focus-visible {
  border-color: var(--bulma-primary);
  color: var(--bulma-text);
}
.asset-add .nav-icon {
  display: block;
}
.asset-add-label {
  font-weight: 600;
}
.asset-add-hint,
.asset-add-tag {
  font-size: 0.75rem;
  line-height: 1.2;
}
.asset-add-tag {
  padding: 0 0.4rem;
  border-radius: var(--bulma-radius-small);
  background-color: var(--bulma-background);
}
.asset-cell-add {
  container-type: inline-size;
}
@container (max-width: 9rem) {
  .asset-add-hint {
    display: none;
  }
}
.asset-grid:has(.asset-cell-add) + .is-waiting {
  display: none;
}
.group-badge.is-off {
  opacity: 0.45;
}
.group-badge {
  display: inline-block;
  margin-right: 0.35rem;
  padding: 0.05rem 0.4rem;
  border-radius: 0.5rem;
  background: var(--bulma-background);
  color: var(--bulma-text-weak);
  font-size: 0.7rem;
  font-weight: 600;
  vertical-align: middle;
}
.group-block {
  margin-bottom: 2.5rem;
}
.group-note {
  margin-top: 1rem;
  color: var(--bulma-text-weak);
  font-size: 0.85rem;
}
.table-wrap {
  overflow-x: auto;
}
.group-table {
  width: 100%;
}
.group-table th,
.group-table td {
  vertical-align: middle;
}
.group-num {
  width: 1%;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.group-acts {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}
.group-acts .button + .button {
  margin-left: 0.25rem;
}
.group-name {
  display: inline-flex;
  align-items: baseline;
  gap: 0.45rem;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.group-name:hover .group-label {
  text-decoration: underline;
}
.group-label {
  font-weight: 600;
}
.group-modal-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: 700;
}
.group-tabs {
  display: flex;
  flex-wrap: wrap;
}
.group-tabs > input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.group-tabs > label {
  padding: 0.4rem 0.8rem;
  border-bottom: 2px solid transparent;
  color: var(--bulma-text-weak);
  cursor: pointer;
}
.group-tabs > input:checked + label {
  border-bottom-color: var(--bulma-primary);
  color: var(--bulma-text);
  font-weight: 600;
}
.group-tabs > input:focus-visible + label {
  outline: 2px solid var(--bulma-primary);
  outline-offset: -2px;
}
.group-tab-body {
  display: none;
  order: 9;
  width: 100%;
  padding-top: 1rem;
}
.group-tabs > input:nth-of-type(1):checked ~ .group-tab-body:nth-of-type(1),
.group-tabs > input:nth-of-type(2):checked ~ .group-tab-body:nth-of-type(2),
.group-tabs > input:nth-of-type(3):checked ~ .group-tab-body:nth-of-type(3) {
  display: block;
}
.backlinks li.is-missing > a {
  color: var(--bulma-danger);
}
.backlink-missing {
  margin-left: 0.4rem;
  color: var(--bulma-text-weak);
  font-size: var(--meta-size);
}
.group-members,
.group-docs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.group-members li,
.group-docs li {
  padding: 0.2rem 0;
  border-bottom: 1px solid var(--bulma-border-weak);
  font-size: 0.9rem;
}
.group-badge-on {
  display: block;
  margin: 0.75rem 0;
  font-size: 0.85rem;
}
.group-move-from {
  margin-bottom: 1rem;
}
.group-deeds {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0 0;
}
.group-deeds-split {
  justify-content: space-between;
}
.group-deeds-end,
.group-deeds-own {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.asset-groups-side {
  margin-bottom: 0.75rem;
}
.asset-groups-side .asset-tag-only,
.asset-groups-side .asset-tag-add {
  color: var(--bulma-success-on-scheme);
}
.asset-one-groups {
  margin-bottom: 0.75rem;
}
.asset-one-groups .field + .field {
  margin-top: 0.5rem;
}
.asset-cell.is-chosen .asset-pick {
  border-color: var(--bulma-success);
}
.asset-cell.is-chosen .asset-pick::after {
  content: "";
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--bulma-success) 28%, transparent);
  pointer-events: none;
}
.asset-cell.is-chosen .asset-pick::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 2rem;
  height: 2rem;
  margin: -1rem 0 0 -1rem;
  border-radius: 50%;
  background:
    var(--bulma-success)
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")
    center / 1.25rem no-repeat;
  box-shadow: 0 0 0 2px rgb(255 255 255 / 70%);
  pointer-events: none;
}
.asset-grid[data-asset-picking] .asset-pick {
  cursor: cell;
}
.asset-groups-deeds,
.group-rename-deeds {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0 0;
}
.asset-groups-axis {
  margin-bottom: 1rem;
  padding: 0.75rem;
  border: 1px solid var(--bulma-border-weak);
  border-radius: 0.375rem;
}
.asset-groups-axis legend {
  padding: 0 0.35rem;
  font-weight: 600;
}
.asset-groups-count {
  margin-bottom: 1rem;
  font-weight: 600;
}
.asset-pool.is-dropping {
  outline: 2px dashed var(--bulma-primary);
  outline-offset: 0.35rem;
  border-radius: var(--bulma-radius);
}
.pager button {
  padding: 0.2rem 0.75rem;
  border: 1px solid var(--bulma-border);
  border-radius: var(--bulma-radius);
  background: none;
  color: inherit;
  cursor: pointer;
}
.pager button:hover:not(:disabled) {
  border-color: var(--bulma-primary);
}
.pager button:disabled {
  color: var(--bulma-text-weak);
  cursor: default;
  opacity: 0.6;
}
.pager-numbers {
  justify-content: center;
}
.pager-numbers ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  justify-content: center;
}
.pager-numbers a,
.pager-numbers .pager-now,
.pager-numbers .pager-gap {
  display: block;
  padding: 0.2rem 0.45rem;
  border: 0;
  border-radius: 0;
  background: none;
  text-align: center;
}
.pager-numbers a {
  color: var(--bulma-link);
}
.pager-numbers a:hover {
  text-decoration: underline;
}
.pager-numbers .pager-now {
  color: var(--bulma-text);
  font-weight: 700;
}
.pager-numbers .pager-gap {
  color: var(--bulma-text-weak);
}
.asset-pool {
  min-width: 0;
}
.asset-find {
  margin-bottom: 1rem;
}
.asset-browser {
  display: grid;
  grid-template-columns: 12rem 1fr;
  gap: 1rem;
  align-items: start;
}
@media (max-width: 51.99rem) {
  .asset-browser {
    grid-template-columns: 1fr;
  }
}
.hamel-modal .asset-browser {
  max-height: 60vh;
  overflow-y: auto;
}
.asset-side {
  min-width: 0;
}
.asset-picked,
.asset-tags {
  margin: 0.75rem 0 0;
  padding: 0;
  list-style: none;
}
.asset-hashtags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.75rem;
  margin: 0.75rem 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--meta-size);
}
.asset-hashtags a::before {
  content: '#';
  margin-right: 0.05em;
  opacity: 0.55;
}
.asset-hashtags a {
  color: var(--bulma-text-weak);
}
.asset-hashtags a:hover {
  color: var(--bulma-link);
}
.asset-picked li {
  display: inline-block;
  margin: 0 0.25rem 0.25rem 0;
}
.asset-tag {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  padding: 0.1rem 0;
  font-size: 0.9em;
}
.asset-tag-add,
.asset-tag-only {
  padding: 0 0.15rem;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
}
.asset-tag-add {
  color: var(--bulma-primary);
  font-weight: 700;
}
.asset-tag-only {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.asset-tag-add:hover,
.asset-tag-only:hover {
  text-decoration: underline;
}
.asset-tag-count {
  color: var(--bulma-text-weak);
  font-size: 0.85em;
}
.asset-one-shot {
  display: block;
  max-width: 100%;
  max-height: 40vh;
  margin: 0 auto 0.75rem;
  border-radius: var(--bulma-radius);
}
.asset-facts {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25rem 0.75rem;
  margin: 0 0 0.75rem;
  font-size: 0.9em;
}
.asset-facts dt {
  color: var(--bulma-text-weak);
}
.asset-facts dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.asset-one-deeds {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.6rem;
}
.asset-one-deeds .asset-one-drop {
  margin-left: auto;
}
.suggestions {
  border: 1px solid var(--bulma-border);
  border-radius: var(--bulma-radius);
  max-width: 24rem;
  background-color: var(--bulma-scheme-main-bis);
}
.suggestions.commands {
  z-index: 30;
  max-height: 16rem;
  overflow-y: auto;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 0.18);
}
.suggestions .suggestion {
  padding: 0.25rem 0.75rem;
  cursor: pointer;
}
.suggestions .suggestion[aria-selected="true"] {
  background-color: var(--bulma-link);
  color: var(--bulma-link-invert);
}
.compose .commands {
  margin-top: 0.5rem;
  max-height: 12rem;
  overflow-y: auto;
}
.canvas {
  position: relative;
  min-height: 30rem;
  overflow: auto;
  border: 1px solid var(--bulma-border-weak);
  border-radius: var(--bulma-radius-large);
}
.canvas .note {
  position: absolute;
  left: calc(var(--x, 0) * 1px);
  top: calc(var(--y, 0) * 1px);
  width: 20rem;
  max-width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--bulma-border-weak);
  border-radius: var(--bulma-radius);
  background-color: var(--bulma-scheme-main-bis);
}
.canvas .note[data-dragging] {
  outline: 2px solid var(--bulma-link);
  user-select: none;
}
.note .place {
  display: inline-flex;
  gap: 0.25rem;
  align-items: baseline;
  font-size: 0.8rem;
}
@media (max-width: 40rem) {
  .canvas {
    min-height: 0;
    border: 0;
  }
  .canvas .note {
    position: static;
    width: auto;
    margin-bottom: 0.75rem;
  }
}
.archives .archive-ref {
  border: 1px solid var(--bulma-border-weak);
  border-radius: var(--bulma-radius-large);
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  background-color: var(--bulma-scheme-main-bis);
}
.archives .archive-link {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  color: inherit;
  text-decoration: none;
}
.archives .feature {
  flex: none;
  width: 6rem;
  height: 6rem;
  object-fit: cover;
  border-radius: var(--bulma-radius);
}
.archives .archive-body {
  min-width: 0;
}
.archives .title {
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
}
.archives .description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 0.25rem;
  color: var(--bulma-text-weak);
  white-space: pre-line;
}
.archives .meta {
  margin: 0.75rem 0 0;
  font-size: 0.85em;
  color: var(--bulma-text-weak);
}
.archives .slug {
  font-family: var(--bulma-family-code);
  font-size: 0.85em;
  color: var(--bulma-text-weak);
}
.documents .home {
  display: inline-block;
  margin: 0;
  font-size: 0.85em;
  border: 1px solid currentcolor;
  border-radius: var(--bulma-radius-small);
  padding: 0 0.25rem;
}
.document-title-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: baseline;
  margin-block-end: 0.5rem;
}
.document-title-row > .dropdown {
  margin-inline-start: auto;
}
.document-title-row .dropdown > summary {
  font-size: 0.875rem;
}
.document-title-row h1 {
  margin-bottom: 0;
}
.document-title-row > .dropdown > summary .nav-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.document-meta {
  margin-block: 0 0.75rem;
}
.document-meta .visibility {
  display: inline-flex;
  vertical-align: -0.15em;
  margin-inline-end: 0.25rem;
}
.document-meta .visibility .nav-icon svg {
  display: block;
  width: 1rem;
  height: 1rem;
}
.document-meta .visibility .nav-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.document-meta .visibility[data-value="federated"] {
  color: var(--bulma-success-on-scheme);
}
.document-meta .visibility[data-value="server"] {
  color: var(--bulma-link-on-scheme);
}
.document-meta .visibility[data-value="followers"] {
  color: var(--bulma-warning-on-scheme);
}
.document-meta .visibility[data-value="quiet"] {
  color: var(--bulma-text-weak);
}
.dropdown-menu .rule {
  border-block-start: 1px solid var(--bulma-border-weak);
  margin-block: 0.25rem;
  padding: 0;
}
.dropdown-menu .current {
  display: block;
  padding: 0.25rem 0.5rem;
  color: var(--bulma-text-weak);
  font-weight: 600;
}
.dropdown-menu li form.axis,
.filter-column form.axis {
  display: flex;
  align-items: stretch;
}
.dropdown-menu li form.axis .toggle,
.filter-column form.axis .toggle {
  flex: 1 1 auto;
}
.dropdown-menu li form.axis .revert,
.filter-column form.axis .revert {
  flex: 0 0 auto;
  color: var(--bulma-text-weak);
  font-size: 0.75rem;
}
.dropdown-menu li form.axis .mark,
.filter-column form.axis .mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  vertical-align: -0.15em;
  color: var(--bulma-link);
}
.dropdown-menu li form.axis .mark svg,
.filter-column form.axis .mark svg {
  width: 1.1em;
  height: 1.1em;
}
.dropdown-menu li form.axis .toggle[aria-pressed="false"] .mark,
.filter-column form.axis .toggle[aria-pressed="false"] .mark {
  color: var(--bulma-text-weak);
}
.dropdown-menu li form.axis .toggle:disabled,
.filter-column form.axis .toggle:disabled {
  color: var(--bulma-text-weak);
  opacity: 0.55;
  cursor: default;
}
.dropdown-menu li form.axis .toggle:disabled:hover,
.filter-column form.axis .toggle:disabled:hover {
  background-color: transparent;
}
.hamel-modal {
  border: 1px solid var(--bulma-border);
  border-radius: var(--bulma-radius-large);
  padding: 0;
  max-width: min(44rem, var(--content-width));
  width: 90vw;
  max-height: 90vh;
  overflow: hidden;
  background-color: var(--bulma-scheme-main);
  color: var(--bulma-text);
}
.hamel-modal[open] {
  display: flex;
  flex-direction: column;
}
.hamel-modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 1.5rem;
}
.hamel-modal::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
html:has(.hamel-modal[open]) {
  overflow: hidden;
}
@media (max-width: 51.99rem) {
  .hamel-modal:not([data-modal='card']) {
    inset: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    margin: 0;
    border: 0;
    border-radius: 0;
    max-height: none;
  }
}
.hamel-modal-close {
  position: absolute;
  top: 0.5rem;
  right: 1.5rem;
  border: 0;
  background: none;
  color: var(--bulma-text-weak);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}
.hamel-modal-close:hover {
  color: var(--bulma-text);
}
.card-header {
  --avatar-large: 6rem;
  position: relative;
  min-height: 9rem;
  background-color: var(--bulma-scheme-main-ter);
  border-radius: var(--bulma-radius-large) var(--bulma-radius-large) 0 0;
  overflow: hidden;
}
.card-header .header {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-header .avatar.large {
  position: relative;
  margin: 0.75rem;
  width: var(--avatar-large);
  height: var(--avatar-large);
  object-fit: cover;
}
.card-header .identity {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0.25rem 0.75rem;
  background-color: rgba(0, 0, 0, 0.55);
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
}
.card-header .identity p,
.card-header .identity a {
  margin: 0;
  color: #fff;
}
.card-body {
  margin: 0;
  padding: 0;
}
.card-body .note {
  margin: 0.75rem 0;
  padding: 0 1rem;
}
.card-body .bio {
  margin: 0;
  padding: 0.75rem 1rem;
}
.card-body .bio > :first-child { margin-top: 0; }
.card-body .bio > :last-child { margin-bottom: 0; }
.card-body .profile-fields {
  margin: 0;
  padding: 0.75rem 1rem;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: transparent;
}
.card-body .bio + .profile-fields {
  padding-top: 0;
}
.card-body .profile-fields th,
.card-body .profile-fields td {
  border: 0;
  padding: 0.25rem 0.5rem 0.25rem 0;
  vertical-align: top;
  background-color: transparent;
}
.card-body .profile-fields th {
  width: 1%;
  white-space: nowrap;
  text-align: left;
  font-weight: 600;
  color: var(--bulma-text-weak);
}
.card-body .profile-fields td {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
section.profile {
  margin-bottom: 1.5rem;
}
.profile-connections {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--bulma-border-weak);
  padding: 0.75rem 1rem;
}
.hamel-modal .profile-connections .dropdown-menu {
  top: auto;
  bottom: 100%;
}
.profile-connections .counts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.profile-connections .dropdown > summary {
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  padding: 0.25rem;
  border-radius: var(--bulma-radius);
}
.profile-connections .dropdown > summary:hover {
  background-color: var(--bulma-scheme-main-ter);
  color: var(--bulma-text);
}
.item-body {
  min-width: 0;
}
.block-body > :first-child {
  margin-top: 0;
}
.block-body > :last-child {
  margin-bottom: 0;
}
.document-item + .document-item {
  margin-block-start: 1em;
}
.document-item[data-dragging],
.wiki [data-move] ~ .item-body {
  border-radius: var(--bulma-radius);
}
.item-handle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.25rem;
  border-radius: var(--bulma-radius);
  background-color: var(--bulma-scheme-main-ter);
  color: var(--bulma-text-weak);
}
.item-handle .grip {
  font-size: 1.25em;
  line-height: 1;
}
.item-handle .nav-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.document-item {
  position: relative;
}
.item-handle {
  position: absolute;
  inset-block: 0;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.12s ease-out;
}
.item-handle.move {
  inset-inline-start: 0;
}
.item-handle.edit {
  inset-inline-end: 0;
}
.document-item:hover > .item-handle,
.document-item:focus-within > .item-handle {
  visibility: visible;
  opacity: 1;
}
.item-handle:has(details[open]) {
  visibility: visible;
  opacity: 1;
}
.document-body[data-dragging] .document-item:not([data-dragging]) > .item-handle {
  visibility: hidden;
  opacity: 0;
}
.document-body[data-dragging] .document-item[data-dragging] > .item-handle {
  visibility: visible;
  opacity: 1;
}
.document-item[data-dragging] {
  outline: 2px dashed var(--bulma-link);
  outline-offset: 2px;
  border-radius: var(--bulma-radius);
  background-color: var(--bulma-scheme-main-bis);
}
.document-item[data-dragging] > .item-body {
  opacity: 0.25;
}
@media (hover: none) {
  .item-handle {
    visibility: visible;
    opacity: 1;
  }
}
.item-handle.move {
  cursor: grab;
  user-select: none;
  touch-action: none;
}
.item-handle.move:active {
  cursor: grabbing;
}
.document-item[data-dragging] {
  opacity: 0.6;
  outline: 2px solid var(--bulma-link);
}
.dropdown-menu .item-author,
.dropdown-menu .item-when {
  display: flex;
  gap: 0.375rem;
  align-items: center;
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
  color: var(--bulma-text-weak);
  white-space: nowrap;
}
.dropdown-menu .item-author .avatar {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: cover;
}
.dropdown-menu .item-when + li {
  border-top: 1px solid var(--bulma-border-weak);
  margin-top: 0.25rem;
  padding-top: 0.25rem;
}
.revision-picker .revision {
  border-bottom: 1px solid var(--bulma-border-weak);
  padding: 0.5rem 0;
}
.revision-picker .revision .when {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
  margin: 0 0 0.25rem;
  font-size: 0.85rem;
  color: var(--bulma-text-weak);
}
.revision-picker .revision .seq {
  font-weight: 600;
  color: var(--bulma-text);
}
.revision-picker .excerpt {
  max-height: 6rem;
  overflow: hidden;
}
.revision-picker form {
  margin: 0.25rem 0 0;
}
.item-handle form {
  margin: 0;
}
.item-handle button {
  font-size: 0.75rem;
}
.insert-slot {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  font-size: 0.8125rem;
  padding-block: 0.25rem;
  color: var(--bulma-text-weak);
  border: 1px dashed var(--bulma-border-weak);
  border-radius: var(--bulma-radius);
  text-decoration: none;
}
.insert-slot:hover {
  border-color: var(--bulma-link);
}
.insert-slot a {
  color: var(--bulma-text-weak);
  text-decoration: none;
}
.insert-slot a:hover {
  color: var(--bulma-link);
}
.special-block {
  border-inline-start: 3px solid var(--bulma-border);
  background-color: var(--bulma-scheme-main-bis);
  border-radius: 0 var(--bulma-radius) var(--bulma-radius) 0;
  padding: 0.5rem 0.75rem;
  margin-block: 0.75rem;
}
.special-block .block-label {
  font-size: 0.9375rem;
  font-weight: 600;
  margin: 0 0 0.375rem;
  color: var(--bulma-text-weak);
}
.special-block .block-entries {
  margin: 0;
  padding: 0;
  list-style: none;
}
.special-block .block-entry {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: baseline;
  padding-block: 0.125rem;
}
.special-block .block-entry .count,
.special-block .block-entry time {
  font-size: 0.8125rem;
  color: var(--bulma-text-weak);
}
.special-block .block-entry[data-level="3"] { margin-inline-start: 1rem; }
.special-block .block-entry[data-level="4"] { margin-inline-start: 2rem; }
.special-block .block-entry[data-level="5"] { margin-inline-start: 3rem; }
.special-block .block-entry[data-level="6"] { margin-inline-start: 4rem; }
.item-what {
  font-size: 0.8125rem;
  padding: 0.25rem 0.5rem;
  color: var(--bulma-text-weak);
  white-space: nowrap;
}
.insert-candidates {
  list-style: none;
  margin: 0;
  padding: 0;
}
.candidate {
  border: 1px solid var(--bulma-border-weak);
  border-radius: var(--bulma-radius);
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
}
.candidate .excerpt {
  max-height: 6rem;
  overflow: hidden;
}
.note .item-handle.edit {
  background: none;
  align-items: end;
}
.insert-slot .slot-where {
  opacity: 0.75;
}
.insert-slot.add {
  display: inline-block;
  width: 1.75rem;
  line-height: 1.6rem;
  padding: 0;
  border-radius: var(--bulma-radius-rounded);
  margin-left: 0.5rem;
}
[data-copy] {
  cursor: copy;
}
p.error:empty {
  display: none;
}
@keyframes copied-blink {
  from {
    background-color: var(--bulma-success);
    color: var(--bulma-success-invert);
  }
  to {
    background-color: transparent;
  }
}
[data-copy].copied {
  animation: copied-blink 0.7s ease-out 1;
  border-radius: var(--bulma-radius-small);
}
@media (prefers-reduced-motion: reduce) {
  [data-copy].copied {
    animation: none;
    background-color: var(--bulma-success);
    color: var(--bulma-success-invert);
  }
}
.nav-icon:has(svg + svg) {
  position: relative;
}
.nav-icon svg + svg {
  position: absolute;
  inset: 0;
  color: var(--bulma-success);
  opacity: 0;
}
.copied .nav-icon svg:first-child {
  opacity: 0;
}
.copied .nav-icon svg + svg {
  opacity: 1;
}
.login-providers {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
}
.login-providers li {
  padding-block: 0.25rem;
}
.login-providers .provider {
  display: inline-block;
  min-width: 14rem;
  text-align: center;
}
.agreement {
  font-size: 0.875rem;
  color: var(--bulma-text-weak);
}
.feed-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.feed-entry {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--bulma-border-weak);
}
.feed-entry .tools {
  display: flex;
  gap: 0.25rem;
  margin-left: auto;
}
.feed-entry:last-child .tools .dropdown-menu {
  top: auto;
  bottom: 100%;
}
.feed-entry .feed-title {
  font-weight: 600;
}
.feed-entry .item-handle {
  position: static;
  visibility: visible;
  opacity: 1;
  margin-left: auto;
  background: none;
}
.feed-menu-section {
  margin-bottom: 1.5rem;
}
.feed-menu-section h2.subtitle {
  margin-bottom: 0;
}
.feed-entry .grip {
  display: inline-flex;
  width: 1.25rem;
  color: var(--bulma-text-weak);
  cursor: grab;
}
.feed-entry .grip svg {
  width: 1.25rem;
  height: 1.25rem;
}
.feed-entry[data-dragging] {
  opacity: 0.6;
  cursor: grabbing;
}
.feed-menu[data-dragging] .grip {
  opacity: 0.3;
}
.feed-menu-section .feed-menu {
  min-height: 2.75rem;
}
.feed-menu[data-dragging] {
  outline: 2px dashed var(--bulma-border);
  outline-offset: 0.25rem;
  border-radius: var(--bulma-radius);
  background-color: var(--bulma-background);
}
.feed-entry .tools form {
  margin: 0;
}
.feed-entry .kind,
.feed-entry .off {
  font-size: 0.75rem;
  color: var(--bulma-text-weak);
  border: 1px solid var(--bulma-border);
  border-radius: var(--bulma-radius-small);
  padding: 0 0.25rem;
}
.settings fieldset,
.profile-edit fieldset,
fieldset.favicon,
fieldset.profile-defaults {
  margin-block: 1rem;
}
fieldset.profile-defaults .profile-defaults-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
}
fieldset.profile-defaults .profile-defaults-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
fieldset.profile-defaults .profile-defaults-list img {
  width: 4rem;
  height: 4rem;
  object-fit: cover;
  border-radius: 50%;
}
fieldset.profile-defaults .profile-defaults-list.is-wide img {
  width: 12rem;
  height: 4rem;
  border-radius: 4px;
}
.settings legend,
.profile-edit legend,
fieldset.favicon legend {
  padding-inline-end: 0.5rem;
}
.setting .meta {
  margin-block-start: 0.25rem;
}
fieldset.favicon form {
  margin-block: 0.75rem;
}
.collect .note {
  margin-block: 0.5rem 0;
  color: var(--bulma-text-weak);
}
.collect .help {
  margin-block-start: 0.25rem;
  color: var(--bulma-text-weak);
}
.collect-preview {
  margin-block: 0.5rem;
  padding-inline-start: 0.75rem;
  border-inline-start: 3px solid currentColor;
  opacity: 0.85;
}
.collect-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-block-start: 1rem;
}
.skins.gallery.two-up {
  grid-template-columns: repeat(2, 1fr);
}
.skins.current {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: flex-start;
  max-width: 28rem;
  margin-bottom: 1.5rem;
}
.skins .as-button {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  overflow: hidden;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: var(--bulma-scheme-main);
  border: 1px solid var(--bulma-border-weak);
}
.skins .as-button:hover {
  border-color: var(--bulma-primary);
}
.skins .as-button[disabled] {
  cursor: default;
  opacity: 0.85;
}
.skins .as-button .about {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: baseline;
  padding: 0.75rem 1rem;
}
.skins.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0;
  list-style: none;
}
.skins.gallery > li {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.skins.gallery > li.is-active {
  border: 2px solid var(--bulma-primary);
}
.skins .preview {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 10;
  background-color: var(--bulma-background);
  border-bottom: 1px solid var(--bulma-border-weak);
}
.skins .preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.skins .no-preview {
  color: var(--bulma-text-weak);
  font-size: 0.875rem;
}
.skins .about {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 1rem 1rem;
}
.skins .about h2 {
  margin-bottom: 0;
}
.skins .about .author,
.skins .about .error {
  margin: 0;
}
.skins .meta {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.125rem 0.75rem;
  margin: 0;
  font-size: 0.875rem;
}
.skins .meta dt {
  color: var(--bulma-text-weak);
  white-space: nowrap;
}
.skins .meta dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.skins .actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: 0.5rem;
}
.skins .actions form {
  margin: 0;
}
.feed-edit:has(#feed-kind option[value="accounts"]:checked) :is(.by-tag, .by-search) {
  display: none;
}
.feed-edit:has(#feed-kind option[value="tag"]:checked) :is(.by-accounts, .by-search) {
  display: none;
}
.feed-edit:has(#feed-kind option[value="search"]:checked) :is(.by-accounts, .by-tag) {
  display: none;
}
.feed-edit ul.tags {
  margin: 0 0 0.75rem;
  padding: 0;
  list-style: none;
}
.feed-edit .tag-row {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding-block: 0.25rem;
}
.feed-edit .tag-row form {
  margin: 0;
}
.feed-edit .feed-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-block: 1.5rem;
}
.feed-edit .feed-actions form {
  margin: 0;
}
.filter-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-block: 0.75rem 1.25rem;
}
.filter-presets form {
  margin: 0;
}
.filter-presets .reset {
  margin-inline-start: auto;
  color: var(--bulma-text-weak);
}
.filter-tier-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 1rem;
  margin-block-end: 0.75rem;
}
.filter-limit {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  margin-inline-start: auto;
}
.filter-limit label {
  font-size: 0.9rem;
  white-space: nowrap;
  color: var(--bulma-text-weak);
}
.filter-limit input {
  width: 5rem;
  padding: 0.25rem 0.4rem;
  border: 1px solid var(--bulma-border);
  border-radius: 4px;
  background: var(--bulma-scheme-main);
  color: var(--bulma-text);
  font-size: 0.9rem;
  text-align: end;
}
.filter-presets .mark {
  display: inline-flex;
  width: 1.1em;
  height: 1.1em;
  margin-inline-end: 0.35rem;
  vertical-align: -0.15em;
}
.filter-section + .filter-section {
  margin-block-start: 1.5rem;
  padding-block-start: 1.25rem;
  border-block-start: 1px solid var(--bulma-border-weak);
}
.filter-tier {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
}
.filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
@media (max-width: 44rem) {
  .filter-grid {
    grid-template-columns: 1fr;
  }
}
.filter-group {
  margin-block-end: 0.35rem;
  color: var(--bulma-text-weak);
  font-size: 0.85rem;
}
.filter-column ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.filter-column form.axis {
  align-items: center;
}
.filter-column .toggle,
.filter-column .revert {
  display: block;
  box-sizing: border-box;
  padding: 0.2rem 0.35rem;
  border: 0;
  border-radius: var(--bulma-radius);
  background: none;
  color: var(--bulma-text);
  font-size: 0.95rem;
  text-align: left;
  cursor: pointer;
}
.filter-column .toggle:hover:not(:disabled),
.filter-column .revert:hover {
  background-color: var(--bulma-scheme-main-ter);
}
.notice.warn {
  color: var(--bulma-warning-on-scheme, var(--bulma-text));
}
.notice.document-redirected,
.document-body p.redirect {
  margin-block: 0 1rem;
  padding: 0.5rem 0.75rem;
  border-left: 3px solid var(--bulma-link);
  background-color: var(--bulma-scheme-main-bis);
  border-radius: 0 var(--bulma-radius) var(--bulma-radius) 0;
  font-size: 0.95em;
}
.document-body p.redirect .redirect-note {
  margin-right: 0.4rem;
  font-weight: 600;
}
.document-body .special-redirect[data-incomplete]::before {
  content: "⚠";
  margin-right: 0.4rem;
}
.document-body .special-asset {
  margin: 1rem 0;
}
.document-body .special-asset img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--bulma-radius);
}
.document-body .special-asset figcaption {
  margin-top: 0.4rem;
  color: var(--bulma-text-weak);
  font-size: 0.9em;
}
.document-body .block:has(> .special-asset.is-l30),
.document-body .block:has(> .special-asset.is-l70) {
  float: left;
  margin-right: 1.2rem;
}
.document-body .block:has(> .special-asset.is-r30),
.document-body .block:has(> .special-asset.is-r70) {
  float: right;
  margin-left: 1.2rem;
}
.document-body .block:has(> .special-asset.is-l30),
.document-body .block:has(> .special-asset.is-r30) {
  width: 30%;
}
.document-body .block:has(> .special-asset.is-l70),
.document-body .block:has(> .special-asset.is-r70) {
  width: 70%;
}
.document-body .block:has(> .special-asset[class*="is-"]) .special-asset {
  margin: 0;
}
.document-body .block:has(> .special),
.document-body .block:has(> .quote) {
  clear: both;
}
.document-body::after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 51.99rem) {
  .document-body .block:has(> .special-asset[class*="is-"]) {
    float: none;
    width: auto;
    margin-right: 0;
    margin-left: 0;
  }
}
.document-body .special-asset[data-incomplete]::before {
  content: "⚠";
  margin-right: 0.4rem;
}
.doc-history {
  margin-block: 1rem;
  padding: 0;
  list-style: none;
}
.doc-history li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem;
  padding-block: 0.45rem;
  border-block-end: 1px solid var(--bulma-border-weak);
}
.doc-history .handle {
  font-weight: 600;
}
.doc-history time,
.doc-history .seq {
  color: var(--bulma-text-weak);
  font-size: 0.85rem;
}
.doc-history time {
  margin-inline-start: auto;
}
.doc-history li.unavailable .what {
  color: var(--bulma-text-weak);
}
.doc-history .gone {
  padding-inline: 0.4rem;
  border-radius: 4px;
  background: var(--bulma-background);
  color: var(--bulma-text-weak);
  font-size: 0.8rem;
}
.revisions {
  width: 100%;
  margin-block: 1rem;
  border-collapse: collapse;
}
.revisions th,
.revisions td {
  padding: 0.45rem 0.5rem;
  border-block-end: 1px solid var(--bulma-border-weak);
  text-align: start;
  vertical-align: baseline;
}
.revisions thead th {
  color: var(--bulma-text-weak);
  font-size: 0.85rem;
  font-weight: 600;
}
.revisions .preview {
  color: var(--bulma-text-weak);
}
.revisions time {
  margin-inline-start: 0.4rem;
  color: var(--bulma-text-weak);
  font-size: 0.85rem;
}
.revision-compare button {
  margin-block-start: 0.5rem;
}
.revision-meta {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.35rem 1rem;
  margin-block: 1rem;
}
.revision-meta dt {
  color: var(--bulma-text-weak);
  font-size: 0.9rem;
}
.revision-meta dd {
  margin: 0;
}
.diff-item {
  margin-block: 1rem;
  border: 1px solid var(--bulma-border-weak);
  border-radius: 6px;
  overflow: hidden;
}
.diff-head {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin: 0;
  padding: 0.5rem 0.75rem;
  background: var(--bulma-background);
  font-size: 0.95rem;
}
.diff-head .state {
  padding-inline: 0.4rem;
  border-radius: 4px;
  background: var(--bulma-scheme-main);
  color: var(--bulma-text-weak);
  font-size: 0.8rem;
}
.diff-lines {
  margin: 0;
  padding: 0.5rem 0;
  overflow-x: auto;
  font-size: 0.85rem;
  line-height: 1.5;
}
.diff-lines .line {
  display: block;
  padding-inline: 0.75rem;
  white-space: pre-wrap;
}
.diff-lines .added {
  background: color-mix(in srgb, var(--bulma-success) 12%, transparent);
}
.diff-lines .removed {
  background: color-mix(in srgb, var(--bulma-danger) 12%, transparent);
}
.diff-lines .same {
  color: var(--bulma-text-weak);
}
header.site .bar {
  padding-left: calc(1rem + env(safe-area-inset-left));
  padding-right: calc(1rem + env(safe-area-inset-right));
  padding-top: calc(0.5rem + env(safe-area-inset-top));
}
.shell {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
footer.site .bar {
  padding-left: calc(1rem + env(safe-area-inset-left));
  padding-right: calc(1rem + env(safe-area-inset-right));
}
body {
  padding-bottom: calc(var(--nav-bar-height) + env(safe-area-inset-bottom));
}
.post .actions .action,
.pager a {
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
}
.action[aria-busy='true'] {
  opacity: 0.5;
}
.action[data-failed='true'] {
  color: var(--bulma-danger-on-scheme);
}
.pager a[data-load] {
  flex: 1;
  justify-content: center;
  font-weight: 600;
}
.pager:has(a[data-load='newer']) {
  margin-bottom: 0.75rem;
}
.pager a[aria-busy='true'] {
  opacity: 0.5;
}
.corpus-head {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.corpus-head select,
.corpus-head input {
  width: 100%;
}
.site-nav > .corpus-cards {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.75rem;
}
.corpus > .corpus-pages {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.corpus-pages button {
  flex: 1;
}
.corpus-card {
  display: block;
  padding: 0.5rem 0.625rem;
  border: 1px solid var(--border, #dbdbdb);
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.corpus-card:hover {
  border-color: var(--link, #485fc7);
}
.corpus-chosen {
  cursor: default;
}
.corpus-chosen:hover {
  border-color: var(--border, #dbdbdb);
}
.corpus-deeds {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0 0;
}
.corpus-author {
  font-weight: 600;
  margin-right: 0.375rem;
}
.corpus-when {
  opacity: 0.7;
  font-size: 0.75rem;
}
.corpus-text {
  display: block;
  margin-top: 0.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.document-body .has-handle {
  position: relative;
}
.block-band {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.1s;
}
.block-band.is-left {
  left: -1.75rem;
  cursor: grab;
}
.block-band.is-right {
  right: -1.75rem;
}
.document-body .has-handle:hover .block-band {
  opacity: 0.6;
}
.document-body .has-handle:hover .block-band:hover {
  opacity: 1;
}
.block-menu > summary {
  cursor: pointer;
  list-style: none;
}
.block-menu > summary::-webkit-details-marker {
  display: none;
}
.block-menu .dropdown-menu {
  right: 0;
}
.blocks-locked .block-band {
  display: none;
}
.doc-sidebar {
  font-size: 0.875rem;
}
.doc-sidebar {
  margin-bottom: 1rem;
}
.doc-sidebar :is(h1, h2, h3) {
  font-size: 1rem;
}
.dropdown-menu li :is(a, button, .action) .nav-icon {
  margin-right: 0.375rem;
}
.document-facts {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.375rem 1rem;
  margin-bottom: 1.5rem;
}
.document-facts dt {
  font-weight: 600;
  opacity: 0.8;
}
.document-facts dd {
  margin: 0;
}
.back-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}
.document-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 1rem;
}
.document-actions button[type="submit"] {
  margin-top: 0;
}
.document-edit-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.mobile-menu .nav-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.document-body .is-dragging {
  opacity: 0.45;
  outline: 2px dashed var(--bulma-border);
  outline-offset: 2px;
}
.document-body .drop-above {
  box-shadow: 0 -2px 0 0 var(--bulma-link, #485fc7);
}
.document-body .drop-below {
  box-shadow: 0 2px 0 0 var(--bulma-link, #485fc7);
}
.document-body.is-dragging-block .block-band {
  opacity: 0.5;
}
.corpus-gallery .corpus-head {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.corpus-gallery .corpus-head select {
  width: auto;
}
.corpus-gallery .corpus-head input {
  flex: 1;
  min-width: 12rem;
}
.corpus-gallery .corpus-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  gap: 0.75rem;
  max-height: 60vh;
  overflow-y: auto;
}
.corpus-gallery .corpus-card {
  max-height: 11rem;
  overflow: hidden;
}
.corpus .corpus-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.corpus-gallery .corpus-title {
  position: static;
  width: auto;
  height: auto;
  margin: 0 0 0.75rem;
  clip-path: none;
  font-size: 1.1rem;
  font-weight: 600;
}
.login-providers {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 22rem;
  margin: 1.25rem 0;
  padding: 0;
  list-style: none;
}
.login-providers .provider {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.login-providers .logo {
  display: inline-flex;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
}
.login-providers .logo svg {
  width: 100%;
  height: 100%;
}
.dropdown-menu .accounts > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dropdown-menu .accounts .is-waiting {
  padding: 0.35rem 0.5rem;
  text-align: start;
}
.dropdown-menu .accounts > ul.is-loading > li:not(.is-waiting) {
  opacity: 0.45;
}
.signed-in {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
  align-items: center;
  margin: 0.75rem 0 0;
}
.signed-in .label {
  color: var(--bulma-text-weak);
}
.signed-in .who {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  font-weight: 600;
}
.signed-in .avatar {
  width: 1.5rem;
  height: 1.5rem;
}
.onboarding .acknowledge {
  margin: 1.25rem 0;
  padding: 0;
  list-style: none;
}
.onboarding .acknowledge li + li {
  margin-top: 0.5rem;
}
.onboarding .acknowledge label {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}
.onboarding .handle-row {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}
.onboarding .handle-row input {
  flex: 1;
}
.onboarding .handle-answer {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
}
.onboarding .handle-answer.is-free {
  color: var(--bulma-success);
}
.onboarding .handle-answer.is-taken {
  color: var(--bulma-danger);
}
.specials-layer + .specials-layer {
  margin-top: 1.5rem;
}
.specials-layer .nav-list {
  padding-left: 0;
  list-style: none;
}
.groups-all {
  list-style: none;
  padding-left: 0;
}
.groups-all li {
  padding: 0.35rem 0;
}
.updates-all li {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: baseline;
}
.updates-all .title {
  font-weight: 600;
}
.updates-all .handle {
  color: var(--bulma-text-weak);
  font-size: 0.875rem;
}
.redirect-dangling {
  color: var(--bulma-danger);
  text-decoration: line-through dotted;
}
.table-toolbar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0.5rem 0;
}
.table-toolbar .toolbar-left,
.table-toolbar .toolbar-right {
  flex: 0 0 auto;
  min-width: 9rem;
}
.table-toolbar .toolbar-right {
  text-align: right;
}
.table-toolbar .toolbar-center {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.table-toolbar .pager {
  margin: 0;
}
.table-toolbar .per-page label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
}
.table-toolbar .per-page input {
  width: 4.5rem;
}
.special-table {
  font-size: 0.9rem;
}
.special-table th,
.special-table td {
  white-space: nowrap;
}
.special-table .cell-check {
  width: 2rem;
}
.special-table th .sort {
  color: inherit;
  text-decoration: none;
}
.special-table th .sort.is-sorted {
  font-weight: 700;
}
.special-table th .sort-mark::before {
  content: "▲";
  font-size: 0.7em;
  margin-left: 0.25rem;
}
.special-table th .sort.is-desc .sort-mark::before {
  content: "▼";
}
.special-table .row-detail td {
  background: var(--bulma-background);
}
.table-toolbar .pager-numbers ul {
  margin: 0;
  align-items: center;
}
.pager-numbers li {
  display: flex;
  align-items: center;
}
.pager-numbers a,
.pager-numbers .pager-now,
.pager-numbers .pager-gap {
  line-height: 1.5;
  min-width: 1.75rem;
}
@media (max-width: 640px) {
  .table-toolbar {
    flex-wrap: wrap;
  }
  .table-toolbar .toolbar-center {
    order: 3;
    flex-basis: 100%;
  }
}
.special-table tbody:nth-of-type(even) > tr > td {
  background-color: var(--bulma-table-striped-row-even-background-color);
}
.special-table tbody:hover > tr > td {
  background-color: var(--bulma-table-row-hover-background-color);
}
.special-table tbody > tr > td {
  vertical-align: middle;
}
.special-table .avatar {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  object-fit: cover;
  vertical-align: middle;
}
.special-table .avatar-fallback {
  display: inline-flex;
}
.special-table {
  border-collapse: collapse;
}
.special-table tbody > tr > td {
  border: 0;
}
.special-table tbody {
  border-bottom: 1px solid var(--bulma-table-cell-border-color);
}
img.emoji {
  height: 1.25em;
  width: auto;
  vertical-align: -0.25em;
  max-width: 3em;
  object-fit: contain;
}
.emoji-pool {
  padding: 0.5rem;
  border: 1px dashed transparent;
  border-radius: var(--bulma-radius);
}
.emoji-pool.is-dropping {
  border-color: var(--bulma-link);
  background-color: var(--bulma-background);
}
.emoji-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.emoji-cell .emoji-pick {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0.25rem;
  border: 1px solid var(--bulma-border);
  border-radius: var(--bulma-radius);
  background: var(--bulma-scheme-main);
  cursor: pointer;
  list-style: none;
}
.emoji-cell .emoji-pick::-webkit-details-marker {
  display: none;
}
.emoji-cell .dropdown.emoji-menu {
  position: relative;
}
.emoji-cell .emoji-pick img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}
.emoji-cell .emoji-glyph {
  font-size: 1.5rem;
  line-height: 1;
}
.emoji-cell.is-chosen .emoji-pick {
  border-color: var(--bulma-link);
  box-shadow: inset 0 0 0 1px var(--bulma-link);
}
.emoji-picker .emoji-grid {
  max-height: 16rem;
  overflow-y: auto;
}
.emoji-find {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.emoji-find .input {
  max-width: 20rem;
}
.emoji-sorts {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0.5rem 0;
}
.emoji-sorts .label {
  margin: 0;
  font-size: var(--meta-size);
  color: var(--bulma-text-weak);
}
.emoji-cell.is-nameless .emoji-pick {
  border-style: dashed;
  border-color: var(--bulma-warning, var(--bulma-border));
}
.emoji-cell.is-off .emoji-pick {
  opacity: 0.5;
}
.emoji-kinds .count {
  margin-left: 0.25rem;
  color: var(--bulma-text-weak);
  font-size: var(--meta-size);
}
.emoji-name-list {
  list-style: none;
  margin: 0 0 0.75rem;
  padding: 0;
  max-height: 24rem;
  overflow-y: auto;
}
.emoji-name-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
}
.emoji-name-row .emoji-face {
  min-width: 2rem;
  font-size: 1.5rem;
  text-align: center;
}
.emoji-name-row .emoji-face img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}
.emoji-name-deeds {
  display: flex;
  gap: 0.5rem;
}
.emoji-info .emoji-face.large {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5rem;
  margin-bottom: 0.25rem;
}
.emoji-info .emoji-face.large img {
  width: 5rem;
  height: 5rem;
  object-fit: contain;
}
.emoji-info .emoji-face.large .emoji-glyph {
  font-size: 4rem;
  line-height: 1;
}
.emoji-info .emoji-face-label {
  margin-bottom: 1rem;
  text-align: center;
}
.emoji-info .field.has-addons .button .nav-label {
  margin-left: 0.25rem;
}
.emoji-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.emoji-list.is-picking {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  max-height: 14rem;
  overflow-y: auto;
}
.emoji-pick .button {
  padding: 0.25rem 0.4rem;
  font-size: 1.25rem;
  line-height: 1;
}
.emoji-panel {
  width: max-content;
  max-width: min(22rem, 80vw);
  padding: 0.5rem;
}
.compose-picks {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.compose .compose-picks label.button {
  display: inline-flex;
  margin-top: 0;
  font-weight: var(--bulma-button-weight);
}
.compose-picks .compose-emoji {
  margin-left: auto;
}
.compose > label[for="compose-body"],
.compose > label[for="compose-visibility"],
.compose > .form-label,
.compose fieldset.keep > legend,
.compose fieldset.keep > .hint,
.compose .compose-file {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.post-compose > * {
  margin-top: 0.75rem;
  margin-bottom: 0;
}
.post-compose > :first-child {
  margin-top: 0;
}
.post-compose > p:not(:last-child) {
  margin-bottom: 0;
}
.post-compose > textarea {
  display: block;
}
.post-compose > .document-actions,
.post-compose > button[type="submit"] {
  margin-top: 1rem;
}
.compose .compose-file:focus-visible + label.button {
  outline: 2px solid var(--bulma-link);
  outline-offset: 2px;
}
.group-badge-pick {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.group-badge-preview {
  min-width: 2rem;
  font-size: 1.25rem;
}
.invite-line {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.invite-line .label,
.invite-line .field,
.invite-line .control,
.invite-line .help,
.invite-line .control:not(:last-child) {
  margin-bottom: 0;
}
.invite-line > .control + .control {
  margin-left: -1px;
}
.invite-line .field.has-addons,
.invite-line .control {
  display: flex;
  align-items: center;
}
.invite-line input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.invite-line input[type="number"]::-webkit-outer-spin-button,
.invite-line input[type="number"]::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
}
.invite-table td,
.invite-table th {
  vertical-align: middle;
  white-space: nowrap;
}
.invite-key code {
  vertical-align: middle;
}
.invite-key code[data-copy] {
  position: relative;
}
.invite-key,
.invite-state {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.invite-state form {
  margin: 0;
}
.icon-only .nav-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.icon-only {
  padding-left: 0.5em;
  padding-right: 0.5em;
}