@font-face {
	font-family: "Big Shoulders Display";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/type/big-shoulders-display-latin-700-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Big Shoulders Display";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("/type/big-shoulders-display-latin-900-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Outfit";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/type/outfit-latin-400-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Outfit";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/type/outfit-latin-500-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Outfit";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("/type/outfit-latin-600-normal.woff2") format("woff2");
}

:root {
	--k-house: #026460;
	--k-zest: #02537e;
	--k-accent-strong: #01365f;
	--k-surface: #081924;
	--k-card: #0e2434;
	--k-fg: #ffffff;
	--k-dim: #c2bfbf;
	--k-stroke: #1b3c52;
	--k-line-strong: #2b5a76;
	--k-fade-top: #089ffb;
	--k-fade-bottom: #026eb5;
	--k-rg-banner: #96281b;

	--s-1: 2px;
	--s-2: 6px;
	--s-3: 10px;
	--s-4: 14px;
	--s-5: 20px;
	--s-6: 28px;
	--s-7: 48px;
	--s-8: 72px;

	--r-1: 2px;
	--r-2: 4px;
	--r-3: 10px;
	--r-4: 16px;
	--r-5: 28px;
	--r-6: 36px;
	--r-7: 44px;
	--r-8: 56px;
	--r-capsule: 9999px;
	--r-round-full: 50%;

	--f-head: "Big Shoulders Display", "Arial Narrow", Arial, sans-serif;
	--f-body: "Outfit", Arial, Helvetica, sans-serif;

	--z-h1: clamp(28px, 5.6vw, 80px);
	--z-xl-2: clamp(24px, 3.4vw, 48px);
	--z-lg-2: clamp(20px, 2.1vw, 30px);
	--z-sub-2: 22px;
	--z-h5: 16px;
	--z-h6: 13px;
	--z-base: 15px;
	--z-small: 13px;
	--z-mini: 11px;

	--l-dense: 0.95;
	--l-regular: 1.45;
	--l-relaxed: 1.65;

	--w-book: 400;
	--w-mid: 700;
	--w-thick: 900;

	--e-packed: -0.04em;
	--e-regular: 0;
	--e-open: 0.08em;

	--d-1: 0 1px 2px rgba(0, 0, 0, 0.05);
	--d-2: 0 2px 4px rgba(0, 0, 0, 0.06);
	--d-3: 0 4px 10px rgba(0, 0, 0, 0.08);
	--d-4: 0 10px 28px rgba(0, 0, 0, 0.12);
	--d-5: 0 20px 48px rgba(0, 0, 0, 0.16);
	--d-6: 0 26px 60px rgba(0, 0, 0, 0.2);
	--d-7: 0 32px 72px rgba(0, 0, 0, 0.24);
	--d-8: 0 40px 90px rgba(0, 0, 0, 0.28);

	--b-thin: 1px;
	--b-regular: 2px;
	--b-thick: 3px;

	--t-snap: 174ms;
	--t-steady: 330ms;
	--t-calm: 679ms;
	--x-settle: cubic-bezier(0.24, 0.59, 0.45, 0.97);
	--x-in: cubic-bezier(0.49, 0.05, 0.37, 0.97);
	--x-even: cubic-bezier(0.49, 0.05, 0.37, 0.97);
	--x-bounce: cubic-bezier(0.33, 0.9, 0.74, 1.15);

	--v-max: 1320px;
	--v-text: 1320px;
	--v-pad-lg: 56px;
	--v-inset-tablet: 32px;
	--v-padding-mobile: 16px;

	--h-size-desktop: 54px;
	--h-size-mobile: 54px;

	--nook: 530px;
	--sec-y: 44px;
	--edge: 18px;
	--rg-h: 34px;
}

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

html,
body {
	overflow-x: clip;
}

body {
	margin: 0;
	background: var(--k-surface);
	color: var(--k-fg);
	font-family: var(--f-body);
	font-size: var(--z-base);
	font-weight: var(--w-book);
	line-height: var(--l-regular);
	letter-spacing: var(--e-regular);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	-webkit-text-size-adjust: 100%;
}

.shellmain {
	flex: 1 0 auto;
	display: block;
}

img {
	max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: anywhere;
	margin: 0;
	font-family: var(--f-head);
}

h1 {
	font-size: var(--z-h1);
	font-weight: var(--w-thick);
	line-height: 1.06;
	letter-spacing: var(--e-packed);
	text-transform: uppercase;
}

h2 {
	font-size: var(--z-xl-2);
	font-weight: var(--w-mid);
	line-height: 1.06;
	letter-spacing: var(--e-packed);
	text-transform: uppercase;
}

h3 {
	font-size: var(--z-lg-2);
	font-weight: var(--w-mid);
	line-height: 1.16;
}

h4 {
	font-size: var(--z-sub-2);
	font-weight: var(--w-mid);
	line-height: 1.2;
}

h5,
h6 {
	font-family: var(--f-body);
	font-weight: var(--w-mid);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

h5 {
	font-size: var(--z-h5);
}

h6 {
	font-size: var(--z-h6);
}

p {
	margin: 0;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

.skip-step {
	position: absolute;
	left: 12px;
	z-index: 40;
	background: var(--k-zest);
	color: var(--k-fg);
	padding: 10px 16px;
	border-radius: var(--r-3);
	font-size: var(--z-small);
	text-decoration: none;
}

.skip-step:not(:focus) {
	top: -200px !important;
}

.skip-step:focus {
	top: 12px;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.sebyn-body,
.duva-body,
.lunugud-body,
.pizom-body,
.disata-body,
.sameb-body,
.xagikad-body,
.fiko-body,
.deva-body,
.fazyka-body,
.vore-body,
.kygob-body,
.dumox-body,
.mamune-bar {
	width: 100%;
	max-width: calc(var(--v-max) + 2 * var(--v-pad-lg));
	margin-inline: auto;
	padding-inline: var(--v-pad-lg);
}

.rg-strip {
	display: block;
	background: var(--k-accent-strong);
	color: var(--k-fg);
	border-block-end: var(--b-thick) solid var(--k-rg-banner);
	padding: 8px var(--v-pad-lg);
	font-size: var(--z-mini);
	letter-spacing: var(--e-open);
	text-align: center;
	text-transform: uppercase;
}

.rg-strip-step {
	color: var(--k-fg);
	background: var(--k-accent-strong);
	text-decoration: underline;
	text-decoration-color: var(--k-rg-banner);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.rg-strip-step:hover,
.rg-strip-step:focus-visible {
	background: var(--k-rg-banner);
	color: var(--k-fg);
}

.mamune {
	position: static;
	background: var(--k-surface);
	color: var(--k-fg);
	z-index: 20;
}

.mamune-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--s-4);
	height: 54px;
}

.mamune-sign {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	background: #0c2231;
	border-radius: var(--r-capsule);
	padding: 3px 16px;
	text-decoration: none;
}

.mamune-img {
	display: block;
	height: 38px;
	width: auto;
	flex-shrink: 0;
}

.mamune-keys {
	display: flex;
	align-items: center;
	gap: var(--s-4);
	flex-shrink: 0;
}

.mamune-flag {
	display: block;
	width: 26px;
	height: 17px;
	border-radius: var(--r-1);
	border: var(--b-thin) solid var(--k-line-strong);
	background-image: linear-gradient(to bottom, #111 0 33.3%, #c1121f 33.3% 66.6%, #f0c808 66.6% 100%);
}

.mamune-push {
	white-space: nowrap;
	flex-shrink: 0;
}

.mamune-quiet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding-inline: var(--s-5);
	border: var(--b-regular) solid var(--k-fade-top);
	border-radius: var(--r-capsule);
	background: var(--k-surface);
	color: var(--k-fade-top);
	font-family: var(--f-head);
	font-size: var(--z-small);
	font-weight: var(--w-thick);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	transition: background var(--t-snap) var(--x-settle), color var(--t-snap) var(--x-settle);
}

.mamune-quiet:hover,
.mamune-quiet:focus-visible {
	background: var(--k-fade-top);
	color: var(--k-accent-strong);
}

.mamune-menu-switch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 44px;
	margin-left: auto;
	flex-shrink: 0;
	border: var(--b-thin) solid var(--k-line-strong);
	border-radius: var(--r-3);
	background: var(--k-card);
	color: var(--k-fg);
	cursor: pointer;
}

.mamune-lines {
	position: relative;
	display: block;
	width: 20px;
	height: 2px;
	background: var(--k-fg);
	transition: transform var(--t-snap) var(--x-settle);
}

.mamune-lines::after {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 20px;
	height: 2px;
	background: var(--k-fg);
	transition: transform var(--t-snap) var(--x-settle);
}

.mamune-menu-switch[aria-expanded="true"] .mamune-lines {
	transform: translateY(3px) rotate(45deg);
}

.mamune-menu-switch[aria-expanded="true"] .mamune-lines::after {
	transform: translateY(-7px) rotate(-90deg);
}

.mamune-panel {
	display: none;
	background: var(--k-card);
	border-block-start: var(--b-thin) solid var(--k-stroke);
	padding: var(--s-5) var(--v-pad-lg) var(--s-6);
}

.mamune-panel.is-open {
	display: block;
}

.mamune-index {
	display: block;
	max-width: calc(var(--v-max) + 2 * var(--v-pad-lg));
	margin-inline: auto;
}

.mamune-run {
	display: flex;
	flex-direction: column;
	gap: var(--s-1);
	list-style: none;
}

.mamune-entry {
	display: block;
}

.mamune-step {
	display: block;
	padding: 11px var(--s-4);
	border-radius: var(--r-3);
	background: var(--k-card);
	color: var(--k-fg);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: var(--e-regular);
	text-decoration: none;
	white-space: nowrap;
	transition: background var(--t-snap) var(--x-settle), color var(--t-snap) var(--x-settle);
}

.mamune-step:hover,
.mamune-step:focus-visible {
	background: var(--k-zest);
	color: var(--k-fg);
}

.mamune-step[aria-current="page"] {
	background: var(--k-house);
	color: var(--k-fg);
}

.sebyn {
	background: var(--k-surface);
	color: var(--k-fg);
	padding-block: var(--sec-y);
}

.sebyn-frame {
	position: relative;
	border: var(--b-thick) solid var(--k-fg);
	outline: var(--b-thin) solid var(--k-line-strong);
	outline-offset: 8px;
	background: var(--k-surface);
	padding: var(--s-7) var(--s-6);
}

.sebyn-stuff {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--s-4);
	text-align: center;
}

.sebyn-eye {
	display: block;
	background: var(--k-surface);
	color: var(--k-fade-top);
	font-family: var(--f-body);
	font-size: var(--z-small);
	font-style: italic;
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

.sebyn-top {
	margin: 0;
}

.sebyn-rule {
	width: 80px;
	height: 0;
	margin: var(--s-2) auto;
	border: 0;
	border-block-start: var(--b-regular) solid var(--k-fade-top);
}

.sebyn-second {
	max-width: var(--nook);
	color: var(--k-dim);
	font-size: var(--z-h5);
	line-height: var(--l-regular);
}

.sebyn-fine {
	display: block;
	max-width: var(--nook);
	background: var(--k-surface);
	color: var(--k-dim);
	font-size: var(--z-mini);
	line-height: var(--l-regular);
}

.plate {
	width: 100%;
	max-width: calc(var(--v-max) + 2 * var(--v-pad-lg));
	margin: 0 auto;
	padding-inline: var(--v-pad-lg);
}

.plate-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 21 / 9;
	object-fit: cover;
	border-radius: var(--r-5);
	border: var(--b-thin) solid var(--k-stroke);
}

.plate--tall .plate-img {
	aspect-ratio: 16 / 9;
	max-height: 52vh;
	object-position: center 30%;
}

.duva {
	background: var(--k-surface);
	color: var(--k-fg);
	padding-block: var(--sec-y);
	border-block-end: var(--b-thin) solid var(--k-stroke);
}

.duva-crumbs {
	display: block;
	margin-block-end: var(--s-4);
	font-size: var(--z-mini);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

.duva-step {
	background: var(--k-surface);
	color: var(--k-fade-top);
	text-decoration: none;
	text-decoration-thickness: 1px;
}

.duva-step:hover,
.duva-step:focus-visible {
	background: var(--k-surface);
	color: var(--k-fg);
	text-decoration: underline;
	text-decoration-thickness: 3px;
}

.duva-sep {
	color: var(--k-dim);
	background: var(--k-surface);
}

.duva-here {
	color: var(--k-dim);
	background: var(--k-surface);
}

.duva-top {
	margin: 0;
	max-width: 22ch;
}

.duva-prose {
	margin-block-start: var(--s-4);
	color: var(--k-dim);
	font-size: var(--z-h5);
	line-height: var(--l-regular);
}

.lunugud {
	background: var(--k-surface);
	color: var(--k-fg);
	padding-block: var(--sec-y);
}

.lunugud-cap {
	margin-block-end: var(--s-5);
}

.lunugud-rail {
	display: flex;
	gap: var(--s-4);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-block-end: var(--s-4);
	scrollbar-color: var(--k-line-strong) var(--k-card);
}

.lunugud-card {
	flex: 0 0 320px;
	min-height: 200px;
	scroll-snap-align: start;
	display: flex;
	flex-direction: column;
	gap: var(--s-3);
	padding: var(--s-5);
	border: var(--b-thin) solid var(--k-stroke);
	border-radius: var(--r-5);
	background: var(--k-card);
	color: var(--k-fg);
	transition: transform var(--t-steady) var(--x-settle), border-color var(--t-steady) var(--x-settle);
}

.lunugud-card:hover {
	transform: translateX(6px);
	border-color: var(--k-fade-top);
}

.lunugud-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	flex-shrink: 0;
	border: var(--b-thin) solid var(--k-line-strong);
	border-radius: var(--r-round-full);
	background: var(--k-house);
	color: var(--k-fg);
}

.lunugud-glyph {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.lunugud-top {
	margin: 0;
	font-size: var(--z-sub-2);
}

.lunugud-prose {
	color: var(--k-dim);
	font-size: var(--z-base);
	line-height: var(--l-relaxed);
}

.lunugud-dots {
	display: flex;
	gap: var(--s-2);
	margin-block-start: var(--s-3);
}

.lunugud-dot {
	display: block;
	width: 22px;
	height: 3px;
	border-radius: var(--r-capsule);
	background: var(--k-line-strong);
}

.gufexod {
	display: block;
	max-width: calc(var(--v-max) + 2 * var(--v-pad-lg));
	margin-inline: auto;
	padding: var(--s-4) var(--v-pad-lg);
	text-align: center;
}

.gufexod-line {
	margin: 0;
	background: var(--k-surface);
	color: var(--k-fg);
	font-size: var(--z-h6);
	line-height: var(--l-regular);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

.gufexod-hook {
	background: var(--k-surface);
	color: var(--k-fg);
	font-weight: var(--w-mid);
}

.gufexod-step {
	background: var(--k-surface);
	color: var(--k-fade-top);
	font-weight: var(--w-mid);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	transition: text-decoration-thickness var(--t-snap) var(--x-settle);
}

.gufexod-step:hover,
.gufexod-step:focus-visible {
	background: var(--k-surface);
	color: var(--k-fg);
	text-decoration-thickness: 3px;
}

.gufexod--cell {
	grid-column: 1 / -1;
	max-width: none;
	padding-inline: 0;
	margin-block: var(--s-2);
}

.xagikad {
	background: var(--k-surface);
	color: var(--k-fg);
	padding-block: var(--sec-y);
}

.xagikad-part {
	display: block;
}

.xagikad-part + .xagikad-part {
	margin-block-start: var(--s-6);
}

.xagikad-cap {
	margin-block: 0 var(--s-4);
	font-weight: var(--w-mid);
	font-size: var(--z-lg-2);
}

.xagikad-prose {
	color: var(--k-dim);
	font-size: var(--z-base);
	line-height: var(--l-relaxed);
	margin-block-end: var(--s-4);
}

.xagikad-part .xagikad-prose:nth-of-type(2) {
	margin-inline-start: 18px;
}

.xagikad-part .xagikad-prose:nth-of-type(3) {
	margin-inline-start: 36px;
}

.xagikad-part .xagikad-prose:nth-of-type(n + 4) {
	margin-inline-start: 54px;
}

.xagikad-run {
	display: flex;
	flex-direction: column;
	gap: var(--s-3);
	margin-block-end: var(--s-4);
	padding-inline-start: 22px;
	list-style: disc;
	color: var(--k-dim);
}

.xagikad-run--num {
	list-style: decimal;
}

.xagikad-entry {
	font-size: var(--z-base);
	line-height: var(--l-relaxed);
}

.xagikad-step {
	background: var(--k-surface);
	color: var(--k-fade-top);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: text-decoration-thickness var(--t-snap) var(--x-settle);
}

.xagikad-step:hover,
.xagikad-step:focus-visible {
	background: var(--k-surface);
	color: var(--k-fg);
	text-decoration-thickness: 3px;
}

.disata {
	background: var(--k-surface);
	color: var(--k-fg);
	padding-block: var(--sec-y);
}

.disata-cap {
	margin-block-end: var(--s-5);
}

.disata-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--s-5);
}

.disata-card {
	display: flex;
	flex-direction: column;
	gap: var(--s-3);
	padding: var(--s-5);
	border: var(--b-thin) solid var(--k-stroke);
	border-radius: var(--r-5);
	background: var(--k-card);
	color: var(--k-fg);
	transition: transform var(--t-steady) var(--x-settle);
}

.disata-card:hover {
	transform: translateX(6px);
}

.disata-bar {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--s-3);
}

.disata-who {
	background: var(--k-card);
	color: var(--k-fg);
	font-weight: var(--w-mid);
	font-size: var(--z-base);
}

.disata-moment {
	background: var(--k-card);
	color: var(--k-dim);
	font-size: var(--z-mini);
	white-space: nowrap;
}

.disata-rate {
	display: flex;
	align-items: center;
	gap: var(--s-2);
	background: var(--k-card);
	color: var(--k-fade-top);
	font-size: var(--z-h5);
	letter-spacing: 2px;
}

.disata-star {
	color: var(--k-fade-top);
	background: var(--k-card);
}

.disata-star--off {
	color: #7d98ab;
	background: var(--k-card);
}

.disata-num {
	background: var(--k-card);
	color: var(--k-dim);
	font-family: var(--f-body);
	font-size: var(--z-small);
	letter-spacing: var(--e-regular);
}

.disata-prose {
	margin: 0;
	background: var(--k-card);
	color: var(--k-dim);
	font-size: var(--z-base);
	line-height: var(--l-relaxed);
	quotes: none;
}

.sameb {
	background: var(--k-card);
	color: var(--k-fg);
	padding-block: var(--sec-y);
	border-block: var(--b-thin) solid var(--k-stroke);
}

.sameb-body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: var(--s-3) var(--s-7);
}

.sameb-eye {
	grid-column: 1;
	background: var(--k-card);
	color: var(--k-fade-top);
	font-size: var(--z-mini);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

.sameb-cap {
	grid-column: 1;
	background: var(--k-card);
	color: var(--k-fg);
}

.sameb-prose {
	grid-column: 1;
	background: var(--k-card);
	color: var(--k-dim);
	font-size: var(--z-base);
	line-height: var(--l-relaxed);
}

.sameb-push {
	grid-column: 2;
	grid-row: 1 / span 3;
	align-self: center;
}

.sameb-fine {
	grid-column: 1 / -1;
	display: block;
	background: var(--k-card);
	color: var(--k-dim);
	font-size: var(--z-mini);
}

.pizom {
	background: var(--k-surface);
	color: var(--k-fg);
	padding-block: var(--sec-y);
}

.pizom-cap {
	margin-block-end: var(--s-5);
}

.pizom-run {
	display: flex;
	flex-direction: column;
	gap: var(--s-3);
}

.pizom-entry {
	border: var(--b-thin) solid var(--k-stroke);
	border-radius: var(--r-4);
	background: var(--k-card);
	color: var(--k-fg);
	padding: var(--s-4) var(--s-5);
}

.pizom-ask {
	display: grid;
	grid-template-columns: 60px minmax(0, 1fr) 24px;
	align-items: start;
	gap: var(--s-3);
	cursor: pointer;
	list-style: none;
}

.pizom-ask::-webkit-details-marker {
	display: none;
}

.pizom-num {
	background: var(--k-card);
	color: var(--k-fade-top);
	font-family: var(--f-head);
	font-size: var(--z-lg-2);
	font-weight: var(--w-thick);
	line-height: 1.1;
}

.pizom-top {
	margin: 0;
	background: var(--k-card);
	color: var(--k-fg);
	font-size: var(--z-sub-2);
}

.pizom-mark {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
	transition: transform var(--t-steady) var(--x-settle);
}

.pizom-mark::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 7px;
	width: 10px;
	height: 10px;
	border-right: var(--b-regular) solid var(--k-fade-top);
	border-bottom: var(--b-regular) solid var(--k-fade-top);
	transform: rotate(45deg);
}

.pizom-entry[open] .pizom-mark {
	transform: rotate(180deg);
}

.pizom-stuff {
	display: grid;
	grid-template-columns: 60px minmax(0, 1fr);
	gap: var(--s-3);
	margin-block-start: var(--s-3);
}

.pizom-prose {
	grid-column: 2;
	background: var(--k-card);
	color: var(--k-dim);
	font-size: var(--z-base);
	line-height: var(--l-relaxed);
}

.fiko {
	background: var(--k-surface);
	color: var(--k-fg);
	padding-block: var(--sec-y);
}

.fiko-cap {
	margin-block-end: var(--s-3);
}

.fiko-note {
	margin-block-end: var(--s-5);
	color: var(--k-dim);
	font-size: var(--z-small);
	line-height: var(--l-regular);
}

.fiko-scroll {
	overflow-x: auto;
}

.fiko-grid {
	width: 100%;
	min-width: 520px;
	border-collapse: collapse;
	background: var(--k-surface);
	color: var(--k-fg);
}

.fiko-top {
	background: var(--k-surface);
}

.fiko-head {
	background: var(--k-surface);
	color: var(--k-fg);
	font-family: var(--f-head);
	font-size: var(--z-small);
	font-weight: var(--w-mid);
	letter-spacing: var(--e-open);
	text-align: start;
	text-transform: uppercase;
	padding-block: var(--s-4);
	padding-inline: var(--s-3);
	border-block-end: var(--b-regular) solid var(--k-fade-top);
}

.fiko-stuff {
	background: var(--k-surface);
}

.fiko-bar {
	background: var(--k-surface);
}

.fiko-cell {
	padding: var(--s-4) var(--s-3);
	background: var(--k-surface);
	color: var(--k-dim);
	font-size: var(--z-base);
	line-height: var(--l-regular);
	border-block-end: var(--b-thin) solid var(--k-stroke);
	overflow-wrap: break-word;
	hyphens: auto;
	vertical-align: top;
}

.fiko-cell:first-child {
	color: var(--k-fg);
	background: var(--k-surface);
	font-weight: 500;
}

.fiko-bar:last-child .fiko-cell {
	border-block-end: 0;
}

.deva {
	background: var(--k-surface);
	color: var(--k-fg);
	padding-block: var(--sec-y);
}

.deva-intro {
	color: var(--k-fg);
	font-size: var(--z-h5);
	line-height: var(--l-regular);
	margin-block-end: var(--s-5);
}

.deva-moment {
	color: var(--k-dim);
	font-size: var(--z-mini);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
	margin-block-end: var(--s-6);
}

.deva-part {
	display: block;
	padding-block-start: var(--s-6);
	border-block-start: var(--b-thin) solid var(--k-stroke);
}

.deva-part:first-of-type {
	border-block-start: 0;
	padding-block-start: 0;
}

.deva-cap {
	margin-block: 0 var(--s-4);
	font-size: var(--z-lg-2);
	font-weight: var(--w-mid);
}

.deva-prose {
	color: var(--k-dim);
	font-size: var(--z-base);
	line-height: var(--l-relaxed);
	margin-block-end: var(--s-4);
}

.deva-contacts {
	margin-block-start: var(--s-6);
	padding: var(--s-5);
	border-radius: var(--r-4);
	background: var(--k-card);
	color: var(--k-fg);
}

.deva-run {
	display: flex;
	flex-direction: column;
	gap: var(--s-3);
	list-style: none;
}

.deva-entry {
	background: var(--k-card);
	color: var(--k-dim);
	font-size: var(--z-base);
	line-height: var(--l-relaxed);
}

.deva-step {
	background: var(--k-card);
	color: var(--k-fade-top);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.deva-step:hover,
.deva-step:focus-visible {
	background: var(--k-card);
	color: var(--k-fg);
	text-decoration-thickness: 3px;
}

.deva-note {
	margin-block-start: var(--s-6);
	padding: var(--s-4) var(--s-5);
	border-left: var(--b-thick) solid var(--k-rg-banner);
	border-radius: var(--r-2);
	background: #2a1113;
	color: var(--k-dim);
	font-size: var(--z-small);
	line-height: var(--l-regular);
}

.fazyka {
	background: var(--k-surface);
	color: var(--k-fg);
	padding-block: var(--sec-y);
}

.fazyka-cap {
	margin-block-end: var(--s-5);
}

.fazyka-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: var(--s-4);
}

.fazyka-field {
	display: flex;
	flex-direction: column;
	gap: var(--s-2);
	flex: 1 1 260px;
}

.fazyka-field--wide {
	flex: 1 1 100%;
}

.fazyka-input {
	width: 100%;
	padding: 12px var(--s-4);
	border: var(--b-thin) solid var(--k-line-strong);
	border-radius: var(--r-4);
	background: var(--k-card);
	color: var(--k-fg);
	font-family: var(--f-body);
	font-size: var(--z-base);
}

.fazyka-input--area {
	min-height: 130px;
	resize: vertical;
}

.fazyka-input:focus-visible {
	outline: var(--b-regular) solid var(--k-fade-top);
	outline-offset: 2px;
}

.fazyka-send {
	min-height: 46px;
	padding-inline: var(--s-6);
	border: 0;
	border-radius: var(--r-capsule);
	background: var(--k-house);
	color: var(--k-fg);
	font-family: var(--f-head);
	font-size: var(--z-h5);
	font-weight: var(--w-thick);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
	cursor: pointer;
	transition: background var(--t-snap) var(--x-settle), color var(--t-snap) var(--x-settle);
}

.fazyka-send:hover,
.fazyka-send:focus-visible {
	background: var(--k-fade-top);
	color: var(--k-accent-strong);
}

.fazyka-done {
	margin-block-start: var(--s-5);
	padding: var(--s-4) var(--s-5);
	border-radius: var(--r-4);
	background: var(--k-house);
	color: var(--k-fg);
	font-size: var(--z-base);
	line-height: var(--l-regular);
}

.xemog {
	display: block;
	max-width: calc(var(--v-max) + 2 * var(--v-pad-lg));
	margin-inline: auto;
	padding: var(--s-5) var(--v-pad-lg);
}

.xemog-card {
	display: flex;
	flex-direction: column;
	gap: var(--s-4);
	padding: var(--s-5);
	border-radius: var(--r-4);
	background: var(--k-card);
	color: var(--k-fg);
	box-shadow: var(--d-3);
}

.xemog-bar {
	display: flex;
	align-items: center;
	gap: var(--s-3);
}

.xemog-avatar {
	width: 72px;
	height: 72px;
	flex-shrink: 0;
	border-radius: var(--r-round-full);
	object-fit: cover;
	object-position: center top;
	background: var(--k-card);
	border: var(--b-thick) solid var(--k-card);
	box-sizing: content-box;
}

.xemog-ident {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.xemog-who {
	margin: 0;
	background: var(--k-card);
	color: var(--k-fg);
	font-size: var(--z-sub-2);
	font-weight: var(--w-mid);
}

.xemog-step {
	background: var(--k-card);
	color: var(--k-fg);
	text-decoration: none;
}

.xemog-step:hover,
.xemog-step:focus-visible {
	background: var(--k-card);
	color: var(--k-fade-top);
	text-decoration: underline;
	text-decoration-thickness: 3px;
}

.xemog-position {
	background: var(--k-card);
	color: var(--k-dim);
	font-size: var(--z-small);
	line-height: var(--l-regular);
}

.xemog-moment {
	background: var(--k-card);
	color: var(--k-dim);
	font-size: var(--z-mini);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

.xemog-prose {
	background: var(--k-card);
	color: var(--k-dim);
	font-size: var(--z-base);
	line-height: var(--l-relaxed);
}

.xemog-skills {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-2);
}

.xemog-tag {
	display: inline-flex;
	align-items: center;
	padding: var(--s-1) var(--s-3);
	border-radius: var(--r-capsule);
	background: var(--k-house);
	color: var(--k-fg);
	font-size: var(--z-mini);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

.xemog-more {
	background: var(--k-card);
	color: var(--k-fade-top);
	font-size: var(--z-small);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.xemog-more:hover,
.xemog-more:focus-visible {
	background: var(--k-card);
	color: var(--k-fg);
	text-decoration-thickness: 3px;
}

.tozot {
	display: block;
	max-width: calc(var(--v-max) + 2 * var(--v-pad-lg));
	margin-inline: auto;
	padding: 0 var(--v-pad-lg) var(--s-3);
}

.tozot-body {
	display: block;
}

.tozot-stuff {
	display: inline-flex;
	align-items: center;
	gap: var(--s-3);
	padding: var(--s-3) var(--s-5) var(--s-3) var(--s-3);
	border-radius: var(--r-capsule);
	background: var(--k-card);
	color: var(--k-fg);
}

.tozot-avatar {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border-radius: var(--r-round-full);
	object-fit: cover;
	object-position: center 20%;
	background: var(--k-card);
	border: var(--b-regular) solid var(--k-card);
	box-sizing: content-box;
}

.tozot-ident {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.tozot-who {
	background: var(--k-card);
	color: var(--k-fg);
	font-size: var(--z-base);
	font-weight: var(--w-mid);
}

.tozot-position {
	background: var(--k-card);
	color: var(--k-dim);
	font-size: var(--z-mini);
	line-height: var(--l-regular);
}

.vore {
	background: var(--k-surface);
	color: var(--k-fg);
	padding-block: var(--s-8);
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1 0 auto;
}

.vore-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--s-4);
	max-width: var(--nook);
	margin-inline: auto;
	padding: var(--s-7) var(--s-6);
	border: var(--b-regular) solid var(--k-fade-top);
	border-radius: var(--r-5);
	background: var(--k-card);
	color: var(--k-fg);
	box-shadow: var(--d-4);
	text-align: center;
}

.vore-eye {
	background: var(--k-card);
	color: var(--k-fade-top);
	font-family: var(--f-head);
	font-size: var(--z-lg-2);
	font-weight: var(--w-thick);
	letter-spacing: var(--e-open);
}

.vore-top {
	margin: 0;
	background: var(--k-card);
	color: var(--k-fg);
	font-size: clamp(26px, 3.6vw, 44px);
}

.vore-prose {
	background: var(--k-card);
	color: var(--k-dim);
	font-size: var(--z-base);
	line-height: var(--l-relaxed);
}

.vore-back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding-inline: var(--s-6);
	border-radius: var(--r-capsule);
	background: var(--k-house);
	color: var(--k-fg);
	font-family: var(--f-head);
	font-size: var(--z-h5);
	font-weight: var(--w-thick);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
	text-decoration: none;
	transition: background var(--t-snap) var(--x-settle), color var(--t-snap) var(--x-settle);
}

.vore-back:hover,
.vore-back:focus-visible {
	background: var(--k-fade-top);
	color: var(--k-accent-strong);
}

.dumox {
	display: none;
	background: var(--k-surface);
	color: var(--k-fg);
	padding-block: var(--s-5);
}

.dumox.is-open {
	display: block;
	animation: dumoxFade var(--t-steady) var(--x-settle) both;
}

@keyframes dumoxFade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.dumox-body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--s-5);
	padding: var(--s-5);
	border: var(--b-thin) solid var(--k-line-strong);
	border-radius: var(--r-4);
	background: var(--k-card);
	color: var(--k-fg);
	max-width: calc(var(--v-max) + 2 * var(--v-pad-lg));
	margin-inline: auto;
}

.dumox-message {
	background: var(--k-card);
	color: var(--k-dim);
	font-size: var(--z-small);
	line-height: var(--l-regular);
}

.dumox-keys {
	display: flex;
	align-items: center;
	gap: var(--s-3);
}

.dumox-confirm,
.dumox-decline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 8px var(--s-5);
	border-radius: var(--r-capsule);
	font-family: var(--f-body);
	font-size: var(--z-small);
	font-weight: 500;
	cursor: pointer;
	white-space: nowrap;
	transition: background var(--t-snap) var(--x-settle), color var(--t-snap) var(--x-settle);
}

.dumox-confirm {
	border: 0;
	background: var(--k-house);
	color: var(--k-fg);
}

.dumox-confirm:hover,
.dumox-confirm:focus-visible {
	background: var(--k-fade-top);
	color: var(--k-accent-strong);
}

.dumox-decline {
	border: var(--b-thin) solid var(--k-line-strong);
	background: var(--k-card);
	color: var(--k-dim);
}

.dumox-decline:hover,
.dumox-decline:focus-visible {
	background: var(--k-line-strong);
	color: var(--k-fg);
}

.kygob {
	background: var(--k-surface);
	color: var(--k-fg);
	padding-block: var(--s-7);
	border-block-start: var(--b-thin) solid var(--k-stroke);
}

.kygob-bar {
	display: block;
	padding-block: var(--s-5);
	border-block-end: var(--b-thin) solid var(--k-stroke);
}

.kygob-bar--brand {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--s-5);
	flex-wrap: wrap;
}

.kygob-bar--grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--s-6);
	padding-block: var(--s-6);
}

.kygob-bar--note {
	padding-block: var(--s-5);
}

.kygob-bar--meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--s-4);
	flex-wrap: wrap;
	border-block-end: 0;
}

.kygob-sign {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	text-decoration: none;
}

.kygob-img {
	display: block;
	height: 56px;
	width: auto;
}

.kygob-claim {
	max-width: var(--nook);
	background: var(--k-surface);
	color: var(--k-dim);
	font-size: var(--z-small);
	line-height: var(--l-regular);
}

.kygob-side {
	display: block;
}

.kygob-cap {
	margin-block: 0 var(--s-4);
	background: var(--k-surface);
	color: var(--k-fg);
	font-size: var(--z-h6);
	font-family: var(--f-body);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

.kygob-run {
	display: flex;
	flex-direction: column;
	gap: var(--s-3);
	list-style: none;
}

.kygob-run--flat {
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--s-3) var(--s-5);
}

.kygob-entry {
	font-size: var(--z-small);
	line-height: var(--l-regular);
}

.kygob-step {
	background: var(--k-surface);
	color: var(--k-dim);
	text-decoration: none;
	transition: color var(--t-snap) var(--x-settle);
}

.kygob-step:hover,
.kygob-step:focus-visible {
	background: var(--k-surface);
	color: var(--k-fade-top);
	text-decoration: underline;
	text-decoration-thickness: 3px;
}

.kygob-note {
	background: var(--k-surface);
	color: var(--k-dim);
	font-size: var(--z-mini);
	line-height: var(--l-relaxed);
}

.kygob-meta {
	background: var(--k-surface);
	color: var(--k-dim);
	font-size: var(--z-mini);
	letter-spacing: var(--e-open);
	text-transform: uppercase;
}

@media (max-width: 1200px) {
	:root {
		--v-pad-lg: 40px;
		--sec-y: 40px;
	}

	.disata-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 940px) {
	:root {
		--v-pad-lg: var(--v-inset-tablet);
	}

	.mamune-img {
		height: 32px;
	}

	.sebyn-frame {
		padding: var(--s-6) var(--s-5);
	}

	.kygob-bar--grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sameb-body {
		grid-template-columns: minmax(0, 1fr);
	}

	.sameb-push {
		grid-column: 1;
		grid-row: auto;
		justify-self: start;
		margin-block-start: var(--s-3);
	}
}

@media (max-width: 620px) {
	:root {
		--v-pad-lg: var(--v-padding-mobile);
		--sec-y: 34px;
		--z-base: 14px;
		--z-small: 12px;
		--z-mini: 10px;
		--z-h5: 14px;
		--z-h6: 12px;
		--z-sub-2: 18px;
	}

	.rg-strip {
		padding: 7px var(--v-padding-mobile);
		text-transform: none;
		letter-spacing: 0;
	}

	.mamune-bar {
		gap: var(--s-3);
	}

	.mamune-img {
		height: 26px;
	}

	.mamune-sign {
		padding: 2px 10px;
	}

	.mamune-flag {
		display: none;
	}

	.mamune-keys {
		gap: var(--s-3);
	}

	.mamune-menu-switch {
		width: 42px;
		height: 40px;
	}

	.mamune-quiet {
		min-height: 44px;
		padding-inline: var(--s-4);
		font-size: 11px;
	}

	.mamune-panel {
		padding: var(--s-4) var(--v-padding-mobile) var(--s-5);
	}

	.mamune-step {
		white-space: normal;
	}

	.sebyn-frame {
		padding: var(--s-6) var(--s-4);
		outline-offset: 5px;
	}

	.lunugud-card {
		flex: 0 0 258px;
		padding: var(--s-4);
	}

	.disata-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.plate-img {
		aspect-ratio: 4 / 3;
	}

	.plate--tall .plate-img {
		aspect-ratio: 3 / 4;
		max-height: 56vh;
	}

	.pizom-ask {
		grid-template-columns: 34px minmax(0, 1fr) 20px;
		gap: var(--s-2);
	}

	.pizom-stuff {
		grid-template-columns: minmax(0, 1fr);
	}

	.pizom-prose {
		grid-column: 1;
	}

	.pizom-num {
		font-size: var(--z-h5);
	}

	.xagikad-part .xagikad-prose:nth-of-type(2),
	.xagikad-part .xagikad-prose:nth-of-type(3),
	.xagikad-part .xagikad-prose:nth-of-type(n + 4) {
		margin-inline-start: 0;
	}

	.xemog-bar {
		align-items: flex-start;
	}

	.xemog-avatar {
		width: 56px;
		height: 56px;
	}

	.kygob-bar--grid {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--s-5);
	}

	.kygob-img {
		height: 42px;
	}

	.fiko-grid {
		min-width: 580px;
	}

	.vore-card {
		padding: var(--s-6) var(--s-5);
	}
}

@media (max-width: 720px) {
	.dumox,
	.dumox-body {
		padding: 12px 14px !important;
		gap: 8px !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
	}

	.dumox-body {
		grid-template-columns: minmax(0, 1fr);
	}

	.dumox-keys {
		flex-wrap: wrap;
	}

	.dumox-confirm,
	.dumox-decline {
		flex: 1 1 auto;
		padding: 8px 14px !important;
		font-size: 12px !important;
		min-height: 36px !important;
	}
}

@media (max-width: 430px) {
	.dumox-keys {
		flex-direction: column;
		align-items: stretch;
	}

	.dumox-confirm,
	.dumox-decline {
		white-space: normal;
	}
}

.sebyn-stuff > *,
.duva-body > * {
	animation: risein var(--t-calm) var(--x-settle) both;
}

@keyframes risein {
	from {
		opacity: 0;
		transform: translateY(16px);
	}

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

:focus-visible {
	outline: var(--b-regular) solid var(--k-fade-top);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}

	.sebyn-stuff > *,
	.duva-body > * {
		opacity: 1;
		transform: none;
	}
}

.zujaki-jump{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--s-5);min-height:46px;border-radius:var(--r-capsule);border:var(--b-regular) solid var(--k-fade-top);font-size:var(--z-small);font-weight:var(--w-thick);letter-spacing:var(--e-open)}
.zujaki-jump{
  background:#7C3AED;color:#FFFFFF;text-decoration:none;text-transform:uppercase;
  transition:background var(--t-steady) var(--x-settle),color var(--t-steady) var(--x-settle);}
.zujaki-jump.zujaki-jump{color:#FFFFFF;text-decoration:none;}
.zujaki-jump:hover{background:#6D28D9;color:#FFFFFF;animation:none}
.zujaki-jump.zujaki-jump:hover{color:#FFFFFF;text-decoration:none}
.zujaki-jump:hover::after{animation:none}
.zujaki-jump:active{background:#5B21B6;color:#FFFFFF}
.zujaki-jump:focus-visible{outline:3px solid #081924;outline-offset:3px}
@keyframes zujaki-wake{0%{transform:rotate(0)}13.793%{transform:rotate(1.2deg)}27.586%,100%{transform:rotate(0)}}
.zujaki-jump{animation:zujaki-wake 1.45s linear infinite;transform-origin:50% 90%}
@media (prefers-reduced-motion:reduce){.zujaki-jump,.zujaki-jump::after{animation:none!important;transition:none!important}}

.zujaki-jump {
	border-color: #c4b5fd;
	box-shadow: 0 8px 22px rgba(124, 58, 237, 0.32);
}

.zujaki-jump::after {
	content: "→";
	margin-inline-start: 8px;
	transition: transform var(--t-snap) var(--x-settle);
}

.zujaki-jump:hover::after,
.zujaki-jump:focus-visible::after {
	transform: translateX(5px);
}

.zujaki-jump:focus-visible {
	outline: var(--b-thick) solid #ffffff;
	outline-offset: 3px;
}

.mamune-push {
	animation-delay: -0.25s;
}

.sebyn-push {
	min-height: 54px;
	padding: 0 var(--s-6);
	font-size: var(--z-h5);
	animation-delay: -0.62s;
	margin-block-start: var(--s-2);
}

.sameb-push {
	min-height: 52px;
	padding: 0 var(--s-6);
	font-size: var(--z-h5);
	animation-delay: -1.08s;
}

@media (max-width: 620px) {
	.mamune-push {
		min-height: 44px;
		padding: 0 var(--s-3);
		font-size: 11px;
		letter-spacing: 0.04em;
	}

	.mamune-push::after {
		display: none;
	}

	.sebyn-push,
	.sameb-push {
		min-height: 48px;
		padding: 0 var(--s-5);
		font-size: var(--z-h5);
	}
}

@media (max-width: 360px) {
	.mamune-push {
		padding: 0 8px;
		font-size: 10px;
	}

	.mamune-img {
		height: 22px;
	}

	.mamune-menu-switch {
		width: 40px;
	}
}