/* [next]/internal/font/google/geist_a71539c9.module.css [app-client] (css) */
@font-face {
font-family: Geist;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Geist;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Geist;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Geist;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Geist;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Geist Fallback;
src: local(Arial);
ascent-override: 95.94%;
descent-override: 28.16%;
line-gap-override: 0.0%;
size-adjust: 104.76%;
}
.geist_a71539c9-module__T19VSG__className {
font-family: Geist, Geist Fallback;
font-style: normal;
}
.geist_a71539c9-module__T19VSG__variable {
--font-geist-sans: "Geist", "Geist Fallback";
}
/* [next]/internal/font/google/geist_mono_8d43a2aa.module.css [app-client] (css) */
@font-face {
font-family: Geist Mono;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2") format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: Geist Mono;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2") format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: Geist Mono;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2") format("woff2");
unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}
@font-face {
font-family: Geist Mono;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2") format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: Geist Mono;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2") format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: Geist Mono;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../media/797e433ab948586e-s.p.08e28id.o-okb.woff2") format("woff2");
unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: Geist Mono Fallback;
src: local(Arial);
ascent-override: 74.67%;
descent-override: 21.92%;
line-gap-override: 0.0%;
size-adjust: 134.59%;
}
.geist_mono_8d43a2aa-module__8Li5zG__className {
font-family: Geist Mono, Geist Mono Fallback;
font-style: normal;
}
.geist_mono_8d43a2aa-module__8Li5zG__variable {
--font-geist-mono: "Geist Mono", "Geist Mono Fallback";
}
/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
*, :before, :after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-divide-y-reverse: 0;
--tw-border-style: solid;
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;
--tw-numeric-spacing: initial;
--tw-numeric-fraction: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
}
}
}
@layer theme {
:root, :host {
--color-amber-200: #fee685;
--color-amber-300: #ffd236;
--color-amber-400: #fcbb00;
--color-amber-500: #f99c00;
--color-lime-300: #bbf451;
--color-emerald-300: #5ee9b5;
--color-emerald-400: #00d294;
--color-violet-300: #c4b4ff;
--color-violet-400: #a685ff;
--color-rose-100: #ffe4e6;
--color-rose-200: #ffccd3;
--color-rose-300: #ffa2ae;
--color-rose-400: #ff667f;
--color-rose-500: #ff2357;
--color-black: #000;
--color-white: #fff;
--spacing: .25rem;
--container-md: 28rem;
--container-5xl: 64rem;
--container-6xl: 72rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-tight: -.025em;
--tracking-normal: 0em;
--tracking-wide: .025em;
--tracking-wider: .05em;
--tracking-widest: .1em;
--leading-snug: 1.375;
--leading-relaxed: 1.625;
--radius-sm: .25rem;
--radius-md: .375rem;
--radius-lg: .5rem;
--radius-xl: .75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--animate-spin: spin 1s linear infinite;
--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--animate-bounce: bounce 1s infinite;
--blur-sm: 8px;
--blur-3xl: 64px;
--aspect-video: 16 / 9;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: "Manrope", var(--font-geist-sans);
--default-mono-font-family: "JetBrains Mono", var(--font-geist-mono);
}
@supports (color: lab(0% 0 0)) {
:root, :host {
--color-amber-200: lab(91.7203% -.505269 49.9084);
--color-amber-300: lab(86.4156% 6.13147 78.3961);
--color-amber-400: lab(80.1641% 16.6016 99.2089);
--color-amber-500: lab(72.7183% 31.8672 97.9407);
--color-lime-300: lab(89.9218% -35.6546 68.5254);
--color-emerald-300: lab(83.9203% -48.7124 13.8849);
--color-emerald-400: lab(75.0771% -60.7313 19.4147);
--color-violet-300: lab(76.7419% 18.3911 -37.0706);
--color-violet-400: lab(62.8239% 34.9159 -60.0512);
--color-rose-100: lab(92.8221% 9.86832 2.60075);
--color-rose-200: lab(86.806% 19.1909 4.07754);
--color-rose-300: lab(76.6339% 38.3549 9.68835);
--color-rose-400: lab(64.4125% 63.0291 19.2068);
--color-rose-500: lab(56.101% 79.4328 31.4532);
}
}
}
@layer base {
*, :after, :before, ::backdrop {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
::file-selector-button {
box-sizing: border-box;
border: 0 solid;
margin: 0;
padding: 0;
}
html, :host {
-webkit-text-size-adjust: 100%;
tab-size: 4;
line-height: 1.5;
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp, pre {
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring {
outline: auto;
}
progress {
vertical-align: baseline;
}
summary {
display: list-item;
}
ol, ul, menu {
list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
vertical-align: middle;
display: block;
}
img, video {
max-width: 100%;
height: auto;
}
button, input, select, optgroup, textarea {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
::file-selector-button {
font: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
opacity: 1;
background-color: #0000;
border-radius: 0;
}
:where(select:is([multiple], [size])) optgroup {
font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
padding-inline-start: 20px;
}
::file-selector-button {
margin-inline-end: 4px;
}
::placeholder {
opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea {
resize: vertical;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-datetime-edit {
padding-block: 0;
}
::-webkit-datetime-edit-year-field {
padding-block: 0;
}
::-webkit-datetime-edit-month-field {
padding-block: 0;
}
::-webkit-datetime-edit-day-field {
padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
padding-block: 0;
}
::-webkit-datetime-edit-second-field {
padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
padding-block: 0;
}
::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid {
box-shadow: none;
}
button, input:where([type="button"], [type="reset"], [type="submit"]) {
appearance: button;
}
::file-selector-button {
appearance: button;
}
::-webkit-inner-spin-button {
height: auto;
}
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
display: none !important;
}
}
@layer components;
@layer utilities {
.pointer-events-none {
pointer-events: none;
}
.collapse {
visibility: collapse;
}
.visible {
visibility: visible;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: calc(var(--spacing) * 0);
}
.-top-1 {
top: calc(var(--spacing) * -1);
}
.-top-2 {
top: calc(var(--spacing) * -2);
}
.-top-8 {
top: calc(var(--spacing) * -8);
}
.-top-12 {
top: calc(var(--spacing) * -12);
}
.-top-24 {
top: calc(var(--spacing) * -24);
}
.top-0 {
top: calc(var(--spacing) * 0);
}
.top-0\.5 {
top: calc(var(--spacing) * .5);
}
.top-1 {
top: calc(var(--spacing) * 1);
}
.top-1\/2 {
top: 50%;
}
.top-2 {
top: calc(var(--spacing) * 2);
}
.top-2\.5 {
top: calc(var(--spacing) * 2.5);
}
.top-3 {
top: calc(var(--spacing) * 3);
}
.top-6 {
top: calc(var(--spacing) * 6);
}
.top-\[18px\] {
top: 18px;
}
.top-full {
top: 100%;
}
.-right-1 {
right: calc(var(--spacing) * -1);
}
.-right-2 {
right: calc(var(--spacing) * -2);
}
.-right-8 {
right: calc(var(--spacing) * -8);
}
.-right-12 {
right: calc(var(--spacing) * -12);
}
.-right-24 {
right: calc(var(--spacing) * -24);
}
.right-0 {
right: calc(var(--spacing) * 0);
}
.right-0\.5 {
right: calc(var(--spacing) * .5);
}
.right-1\.5 {
right: calc(var(--spacing) * 1.5);
}
.right-2 {
right: calc(var(--spacing) * 2);
}
.right-3 {
right: calc(var(--spacing) * 3);
}
.right-6 {
right: calc(var(--spacing) * 6);
}
.-bottom-16 {
bottom: calc(var(--spacing) * -16);
}
.bottom-0 {
bottom: calc(var(--spacing) * 0);
}
.bottom-1\.5 {
bottom: calc(var(--spacing) * 1.5);
}
.bottom-3 {
bottom: calc(var(--spacing) * 3);
}
.left-0 {
left: calc(var(--spacing) * 0);
}
.left-1 {
left: calc(var(--spacing) * 1);
}
.left-1\/2 {
left: 50%;
}
.left-2 {
left: calc(var(--spacing) * 2);
}
.left-2\.5 {
left: calc(var(--spacing) * 2.5);
}
.left-3 {
left: calc(var(--spacing) * 3);
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-\[60\] {
z-index: 60;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.float-left {
float: left;
}
.container {
width: 100%;
}
@media (min-width: 40rem) {
.container {
max-width: 40rem;
}
}
@media (min-width: 48rem) {
.container {
max-width: 48rem;
}
}
@media (min-width: 64rem) {
.container {
max-width: 64rem;
}
}
@media (min-width: 80rem) {
.container {
max-width: 80rem;
}
}
@media (min-width: 96rem) {
.container {
max-width: 96rem;
}
}
.m-1 {
margin: calc(var(--spacing) * 1);
}
.m-2 {
margin: calc(var(--spacing) * 2);
}
.m-3 {
margin: calc(var(--spacing) * 3);
}
.m-4 {
margin: calc(var(--spacing) * 4);
}
.m-5 {
margin: calc(var(--spacing) * 5);
}
.mx-0\.5 {
margin-inline: calc(var(--spacing) * .5);
}
.mx-1 {
margin-inline: calc(var(--spacing) * 1);
}
.mx-2 {
margin-inline: calc(var(--spacing) * 2);
}
.mx-3 {
margin-inline: calc(var(--spacing) * 3);
}
.mx-4 {
margin-inline: calc(var(--spacing) * 4);
}
.mx-5 {
margin-inline: calc(var(--spacing) * 5);
}
.mx-auto {
margin-inline: auto;
}
.my-1 {
margin-block: calc(var(--spacing) * 1);
}
.my-2 {
margin-block: calc(var(--spacing) * 2);
}
.my-3 {
margin-block: calc(var(--spacing) * 3);
}
.my-4 {
margin-block: calc(var(--spacing) * 4);
}
.my-5 {
margin-block: calc(var(--spacing) * 5);
}
.my-10 {
margin-block: calc(var(--spacing) * 10);
}
.-mt-0\.5 {
margin-top: calc(var(--spacing) * -.5);
}
.-mt-1\.5 {
margin-top: calc(var(--spacing) * -1.5);
}
.mt-0\.5 {
margin-top: calc(var(--spacing) * .5);
}
.mt-1 {
margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.mt-2\.5 {
margin-top: calc(var(--spacing) * 2.5);
}
.mt-3 {
margin-top: calc(var(--spacing) * 3);
}
.mt-3\.5 {
margin-top: calc(var(--spacing) * 3.5);
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
margin-top: calc(var(--spacing) * 6);
}
.mt-12 {
margin-top: calc(var(--spacing) * 12);
}
.mt-\[-14px\] {
margin-top: -14px;
}
.mt-auto {
margin-top: auto;
}
.-mr-0\.5 {
margin-right: calc(var(--spacing) * -.5);
}
.mr-0\.5 {
margin-right: calc(var(--spacing) * .5);
}
.mr-1 {
margin-right: calc(var(--spacing) * 1);
}
.mr-1\.5 {
margin-right: calc(var(--spacing) * 1.5);
}
.mr-2 {
margin-right: calc(var(--spacing) * 2);
}
.mr-3 {
margin-right: calc(var(--spacing) * 3);
}
.mr-4 {
margin-right: calc(var(--spacing) * 4);
}
.mr-5 {
margin-right: calc(var(--spacing) * 5);
}
.-mb-px {
margin-bottom: -1px;
}
.mb-0\.5 {
margin-bottom: calc(var(--spacing) * .5);
}
.mb-1 {
margin-bottom: calc(var(--spacing) * 1);
}
.mb-1\.5 {
margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-2 {
margin-bottom: calc(var(--spacing) * 2);
}
.mb-2\.5 {
margin-bottom: calc(var(--spacing) * 2.5);
}
.mb-3 {
margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
margin-bottom: calc(var(--spacing) * 6);
}
.mb-7 {
margin-bottom: calc(var(--spacing) * 7);
}
.mb-10 {
margin-bottom: calc(var(--spacing) * 10);
}
.ml-0\.5 {
margin-left: calc(var(--spacing) * .5);
}
.ml-1 {
margin-left: calc(var(--spacing) * 1);
}
.ml-1\.5 {
margin-left: calc(var(--spacing) * 1.5);
}
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
.ml-3 {
margin-left: calc(var(--spacing) * 3);
}
.ml-4 {
margin-left: calc(var(--spacing) * 4);
}
.ml-5 {
margin-left: calc(var(--spacing) * 5);
}
.ml-auto {
margin-left: auto;
}
.line-clamp-1 {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-2 {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.line-clamp-3 {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.inline-grid {
display: inline-grid;
}
.table {
display: table;
}
.aspect-\[16\/10\] {
aspect-ratio: 16 / 10;
}
.aspect-square {
aspect-ratio: 1;
}
.aspect-video {
aspect-ratio: var(--aspect-video);
}
.h-1\.5 {
height: calc(var(--spacing) * 1.5);
}
.h-2 {
height: calc(var(--spacing) * 2);
}
.h-2\.5 {
height: calc(var(--spacing) * 2.5);
}
.h-4 {
height: calc(var(--spacing) * 4);
}
.h-5 {
height: calc(var(--spacing) * 5);
}
.h-6 {
height: calc(var(--spacing) * 6);
}
.h-7 {
height: calc(var(--spacing) * 7);
}
.h-8 {
height: calc(var(--spacing) * 8);
}
.h-9 {
height: calc(var(--spacing) * 9);
}
.h-10 {
height: calc(var(--spacing) * 10);
}
.h-11 {
height: calc(var(--spacing) * 11);
}
.h-12 {
height: calc(var(--spacing) * 12);
}
.h-14 {
height: calc(var(--spacing) * 14);
}
.h-20 {
height: calc(var(--spacing) * 20);
}
.h-32 {
height: calc(var(--spacing) * 32);
}
.h-48 {
height: calc(var(--spacing) * 48);
}
.h-64 {
height: calc(var(--spacing) * 64);
}
.h-\[2px\] {
height: 2px;
}
.h-\[4px\] {
height: 4px;
}
.h-\[22px\] {
height: 22px;
}
.h-\[28px\] {
height: 28px;
}
.h-\[30px\] {
height: 30px;
}
.h-\[32px\] {
height: 32px;
}
.h-\[34px\] {
height: 34px;
}
.h-\[36px\] {
height: 36px;
}
.h-\[38px\] {
height: 38px;
}
.h-\[42px\] {
height: 42px;
}
.h-\[44px\] {
height: 44px;
}
.h-\[46px\] {
height: 46px;
}
.h-\[60vh\] {
height: 60vh;
}
.h-\[70vh\] {
height: 70vh;
}
.h-\[150px\] {
height: 150px;
}
.h-\[300px\] {
height: 300px;
}
.h-\[520px\] {
height: 520px;
}
.h-\[540px\] {
height: 540px;
}
.h-\[600px\] {
height: 600px;
}
.h-\[640px\] {
height: 640px;
}
.h-\[calc\(100vh-92px\)\] {
height: calc(100vh - 92px);
}
.h-\[calc\(100vh-150px\)\] {
height: calc(100vh - 150px);
}
.h-\[calc\(100vh-180px\)\] {
height: calc(100vh - 180px);
}
.h-\[calc\(100vh-200px\)\] {
height: calc(100vh - 200px);
}
.h-\[calc\(100vh-210px\)\] {
height: calc(100vh - 210px);
}
.h-\[calc\(100vh-220px\)\] {
height: calc(100vh - 220px);
}
.h-fit {
height: fit-content;
}
.h-full {
height: 100%;
}
.h-px {
height: 1px;
}
.max-h-40 {
max-height: calc(var(--spacing) * 40);
}
.max-h-\[40vh\] {
max-height: 40vh;
}
.max-h-\[44vh\] {
max-height: 44vh;
}
.max-h-\[60px\] {
max-height: 60px;
}
.max-h-\[60vh\] {
max-height: 60vh;
}
.max-h-\[64vh\] {
max-height: 64vh;
}
.max-h-\[80px\] {
max-height: 80px;
}
.max-h-\[85vh\] {
max-height: 85vh;
}
.max-h-\[90vh\] {
max-height: 90vh;
}
.max-h-\[110px\] {
max-height: 110px;
}
.max-h-\[120px\] {
max-height: 120px;
}
.max-h-\[150px\] {
max-height: 150px;
}
.max-h-\[160px\] {
max-height: 160px;
}
.max-h-\[180px\] {
max-height: 180px;
}
.max-h-\[200px\] {
max-height: 200px;
}
.max-h-\[220px\] {
max-height: 220px;
}
.max-h-\[260px\] {
max-height: 260px;
}
.max-h-\[300px\] {
max-height: 300px;
}
.max-h-\[360px\] {
max-height: 360px;
}
.max-h-\[420px\] {
max-height: 420px;
}
.max-h-\[440px\] {
max-height: 440px;
}
.max-h-\[460px\] {
max-height: 460px;
}
.max-h-\[500px\] {
max-height: 500px;
}
.max-h-\[520px\] {
max-height: 520px;
}
.max-h-\[540px\] {
max-height: 540px;
}
.max-h-\[600px\] {
max-height: 600px;
}
.max-h-\[700px\] {
max-height: 700px;
}
.max-h-full {
max-height: 100%;
}
.min-h-0 {
min-height: calc(var(--spacing) * 0);
}
.min-h-\[18px\] {
min-height: 18px;
}
.min-h-\[32px\] {
min-height: 32px;
}
.min-h-\[180px\] {
min-height: 180px;
}
.min-h-\[200px\] {
min-height: 200px;
}
.min-h-\[320px\] {
min-height: 320px;
}
.min-h-\[420px\] {
min-height: 420px;
}
.min-h-\[460px\] {
min-height: 460px;
}
.min-h-\[500px\] {
min-height: 500px;
}
.min-h-\[520px\] {
min-height: 520px;
}
.min-h-\[560px\] {
min-height: 560px;
}
.min-h-\[600px\] {
min-height: 600px;
}
.min-h-\[640px\] {
min-height: 640px;
}
.min-h-\[680px\] {
min-height: 680px;
}
.min-h-full {
min-height: 100%;
}
.min-h-screen {
min-height: 100vh;
}
.w-1\.5 {
width: calc(var(--spacing) * 1.5);
}
.w-1\/2 {
width: 50%;
}
.w-2 {
width: calc(var(--spacing) * 2);
}
.w-2\.5 {
width: calc(var(--spacing) * 2.5);
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-5 {
width: calc(var(--spacing) * 5);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
.w-7 {
width: calc(var(--spacing) * 7);
}
.w-8 {
width: calc(var(--spacing) * 8);
}
.w-9 {
width: calc(var(--spacing) * 9);
}
.w-10 {
width: calc(var(--spacing) * 10);
}
.w-11 {
width: calc(var(--spacing) * 11);
}
.w-12 {
width: calc(var(--spacing) * 12);
}
.w-14 {
width: calc(var(--spacing) * 14);
}
.w-16 {
width: calc(var(--spacing) * 16);
}
.w-20 {
width: calc(var(--spacing) * 20);
}
.w-32 {
width: calc(var(--spacing) * 32);
}
.w-44 {
width: calc(var(--spacing) * 44);
}
.w-48 {
width: calc(var(--spacing) * 48);
}
.w-64 {
width: calc(var(--spacing) * 64);
}
.w-\[2px\] {
width: 2px;
}
.w-\[200px\] {
width: 200px;
}
.w-\[244px\] {
width: 244px;
}
.w-\[320px\] {
width: 320px;
}
.w-\[min\(640px\,92vw\)\] {
width: min(640px, 92vw);
}
.w-fit {
width: fit-content;
}
.w-full {
width: 100%;
}
.max-w-5xl {
max-width: var(--container-5xl);
}
.max-w-6xl {
max-width: var(--container-6xl);
}
.max-w-\[60\%\] {
max-width: 60%;
}
.max-w-\[78\%\] {
max-width: 78%;
}
.max-w-\[80\%\] {
max-width: 80%;
}
.max-w-\[82\%\] {
max-width: 82%;
}
.max-w-\[88\%\] {
max-width: 88%;
}
.max-w-\[90vw\] {
max-width: 90vw;
}
.max-w-\[280px\] {
max-width: 280px;
}
.max-w-\[300px\] {
max-width: 300px;
}
.max-w-\[360px\] {
max-width: 360px;
}
.max-w-\[400px\] {
max-width: 400px;
}
.max-w-\[420px\] {
max-width: 420px;
}
.max-w-\[440px\] {
max-width: 440px;
}
.max-w-\[480px\] {
max-width: 480px;
}
.max-w-\[520px\] {
max-width: 520px;
}
.max-w-\[560px\] {
max-width: 560px;
}
.max-w-\[640px\] {
max-width: 640px;
}
.max-w-\[680px\] {
max-width: 680px;
}
.max-w-\[720px\] {
max-width: 720px;
}
.max-w-\[860px\] {
max-width: 860px;
}
.max-w-\[900px\] {
max-width: 900px;
}
.max-w-\[920px\] {
max-width: 920px;
}
.max-w-\[1500px\] {
max-width: 1500px;
}
.max-w-full {
max-width: 100%;
}
.max-w-md {
max-width: var(--container-md);
}
.max-w-none {
max-width: none;
}
.max-w-prose {
max-width: 65ch;
}
.min-w-0 {
min-width: calc(var(--spacing) * 0);
}
.min-w-\[140px\] {
min-width: 140px;
}
.min-w-\[230px\] {
min-width: 230px;
}
.min-w-\[920px\] {
min-width: 920px;
}
.flex-1 {
flex: 1;
}
.flex-shrink-0, .shrink-0 {
flex-shrink: 0;
}
.border-collapse {
border-collapse: collapse;
}
.-translate-x-1\/2 {
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
--tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.rotate-180 {
rotate: 180deg;
}
.transform {
transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}
.animate-bounce {
animation: var(--animate-bounce);
}
.animate-ping {
animation: var(--animate-ping);
}
.animate-pulse {
animation: var(--animate-pulse);
}
.animate-spin {
animation: var(--animate-spin);
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-zoom-in {
cursor: zoom-in;
}
.resize {
resize: both;
}
.resize-none {
resize: none;
}
.resize-y {
resize: vertical;
}
.list-decimal {
list-style-type: decimal;
}
.list-disc {
list-style-type: disc;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[1fr_auto_1fr\] {
grid-template-columns: 1fr auto 1fr;
}
.flex-col {
flex-direction: column;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.place-items-center {
place-items: center;
}
.place-items-end {
place-items: end;
}
.items-baseline {
align-items: baseline;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-start {
justify-content: flex-start;
}
.gap-0 {
gap: calc(var(--spacing) * 0);
}
.gap-0\.5 {
gap: calc(var(--spacing) * .5);
}
.gap-1 {
gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
gap: calc(var(--spacing) * 3);
}
.gap-3\.5 {
gap: calc(var(--spacing) * 3.5);
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
.gap-5 {
gap: calc(var(--spacing) * 5);
}
.gap-6 {
gap: calc(var(--spacing) * 6);
}
:where(.space-y-0\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-1 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-1\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-10 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.divide-y > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(1px * var(--tw-divide-y-reverse));
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
.justify-self-center {
justify-self: center;
}
.justify-self-end {
justify-self: flex-end;
}
.justify-self-start {
justify-self: flex-start;
}
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-auto {
overflow-y: auto;
}
.rounded {
border-radius: .25rem;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.rounded-3xl {
border-radius: var(--radius-3xl);
}
.rounded-full {
border-radius: 3.40282e38px;
}
.rounded-lg {
border-radius: var(--radius-lg);
}
.rounded-md {
border-radius: var(--radius-md);
}
.rounded-xl {
border-radius: var(--radius-xl);
}
.rounded-t {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
}
.rounded-tl-md {
border-top-left-radius: var(--radius-md);
}
.rounded-tl-sm {
border-top-left-radius: var(--radius-sm);
}
.rounded-tr-md {
border-top-right-radius: var(--radius-md);
}
.rounded-tr-sm {
border-top-right-radius: var(--radius-sm);
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-2 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 2px;
}
.border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
}
.border-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-\[rgba\(16\,185\,129\,0\.4\)\] {
border-color: #10b98166;
}
.border-\[rgba\(16\,185\,129\,0\.22\)\] {
border-color: #10b98138;
}
.border-\[rgba\(34\,197\,94\,0\.22\)\] {
border-color: #22c55e38;
}
.border-\[rgba\(96\,165\,250\,0\.5\)\] {
border-color: #60a5fa80;
}
.border-\[rgba\(163\,230\,53\,0\.4\)\] {
border-color: #a3e63566;
}
.border-\[rgba\(168\,85\,247\,0\.2\)\] {
border-color: #a855f733;
}
.border-\[rgba\(168\,85\,247\,0\.4\)\] {
border-color: #a855f766;
}
.border-\[rgba\(168\,85\,247\,0\.5\)\] {
border-color: #a855f780;
}
.border-\[rgba\(168\,85\,247\,0\.25\)\] {
border-color: #a855f740;
}
.border-\[rgba\(196\,96\,126\,0\.3\)\] {
border-color: #c4607e4d;
}
.border-\[rgba\(217\,119\,87\,0\.4\)\] {
border-color: #d9775766;
}
.border-\[rgba\(217\,119\,87\,0\.18\)\] {
border-color: #d977572e;
}
.border-\[rgba\(244\,114\,182\,0\.5\)\] {
border-color: #f472b680;
}
.border-\[rgba\(244\,114\,182\,0\.18\)\] {
border-color: #f472b62e;
}
.border-\[rgba\(248\,113\,113\,0\.4\)\] {
border-color: #f8717166;
}
.border-\[rgba\(248\,113\,113\,0\.45\)\] {
border-color: #f8717173;
}
.border-\[rgba\(255\,255\,255\,0\.04\)\] {
border-color: #ffffff0a;
}
.border-\[rgba\(255\,255\,255\,0\.06\)\] {
border-color: #ffffff0f;
}
.border-\[rgba\(255\,255\,255\,0\.08\)\] {
border-color: #ffffff14;
}
.border-\[rgba\(255\,255\,255\,0\.12\)\] {
border-color: #ffffff1f;
}
.border-\[var\(--accent-cyan\)\]\/30 {
border-color: var(--accent-cyan);
}
@supports (color: color-mix(in lab, red, red)) {
.border-\[var\(--accent-cyan\)\]\/30 {
border-color: color-mix(in oklab, var(--accent-cyan) 30%, transparent);
}
}
.border-\[var\(--accent-cyan\)\]\/40 {
border-color: var(--accent-cyan);
}
@supports (color: color-mix(in lab, red, red)) {
.border-\[var\(--accent-cyan\)\]\/40 {
border-color: color-mix(in oklab, var(--accent-cyan) 40%, transparent);
}
}
.border-\[var\(--accent-violet\)\] {
border-color: var(--accent-violet);
}
.border-\[var\(--line-soft\)\] {
border-color: var(--line-soft);
}
.border-\[var\(--obs-rule\)\] {
border-color: var(--obs-rule);
}
.border-\[var\(--obs-rule-strong\)\] {
border-color: var(--obs-rule-strong);
}
.border-\[var\(--panel-border\)\] {
border-color: var(--panel-border);
}
.border-\[var\(--panel-border-hot\)\] {
border-color: var(--panel-border-hot);
}
.border-amber-400\/30 {
border-color: #fcbb004d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-400\/30 {
border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
}
}
.border-amber-400\/50 {
border-color: #fcbb0080;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-400\/50 {
border-color: color-mix(in oklab, var(--color-amber-400) 50%, transparent);
}
}
.border-amber-500\/30 {
border-color: #f99c004d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-amber-500\/30 {
border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
}
}
.border-rose-400\/30 {
border-color: #ff667f4d;
}
@supports (color: color-mix(in lab, red, red)) {
.border-rose-400\/30 {
border-color: color-mix(in oklab, var(--color-rose-400) 30%, transparent);
}
}
.border-rose-400\/40 {
border-color: #ff667f66;
}
@supports (color: color-mix(in lab, red, red)) {
.border-rose-400\/40 {
border-color: color-mix(in oklab, var(--color-rose-400) 40%, transparent);
}
}
.bg-\[\#0a070d\] {
background-color: #0a070d;
}
.bg-\[\#0a0518\] {
background-color: #0a0518;
}
.bg-\[\#1a0f20\] {
background-color: #1a0f20;
}
.bg-\[rgba\(0\,0\,0\,\.3\)\] {
background-color: #0000004d;
}
.bg-\[rgba\(0\,0\,0\,\.25\)\] {
background-color: #00000040;
}
.bg-\[rgba\(0\,0\,0\,0\.3\)\] {
background-color: #0000004d;
}
.bg-\[rgba\(0\,0\,0\,0\.4\)\] {
background-color: #0006;
}
.bg-\[rgba\(0\,0\,0\,0\.5\)\] {
background-color: #00000080;
}
.bg-\[rgba\(0\,0\,0\,0\.6\)\] {
background-color: #0009;
}
.bg-\[rgba\(0\,0\,0\,0\.7\)\] {
background-color: #000000b3;
}
.bg-\[rgba\(0\,0\,0\,0\.25\)\] {
background-color: #00000040;
}
.bg-\[rgba\(0\,0\,0\,0\.35\)\] {
background-color: #00000059;
}
.bg-\[rgba\(0\,0\,0\,0\.45\)\] {
background-color: #00000073;
}
.bg-\[rgba\(16\,185\,129\,0\.08\)\] {
background-color: #10b98114;
}
.bg-\[rgba\(16\,185\,129\,0\.18\)\] {
background-color: #10b9812e;
}
.bg-\[rgba\(34\,197\,94\,0\.06\)\] {
background-color: #22c55e0f;
}
.bg-\[rgba\(34\,211\,238\,0\.06\)\] {
background-color: #22d3ee0f;
}
.bg-\[rgba\(34\,211\,238\,0\.12\)\] {
background-color: #22d3ee1f;
}
.bg-\[rgba\(96\,165\,250\,0\.15\)\] {
background-color: #60a5fa26;
}
.bg-\[rgba\(163\,230\,53\,0\.12\)\] {
background-color: #a3e6351f;
}
.bg-\[rgba\(168\,85\,247\,0\.06\)\] {
background-color: #a855f70f;
}
.bg-\[rgba\(168\,85\,247\,0\.12\)\] {
background-color: #a855f71f;
}
.bg-\[rgba\(168\,85\,247\,0\.15\)\] {
background-color: #a855f726;
}
.bg-\[rgba\(168\,85\,247\,0\.16\)\] {
background-color: #a855f729;
}
.bg-\[rgba\(168\,85\,247\,0\.18\)\] {
background-color: #a855f72e;
}
.bg-\[rgba\(168\,85\,247\,0\.25\)\] {
background-color: #a855f740;
}
.bg-\[rgba\(196\,96\,126\,0\.08\)\] {
background-color: #c4607e14;
}
.bg-\[rgba\(217\,119\,87\,0\.08\)\] {
background-color: #d9775714;
}
.bg-\[rgba\(217\,119\,87\,0\.18\)\] {
background-color: #d977572e;
}
.bg-\[rgba\(244\,114\,182\,0\.08\)\] {
background-color: #f472b614;
}
.bg-\[rgba\(244\,114\,182\,0\.15\)\] {
background-color: #f472b626;
}
.bg-\[rgba\(245\,158\,11\,0\.06\)\] {
background-color: #f59e0b0f;
}
.bg-\[rgba\(248\,113\,113\,0\.06\)\] {
background-color: #f871710f;
}
.bg-\[rgba\(248\,113\,113\,0\.15\)\] {
background-color: #f8717126;
}
.bg-\[rgba\(248\,113\,113\,0\.18\)\] {
background-color: #f871712e;
}
.bg-\[rgba\(251\,191\,36\,0\.06\)\] {
background-color: #fbbf240f;
}
.bg-\[rgba\(255\,255\,255\,\.05\)\] {
background-color: #ffffff0d;
}
.bg-\[rgba\(255\,255\,255\,0\.02\)\] {
background-color: #ffffff05;
}
.bg-\[rgba\(255\,255\,255\,0\.03\)\] {
background-color: #ffffff08;
}
.bg-\[rgba\(255\,255\,255\,0\.05\)\] {
background-color: #ffffff0d;
}
.bg-\[rgba\(255\,255\,255\,0\.06\)\] {
background-color: #ffffff0f;
}
.bg-\[rgba\(255\,255\,255\,0\.015\)\] {
background-color: #ffffff04;
}
.bg-\[rgba\(255\,255\,255\,0\.025\)\] {
background-color: #ffffff06;
}
.bg-\[var\(--bg-mid\)\] {
background-color: var(--bg-mid);
}
.bg-\[var\(--panel-border\)\] {
background-color: var(--panel-border);
}
.bg-amber-400\/20 {
background-color: #fcbb0033;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-400\/20 {
background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent);
}
}
.bg-amber-500\/10 {
background-color: #f99c001a;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-amber-500\/10 {
background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
}
}
.bg-black {
background-color: var(--color-black);
}
.bg-black\/20 {
background-color: #0003;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/20 {
background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
}
}
.bg-black\/30 {
background-color: #0000004d;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/30 {
background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
}
}
.bg-black\/40 {
background-color: #0006;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/40 {
background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
.bg-black\/50 {
background-color: #00000080;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/50 {
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
}
}
.bg-black\/55 {
background-color: #0000008c;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/55 {
background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
}
}
.bg-black\/60 {
background-color: #0009;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/60 {
background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
}
}
.bg-emerald-400 {
background-color: var(--color-emerald-400);
}
.bg-rose-400 {
background-color: var(--color-rose-400);
}
.bg-rose-500\/20 {
background-color: #ff235733;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-rose-500\/20 {
background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
}
}
.bg-transparent {
background-color: #0000;
}
.bg-white {
background-color: var(--color-white);
}
.bg-gradient-to-r {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-\[\#22d3ee\] {
--tw-gradient-from: #22d3ee;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-transparent {
--tw-gradient-from: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-\[\#a855f7\] {
--tw-gradient-via: #a855f7;
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-\[var\(--panel-border-hot\)\] {
--tw-gradient-via: var(--panel-border-hot);
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-\[\#ec4899\] {
--tw-gradient-to: #ec4899;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.bg-clip-text {
-webkit-background-clip: text;
background-clip: text;
}
.object-contain {
object-fit: contain;
}
.object-cover {
object-fit: cover;
}
.object-top {
object-position: top;
}
.p-0 {
padding: calc(var(--spacing) * 0);
}
.p-0\.5 {
padding: calc(var(--spacing) * .5);
}
.p-1 {
padding: calc(var(--spacing) * 1);
}
.p-1\.5 {
padding: calc(var(--spacing) * 1.5);
}
.p-2 {
padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
padding: calc(var(--spacing) * 2.5);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-3\.5 {
padding: calc(var(--spacing) * 3.5);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
.p-5 {
padding: calc(var(--spacing) * 5);
}
.p-6 {
padding: calc(var(--spacing) * 6);
}
.p-7 {
padding: calc(var(--spacing) * 7);
}
.p-8 {
padding: calc(var(--spacing) * 8);
}
.p-10 {
padding: calc(var(--spacing) * 10);
}
.p-12 {
padding: calc(var(--spacing) * 12);
}
.px-0\.5 {
padding-inline: calc(var(--spacing) * .5);
}
.px-1 {
padding-inline: calc(var(--spacing) * 1);
}
.px-1\.5 {
padding-inline: calc(var(--spacing) * 1.5);
}
.px-2 {
padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
padding-inline: calc(var(--spacing) * 3);
}
.px-3\.5 {
padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
padding-inline: calc(var(--spacing) * 6);
}
.px-7 {
padding-inline: calc(var(--spacing) * 7);
}
.px-8 {
padding-inline: calc(var(--spacing) * 8);
}
.py-0\.5 {
padding-block: calc(var(--spacing) * .5);
}
.py-1 {
padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
padding-block: calc(var(--spacing) * 4);
}
.py-5 {
padding-block: calc(var(--spacing) * 5);
}
.py-6 {
padding-block: calc(var(--spacing) * 6);
}
.py-8 {
padding-block: calc(var(--spacing) * 8);
}
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-14 {
padding-block: calc(var(--spacing) * 14);
}
.py-16 {
padding-block: calc(var(--spacing) * 16);
}
.pt-1 {
padding-top: calc(var(--spacing) * 1);
}
.pt-2 {
padding-top: calc(var(--spacing) * 2);
}
.pt-3 {
padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
padding-top: calc(var(--spacing) * 6);
}
.pt-10 {
padding-top: calc(var(--spacing) * 10);
}
.pt-\[12vh\] {
padding-top: 12vh;
}
.pr-1 {
padding-right: calc(var(--spacing) * 1);
}
.pr-2 {
padding-right: calc(var(--spacing) * 2);
}
.pr-2\.5 {
padding-right: calc(var(--spacing) * 2.5);
}
.pr-3 {
padding-right: calc(var(--spacing) * 3);
}
.pr-4 {
padding-right: calc(var(--spacing) * 4);
}
.pr-5 {
padding-right: calc(var(--spacing) * 5);
}
.pb-0 {
padding-bottom: calc(var(--spacing) * 0);
}
.pb-1 {
padding-bottom: calc(var(--spacing) * 1);
}
.pb-1\.5 {
padding-bottom: calc(var(--spacing) * 1.5);
}
.pb-2 {
padding-bottom: calc(var(--spacing) * 2);
}
.pb-3 {
padding-bottom: calc(var(--spacing) * 3);
}
.pb-4 {
padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
padding-bottom: calc(var(--spacing) * 5);
}
.pb-6 {
padding-bottom: calc(var(--spacing) * 6);
}
.pb-7 {
padding-bottom: calc(var(--spacing) * 7);
}
.pb-10 {
padding-bottom: calc(var(--spacing) * 10);
}
.pb-24 {
padding-bottom: calc(var(--spacing) * 24);
}
.pl-1 {
padding-left: calc(var(--spacing) * 1);
}
.pl-2 {
padding-left: calc(var(--spacing) * 2);
}
.pl-2\.5 {
padding-left: calc(var(--spacing) * 2.5);
}
.pl-3 {
padding-left: calc(var(--spacing) * 3);
}
.pl-4 {
padding-left: calc(var(--spacing) * 4);
}
.pl-5 {
padding-left: calc(var(--spacing) * 5);
}
.pl-6 {
padding-left: calc(var(--spacing) * 6);
}
.pl-7 {
padding-left: calc(var(--spacing) * 7);
}
.pl-9 {
padding-left: calc(var(--spacing) * 9);
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.align-middle {
vertical-align: middle;
}
.align-top {
vertical-align: top;
}
.font-mono {
font-family: "JetBrains Mono", var(--font-geist-mono);
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[0\.7em\] {
font-size: .7em;
}
.text-\[1\.3em\] {
font-size: 1.3em;
}
.text-\[1\.05rem\] {
font-size: 1.05rem;
}
.text-\[1\.15em\] {
font-size: 1.15em;
}
.text-\[8\.5px\] {
font-size: 8.5px;
}
.text-\[8px\] {
font-size: 8px;
}
.text-\[9\.5px\] {
font-size: 9.5px;
}
.text-\[9px\] {
font-size: 9px;
}
.text-\[10\.5px\] {
font-size: 10.5px;
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[11\.5px\] {
font-size: 11.5px;
}
.text-\[11px\] {
font-size: 11px;
}
.text-\[12\.5px\] {
font-size: 12.5px;
}
.text-\[12px\] {
font-size: 12px;
}
.text-\[13\.5px\] {
font-size: 13.5px;
}
.text-\[13px\] {
font-size: 13px;
}
.text-\[14\.5px\] {
font-size: 14.5px;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[15\.5px\] {
font-size: 15.5px;
}
.text-\[15px\] {
font-size: 15px;
}
.text-\[16px\] {
font-size: 16px;
}
.text-\[17px\] {
font-size: 17px;
}
.text-\[18px\] {
font-size: 18px;
}
.text-\[19px\] {
font-size: 19px;
}
.text-\[20px\] {
font-size: 20px;
}
.text-\[22px\] {
font-size: 22px;
}
.text-\[26px\] {
font-size: 26px;
}
.text-\[34px\] {
font-size: 34px;
}
.text-\[40px\] {
font-size: 40px;
}
.text-\[44px\] {
font-size: 44px;
}
.leading-\[1\.05\] {
--tw-leading: 1.05;
line-height: 1.05;
}
.leading-\[1\.6\] {
--tw-leading: 1.6;
line-height: 1.6;
}
.leading-\[1\.7\] {
--tw-leading: 1.7;
line-height: 1.7;
}
.leading-\[1\.65\] {
--tw-leading: 1.65;
line-height: 1.65;
}
.leading-\[1\.75\] {
--tw-leading: 1.75;
line-height: 1.75;
}
.leading-none {
--tw-leading: 1;
line-height: 1;
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.leading-snug {
--tw-leading: var(--leading-snug);
line-height: var(--leading-snug);
}
.font-\[var\(--font-bricolage\,inherit\)\] {
--tw-font-weight: var(--font-bricolage, inherit);
font-weight: var(--font-bricolage, inherit);
}
.font-\[var\(--font-geist-mono\)\] {
--tw-font-weight: var(--font-geist-mono);
font-weight: var(--font-geist-mono);
}
.font-\[var\(--font-geist-sans\)\] {
--tw-font-weight: var(--font-geist-sans);
font-weight: var(--font-geist-sans);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-\[0\.2em\] {
--tw-tracking: .2em;
letter-spacing: .2em;
}
.tracking-\[0\.3em\] {
--tw-tracking: .3em;
letter-spacing: .3em;
}
.tracking-\[0\.4em\] {
--tw-tracking: .4em;
letter-spacing: .4em;
}
.tracking-\[0\.18em\] {
--tw-tracking: .18em;
letter-spacing: .18em;
}
.tracking-\[0\.22em\] {
--tw-tracking: .22em;
letter-spacing: .22em;
}
.tracking-\[0\.25em\] {
--tw-tracking: .25em;
letter-spacing: .25em;
}
.tracking-normal {
--tw-tracking: var(--tracking-normal);
letter-spacing: var(--tracking-normal);
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.tracking-wider {
--tw-tracking: var(--tracking-wider);
letter-spacing: var(--tracking-wider);
}
.tracking-widest {
--tw-tracking: var(--tracking-widest);
letter-spacing: var(--tracking-widest);
}
.break-words {
overflow-wrap: break-word;
}
.break-all {
word-break: break-all;
}
.whitespace-pre {
white-space: pre;
}
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.text-\[\#14b8a6\] {
color: #14b8a6;
}
.text-\[\#22d3ee\] {
color: #22d3ee;
}
.text-\[\#34d399\] {
color: #34d399;
}
.text-\[\#06222b\] {
color: #06222b;
}
.text-\[\#a3e635\] {
color: #a3e635;
}
.text-\[\#a855f7\] {
color: #a855f7;
}
.text-\[\#c4b5fd\] {
color: #c4b5fd;
}
.text-\[\#e9d5ff\] {
color: #e9d5ff;
}
.text-\[var\(--accent-cyan\)\] {
color: var(--accent-cyan);
}
.text-\[var\(--claude\)\] {
color: var(--claude);
}
.text-\[var\(--cream\)\] {
color: var(--cream);
}
.text-\[var\(--cream-dim\)\] {
color: var(--cream-dim);
}
.text-\[var\(--cream-mute\)\] {
color: var(--cream-mute);
}
.text-\[var\(--cream-soft\)\] {
color: var(--cream-soft);
}
.text-\[var\(--fg\)\] {
color: var(--fg);
}
.text-\[var\(--fg-dim\)\] {
color: var(--fg-dim);
}
.text-\[var\(--fg-dimmer\)\] {
color: var(--fg-dimmer);
}
.text-\[var\(--gold\)\] {
color: var(--gold);
}
.text-\[var\(--hermes\)\] {
color: var(--hermes);
}
.text-\[var\(--obs-ink-ghost\)\] {
color: var(--obs-ink-ghost);
}
.text-\[var\(--openclaw\)\] {
color: var(--openclaw);
}
.text-\[var\(--panel-border-hot\)\] {
color: var(--panel-border-hot);
}
.text-\[var\(--plum\)\] {
color: var(--plum);
}
.text-amber-200 {
color: var(--color-amber-200);
}
.text-amber-200\/70 {
color: #fee685b3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-200\/70 {
color: color-mix(in oklab, var(--color-amber-200) 70%, transparent);
}
}
.text-amber-200\/80 {
color: #fee685cc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-200\/80 {
color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
}
}
.text-amber-300 {
color: var(--color-amber-300);
}
.text-amber-300\/70 {
color: #ffd236b3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-300\/70 {
color: color-mix(in oklab, var(--color-amber-300) 70%, transparent);
}
}
.text-amber-300\/80 {
color: #ffd236cc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-300\/80 {
color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);
}
}
.text-amber-400 {
color: var(--color-amber-400);
}
.text-amber-400\/80 {
color: #fcbb00cc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-amber-400\/80 {
color: color-mix(in oklab, var(--color-amber-400) 80%, transparent);
}
}
.text-emerald-300 {
color: var(--color-emerald-300);
}
.text-emerald-400\/70 {
color: #00d294b3;
}
@supports (color: color-mix(in lab, red, red)) {
.text-emerald-400\/70 {
color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent);
}
}
.text-lime-300 {
color: var(--color-lime-300);
}
.text-rose-100 {
color: var(--color-rose-100);
}
.text-rose-100\/60 {
color: #ffe4e699;
}
@supports (color: color-mix(in lab, red, red)) {
.text-rose-100\/60 {
color: color-mix(in oklab, var(--color-rose-100) 60%, transparent);
}
}
.text-rose-100\/80 {
color: #ffe4e6cc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-rose-100\/80 {
color: color-mix(in oklab, var(--color-rose-100) 80%, transparent);
}
}
.text-rose-200 {
color: var(--color-rose-200);
}
.text-rose-300 {
color: var(--color-rose-300);
}
.text-rose-300\/80 {
color: #ffa2aecc;
}
@supports (color: color-mix(in lab, red, red)) {
.text-rose-300\/80 {
color: color-mix(in oklab, var(--color-rose-300) 80%, transparent);
}
}
.text-rose-400 {
color: var(--color-rose-400);
}
.text-transparent {
color: #0000;
}
.text-violet-300 {
color: var(--color-violet-300);
}
.capitalize {
text-transform: capitalize;
}
.lowercase {
text-transform: lowercase;
}
.normal-case {
text-transform: none;
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.tabular-nums {
--tw-numeric-spacing: tabular-nums;
font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
}
.line-through {
text-decoration-line: line-through;
}
.no-underline {
text-decoration-line: none;
}
.overline {
text-decoration-line: overline;
}
.underline {
text-decoration-line: underline;
}
.underline-offset-2 {
text-underline-offset: 2px;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.accent-\[\#fb7185\] {
accent-color: #fb7185;
}
.accent-violet-400 {
accent-color: var(--color-violet-400);
}
.opacity-0 {
opacity: 0;
}
.opacity-15 {
opacity: .15;
}
.opacity-20 {
opacity: .2;
}
.opacity-25 {
opacity: .25;
}
.opacity-30 {
opacity: .3;
}
.opacity-40 {
opacity: .4;
}
.opacity-50 {
opacity: .5;
}
.opacity-60 {
opacity: .6;
}
.opacity-70 {
opacity: .7;
}
.opacity-80 {
opacity: .8;
}
.opacity-90 {
opacity: .9;
}
.opacity-\[0\.10\] {
opacity: .1;
}
.opacity-\[0\.18\] {
opacity: .18;
}
.shadow {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_8px_\#f87171\] {
--tw-shadow: 0 0 8px var(--tw-shadow-color, #f87171);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.blur-3xl {
--tw-blur: blur(var(--blur-3xl));
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.invert {
--tw-invert: invert(100%);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.\!filter {
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ) !important;
}
.filter {
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}
.transition {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-500 {
--tw-duration: .5s;
transition-duration: .5s;
}
.duration-700 {
--tw-duration: .7s;
transition-duration: .7s;
}
.ease-in-out {
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
}
.select-none {
-webkit-user-select: none;
user-select: none;
}
@media (hover: hover) {
.group-hover\:scale-105:is(:where(.group):hover *) {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
@media (hover: hover) {
.group-hover\:scale-110:is(:where(.group):hover *) {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
@media (hover: hover) {
.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) {
scale: 1.02;
}
}
@media (hover: hover) {
.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *) {
scale: 1.04;
}
}
@media (hover: hover) {
.group-hover\:opacity-30:is(:where(.group):hover *) {
opacity: .3;
}
}
@media (hover: hover) {
.group-hover\:opacity-40:is(:where(.group):hover *) {
opacity: .4;
}
}
@media (hover: hover) {
.group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 1;
}
}
.marker\:text-\[var\(--cream-mute\)\] ::marker {
color: var(--cream-mute);
}
.marker\:text-\[var\(--cream-mute\)\]::marker {
color: var(--cream-mute);
}
.marker\:text-\[var\(--cream-mute\)\] ::-webkit-details-marker {
color: var(--cream-mute);
}
.marker\:text-\[var\(--cream-mute\)\]::-webkit-details-marker {
color: var(--cream-mute);
}
.marker\:text-\[var\(--fg-dimmer\)\] ::marker {
color: var(--fg-dimmer);
}
.marker\:text-\[var\(--fg-dimmer\)\]::marker {
color: var(--fg-dimmer);
}
.marker\:text-\[var\(--fg-dimmer\)\] ::-webkit-details-marker {
color: var(--fg-dimmer);
}
.marker\:text-\[var\(--fg-dimmer\)\]::-webkit-details-marker {
color: var(--fg-dimmer);
}
.placeholder\:text-\[var\(--cream-mute\)\]::placeholder {
color: var(--cream-mute);
}
.placeholder\:text-\[var\(--fg-dimmer\)\]::placeholder {
color: var(--fg-dimmer);
}
.first\:mt-2:first-child {
margin-top: calc(var(--spacing) * 2);
}
.first\:mt-6:first-child {
margin-top: calc(var(--spacing) * 6);
}
.first\:border-0:first-child {
border-style: var(--tw-border-style);
border-width: 0;
}
.first\:pt-0:first-child {
padding-top: calc(var(--spacing) * 0);
}
.last\:mb-0:last-child {
margin-bottom: calc(var(--spacing) * 0);
}
.last\:border-0:last-child {
border-style: var(--tw-border-style);
border-width: 0;
}
.focus-within\:border-\[var\(--panel-border-hot\)\]:focus-within {
border-color: var(--panel-border-hot);
}
@media (hover: hover) {
.hover\:scale-105:hover {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
@media (hover: hover) {
.hover\:scale-110:hover {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
@media (hover: hover) {
.hover\:scale-\[1\.02\]:hover {
scale: 1.02;
}
}
@media (hover: hover) {
.hover\:scale-\[1\.03\]:hover {
scale: 1.03;
}
}
@media (hover: hover) {
.hover\:border-\[rgba\(163\,230\,53\,0\.4\)\]:hover {
border-color: #a3e63566;
}
}
@media (hover: hover) {
.hover\:border-\[rgba\(168\,85\,247\,0\.7\)\]:hover {
border-color: #a855f7b3;
}
}
@media (hover: hover) {
.hover\:border-\[var\(--obs-signal\)\]:hover {
border-color: var(--obs-signal);
}
}
@media (hover: hover) {
.hover\:border-\[var\(--panel-border-hot\)\]:hover {
border-color: var(--panel-border-hot);
}
}
@media (hover: hover) {
.hover\:bg-\[rgba\(16\,185\,129\,0\.28\)\]:hover {
background-color: #10b98147;
}
}
@media (hover: hover) {
.hover\:bg-\[rgba\(96\,165\,250\,0\.1\)\]:hover {
background-color: #60a5fa1a;
}
}
@media (hover: hover) {
.hover\:bg-\[rgba\(96\,165\,250\,0\.12\)\]:hover {
background-color: #60a5fa1f;
}
}
@media (hover: hover) {
.hover\:bg-\[rgba\(163\,230\,53\,0\.18\)\]:hover {
background-color: #a3e6352e;
}
}
@media (hover: hover) {
.hover\:bg-\[rgba\(217\,119\,87\,0\.28\)\]:hover {
background-color: #d9775747;
}
}
@media (hover: hover) {
.hover\:bg-\[rgba\(243\,235\,218\,0\.05\)\]:hover {
background-color: #f3ebda0d;
}
}
@media (hover: hover) {
.hover\:bg-\[rgba\(248\,113\,113\,0\.22\)\]:hover {
background-color: #f8717138;
}
}
@media (hover: hover) {
.hover\:bg-\[rgba\(248\,113\,113\,0\.28\)\]:hover {
background-color: #f8717147;
}
}
@media (hover: hover) {
.hover\:bg-\[rgba\(255\,255\,255\,0\.02\)\]:hover {
background-color: #ffffff05;
}
}
@media (hover: hover) {
.hover\:bg-\[rgba\(255\,255\,255\,0\.03\)\]:hover {
background-color: #ffffff08;
}
}
@media (hover: hover) {
.hover\:bg-\[rgba\(255\,255\,255\,0\.04\)\]:hover {
background-color: #ffffff0a;
}
}
@media (hover: hover) {
.hover\:bg-\[var\(--bg-mid\)\]:hover {
background-color: var(--bg-mid);
}
}
@media (hover: hover) {
.hover\:bg-rose-500\/15:hover {
background-color: #ff235726;
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-rose-500\/15:hover {
background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent);
}
}
}
@media (hover: hover) {
.hover\:text-\[var\(--cream\)\]:hover {
color: var(--cream);
}
}
@media (hover: hover) {
.hover\:text-\[var\(--cream-dim\)\]:hover {
color: var(--cream-dim);
}
}
@media (hover: hover) {
.hover\:text-\[var\(--fg\)\]:hover {
color: var(--fg);
}
}
@media (hover: hover) {
.hover\:text-\[var\(--fg-dim\)\]:hover {
color: var(--fg-dim);
}
}
@media (hover: hover) {
.hover\:text-\[var\(--obs-ink\)\]:hover {
color: var(--obs-ink);
}
}
@media (hover: hover) {
.hover\:text-\[var\(--plum\)\]:hover {
color: var(--plum);
}
}
@media (hover: hover) {
.hover\:text-amber-200:hover {
color: var(--color-amber-200);
}
}
@media (hover: hover) {
.hover\:text-rose-100:hover {
color: var(--color-rose-100);
}
}
@media (hover: hover) {
.hover\:text-rose-200:hover {
color: var(--color-rose-200);
}
}
@media (hover: hover) {
.hover\:text-rose-300:hover {
color: var(--color-rose-300);
}
}
@media (hover: hover) {
.hover\:text-rose-400:hover {
color: var(--color-rose-400);
}
}
@media (hover: hover) {
.hover\:underline:hover {
text-decoration-line: underline;
}
}
@media (hover: hover) {
.hover\:opacity-100:hover {
opacity: 1;
}
}
@media (hover: hover) {
.hover\:brightness-125:hover {
--tw-brightness: brightness(125%);
filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
}
}
.focus\:border-\[var\(--panel-border-hot\)\]:focus {
border-color: var(--panel-border-hot);
}
.focus\:ring-1:focus {
--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-\[var\(--cream-mute\)\]:focus {
--tw-ring-color: var(--cream-mute);
}
.focus\:outline-none:focus {
--tw-outline-style: none;
outline-style: none;
}
.disabled\:cursor-default:disabled {
cursor: default;
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:opacity-30:disabled {
opacity: .3;
}
.disabled\:opacity-40:disabled {
opacity: .4;
}
.disabled\:opacity-50:disabled {
opacity: .5;
}
.disabled\:opacity-60:disabled {
opacity: .6;
}
@media (min-width: 40rem) {
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 40rem) {
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:col-span-2 {
grid-column: span 2 / span 2;
}
}
@media (min-width: 48rem) {
.md\:flex {
display: flex;
}
}
@media (min-width: 48rem) {
.md\:hidden {
display: none;
}
}
@media (min-width: 48rem) {
.md\:inline {
display: inline;
}
}
@media (min-width: 48rem) {
.md\:w-\[640px\] {
width: 640px;
}
}
@media (min-width: 48rem) {
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:flex-nowrap {
flex-wrap: nowrap;
}
}
@media (min-width: 48rem) {
.md\:px-10 {
padding-inline: calc(var(--spacing) * 10);
}
}
@media (min-width: 48rem) {
.md\:px-12 {
padding-inline: calc(var(--spacing) * 12);
}
}
@media (min-width: 48rem) {
.md\:py-10 {
padding-block: calc(var(--spacing) * 10);
}
}
@media (min-width: 48rem) {
.md\:pt-8 {
padding-top: calc(var(--spacing) * 8);
}
}
@media (min-width: 48rem) {
.md\:pb-8 {
padding-bottom: calc(var(--spacing) * 8);
}
}
@media (min-width: 48rem) {
.md\:text-\[30px\] {
font-size: 30px;
}
}
@media (min-width: 48rem) {
.md\:text-\[48px\] {
font-size: 48px;
}
}
@media (min-width: 64rem) {
.lg\:col-span-2 {
grid-column: span 2 / span 2;
}
}
@media (min-width: 64rem) {
.lg\:col-span-3 {
grid-column: span 3 / span 3;
}
}
@media (min-width: 64rem) {
.lg\:w-\[380px\] {
width: 380px;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[230px_250px_1fr\] {
grid-template-columns: 230px 250px 1fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[240px_260px_1fr\] {
grid-template-columns: 240px 260px 1fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[260px_1fr\] {
grid-template-columns: 260px 1fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[260px_280px_1fr\] {
grid-template-columns: 260px 280px 1fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[260px_minmax\(0\,1fr\)\] {
grid-template-columns: 260px minmax(0, 1fr);
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[280px_minmax\(0\,1fr\)\] {
grid-template-columns: 280px minmax(0, 1fr);
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[300px_1fr\] {
grid-template-columns: 300px 1fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[300px_minmax\(0\,1fr\)\] {
grid-template-columns: 300px minmax(0, 1fr);
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[320px_1fr\] {
grid-template-columns: 320px 1fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[340px_1fr\] {
grid-template-columns: 340px 1fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[360px_1fr\] {
grid-template-columns: 360px 1fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[380px_1fr\] {
grid-template-columns: 380px 1fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[420px_1fr\] {
grid-template-columns: 420px 1fr;
}
}
@media (min-width: 64rem) {
.lg\:grid-cols-\[minmax\(0\,42\%\)_1fr\] {
grid-template-columns: minmax(0, 42%) 1fr;
}
}
@media (min-width: 64rem) {
.lg\:flex-row {
flex-direction: row;
}
}
@media (min-width: 80rem) {
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 80rem) {
.xl\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
}
:root {
--obs-bg: #0a0d12;
--obs-surface: #11151c;
--obs-raise: #161b25;
--obs-raise-hi: #1c2330;
--obs-rule: #dce4f014;
--obs-rule-strong: #dce4f02e;
--obs-ink: #ecebe2;
--obs-ink-soft: #ecebe29e;
--obs-ink-faint: #ecebe25c;
--obs-ink-ghost: #ecebe233;
--obs-signal: #7ab0ff;
--obs-signal-soft: #7ab0ff24;
--obs-signal-deep: #3d6cb0;
--obs-warn: #d9a85a;
--obs-warn-soft: #d9a85a29;
--obs-sans: "Geist", "Helvetica Neue", Helvetica, sans-serif;
--obs-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;
--obs-radius: 6px;
--obs-radius-sm: 4px;
--obs-hairline: 1px;
--fs-h1: clamp(28px, 1.4rem + 2.6vw, 56px);
--fs-h2: clamp(23px, 1.3rem + 1.7vw, 40px);
--fs-h3: clamp(19px, 1.1rem + 1vw, 30px);
--fs-h4: clamp(16px, 1rem + .4vw, 22px);
--fs-body-1: clamp(15px, .9rem + .3vw, 18px);
--fs-body-2: clamp(13px, .8rem + .2vw, 16px);
--fs-body-3: clamp(12px, .75rem + .1vw, 14px);
--fs-label: clamp(10px, .62rem + .1vw, 12px);
--fs-stat: clamp(22px, 1rem + .9vw, 30px);
--st-live: #5db073;
--st-busy: #d9a85a;
--st-offline: #c96d6d;
--agent-ica: #5dc4be;
--agent-claude: #e0985f;
--agent-copilot: #8da3ff;
--agent-hermes: #7ab0ff;
--agent-openclaw: #e07ab0;
--bg-deep: #0a0d12;
--bg-mid: #11151c;
--bg-card: #161b25;
--bg-elev: #1c2330;
--cream: #ecebe2;
--cream-soft: #ecebe2b8;
--cream-dim: #ecebe270;
--cream-mute: #ecebe23d;
--gold: #7ab0ff;
--gold-soft: #7ab0ffd9;
--gold-deep: #4a80d0;
--emerald: #5db073;
--emerald-dim: #3a8a6e;
--plum: #c96d6d;
--rust: #e0985f;
--line: #dce4f02e;
--line-soft: #dce4f014;
--line-deep: #dce4f00a;
--shadow-1: 0 1px 0 #ffffff08, 0 8px 24px #00000080;
--shadow-2: 0 2px 0 #ffffff0a, 0 20px 60px #0000008c;
--bg: var(--bg-deep);
--bg-2: var(--bg-mid);
--panel: #11151cd9;
--panel-border: var(--line-soft);
--panel-border-hot: var(--line);
--fg: var(--cream);
--fg-dim: var(--cream-soft);
--fg-dimmer: var(--cream-dim);
--accent-cyan: var(--emerald);
--accent-violet: var(--gold);
--accent-pink: var(--plum);
--accent-lime: var(--emerald);
--accent-amber: var(--gold);
--accent-red: var(--plum);
--claude: var(--rust);
--openclaw: var(--plum);
--hermes: var(--gold-soft);
--grid: #7ab0ff0a;
--glow: 0 0 40px 0;
}
* {
box-sizing: border-box;
}
html, body {
background: var(--obs-bg);
color: var(--obs-ink);
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
font-feature-settings: "ss01", "cv11";
max-width: 100vw;
font-family: Manrope, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
font-weight: 400;
overflow-x: hidden;
}
body {
background: var(--obs-bg);
min-height: 100dvh;
position: relative;
overflow-x: clip;
}
body:before {
content: "";
pointer-events: none;
z-index: 1;
opacity: .18;
mix-blend-mode: overlay;
background-image: url("data:image/svg+xml;utf8,");
position: fixed;
inset: 0;
}
body:after {
content: "";
pointer-events: none;
z-index: 0;
background: radial-gradient(65% 45% at 12% 6%, #7ab0ff0d, #0000 60%), radial-gradient(55% 40% at 88% 22%, #5dc4be08, #0000 60%), radial-gradient(70% 50% at 50% 95%, #7ab0ff08, #0000 60%);
position: fixed;
inset: 0;
}
main, header, aside, nav, .surface {
z-index: 2;
position: relative;
}
h1, h2, h3, h4, h5, h6 {
letter-spacing: -.025em;
color: var(--cream);
font-family: Bricolage Grotesque, sans-serif;
font-weight: 500;
}
code, pre, kbd, samp, .mono {
font-family: JetBrains Mono, ui-monospace, monospace;
}
.hand, .hand-num, em.hand, [data-hand="true"] {
color: var(--gold);
font-family: Caveat, cursive;
font-style: normal;
font-weight: 500;
}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .page-title em, .vital-tile .v em, .status-meta em {
color: var(--gold);
font-family: Caveat, cursive;
font-size: 1.4em;
font-style: normal;
font-weight: 500;
line-height: .9;
}
.eyebrow {
color: var(--obs-ink-soft);
align-items: center;
gap: 14px;
margin-bottom: 18px;
display: inline-flex;
}
.eyebrow .num {
font-family: var(--obs-mono);
color: var(--obs-signal);
font-size: 1.4rem;
font-weight: 500;
line-height: .9;
}
.eyebrow .line {
background: var(--obs-rule-strong);
opacity: .6;
width: 32px;
height: 1px;
}
.eyebrow .label {
font-family: var(--obs-sans);
letter-spacing: .22em;
text-transform: uppercase;
color: var(--obs-ink-soft);
font-size: .72rem;
font-weight: 600;
}
.page-title {
font-family: var(--obs-sans);
letter-spacing: -.03em;
color: var(--obs-ink);
margin: 0;
font-size: clamp(2.2rem, 4.5vw, 3.4rem);
font-weight: 500;
line-height: 1.05;
}
.page-subtitle {
font-family: var(--obs-sans);
color: var(--obs-ink-soft);
max-width: 720px;
margin-top: 12px;
font-size: 1rem;
font-weight: 400;
line-height: 1.55;
}
.status-pill {
letter-spacing: .18em;
text-transform: uppercase;
color: var(--emerald);
align-items: center;
gap: 8px;
font-family: Manrope, sans-serif;
font-size: .72rem;
font-weight: 600;
display: inline-flex;
}
.status-pill:before {
content: "●";
color: var(--emerald);
text-shadow: 0 0 8px var(--emerald);
}
.status-meta {
letter-spacing: .12em;
text-transform: uppercase;
color: var(--cream-dim);
font-family: Manrope, sans-serif;
font-size: .78rem;
font-weight: 500;
}
.pbar {
background: #f3ebda0d;
border-radius: 999px;
width: 100%;
height: 4px;
overflow: hidden;
}
.pbar .fill {
background: linear-gradient(90deg, var(--gold), var(--gold-soft));
border-radius: 999px;
height: 100%;
transition: width .4s;
box-shadow: 0 0 8px #d4a5744d;
}
.pbar-value {
color: var(--gold);
font-family: Caveat, cursive;
font-size: 1.3rem;
font-weight: 500;
}
.action-card, .surface-card {
background: var(--bg-card);
border: 1px solid var(--line-soft);
box-shadow: var(--shadow-1);
border-radius: 8px;
padding: 24px;
transition: border-color .2s, background .2s, transform .2s;
}
.action-card:hover, .surface-card:hover {
border-color: var(--line);
background: var(--bg-elev);
transform: translateY(-2px);
}
.action-card.active {
border-color: var(--gold);
background: linear-gradient(180deg, #d4a5740a, var(--bg-card));
}
.action-num {
color: var(--gold);
font-family: Caveat, cursive;
font-size: 2.4rem;
font-weight: 500;
line-height: .9;
}
.action-tag {
letter-spacing: .2em;
text-transform: uppercase;
color: var(--cream-mute);
font-family: Manrope, sans-serif;
font-size: .68rem;
font-weight: 700;
}
.action-tag.up-next {
color: var(--gold);
}
.action-title {
letter-spacing: -.015em;
color: var(--cream);
font-family: Bricolage Grotesque, sans-serif;
font-size: 1.25rem;
font-weight: 500;
}
.action-desc {
color: var(--cream-soft);
font-size: .98rem;
line-height: 1.6;
}
.copy-btn {
background: var(--gold);
color: var(--bg-deep);
letter-spacing: .16em;
text-transform: uppercase;
border: 1px solid var(--gold);
cursor: pointer;
border-radius: 999px;
padding: 10px 22px;
font-family: Manrope, sans-serif;
font-size: .78rem;
font-weight: 700;
transition: background .2s, box-shadow .2s, transform .2s;
}
.copy-btn:hover {
background: var(--gold-soft);
transform: translateY(-1px);
box-shadow: 0 8px 24px #d4a57459;
}
.sidebar-section-label {
letter-spacing: .2em;
text-transform: uppercase;
color: var(--cream-mute);
font-family: Manrope, sans-serif;
font-size: .68rem;
font-weight: 700;
}
.sidebar-item {
color: var(--cream-soft);
border-left: 2px solid #0000;
font-family: Bricolage Grotesque, sans-serif;
font-size: .95rem;
font-weight: 500;
transition: all .15s;
}
.sidebar-item:hover {
color: var(--cream);
background: #d4a5740a;
}
.sidebar-item.active {
background: var(--bg-elev);
border-left-color: var(--gold);
color: var(--cream);
}
.sidebar-badge {
color: var(--gold);
font-family: Caveat, cursive;
font-size: 1.1rem;
font-weight: 500;
}
.vital-tile {
background: var(--bg-card);
border: 1px solid var(--line-soft);
box-shadow: var(--shadow-1);
border-radius: 8px;
flex-direction: column;
gap: 6px;
padding: 20px;
transition: border-color .2s, transform .2s;
display: flex;
}
.vital-tile:hover {
border-color: var(--line);
transform: translateY(-1px);
}
.vital-tile .k {
letter-spacing: .2em;
text-transform: uppercase;
color: var(--cream-mute);
font-family: Manrope, sans-serif;
font-size: .66rem;
font-weight: 700;
}
.vital-tile .v {
letter-spacing: -.01em;
color: var(--cream);
font-family: Bricolage Grotesque, sans-serif;
font-size: 1.05rem;
font-weight: 500;
}
.vital-tile .v em {
color: var(--gold);
font-family: Caveat, cursive;
font-size: 1.4em;
font-style: normal;
font-weight: 500;
}
.vital-tile .sub {
color: var(--cream-dim);
font-family: JetBrains Mono, monospace;
font-size: .7rem;
}
.status-dot {
border-radius: 50%;
width: 8px;
height: 8px;
display: inline-block;
}
.status-dot.ok {
background: var(--emerald);
box-shadow: 0 0 8px var(--emerald);
}
.status-dot.warn {
background: var(--gold);
box-shadow: 0 0 8px var(--gold);
}
.status-dot.err {
background: var(--plum);
box-shadow: 0 0 8px var(--plum);
}
.status-dot.info {
background: var(--gold-soft);
box-shadow: 0 0 8px var(--gold-soft);
}
blockquote {
border-left: 2px solid var(--gold);
color: var(--cream);
letter-spacing: -.018em;
margin: 48px 0;
padding: 0 0 0 28px;
font-family: Bricolage Grotesque, sans-serif;
font-size: 1.55rem;
font-weight: 300;
line-height: 1.42;
}
blockquote cite {
letter-spacing: .18em;
text-transform: uppercase;
color: var(--gold);
margin-top: 18px;
font-family: Manrope, sans-serif;
font-size: .72rem;
font-style: normal;
font-weight: 600;
display: block;
}
.divider {
justify-content: center;
align-items: center;
gap: 24px;
margin: 70px 0;
display: flex;
}
.divider .ornament {
color: var(--gold);
opacity: .7;
font-family: Caveat, cursive;
font-size: 1.6rem;
}
.divider .rule {
background: var(--line);
flex: 1;
max-width: 160px;
height: 1px;
}
.mascot-wrap {
background: radial-gradient(#d4a5741f, #0000 60%);
padding: 8px;
position: relative;
}
.mascot-card {
background: var(--bg-card);
border: 1px solid var(--line);
box-shadow: var(--shadow-2);
border-radius: 8px;
padding: 0;
overflow: hidden;
}
.mascot-card img {
width: 100%;
height: auto;
display: block;
}
.panel {
border: 1px solid var(--line-soft);
-webkit-backdrop-filter: blur(14px) saturate(120%);
box-shadow: var(--shadow-1);
background: linear-gradient(#251d2cd9, #1c1622b3);
border-radius: 10px;
position: relative;
overflow: hidden;
}
.panel:before {
content: "";
pointer-events: none;
background: radial-gradient(120% 60% at 0 0, #d4a5740f, #0000 60%);
position: absolute;
inset: 0;
}
.panel-hot {
border-color: var(--line);
}
.panel-hover {
transition: border-color .25s, transform .25s;
}
.panel-hover:hover {
border-color: var(--line);
transform: translateY(-1px);
}
.pill {
letter-spacing: .16em;
border: 1px solid var(--line-soft);
text-transform: uppercase;
color: var(--cream-dim);
background: #f3ebda0a;
border-radius: 999px;
align-items: center;
gap: 6px;
padding: 3px 11px;
font-family: JetBrains Mono, ui-monospace, monospace;
font-size: 10.5px;
display: inline-flex;
}
.pill-ok {
color: var(--emerald);
background: #5ab8960f;
border-color: #5ab8964d;
}
.pill-warn {
color: var(--gold);
background: #d4a5740f;
border-color: #d4a5744d;
}
.pill-err {
color: var(--plum);
background: #c4607e0f;
border-color: #c4607e4d;
}
.pill-info {
color: var(--gold-soft);
background: #d4a5740f;
border-color: #e6c69a4d;
}
.heartbeat {
background: currentColor;
border-radius: 50%;
width: 8px;
height: 8px;
animation: 1.6s ease-in-out infinite pulse;
box-shadow: 0 0 10px;
}
@keyframes pulse {
50% {
opacity: .5;
}
}
.metric {
font-variant-numeric: tabular-nums;
font-feature-settings: "tnum";
font-family: JetBrains Mono, ui-monospace, monospace;
}
.scroll::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.scroll::-webkit-scrollbar-thumb {
background: #d4a5742e;
border-radius: 4px;
}
.scroll::-webkit-scrollbar-thumb:hover {
background: #d4a57452;
}
.scroll::-webkit-scrollbar-track {
background: none;
}
.glow-c {
color: var(--rust);
text-shadow: 0 0 18px #c97c5e80;
}
.glow-o {
color: var(--plum);
text-shadow: 0 0 18px #c4607e80;
}
.glow-h {
color: var(--gold-soft);
text-shadow: 0 0 18px #e6c69a80;
}
.heading-strip {
letter-spacing: -.015em;
padding-left: 12px;
font-family: Bricolage Grotesque, sans-serif;
font-weight: 500;
position: relative;
}
.heading-strip:before {
content: "";
background: var(--gold);
opacity: .85;
width: 2px;
box-shadow: 0 0 10px var(--gold);
border-radius: 2px;
position: absolute;
top: 4px;
bottom: 4px;
left: 0;
}
.cmdk-input {
width: 100%;
color: var(--cream);
background: none;
border: none;
outline: none;
padding: 16px 18px;
font-family: Manrope, sans-serif;
font-size: 15px;
}
.cmdk-item {
cursor: pointer;
color: var(--cream-soft);
border-radius: 6px;
align-items: center;
gap: 10px;
padding: 10px 14px;
display: flex;
}
.cmdk-item[data-selected="true"] {
color: var(--cream);
background: #d4a57414;
}
.stream-fade {
-webkit-mask-image: linear-gradient(#0000, #000 8% 92%, #0000);
mask-image: linear-gradient(#0000, #000 8% 92%, #0000);
}
.tick {
opacity: .4;
background: currentColor;
border-radius: 1px;
width: 4px;
height: 12px;
margin: 0 1px;
display: inline-block;
}
.tick.live {
animation: 1.4s ease-in-out infinite tick;
}
@keyframes tick {
0%, 100% {
opacity: .4;
transform: scaleY(.4);
}
50% {
opacity: 1;
transform: scaleY(1);
}
}
.aurora {
display: none !important;
}
.obs-card {
background: var(--obs-surface);
border: 1px solid var(--obs-rule);
border-radius: 10px;
padding: 22px 24px;
transition: border-color .2s, box-shadow .2s;
position: relative;
box-shadow: 0 1px #ffffff08, 0 4px 20px #0006;
}
.obs-card:hover {
border-color: var(--obs-rule-strong);
box-shadow: 0 0 0 1px var(--obs-signal-soft), 0 4px 28px #00000073;
}
.obs-card--tight {
padding: 14px 16px;
}
.obs-card--spacer {
padding: 32px 36px;
}
@keyframes obs-page-enter {
from {
opacity: 0;
transform: translateY(6px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.obs-page-enter {
animation: .24s forwards obs-page-enter;
}
@keyframes obs-shimmer {
0% {
background-position: -400px 0;
}
100% {
background-position: 400px 0;
}
}
.obs-skeleton {
background: linear-gradient(90deg,
var(--obs-raise) 25%,
var(--obs-raise-hi) 50%,
var(--obs-raise) 75%);
vertical-align: middle;
background-size: 800px 100%;
border-radius: 4px;
height: 1em;
animation: 1.4s ease-in-out infinite obs-shimmer;
display: inline-block;
}
.obs-skeleton--sm {
width: 80px;
}
.obs-skeleton--md {
width: 160px;
}
.obs-skeleton--full {
width: 100%;
}
.obs-skeleton--h2 {
height: 1.4em;
}
.obs-skeleton--h3 {
height: 1.2em;
}
:focus-visible {
outline: 2px solid var(--obs-signal);
outline-offset: 2px;
border-radius: 4px;
}
.obs-tab-wrap {
position: relative;
}
.obs-tab-wrap:after {
content: "";
background: linear-gradient(to left, var(--obs-bg) 10%, transparent 100%);
pointer-events: none;
z-index: 2;
width: 56px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
@media (max-width: 480px) {
.page-subtitle {
display: none;
}
.page-title {
font-size: clamp(1.8rem, 7vw, 2.4rem);
}
header.flex {
margin-bottom: 16px !important;
}
}
.obs-nav-active-bar {
border-radius: 2px;
width: 3px;
height: 22px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.cmdk-item[data-selected="true"] {
background: var(--obs-signal-soft) !important;
color: var(--obs-ink) !important;
}
.cmdk-item {
color: var(--obs-ink-soft);
}
.obs-page-body {
padding-block: clamp(24px, 4vw, 48px);
}
.obs-section {
margin-bottom: clamp(28px, 3vw, 44px);
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input, textarea, select {
font-size: max(16px, 1em) !important;
}
}
.syd-sidebar {
flex-shrink: 0;
position: sticky;
top: 0;
}
.syd-hamburger {
z-index: 200;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
cursor: pointer;
color: #ecebe2;
-webkit-tap-highlight-color: transparent;
background: #11151ceb;
border: 1px solid #dce4f02e;
border-radius: 9px;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
display: none;
position: fixed;
top: 16px;
right: 16px;
}
.syd-sidebar-close {
cursor: pointer;
color: #ecebe29e;
-webkit-tap-highlight-color: transparent;
background: #ffffff0f;
border: 1px solid #dce4f014;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
display: none;
position: absolute;
top: 14px;
right: 14px;
}
@media (max-width: 767px) {
.syd-sidebar {
z-index: 200 !important;
width: 280px !important;
height: 100dvh !important;
transition: transform .24s cubic-bezier(.4, 0, .2, 1) !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
overflow-y: auto !important;
transform: translateX(-100%) !important;
}
.syd-sidebar.syd-sidebar--open {
transform: translateX(0) !important;
}
.syd-hamburger, .syd-sidebar-close {
display: flex;
}
}
.mc-portal-card:hover {
box-shadow: 0 0 0 1px var(--obs-signal-soft), 0 4px 20px #00000059;
background: var(--obs-raise) !important;
border-color: var(--obs-rule-strong) !important;
}
.mc-self-card:hover {
background: var(--obs-raise) !important;
border-color: #7ab0ff47 !important;
}
.mc-vital-card:hover {
box-shadow: 0 0 0 1px var(--obs-signal-soft);
border-color: var(--obs-rule-strong) !important;
}
.mc-section-label {
font: 600 9px/1 var(--obs-mono);
letter-spacing: .24em;
color: var(--obs-ink-ghost);
text-transform: uppercase;
}
.syd-summaries-grid {
grid-template-columns: 280px 1fr;
gap: 0;
height: calc(100vh - 120px);
display: grid;
overflow: hidden;
}
@media (max-width: 768px) {
.syd-summaries-grid {
grid-template-rows: auto 1fr;
grid-template-columns: 1fr;
height: auto;
overflow: visible;
}
}
@media (max-width: 640px) {
.mobile-scroll-x {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
}
* {
box-sizing: border-box;
max-width: 100%;
}
.flex, [style*="display:flex"], [style*="display: flex"], [style*="display:grid"], [style*="display: grid"] {
max-width: unset;
}
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false
}
@property --tw-rotate-y {
syntax: "*";
inherits: false
}
@property --tw-rotate-z {
syntax: "*";
inherits: false
}
@property --tw-skew-x {
syntax: "*";
inherits: false
}
@property --tw-skew-y {
syntax: "*";
inherits: false
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-divide-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-gradient-position {
syntax: "*";
inherits: false
}
@property --tw-gradient-from {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-via {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-to {
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-stops {
syntax: "*";
inherits: false
}
@property --tw-gradient-via-stops {
syntax: "*";
inherits: false
}
@property --tw-gradient-from-position {
syntax: "";
inherits: false;
initial-value: 0%;
}
@property --tw-gradient-via-position {
syntax: "";
inherits: false;
initial-value: 50%;
}
@property --tw-gradient-to-position {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-leading {
syntax: "*";
inherits: false
}
@property --tw-font-weight {
syntax: "*";
inherits: false
}
@property --tw-tracking {
syntax: "*";
inherits: false
}
@property --tw-ordinal {
syntax: "*";
inherits: false
}
@property --tw-slashed-zero {
syntax: "*";
inherits: false
}
@property --tw-numeric-figure {
syntax: "*";
inherits: false
}
@property --tw-numeric-spacing {
syntax: "*";
inherits: false
}
@property --tw-numeric-fraction {
syntax: "*";
inherits: false
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false
}
@property --tw-ring-offset-width {
syntax: "";
inherits: false;
initial-value: 0;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false
}
@property --tw-brightness {
syntax: "*";
inherits: false
}
@property --tw-contrast {
syntax: "*";
inherits: false
}
@property --tw-grayscale {
syntax: "*";
inherits: false
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-invert {
syntax: "*";
inherits: false
}
@property --tw-opacity {
syntax: "*";
inherits: false
}
@property --tw-saturate {
syntax: "*";
inherits: false
}
@property --tw-sepia {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-drop-shadow-alpha {
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false
}
@property --tw-duration {
syntax: "*";
inherits: false
}
@property --tw-ease {
syntax: "*";
inherits: false
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes ping {
75%, 100% {
opacity: 0;
transform: scale(2);
}
}
@keyframes bounce {
0%, 100% {
animation-timing-function: cubic-bezier(.8, 0, 1, 1);
transform: translateY(-25%);
}
50% {
animation-timing-function: cubic-bezier(0, 0, .2, 1);
transform: none;
}
}
/*# sourceMappingURL=%5Broot-of-the-server%5D__02nfq85._.css.map*/