@font-face {
  font-family: "Notion Inter";
  src: url("https://txnv.notion.site/_assets/inter-ui-regular-3ae6a7d3890c33d857fc00bd2e4c4820.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Notion Inter";
  src: url("https://txnv.notion.site/_assets/inter-ui-medium-95b8a98959d1af9ab432d7ffe295ef94.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Notion Inter";
  src: url("https://txnv.notion.site/_assets/inter-ui-semibold-19b57197b819695d334b9961ee41910e.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Notion Inter";
  src: url("https://txnv.notion.site/_assets/inter-ui-bold-001893789f7f342b520f29ac8af7d6ca.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Notion Mono";
  src: url("https://txnv.notion.site/_assets/iawriter-mono-regular-4b73d071988a4f1cd2283524716ad970.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Notion Mono";
  src: url("https://txnv.notion.site/_assets/iawriter-mono-bold-eb96a5e539892d26cf8b0cb2367e3580.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

:root {
  --notion-text: #37352f;
  --notion-text-light: rgba(55, 53, 47, 0.68);
  --notion-border: rgba(55, 53, 47, 0.14);
  --notion-border-soft: rgba(55, 53, 47, 0.08);
  --notion-hover: rgba(55, 53, 47, 0.07);
  --notion-primary: #229ed9;
  --notion-primary-soft: rgba(34, 158, 217, 0.12);
  --notion-code-bg: rgba(135, 131, 120, 0.15);
  --notion-page-bg: #ffffff;
  --notion-max-width: 720px;
  --notion-side-padding: 96px;
  --notion-side-padding-mobile: 16px;
  --notion-body-size: 16px;
  --notion-body-line: 1.55;
  --notion-h1-size: 40px;
  --notion-h2-size: 30px;
  --notion-h3-size: 24px;
  --notion-h4-size: 18px;
  --notion-block-gap: 6px;
  --notion-radius: 10px;
}

* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
  background: #ffffff;
}

body {
  margin: 0;
  background: transparent;
  color: var(--notion-text);
  font-family: "Notion Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif;
  font-size: var(--notion-body-size);
  line-height: var(--notion-body-line);
  text-rendering: optimizeLegibility;
}

.notion-loader {
  position: fixed;
  inset: 0;
  z-index: 240;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.82) 38%, rgba(255, 255, 255, 0.58) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 1;
  transition: opacity 420ms ease, visibility 420ms ease;
}

.notion-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.notion-loader__bar {
  position: relative;
  width: min(220px, calc(100vw - 48px));
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(34, 158, 217, 0.12);
}

.notion-loader__bar::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(34, 158, 217, 0) 0%, rgba(34, 158, 217, 0.9) 48%, rgba(34, 158, 217, 0) 100%);
  transform: translateX(-100%);
  animation: notion-loader-sweep 1.15s ease-in-out infinite;
}

@keyframes notion-loader-sweep {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(100%);
  }
}

a[href] {
  color: var(--notion-primary);
  text-decoration: none;
  transition:
    color 140ms ease,
    background-color 140ms ease;
}

a[href]::after {
  content: "↗";
  display: inline-block;
  margin-left: 0.33em;
  font-size: 0.92em;
  line-height: 1;
  transform: translate(0, 0) scale(1);
  transform-origin: center;
  transition:
    transform 140ms ease,
    color 140ms ease;
}

a[href]:hover,
 a[href]:focus-visible {
  color: var(--notion-primary);
}

a[href]:hover::after,
 a[href]:focus-visible::after {
  color: var(--notion-primary);
  transform: translate(2px, -2px) scale(0.92);
}

a[href]:focus-visible {
  outline: none;
  background: var(--notion-primary-soft);
  border-radius: 6px;
}

img {
  max-width: 100%;
  border: 0;
}

code {
  font-family: "Notion Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.875em;
  line-height: normal;
  background: var(--notion-code-bg);
  border-radius: 6px;
  padding: 0.2em 0.4em;
}

.notion-app,
.notion-frame,
.notion-page-content {
  width: 100%;
}

.notion-sticky-nav[hidden] {
  display: none;
}

.notion-sticky-nav {
  position: sticky;
  top: 0;
  z-index: 120;
  width: 100%;
  padding: 10px 0;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid rgba(55, 53, 47, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.notion-sticky-nav__inner {
  display: flex;
  align-items: center;
  gap: 18px;
  position: relative;
  width: min(100%, calc(var(--notion-max-width) + (var(--notion-side-padding) * 2)));
  margin: 0 auto;
  padding: 0 var(--notion-side-padding);
  overflow: hidden;
}

.notion-sticky-nav nav {
  flex: 1 1 auto;
  min-width: 0;
}

.notion-sticky-brand,
.notion-sticky-brand:visited,
.notion-sticky-brand:hover,
.notion-sticky-brand:focus-visible {
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  color: var(--notion-text);
  text-decoration: none;
  background: transparent;
  outline: none;
}

.notion-sticky-brand::after,
.notion-sticky-brand:hover::after,
.notion-sticky-brand:focus-visible::after,
.notion-sticky-brand:visited::after {
  content: none !important;
}

.notion-sticky-brand__logo {
  width: auto;
  height: 20px;
  max-height: 20px;
}

.notion-sticky-nav__inner::before,
.notion-sticky-nav__inner::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 72px;
  pointer-events: none;
  transition: opacity 160ms ease;
}

.notion-sticky-nav__inner::before {
  left: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.92) 38%, rgba(255, 255, 255, 0) 100%);
}

.notion-sticky-nav__inner::after {
  right: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.92) 38%, rgba(255, 255, 255, 0) 100%);
}

.notion-sticky-nav__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 28px;
  margin: 0;
  padding: 0 72px;
  overflow-x: auto;
  overflow-y: hidden;
  list-style: none;
  scrollbar-width: none;
  white-space: nowrap;
  scroll-padding-inline: 72px;
}

.notion-sticky-nav__inner.is-at-start::before {
  opacity: 0;
}

.notion-sticky-nav__inner.is-at-end::after {
  opacity: 0;
}

.notion-sticky-nav__list::-webkit-scrollbar {
  display: none;
}

.notion-sticky-nav__list a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0;
  color: var(--notion-text);
  text-decoration: none;
  opacity: 0.46;
  transition:
    opacity 160ms ease,
    color 160ms ease;
}

.notion-sticky-nav__list a::after {
  content: none;
}

.notion-sticky-nav__list a:hover,
.notion-sticky-nav__list a:focus-visible,
.notion-sticky-nav__list a.is-active {
  color: var(--notion-text);
  opacity: 1;
  background: transparent;
}

.notion-frame {
  padding: 0 0 80px;
}

.notion-page-scroller {
  width: min(100%, calc(var(--notion-max-width) + (var(--notion-side-padding) * 2)));
  margin: 0 auto;
  padding: 46px var(--notion-side-padding) 0;
}

.notion-block {
  width: 100%;
  margin: 0 0 var(--notion-block-gap);
}

.notion-reveal {
  opacity: 1;
  transform: translateY(0);
}

.js-enhanced .notion-reveal {
  opacity: 0;
  transform: translateY(14px);
  transition:
    opacity 720ms cubic-bezier(0.2, 0.8, 0.2, 1),
    transform 720ms cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: opacity, transform;
}

.js-enhanced .notion-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.notion-header-block {
  margin-bottom: 30px;
}

.notion-showcase-strip {
  margin: 48px 0;
  --notion-showcase-gap: 20px;
  --notion-showcase-card-width: 300px;
  --notion-showcase-inline-start: calc(50vw - ((var(--notion-max-width) + (var(--notion-side-padding) * 2)) / 2) + var(--notion-side-padding));
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: 0;
  overflow-x: auto;
  overflow-y: visible;
  scroll-padding-left: var(--notion-showcase-inline-start);
  scrollbar-width: none;
}

.notion-showcase-strip__track {
  display: flex;
  gap: var(--notion-showcase-gap);
  width: max-content;
  min-width: calc(100vw - var(--notion-showcase-inline-start));
  padding: 0 var(--notion-showcase-inline-start) 8px var(--notion-showcase-inline-start);
  align-items: flex-start;
}

.notion-showcase-strip::-webkit-scrollbar,
.notion-showcase-strip__track::-webkit-scrollbar {
  display: none;
}

.notion-showcase-strip__card {
  margin: 0;
  flex: 0 0 var(--notion-showcase-card-width);
  width: var(--notion-showcase-card-width);
}

.notion-showcase-strip__media {
  display: block;
  width: 100%;
  height: 650px;
  object-fit: contain;
  border-radius: 32px;
  background: transparent;
}

.notion-showcase-strip__media--video {
  overflow: clip;
}

@media (max-width: 1100px) {
  .notion-showcase-strip {
    --notion-showcase-card-width: 300px;
  }
}

.notion-title {
  margin: 0;
  display: inline-flex;
  align-items: baseline;
  gap: 14px;
  font-size: var(--notion-h1-size);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #111111;
}

.notion-title--section {
  margin: 28px 0 18px;
}

.notion-title--section-hako {
  margin-top: 48px;
}

.notion-title-link,
.notion-title-link:visited,
.notion-title-link:hover,
.notion-title-link:focus-visible {
  display: inline-flex;
  align-items: baseline;
  gap: 14px;
  color: #111111;
  text-decoration: none;
  background: transparent;
  outline: none;
}

.notion-title-link::after {
  content: none;
}

.notion-title-link:hover::after,
.notion-title-link:focus-visible::after,
.notion-title-link:visited::after {
  content: none;
}

.notion-title .notion-title-link,
.notion-title .notion-title-link:visited,
.notion-title .notion-title-link:hover,
.notion-title .notion-title-link:focus-visible {
  color: #111111 !important;
  background: transparent !important;
}

.notion-title .notion-title-link::after,
.notion-title .notion-title-link:hover::after,
.notion-title .notion-title-link:focus-visible::after,
.notion-title .notion-title-link:visited::after {
  content: none !important;
}

.notion-title-logo {
  width: auto;
  height: 0.95em;
  flex: 0 0 auto;
  border-radius: 0;
  object-fit: contain;
  transform: translateY(0.08em);
}

.notion-title-logo--personal {
  height: 0.58em;
  transform: translateY(-0.02em);
}

.notion-title-logo--hako {
  height: 0.82em;
  transform: translateY(0.03em);
}

.notion-title-personal-link,
.notion-title-personal-link:visited,
.notion-title-personal-link:hover,
.notion-title-personal-link:focus-visible {
  display: inline-flex;
  align-items: baseline;
  color: inherit;
  text-decoration: none;
  background: transparent;
  outline: none;
}

.notion-title-personal-link::after,
.notion-title-personal-link:hover::after,
.notion-title-personal-link:focus-visible::after {
  content: none !important;
}

.notion-title-separator {
  display: inline-block;
  font-weight: 500;
  color: #111111;
  opacity: 1;
  line-height: 1;
  transform: translateY(-0.06em);
}

.notion-h2 {
  margin: 76px 0 8px;
  font-size: var(--notion-h2-size);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.02em;
  scroll-margin-top: 84px;
}

.notion-h3 {
  margin: 56px 0 8px;
  font-size: var(--notion-h3-size);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.02em;
  scroll-margin-top: 84px;
}

.notion-h4 {
  margin: 40px 0 8px;
  font-size: var(--notion-h4-size);
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: -0.01em;
  scroll-margin-top: 84px;
}

.notion-page-content [id] {
  scroll-margin-top: 84px;
}

.notion-h2 + .notion-h3 {
  margin-top: 28px;
}

.notion-h2 + .notion-h4,
.notion-h3 + .notion-h4 {
  margin-top: 20px;
}

.notion-text {
  margin: 0;
  padding: 4px 2px;
  white-space: normal;
  word-break: break-word;
}

.notion-text:empty {
  display: none;
}

.notion-list {
  margin: 8px 0 2px;
  padding-left: 1.5em;
}

.notion-list-item {
  padding: 3px 2px;
}

.notion-ref-cloud {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin: 10px 0 14px;
  padding-left: 0;
  list-style: none;
}

.notion-ref-cloud .notion-list-item {
  padding: 0;
}

.notion-ref-cloud .notion-list-item::marker {
  content: none;
}

.notion-ref-cloud a {
  --chip-transform: translate(0, 0) rotate(0deg);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px 11px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.98) 0%, rgba(250, 252, 255, 0.96) 34%, rgba(237, 246, 255, 0.98) 100%);
  border: 1px solid rgba(34, 158, 217, 0.18);
  color: #1b96db;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 1px 0 rgba(34, 158, 217, 0.08);
  font-size: 1rem;
  white-space: nowrap;
  transform-origin: center;
  transform: var(--chip-transform);
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.notion-ref-cloud__icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  display: block;
  border-radius: 999px;
  object-fit: contain;
}

.notion-ref-cloud a:hover,
.notion-ref-cloud a:focus-visible {
  transform: var(--chip-transform) translateY(-1px);
  border-color: rgba(34, 158, 217, 0.28);
}

.notion-ref-cloud li:nth-child(1) a {
  --chip-transform: translate(4px, 1px) rotate(-2.1deg);
}

.notion-ref-cloud li:nth-child(2) a {
  --chip-transform: translate(0, 6px) rotate(1.6deg);
}

.notion-ref-cloud li:nth-child(3) a {
  --chip-transform: translate(6px, -1px) rotate(-1.3deg);
}

.notion-ref-cloud li:nth-child(4) a {
  --chip-transform: translate(2px, 4px) rotate(1.9deg);
}

.notion-ref-cloud li:nth-child(5) a {
  --chip-transform: translate(10px, 2px) rotate(-1.7deg);
}

.notion-flow-cloud {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin: 10px 0 12px;
}

.notion-flow-cloud span {
  display: inline-flex;
  align-items: center;
  padding: 5px 11px 6px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.98) 0%, rgba(250, 252, 255, 0.95) 38%, rgba(239, 247, 255, 0.97) 100%);
  border: 1px solid rgba(34, 158, 217, 0.15);
  color: #178fd2;
  font-size: 0.94em;
  line-height: 1.15;
  white-space: nowrap;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.notion-flow-cloud span:hover,
.notion-flow-cloud span:focus-visible {
  transform: translateY(-1px);
}

.notion-flow-cloud .notion-flow-cloud__arrow {
  padding: 0;
  min-width: auto;
  justify-content: flex-start;
  color: rgba(23, 143, 210, 0.78);
  font-weight: 600;
  letter-spacing: -0.02em;
  border: 0;
  background: transparent;
  border-radius: 0;
}

.notion-flow-cloud span:nth-child(1) {
  transform: none;
}

.notion-flow-cloud span:nth-child(2) {
  transform: none;
}

.notion-flow-cloud span:nth-child(3) {
  transform: none;
}

.notion-flow-cloud span:nth-child(4) {
  transform: none;
}

.notion-flow-cloud span:nth-child(5) {
  transform: none;
}

.notion-flow-cloud--dense span:nth-child(1) {
  transform: none;
}

.notion-flow-cloud--dense span:nth-child(2) {
  transform: none;
}

.notion-flow-cloud--dense span:nth-child(3) {
  transform: none;
}

.notion-flow-cloud--dense span:nth-child(4) {
  transform: none;
}

.notion-flow-cloud--dense span:nth-child(5) {
  transform: none;
}

.notion-flow-cloud--dense span:nth-child(6) {
  transform: none;
}

.notion-flow-cloud--dense span:nth-child(7) {
  transform: none;
}

.notion-flow-cloud--dense span:nth-child(8) {
  transform: none;
}

.notion-flow-cloud--dense span:nth-child(9) {
  transform: none;
}

.notion-flow-cloud--tiny {
  display: inline-flex;
  margin: 0 0 0 0.25em;
  vertical-align: middle;
  gap: 6px 8px;
}

.notion-flow-cloud--tiny span {
  padding: 4px 9px 5px;
  font-size: 0.84em;
}

.notion-link-cloud {
  margin: 6px 0 8px;
}

.notion-link-cloud-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin: 0 0 2px;
}

.notion-link-cloud-row--hero {
  margin: 10px 0 18px;
}

.notion-link-cloud-row .notion-link-cloud {
  margin: 0;
}

.notion-summary-agent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 14px;
  margin: 0 0 2px;
}

.notion-summary-agent__button {
  --chip-transform: translate(4px, 0) rotate(-1.3deg);
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px 11px;
  border: 1px solid rgba(34, 158, 217, 0.18);
  border-radius: 999px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.98) 0%, rgba(250, 252, 255, 0.95) 38%, rgba(239, 247, 255, 0.97) 100%);
  color: var(--notion-primary);
  font: inherit;
  font-size: 1.08rem;
  line-height: 1.15;
  transform: var(--chip-transform);
  cursor: pointer;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease,
    opacity 180ms ease;
}

.notion-summary-agent__button:hover,
.notion-summary-agent__button:focus-visible {
  transform: var(--chip-transform) translateY(-1px);
  border-color: rgba(34, 158, 217, 0.28);
}

.notion-summary-agent__button.is-busy {
  transform: var(--chip-transform) translateY(-0.5px) scale(0.985);
  opacity: 0.84;
}

.notion-summary-agent__button:focus-visible {
  outline: none;
}

.notion-summary-agent__button:disabled {
  cursor: default;
  opacity: 0.92;
}

.notion-summary-agent__icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  object-fit: contain;
}

.notion-summary-agent__panel {
  width: 100%;
  margin-top: 0;
  transform: translateY(8px) scale(0.985);
  transform-origin: top left;
  opacity: 0;
  transition:
    opacity 280ms ease,
    transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
}

.notion-summary-agent__panel[hidden],
.notion-summary-agent__thinking[hidden] {
  display: none !important;
}

.notion-summary-agent__panel.is-visible {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.notion-summary-agent__thinking {
  display: flex;
  flex-direction: column;
  gap: 14px;
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity 280ms ease,
    transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.notion-summary-agent__panel.is-thinking .notion-summary-agent__thinking {
  opacity: 1;
  transform: translateY(0);
}

.notion-summary-agent__skeleton {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.notion-summary-agent__skeleton-line {
  display: block;
  height: 11px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(34, 158, 217, 0.1) 0%, rgba(34, 158, 217, 0.22) 48%, rgba(34, 158, 217, 0.1) 100%);
  background-size: 220% 100%;
  animation: notion-summary-skeleton 1.35s ease-in-out infinite;
}

.notion-summary-agent__skeleton-line--long {
  width: min(100%, 520px);
}

.notion-summary-agent__skeleton-line--mid {
  width: min(88%, 470px);
}

.notion-summary-agent__skeleton-line--short {
  width: min(66%, 340px);
}

.notion-summary-agent__body {
  margin: 0;
  min-height: 1lh;
  color: rgba(55, 53, 47, 0.9);
}

.notion-summary-agent__list {
  margin: 0;
  padding: 0 0 0 1.35rem;
}

.notion-summary-agent__list li + li {
  margin-top: 0.72rem;
}

@keyframes notion-summary-skeleton {
  from {
    background-position: 100% 50%;
  }

  to {
    background-position: -100% 50%;
  }
}

.notion-link-cloud a {
  --chip-transform: translate(4px, 0) rotate(-1.3deg);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px 11px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.98) 0%, rgba(250, 252, 255, 0.95) 38%, rgba(239, 247, 255, 0.97) 100%);
  border: 1px solid rgba(34, 158, 217, 0.18);
  font-size: 1.08rem;
  line-height: 1.15;
  transform: var(--chip-transform);
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.notion-link-cloud__icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  display: block;
  border-radius: 999px;
  object-fit: contain;
}

.notion-link-cloud__icon--hero {
  width: 22px;
  height: 22px;
}

.notion-link-cloud__icon--hako {
  width: 18px;
  height: 18px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
}

.notion-link-cloud--offset a {
  --chip-transform: translate(6px, -1px) rotate(1deg);
}

.notion-link-cloud a:hover,
.notion-link-cloud a:focus-visible {
  transform: var(--chip-transform) translateY(-1px);
}

.notion-link-cloud--offset a:hover,
.notion-link-cloud--offset a:focus-visible {
  transform: var(--chip-transform) translateY(-1px);
}

.notion-link-cloud-row--hero .notion-link-cloud a {
  padding: 12px 18px 13px;
  font-size: 1.18rem;
}

.notion-link-cloud-row--hero .notion-link-cloud:nth-child(1) a,
.notion-link-cloud-row--hero .notion-link-cloud:nth-child(2) a {
  padding: 11px 16px 12px;
  font-size: 1.08rem;
}

.notion-list-item--profile {
  display: list-item;
  line-height: inherit;
}

.notion-list-item--profile span,
.notion-list-item--profile .notion-inline-avatar {
  vertical-align: middle;
}

.notion-list-item--profile .notion-inline-avatar {
  margin-left: 8px;
  margin-right: 8px;
}

.notion-inline-avatar-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.notion-inline-avatar {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  display: inline-block;
  border-radius: 999px;
  object-fit: cover;
  object-position: center top;
  cursor: inherit;
  transform: translateY(0) scale(1) rotate(0deg);
  transform-origin: center;
  transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}

.notion-inline-avatar:hover,
.notion-inline-avatar:focus-visible {
  transform: translateY(-10px) scale(5.43) rotate(15deg);
}

.notion-confetti {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--confetti-size, 6px);
  height: calc(var(--confetti-size, 6px) * 1.6);
  border-radius: 999px;
  background: var(--confetti-color, #229ed9);
  pointer-events: none;
  opacity: 0;
  transform:
    translate(-50%, -50%)
    rotate(0deg)
    translateY(0);
  animation: notion-confetti-burst 900ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

@keyframes notion-confetti-burst {
  0% {
    opacity: 0;
    transform:
      translate(-50%, -50%)
      rotate(0deg)
      translateY(0);
  }

  12% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform:
      translate(-50%, -50%)
      rotate(var(--confetti-rotation, 180deg))
      rotate(var(--confetti-angle, 0deg))
      translateY(calc(var(--confetti-distance, 32px) * -1))
      translateX(var(--confetti-drift, 0px));
  }
}

.notion-callout {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  border: 0;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(247, 251, 255, 0.95) 0%, rgba(241, 247, 252, 0.94) 100%);
}

.notion-callout > * {
  margin: 0;
}

.notion-callout .notion-text {
  padding: 0;
}

.notion-callout .notion-list {
  margin: 0;
}

.notion-callout .notion-list-item {
  padding-top: 2px;
  padding-bottom: 2px;
}

.notion-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 16px 0 22px;
}

.notion-column {
  min-width: 0;
}

.notion-columns .notion-figure {
  margin: 0;
}

.notion-columns .notion-image-button {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border-radius: 24px;
}

.notion-columns .notion-image {
  width: auto;
  max-width: 100%;
  max-height: 600px;
  height: auto;
  object-fit: contain;
  object-position: center top;
}

.notion-embed-card {
  margin-top: 8px;
  padding: 14px 16px;
  border: 1px solid var(--notion-border-soft);
  border-radius: 3px;
  background: #ffffff;
}

.notion-embed-label {
  display: block;
  margin-bottom: 6px;
  color: var(--notion-text-light);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.notion-label-link::after {
  content: none;
}

.notion-figure {
  margin: 16px 0 24px;
}

.notion-figure--airy {
  margin-bottom: 40px;
}

.notion-image-button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 18px;
  background: transparent;
  appearance: none;
  cursor: zoom-in;
}

.notion-image-button:focus-visible {
  outline: 2px solid rgba(34, 158, 217, 0.55);
  outline-offset: 4px;
}

.notion-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
  border: 0;
}

.notion-table-wrap {
  margin: 14px 0 24px;
  overflow-x: auto;
  border: 1px solid var(--notion-border-soft);
  border-radius: 24px;
  background: #ffffff;
}

.notion-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 720px;
}

.notion-table th,
.notion-table td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--notion-border-soft);
  text-align: left;
  vertical-align: top;
}

.notion-table th {
  background: rgb(247, 246, 243);
  font-size: 14px;
  font-weight: 600;
}

.notion-table tbody tr:last-child td {
  border-bottom: 0;
}

.notion-viewer[hidden] {
  display: none;
}

.notion-viewer {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  background: rgba(15, 15, 15, 0.72);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.notion-viewer__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: transparent;
  cursor: zoom-out;
}

.notion-viewer__content {
  position: relative;
  z-index: 1;
  width: min(92vw, 1440px);
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.notion-viewer__image {
  display: block;
  max-width: 100%;
  max-height: calc(92vh - 48px);
  width: auto;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}

.notion-viewer__close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #111111;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.notion-footer {
  width: 100%;
  margin-top: 40px;
  padding: 36px 0 44px;
}

.notion-footer__inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 48px;
  width: min(100%, calc(var(--notion-max-width) + (var(--notion-side-padding) * 2)));
  margin: 0 auto;
  padding: 0 var(--notion-side-padding);
}

.notion-footer__item {
  min-width: 0;
}

.notion-footer__label {
  margin-bottom: 6px;
  color: rgba(55, 53, 47, 0.58);
  font-size: 0.96rem;
  line-height: 1.2;
}

.notion-footer__link,
.notion-footer__link:visited,
.notion-footer__link:hover,
.notion-footer__link:focus-visible {
  color: var(--notion-primary);
  font-size: 1.02rem;
  line-height: 1.25;
  text-decoration: none;
  background: transparent;
}

.notion-footer__link::after,
.notion-footer__link:hover::after,
.notion-footer__link:focus-visible::after {
  content: none !important;
}

.notion-footer__value {
  color: var(--notion-text);
  font-size: 1.02rem;
  line-height: 1.25;
}

@media (max-width: 860px) {
  .notion-page-scroller {
    padding-left: 48px;
    padding-right: 48px;
  }

  .notion-sticky-nav__inner {
    padding-left: 48px;
    padding-right: 48px;
  }

}

@media (max-width: 640px) {
  :root {
    --notion-h1-size: 30px;
    --notion-h2-size: 26px;
    --notion-h3-size: 22px;
    --notion-h4-size: 17px;
  }

  .notion-frame {
    padding-bottom: 48px;
  }

  .notion-page-scroller {
    width: 100%;
    padding: 24px var(--notion-side-padding-mobile) 0;
  }

  .notion-sticky-nav {
    padding: 8px 0;
  }

  .notion-sticky-nav__inner {
    width: 100%;
    padding: 0 var(--notion-side-padding-mobile);
    gap: 12px;
  }

  .notion-sticky-nav__inner::before,
  .notion-sticky-nav__inner::after {
    width: 40px;
  }

  .notion-sticky-nav__list {
    gap: 20px;
    padding: 0 40px;
    scroll-padding-inline: 40px;
  }

  .notion-sticky-nav__list a {
    min-height: 30px;
  }

  .notion-sticky-brand__logo {
    height: 20px;
    max-height: 20px;
  }

  .notion-header-block .notion-title {
    display: flex;
  }

  .notion-header-block .notion-title-link,
  .notion-header-block .notion-title-link:visited,
  .notion-header-block .notion-title-link:hover,
  .notion-header-block .notion-title-link:focus-visible {
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 4px;
  }

  .notion-header-block .notion-title-link > span:first-child {
    flex: 0 0 100%;
  }

  .notion-h2,
  .notion-h3,
  .notion-h4 {
    scroll-margin-top: 72px;
  }

  .notion-page-content [id] {
    scroll-margin-top: 72px;
  }

  .notion-columns {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .notion-columns .notion-image-button {
    height: auto;
  }

  .notion-columns .notion-image {
    height: auto;
  }

  .notion-callout,
  .notion-embed-card {
    padding: 14px 15px;
  }

  .notion-showcase-strip {
    --notion-showcase-gap: 16px;
    --notion-showcase-card-width: min(82vw, 296px);
    --notion-showcase-inline-start: var(--notion-side-padding-mobile);
    width: 100vw;
    margin-left: calc(50% - 50vw);
    scroll-padding-left: var(--notion-showcase-inline-start);
  }

  .notion-viewer {
    padding: 16px;
  }

  .notion-summary-agent {
    margin-bottom: 2px;
  }

  .notion-summary-agent__button {
    width: auto;
    justify-content: flex-start;
  }

  .notion-summary-agent__panel {
    width: 100%;
  }

  .notion-footer {
    margin-top: 28px;
    padding: 28px 0 36px;
  }

  .notion-footer__inner {
    grid-template-columns: 1fr;
    gap: 20px;
    width: 100%;
    padding: 0 var(--notion-side-padding-mobile);
  }

  .notion-viewer__content {
    width: 100%;
  }

  .notion-table {
    min-width: 560px;
  }
}