@font-face {
	font-family: Pretendard;
	src: url("/assets/pretendard.woff2") format("woff2");
	font-display: swap;
}

:root {
	color-scheme: light;
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 13px;
	--tg-chrome: #f6f6f6;
	--tg-panel: #f6f6f6;
	--tg-canvas: #ffffff;
	--tg-ink: #141416;
	--tg-ink2: #44444b;
	--tg-muted: #8f8f94;
	--tg-faint: #b5b5ba;
	--tg-line: #e6e6e8;
	--tg-hover: #e9e9eb;
	--tg-block: #fcfcfc;
	--tg-ok: #1f9d63;
	--tg-warn: #b7720a;
	--tg-warn-soft: #fbf3e3;
	--tg-bad: #c8412d;
	--tg-bad-soft: #fcedea;
	--tg-accent: #1f6feb;
	--tg-accent-soft: #edf0ff;
	--tg-shadow: 0 12px 40px #16161a18;
	--tg-font-size: 13px;
	--tg-doc-width: 760px;
	--tg-zoom: 1;
	color: var(--tg-ink);
	background: var(--tg-canvas);
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

html[data-scheme="dark"] {
	color-scheme: dark;
	--tg-chrome: #0d0d0f;
	--tg-panel: #0d0d0f;
	--tg-canvas: #121214;
	--tg-ink: #ededef;
	--tg-ink2: #b8b8c0;
	--tg-muted: #7d7d86;
	--tg-faint: #4e4e55;
	--tg-line: #232327;
	--tg-hover: #1d1d21;
	--tg-block: #18181b;
	--tg-ok: #3bc383;
	--tg-warn: #e3a43a;
	--tg-warn-soft: #2a2316;
	--tg-bad: #f06a55;
	--tg-bad-soft: #2c1714;
	--tg-shadow: 0 16px 48px #0008;
}

html[data-accent="blue"] {
	--tg-accent: #1f6feb;
	--tg-accent-soft: #edf0ff;
}
html[data-scheme="dark"][data-accent="blue"] {
	--tg-accent: #78a9ff;
	--tg-accent-soft: #1b2142;
}
html[data-accent="purple"] {
	--tg-accent: #7959e8;
	--tg-accent-soft: #f1ebff;
}
html[data-scheme="dark"][data-accent="purple"] {
	--tg-accent: #a591ff;
	--tg-accent-soft: #2a2347;
}
html[data-accent="graphite"] {
	--tg-accent: #52525b;
	--tg-accent-soft: #eeeef0;
}
html[data-scheme="dark"][data-accent="graphite"] {
	--tg-accent: #c3c3ca;
	--tg-accent-soft: #252529;
}
html[data-accent="green"] {
	--tg-accent: #16855b;
	--tg-accent-soft: #e8f7f0;
}
html[data-scheme="dark"][data-accent="green"] {
	--tg-accent: #4bd49b;
	--tg-accent-soft: #172b23;
}
html[data-accent="orange"] {
	--tg-accent: #c76b16;
	--tg-accent-soft: #fff1e4;
}
html[data-scheme="dark"][data-accent="orange"] {
	--tg-accent: #ffae64;
	--tg-accent-soft: #302319;
}
html[data-accent="pink"] {
	--tg-accent: #cf397a;
	--tg-accent-soft: #fceaf3;
}
html[data-scheme="dark"][data-accent="pink"] {
	--tg-accent: #ff8dc0;
	--tg-accent-soft: #30202a;
}

* {
	box-sizing: border-box;
}
html,
body,
#app {
	width: 100%;
	height: 100%;
	margin: 0;
}
body {
	overflow: hidden;
	background: var(--tg-canvas);
	color: var(--tg-ink);
	font-size: var(--tg-font-size);
}
button,
input,
select,
textarea {
	color: inherit;
	font: inherit;
}
button {
	cursor: pointer;
}
button:disabled {
	cursor: not-allowed;
	opacity: 0.45;
}
a {
	color: var(--tg-accent);
}
:focus-visible {
	outline: 2px solid var(--tg-accent);
	outline-offset: 2px;
}
::selection {
	background: var(--tg-accent-soft);
}
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}