/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, legacy, utilities;
@layer theme {
  :root, :host {
    --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-md: 48rem;
    --container-7xl: 80rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --blur-md: 12px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--sans);
    --default-mono-font-family: var(--mono);
    --animate-ch-blink: ch-blink 2s ease-in-out infinite;
    --animate-cs-fresh: cs-fresh 2.6s ease-out 1;
    --animate-sk-pulse: skPulse 1.5s ease-in-out infinite;
    --animate-pay-flash: payFlash 1.6s ease-out;
    --animate-ws-flash: wsFlash 1.6s ease-out;
    --animate-lc-rise: lc-rise .9s cubic-bezier(.2,.7,.2,1) .2s both;
  }
  :root {
    --bg: #eef2f8;
    --surface: #fff;
    --surface-2: #eef3f7;
    --surface-3: #e4ecf2;
    --line: #dbe4eb;
    --line-strong: #c3d1db;
    --ink: #14212a;
    --ink-2: #485a67;
    --ink-3: #7a8c99;
    --accent: #17607a;
    --accent-ink: #0f4557;
    --accent-soft: #e0eff5;
    --user: #a1552a;
    --user-soft: #fbf0e7;
    --ws-dot: #1a1a1a;
    --ok: #2c7a5c;
    --warn: #9a6222;
    --danger: #a03a3a;
    --ee-bg: #edf6f1;
    --ee-glow: #dff1e8;
    --ee-line: #e2e9e4;
    --ee-ink: #222a26;
    --ee-sub: #6d7873;
    --ee-accent: #2eb86e;
    --ee-card: #fff;
    --glass-bg: rgb(255 255 255/.55);
    --glass-bg-strong: rgb(255 255 255/.78);
    --glass-line: rgb(255 255 255/.62);
    --glass-hi: rgb(255 255 255/.92);
    --glass-lo: rgb(255 255 255/.3);
    --glass-blur: 24px;
    --glass-sheen: rgb(255 255 255/.34);
    --glass-shadow: 0 1px 2px rgb(0 0 0/.05),0 12px 32px -10px rgb(28 44 72/.2);
    --material: rgb(255 255 255/.62);
    --material-shadow: 0 1px 2px rgb(0 0 0/.04),0 10px 28px -12px rgb(28 44 72/.18);
    --glass-level: 0;
    --glass-clear: calc(max(0, -1 * var(--glass-level)) * 70%);
    --glass-tint: calc(max(0, var(--glass-level)) * 85%);
    --glow-1: rgb(122 186 255/.62);
    --glow-2: rgb(255 172 212/.52);
    --glow-3: rgb(140 228 188/.5);
    --radius: 14px;
    --gap: 16px;
    --mono: 'SF Mono',ui-monospace,'JetBrains Mono',Menlo,monospace;
    --sans: -apple-system,BlinkMacSystemFont,'Pretendard','Apple SD Gothic Neo','Noto Sans KR',sans-serif;
  }
  @media (prefers-color-scheme:dark) {
    :root {
      --bg: #0e1117;
      --surface: #141e24;
      --surface-2: #1a252c;
      --surface-3: #223038;
      --line: #25343d;
      --line-strong: #33454f;
      --ink: #e2edf2;
      --ink-2: #9fb2be;
      --ink-3: #6b7f8c;
      --accent: #63b8d2;
      --accent-ink: #8fd0e4;
      --accent-soft: #14313d;
      --user: #d99b6a;
      --user-soft: #241c15;
      --ws-dot: #c9d3da;
      --ok: #5cb894;
      --warn: #d0a05e;
      --danger: #dd8080;
      --ee-bg: #131c17;
      --ee-glow: #1c2a22;
      --ee-line: #2b3b30;
      --ee-ink: #f2f2f2;
      --ee-sub: #86928c;
      --ee-accent: #33cc7a;
      --ee-card: #18211c;
      --glass-bg: rgb(44 48 58/.5);
      --glass-bg-strong: rgb(44 48 58/.78);
      --glass-line: rgb(255 255 255/.12);
      --glass-hi: rgb(255 255 255/.14);
      --glass-lo: rgb(255 255 255/.03);
      --glass-blur: 24px;
      --glass-sheen: rgb(255 255 255/.07);
      --glass-shadow: 0 1px 2px rgb(0 0 0/.3),0 14px 36px -10px rgb(0 0 0/.55);
      --material: rgb(40 44 54/.58);
      --material-shadow: 0 1px 2px rgb(0 0 0/.3),0 12px 30px -12px rgb(0 0 0/.5);
      --glow-1: rgb(46 98 200/.5);
      --glow-2: rgb(138 56 150/.42);
      --glow-3: rgb(22 118 96/.42);
    }
  }
  :root[data-theme=dark] {
    --bg: #0e1117;
    --surface: #141e24;
    --surface-2: #1a252c;
    --surface-3: #223038;
    --line: #25343d;
    --line-strong: #33454f;
    --ink: #e2edf2;
    --ink-2: #9fb2be;
    --ink-3: #6b7f8c;
    --accent: #63b8d2;
    --accent-ink: #8fd0e4;
    --accent-soft: #14313d;
    --user: #d99b6a;
    --user-soft: #241c15;
    --ws-dot: #c9d3da;
    --ok: #5cb894;
    --warn: #d0a05e;
    --danger: #dd8080;
    --ee-bg: #131c17;
    --ee-glow: #1c2a22;
    --ee-line: #2b3b30;
    --ee-ink: #f2f2f2;
    --ee-sub: #86928c;
    --ee-accent: #33cc7a;
    --ee-card: #18211c;
    --glass-bg: rgb(44 48 58/.5);
    --glass-bg-strong: rgb(44 48 58/.78);
    --glass-line: rgb(255 255 255/.12);
    --glass-hi: rgb(255 255 255/.14);
    --glass-lo: rgb(255 255 255/.03);
    --glass-blur: 24px;
    --glass-sheen: rgb(255 255 255/.07);
    --glass-shadow: 0 1px 2px rgb(0 0 0/.3),0 14px 36px -10px rgb(0 0 0/.55);
    --material: rgb(40 44 54/.58);
    --material-shadow: 0 1px 2px rgb(0 0 0/.3),0 12px 30px -12px rgb(0 0 0/.5);
    --glow-1: rgb(46 98 200/.5);
    --glow-2: rgb(138 56 150/.42);
    --glow-3: rgb(22 118 96/.42);
  }
  :root[data-theme=light] {
    --bg: #eef2f8;
    --surface: #fff;
    --surface-2: #eef3f7;
    --surface-3: #e4ecf2;
    --line: #dbe4eb;
    --line-strong: #c3d1db;
    --ink: #14212a;
    --ink-2: #485a67;
    --ink-3: #7a8c99;
    --accent: #17607a;
    --accent-ink: #0f4557;
    --accent-soft: #e0eff5;
    --user: #a1552a;
    --user-soft: #fbf0e7;
    --ws-dot: #1a1a1a;
    --ok: #2c7a5c;
    --warn: #9a6222;
    --danger: #a03a3a;
    --ee-bg: #edf6f1;
    --ee-glow: #dff1e8;
    --ee-line: #e2e9e4;
    --ee-ink: #222a26;
    --ee-sub: #6d7873;
    --ee-accent: #2eb86e;
    --ee-card: #fff;
    --glass-bg: rgb(255 255 255/.55);
    --glass-bg-strong: rgb(255 255 255/.78);
    --glass-line: rgb(255 255 255/.62);
    --glass-hi: rgb(255 255 255/.92);
    --glass-lo: rgb(255 255 255/.3);
    --glass-blur: 24px;
    --glass-sheen: rgb(255 255 255/.34);
    --glass-shadow: 0 1px 2px rgb(0 0 0/.05),0 12px 32px -10px rgb(28 44 72/.2);
    --material: rgb(255 255 255/.62);
    --material-shadow: 0 1px 2px rgb(0 0 0/.04),0 10px 28px -12px rgb(28 44 72/.18);
    --glow-1: rgb(122 186 255/.62);
    --glow-2: rgb(255 172 212/.52);
    --glow-3: rgb(140 228 188/.5);
  }
  :root:has(.main.home) {
    --glow-1: rgb(46 184 110/.10);
    --glow-2: rgb(23 96 122/.08);
    --glow-3: rgb(99 184 210/.09);
  }
  @media (prefers-color-scheme:dark) {
    :root:not([data-theme=light]):has(.main.home) {
      --glow-1: rgb(51 204 122/.05);
      --glow-2: rgb(99 184 210/.05);
      --glow-3: rgb(23 96 122/.07);
    }
  }
  :root[data-theme=dark]:has(.main.home) {
    --glow-1: rgb(51 204 122/.05);
    --glow-2: rgb(99 184 210/.05);
    --glow-3: rgb(23 96 122/.07);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, 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;
    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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer theme {
  .main.character-page {
    --ch-bg: #080f12;
    --ch-line: rgba(97,202,199,.17);
    --ch-cyan: #77dfd6;
    --ch-muted: #648387;
  }
  .main.character-page,.character-page .ch-set-preview[data-p=hud] {
    --t-bg: #080f12;
    --t-surface: #0d191c;
    --t-raised: #0b1417;
    --t-field: #0b1417;
    --t-ink: #e3eeec;
    --t-ink-2: #b9cfcd;
    --t-muted: #6e8c90;
    --t-faint: #476568;
    --t-line: rgba(97,202,199,.17);
    --t-line-2: #173032;
    --t-edge: #264341;
    --t-edge-2: #3b6662;
    --t-accent: #77dfd6;
    --t-accent-ink: #a4e3d7;
    --t-accent-soft: #193431;
    --t-on-accent: #081214;
    --t-primary: #193431;
    --t-on-primary: #a4f0df;
    --t-hover: #12262a;
    --t-danger: #e8a0a8;
    --t-warn: #f9e2af;
    --t-now: #ff8a8a;
    --t-shadow: 0 20px 60px #000b;
  }
  .main.character-page[data-ch-theme=soft],.character-page .ch-set-preview[data-p=soft] {
    --t-bg: light-dark(#e3e9ed,#1d2529);
    --t-surface: var(--t-bg);
    --t-raised: var(--t-bg);
    --t-field: light-dark(#dde4e9,#192024);
    --t-ink: light-dark(#1d2b31,#e4edef);
    --t-ink-2: light-dark(#3f525a,#b3c3c8);
    --t-muted: light-dark(#56696f,#8a9fa5);
    --t-faint: light-dark(#7d8e95,#61757b);
    --t-line: light-dark(#cfd8de,#2a353a);
    --t-line-2: light-dark(#d3dce1,#273136);
    --t-edge: light-dark(#c3ced5,#33434a);
    --t-edge-2: light-dark(#a9b8c0,#45595f);
    --t-accent: light-dark(#1fa296,#4fd1c5);
    --t-accent-ink: light-dark(#0d6a63,#6fe0d5);
    --t-accent-soft: light-dark(#d5e9e7,#1f3336);
    --t-on-accent: light-dark(#fff,#0b1a1c);
    --t-primary: light-dark(#0f7068,#4fd1c5);
    --t-on-primary: light-dark(#fff,#0b1a1c);
    --t-hover: light-dark(#dae1e6,#222c31);
    --t-danger: light-dark(#b3413f,#ef8f8f);
    --t-warn: light-dark(#9a5f0c,#e3b86a);
    --t-now: light-dark(#d9534f,#ff8a8a);
    --t-hi: light-dark(#fff,#283338);
    --t-lo: light-dark(#b7c2ca,#11171a);
    --t-out: 7px 7px 16px var(--t-lo),-7px -7px 16px var(--t-hi);
    --t-out-sm: 3px 3px 7px var(--t-lo),-3px -3px 7px var(--t-hi);
    --t-in: inset 3px 3px 6px var(--t-lo),inset -3px -3px 6px var(--t-hi);
    --t-in-lg: inset 7px 7px 16px var(--t-lo),inset -7px -7px 16px var(--t-hi);
    --t-shadow: 14px 14px 36px var(--t-lo),-10px -10px 30px var(--t-hi);
  }
  .main.character-page[data-ch-theme=glass],.character-page .ch-set-preview[data-p=glass] {
    --t-page: transparent;
    --t-mesh: radial-gradient(1100px 760px at 8% -8%,light-dark(#bfe0ff,#1b3a6b) 0,transparent 62%),radial-gradient(900px 700px at 96% 4%,light-dark(#ffd6ea,#4a2350) 0,transparent 58%),radial-gradient(1000px 900px at 62% 108%,light-dark(#cdf3de,#123f35) 0,transparent 62%),light-dark(#eef2f8,#0e1117);
    --t-bg: light-dark(rgb(255 255 255/.5),rgb(44 48 58/.46));
    @supports (color: color-mix(in lab, red, red)) {
      --t-bg: color-mix(in srgb,color-mix(in srgb,light-dark(rgb(255 255 255/.5),rgb(44 48 58/.46)),transparent var(--glass-clear,0%)),light-dark(#fff,#23262e) var(--glass-tint,0%));
    }
    --t-surface: var(--t-bg);
    --t-raised: var(--t-bg);
    --t-field: light-dark(rgb(255 255 255/.42),rgb(255 255 255/.06));
    --t-sheen: light-dark(rgb(255 255 255/.34),rgb(255 255 255/.07));
    --t-ink: light-dark(#10151c,#f2f5f8);
    --t-ink-2: light-dark(#2d3844,#c9d2db);
    --t-muted: light-dark(#4f5d6a,#9aa7b3);
    --t-faint: light-dark(#76828e,#727f8b);
    --t-line: light-dark(rgb(20 32 48/.1),rgb(255 255 255/.1));
    --t-line-2: light-dark(rgb(20 32 48/.08),rgb(255 255 255/.08));
    --t-edge: light-dark(rgb(255 255 255/.62),rgb(255 255 255/.14));
    --t-edge-2: light-dark(rgb(20 32 48/.2),rgb(255 255 255/.26));
    --t-accent: light-dark(#17607a,#63b8d2);
    --t-accent-ink: light-dark(#0f4557,#8fd0e4);
    --t-accent-soft: light-dark(rgb(23 96 122/.13),rgb(99 184 210/.2));
    --t-on-accent: light-dark(#fff,#08171d);
    --t-primary: light-dark(#17607a,#63b8d2);
    --t-on-primary: light-dark(#fff,#08171d);
    --t-hover: light-dark(rgb(255 255 255/.38),rgb(255 255 255/.09));
    --t-danger: light-dark(#c4271e,#ff6b61);
    --t-warn: light-dark(#a15800,#ffb340);
    --t-now: light-dark(#ff3b30,#ff453a);
    --t-hi: light-dark(rgb(255 255 255/.8),rgb(255 255 255/.14));
    --t-lo: light-dark(rgb(28 44 72/.16),rgb(0 0 0/.5));
    --t-out: inset 0 1px 0 var(--t-hi),inset 0 0 0 1px var(--t-edge),0 1px 2px rgb(0 0 0/.06),0 12px 32px -10px var(--t-lo);
    --t-out-sm: inset 0 1px 0 var(--t-hi),inset 0 0 0 1px var(--t-edge),0 3px 10px -3px var(--t-lo);
    --t-in: inset 0 1px 3px var(--t-lo),inset 0 0 0 1px var(--t-edge);
    --t-in-lg: inset 0 2px 8px var(--t-lo),inset 0 0 0 1px var(--t-edge);
    --t-shadow: inset 0 1px 0 var(--t-hi),0 24px 56px -14px var(--t-lo);
  }
  .main.character-page[data-ch-theme=dot],.character-page .ch-set-preview[data-p=dot] {
    --t-bg: #fffafb;
    --t-surface: #fff;
    --t-raised: #fff;
    --t-field: #fff;
    --t-ink: #333;
    --t-ink-2: #444;
    --t-muted: #767676;
    --t-faint: #a8a8a8;
    --t-line: #f9c7cf;
    --t-line-2: #fde2e7;
    --t-edge: #f9c7cf;
    --t-edge-2: #f2a3b1;
    --t-accent: #f9c7cf;
    --t-accent-ink: #c24d66;
    --t-accent-soft: #ffeaeb;
    --t-on-accent: #fff;
    --t-primary: #f9c7cf;
    --t-on-primary: #333;
    --t-hover: #fff5f8;
    --t-danger: #dc2626;
    --t-warn: #b7791f;
    --t-now: #f4a0b1;
    --t-grad: #ffeaeb;
    --t-glow: #fff5f8;
    --t-soft: rgba(255,222,237,.4);
    --t-glowshadow: rgba(249,199,207,.3);
    --t-dots: radial-gradient(var(--t-accent) 1px,transparent 1px) 0 0/40px 40px,radial-gradient(var(--t-accent) 1px,transparent 1px) 20px 20px/40px 40px;
    --t-shadow: 0 10px 30px var(--t-glowshadow);
    --t-font: 'Outfit Variable',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;
    --pc0: #b8e0d2;
    --pc1: #aecbfa;
    --pc2: #d6c8ff;
    --pc3: #ffe5b4;
    --pc4: #ffb4a2;
    --pc5: #f9c7cf;
  }
  .main.character-page[data-ch-theme=pop],.character-page .ch-set-preview[data-p=pop] {
    --t-bg: #fff;
    --t-surface: #fff9e6;
    --t-raised: #fff9e6;
    --t-field: #fff;
    --t-ink: #111;
    --t-ink-2: #111;
    --t-muted: #5c5a55;
    --t-faint: #8d8a82;
    --t-line: rgba(17,17,17,.35);
    --t-line-2: rgba(17,17,17,.14);
    --t-edge: #111;
    --t-edge-2: #111;
    --t-accent: #ff5c8a;
    --t-accent-ink: #111;
    --t-accent-soft: #ffe24a;
    --t-on-accent: #111;
    --t-primary: #ff5c8a;
    --t-on-primary: #111;
    --t-hover: #fff1b8;
    --t-danger: #c4173f;
    --t-warn: #8a6d00;
    --t-now: #ff5c8a;
    --t-pop: #ffe24a;
    --t-cool: #4ed9d9;
    --t-shadow: 6px 6px 0 #111;
    --t-font: 'Do Hyeon',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;
    --pc0: #35c9c9;
    --pc1: #4d8bff;
    --pc2: #8a5cff;
    --pc3: #ffd23f;
    --pc4: #ff7a2f;
    --pc5: #ff4d87;
  }
  .main.character-page[data-ch-theme=line],.character-page .ch-set-preview[data-p=line] {
    --t-bg: #fff;
    --t-surface: #fff;
    --t-raised: #fff;
    --t-field: #fff;
    --t-ink: #181818;
    --t-ink-2: #181818;
    --t-muted: #6b6b6b;
    --t-faint: #a3a3a3;
    --t-line: rgba(24,24,24,.28);
    --t-line-2: rgba(24,24,24,.14);
    --t-edge: #181818;
    --t-edge-2: #181818;
    --t-accent: #181818;
    --t-accent-ink: #181818;
    --t-accent-soft: #f0f0f0;
    --t-on-accent: #fff;
    --t-primary: #181818;
    --t-on-primary: #fff;
    --t-hover: #f0f0f0;
    --t-hi: #f0f0f0;
    --t-danger: #dc2626;
    --t-warn: #8a5a00;
    --t-now: #181818;
    --t-shadow: none;
    --t-font: 'Helvetica Neue',Helvetica,Arial,-apple-system,'Apple SD Gothic Neo',sans-serif;
    --pc0: #1f8f5f;
    --pc1: #0026ff;
    --pc2: #6a3df0;
    --pc3: #d98b1e;
    --pc4: #e8622a;
    --pc5: #e0362d;
  }
  .main.character-page[data-ch-theme] {
    --ch-bg: var(--t-bg);
    --ch-line: var(--t-line);
    --ch-cyan: var(--t-accent);
    --ch-muted: var(--t-muted);
  }
  @font-face {
    font-family: 'Outfit Variable';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2') format('woff2-variations');
    unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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: 'Outfit Variable';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/assets/outfit-latin-wght-normal-Bc-8i84L.woff2') format('woff2-variations');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  @font-face {
    font-family: 'Do Hyeon';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/do-hyeon-korean-400-normal-D2BmEaEJ.woff2') format('woff2');
    unicode-range: U+1100-11FF,U+3000-303F,U+3131-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF,U+FF00-FFEF;
  }
  @font-face {
    font-family: 'Do Hyeon';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/do-hyeon-latin-400-normal-BX2fDQgc.woff2') format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  }
  :root:has(.main.character-page) {
    --glow-1: transparent;
    --glow-2: transparent;
    --glow-3: transparent;
  }
  :root:has(.main.character-page:not([data-ch-theme])) {
    --bg: #080f12;
    --surface: #0d191c;
    --surface-2: #12262a;
    --surface-3: #193431;
    --line: rgba(97,202,199,.17);
    --line-strong: #264341;
    --ink: #e3eeec;
    --ink-2: #b9cfcd;
    --ink-3: #6e8c90;
    --accent: #77dfd6;
    --accent-ink: #a4e3d7;
    --accent-soft: #193431;
    --glass-bg: rgb(11 20 23/.72);
    --glass-bg-strong: rgb(11 20 23/.9);
    --glass-line: rgba(97,202,199,.17);
    --glass-hi: rgb(255 255 255/.04);
    --glass-lo: rgb(255 255 255/0);
    --glass-shadow: 0 10px 30px -6px rgb(0 0 0/.6);
  }
  :root:has(.main.character-page[data-ch-theme=soft]) {
    --bg: #e3e9ed;
    --surface-2: #dae1e6;
    --glass-bg: rgb(227 233 237/.8);
    --glass-bg-strong: rgb(227 233 237/.95);
    --glass-line: rgb(255 255 255/.5);
    --glass-hi: #fff;
    --glass-lo: rgb(183 194 202/.3);
    --glass-shadow: 6px 6px 16px #b7c2ca,-6px -6px 16px #fff;
  }
  @media (prefers-color-scheme:dark) {
    :root:not([data-theme=light]):has(.main.character-page[data-ch-theme=soft]) {
      --bg: #1d2529;
      --surface-2: #222c31;
      --glass-bg: rgb(29 37 41/.8);
      --glass-bg-strong: rgb(29 37 41/.95);
      --glass-line: rgb(255 255 255/.04);
      --glass-hi: rgb(255 255 255/.05);
      --glass-lo: rgb(0 0 0/0);
      --glass-shadow: 6px 6px 16px #11171a,-6px -6px 16px #283338;
    }
  }
  :root[data-theme=dark]:has(.main.character-page[data-ch-theme=soft]) {
    --bg: #1d2529;
    --surface-2: #222c31;
    --glass-bg: rgb(29 37 41/.8);
    --glass-bg-strong: rgb(29 37 41/.95);
    --glass-line: rgb(255 255 255/.04);
    --glass-hi: rgb(255 255 255/.05);
    --glass-lo: rgb(0 0 0/0);
    --glass-shadow: 6px 6px 16px #11171a,-6px -6px 16px #283338;
  }
  :root:has(.main.character-page[data-ch-theme=glass]) {
    --bg: #eef2f8;
    --glow-1: rgb(122 186 255/.62);
    --glow-2: rgb(255 172 212/.52);
    --glow-3: rgb(140 228 188/.5);
    --surface-2: rgb(255 255 255/.4);
    --glass-bg: rgb(255 255 255/.55);
    --glass-bg-strong: rgb(255 255 255/.78);
    --glass-line: rgb(255 255 255/.62);
    --glass-hi: rgb(255 255 255/.92);
    --glass-lo: rgb(255 255 255/.3);
    --glass-blur: 24px;
    --glass-shadow: 0 1px 2px rgb(0 0 0/.05),0 12px 32px -10px rgb(28 44 72/.2);
  }
  @media (prefers-color-scheme:dark) {
    :root:not([data-theme=light]):has(.main.character-page[data-ch-theme=glass]) {
      --bg: #0e1117;
      --glow-1: rgb(46 98 200/.5);
      --glow-2: rgb(138 56 150/.42);
      --glow-3: rgb(22 118 96/.42);
      --surface-2: rgb(255 255 255/.06);
      --glass-bg: rgb(44 48 58/.5);
      --glass-bg-strong: rgb(44 48 58/.78);
      --glass-line: rgb(255 255 255/.12);
      --glass-hi: rgb(255 255 255/.14);
      --glass-lo: rgb(255 255 255/.03);
      --glass-blur: 24px;
      --glass-shadow: 0 1px 2px rgb(0 0 0/.3),0 14px 36px -10px rgb(0 0 0/.55);
    }
  }
  :root[data-theme=dark]:has(.main.character-page[data-ch-theme=glass]) {
    --bg: #0e1117;
    --glow-1: rgb(46 98 200/.5);
    --glow-2: rgb(138 56 150/.42);
    --glow-3: rgb(22 118 96/.42);
    --surface-2: rgb(255 255 255/.06);
    --glass-bg: rgb(44 48 58/.5);
    --glass-bg-strong: rgb(44 48 58/.78);
    --glass-line: rgb(255 255 255/.12);
    --glass-hi: rgb(255 255 255/.14);
    --glass-lo: rgb(255 255 255/.03);
    --glass-blur: 24px;
    --glass-shadow: 0 1px 2px rgb(0 0 0/.3),0 14px 36px -10px rgb(0 0 0/.55);
  }
  :root:has(.main.character-page[data-ch-theme=dot]) {
    --bg: #fffafb;
    --surface: #fff;
    --surface-2: #fff5f8;
    --surface-3: #ffeaeb;
    --line: #fde2e7;
    --line-strong: #f9c7cf;
    --ink: #333;
    --ink-2: #444;
    --ink-3: #767676;
    --accent: #c24d66;
    --accent-ink: #c24d66;
    --accent-soft: #ffeaeb;
    --glass-bg: rgb(255 255 255/.72);
    --glass-bg-strong: rgb(255 255 255/.92);
    --glass-line: #fde2e7;
    --glass-hi: #fff;
    --glass-lo: rgb(255 255 255/.4);
    --glass-shadow: 0 8px 24px rgb(249 199 207/.3);
  }
  :root:has(.main.character-page[data-ch-theme=pop]) {
    --bg: #fff;
    --surface: #fff9e6;
    --surface-2: #fff1b8;
    --surface-3: #ffe24a;
    --line: rgba(17,17,17,.14);
    --line-strong: rgba(17,17,17,.35);
    --ink: #111;
    --ink-2: #111;
    --ink-3: #5c5a55;
    --accent: #111;
    --accent-ink: #111;
    --accent-soft: #ffe24a;
    --glass-bg: rgb(255 249 230/.92);
    --glass-bg-strong: #fff9e6;
    --glass-line: #111;
    --glass-hi: rgb(255 255 255/0);
    --glass-lo: rgb(255 255 255/0);
    --glass-shadow: 4px 4px 0 #111;
  }
  :root:has(.main.character-page[data-ch-theme=line]) {
    --bg: #fff;
    --surface: #fff;
    --surface-2: #f0f0f0;
    --surface-3: #e6e6e6;
    --line: rgba(24,24,24,.14);
    --line-strong: rgba(24,24,24,.28);
    --ink: #181818;
    --ink-2: #181818;
    --ink-3: #6b6b6b;
    --accent: #181818;
    --accent-ink: #181818;
    --accent-soft: #f0f0f0;
    --glass-bg: rgb(255 255 255/.92);
    --glass-bg-strong: #fff;
    --glass-line: rgba(24,24,24,.28);
    --glass-hi: rgb(255 255 255/0);
    --glass-lo: rgb(255 255 255/0);
    --glass-shadow: none;
  }
}
@layer base {
  body {
    font-family: var(--sans);
    background: var(--bg);
    color: var(--ink);
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -.005em;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button {
    font: inherit;
    color: inherit;
    background: none;
    border: none;
    cursor: pointer;
  }
  mark {
    background: var(--accent-soft);
    color: var(--accent-ink);
    padding: 0 2px;
    border-radius: 3px;
  }
  h1 {
    font-size: 21px;
    font-weight: 650;
    letter-spacing: -.02em;
  }
  table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
  }
  th {
    text-align: left;
    font-weight: 600;
    font-size: 11px;
    color: var(--ink-3);
    padding: 9px 12px;
    border-bottom: 1px solid var(--line);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: .05em;
  }
  td {
    padding: 9px 12px;
    border-bottom: 1px solid var(--line);
    vertical-align: top;
  }
  tbody tr:last-child td {
    border-bottom: none;
  }
  tbody tr:hover {
    background: var(--surface-2);
  }
  input[type=search],input[type=text] {
    font: inherit;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 8px 12px;
    color: var(--ink);
    width: 100%;
  }
  input:focus {
    outline: 2px solid var(--accent);
    outline-offset: -1px;
  }
  html {
    line-height: normal;
    tab-size: 8;
    -webkit-tap-highlight-color: initial;
  }
  *,::before,::after,::backdrop {
    border-style: none;
  }
  ::before,::after,::backdrop {
    box-sizing: content-box;
  }
  h2 {
    font-size: 1.5em;
    font-weight: bold;
  }
  h3 {
    font-size: 1.17em;
    font-weight: bold;
  }
  h4 {
    font-size: 1em;
    font-weight: bold;
  }
  h5 {
    font-size: .83em;
    font-weight: bold;
  }
  h6 {
    font-size: .67em;
    font-weight: bold;
  }
  code,kbd,samp,pre {
    font-family: monospace;
  }
  small {
    font-size: smaller;
  }
  sub,sup {
    font-size: smaller;
    line-height: normal;
    position: static;
  }
  sub {
    vertical-align: sub;
    bottom: auto;
  }
  sup {
    vertical-align: super;
    top: auto;
  }
  hr {
    height: auto;
    color: gray;
    border: 1px inset;
    overflow: hidden;
  }
  table {
    border-color: currentColor;
  }
  img,svg,video,canvas,iframe,embed,object {
    display: inline;
    vertical-align: baseline;
  }
  img,video {
    max-width: none;
  }
  button,input,select,optgroup,textarea {
    letter-spacing: normal;
  }
  button,input:where([type=button],[type=reset],[type=submit]) {
    appearance: auto;
  }
  input:where([type=checkbox],[type=radio],[type=range],[type=color]) {
    font: -webkit-small-control;
    color: fieldtext;
  }
  input:where([type=range]) {
    color: #101010;
    color: light-dark(#101010,#fff);
    background-color: field;
  }
  ::placeholder {
    color: #757575;
  }
  ::-webkit-datetime-edit {
    display: inline-block;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 1px 0;
  }
  ::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
    padding-block: 1px;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: normal;
  }
}
@layer legacy {
  .character-page :where(.ch-look-panel) button,.character-page button:where(.ch-look-toggle) {
    font-family: inherit;
    cursor: pointer;
    transition: color .15s,background .15s;
    border-radius: 0;
  }
  .character-page :where(.ch-look-panel) button:focus-visible,.character-page button:where(.ch-look-toggle):focus-visible {
    outline: 2px solid var(--ch-cyan);
    outline-offset: 3px;
  }
  .character-page :where(.ch-look-panel) button:disabled,.character-page button:where(.ch-look-toggle):disabled {
    cursor: default;
    opacity: .4;
  }
  @media (prefers-reduced-motion:reduce) {
    .character-page :where(.ch-look-panel) button,.character-page button:where(.ch-look-toggle) {
      transition: none;
    }
  }
  .main.character-page {
    --look-w: clamp(300px,24vw,340px);
    --look-gap: 14px;
  }
  :where(.ch-look-head) .ch-eyebrow {
    font: 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing: 1.6px;
    color: var(--ch-cyan);
    display: flex;
    align-items: center;
    gap: 9px;
  }
  :where(.ch-look-head) .ch-dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--ch-cyan);
    box-shadow: 0 0 9px #77dfd650;
    flex: none;
  }
  @media (min-width:821px) and (max-width:1000px) {
    :where(.ch-look-head) .ch-eyebrow {
      letter-spacing: 1px;
    }
  }
  .main.character-page[data-ch-theme] :where(.ch-look-head) .ch-eyebrow {
    color: var(--t-accent-ink);
  }
  .main.character-page[data-ch-theme] :where(.ch-look-head) .ch-dot {
    background: var(--t-accent);
    box-shadow: none;
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) :where(.ch-look-head) .ch-eyebrow {
    letter-spacing: 1.2px;
  }
  .main.character-page:is([data-ch-theme=dot],[data-ch-theme=pop],[data-ch-theme=line]) :where(.ch-look-head) :is(.ch-eyebrow,.ch-plan .ch-form-times input) {
    font-family: var(--t-font);
  }
  .main.character-page[data-ch-theme=dot] :where(.ch-look-head) .ch-eyebrow {
    text-transform: lowercase;
    color: var(--t-ink);
    font-weight: 500;
    letter-spacing: .05em;
  }
  .main.character-page[data-ch-theme=pop] :where(.ch-look-head) :is(.ch-eyebrow,.ch-tl-hour span) {
    font-size: 11px;
    letter-spacing: .02em;
  }
  .main.character-page[data-ch-theme=pop] :where(.ch-look-head) .ch-eyebrow {
    color: var(--t-ink);
    letter-spacing: .06em;
  }
  .main.character-page[data-ch-theme=pop] :where(.ch-look-head) .ch-dot {
    width: 8px;
    height: 8px;
    border: 1.5px solid var(--t-ink);
    background: var(--t-accent);
    box-shadow: none;
  }
  .main.character-page[data-ch-theme=line] :where(.ch-look-head) .ch-eyebrow {
    color: var(--t-ink);
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
  }
  .main.character-page[data-ch-theme=line] :where(.ch-look-head) .ch-dot {
    border-radius: 50%;
    background: var(--t-ink);
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-head) .ch-dot {
    width: 27px;
    height: 8px;
    border-radius: 0;
    background: radial-gradient(circle,transparent 2.3px,#fff 2.5px 3.5px,transparent 3.7px) 0 0/9px 8px repeat-x;
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-head) .ch-eyebrow {
    color: #fff;
  }
  .character-page .ch-look-toggle {
    position: absolute;
    z-index: 3;
    top: 2px;
    right: 34px;
    width: 32px;
    height: 32px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid #264341;
    background: #0b1417;
    color: #779795;
    transition: color .15s,background .15s,border-color .15s,box-shadow .15s;
  }
  .character-page .ch-look-toggle svg {
    width: 16px;
    height: 16px;
    display: block;
    transition: transform .3s cubic-bezier(.2,.7,.2,1);
  }
  .character-page .ch-look-toggle:hover {
    color: #a3f0df;
    border-color: #3b6662;
    box-shadow: 0 0 12px #77dfd626;
  }
  .character-page .ch-look-toggle[aria-expanded=true] {
    color: #a4e3d7;
    background: #193431;
    border-color: #3b6662;
    box-shadow: 0 0 12px #77dfd633;
  }
  .character-page .ch-look-toggle[aria-expanded=true] svg {
    transform: rotate(30deg);
  }
  @media (max-width:640px) {
    .character-page .ch-look-toggle:before {
      content: "";
      position: absolute;
      inset: -5px;
    }
  }
  .character-page .ch-look-panel {
    position: fixed;
    z-index: 40;
    top: calc(max(var(--quick-h,0px),env(safe-area-inset-top)) + 12px);
    right: calc(12px + env(safe-area-inset-right));
    bottom: calc(12px + env(safe-area-inset-bottom));
    width: var(--look-w,340px);
    max-width: calc(100vw - 24px);
    display: flex;
    flex-direction: column;
    background: #0b1417f5;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border: 1px solid var(--ch-line);
    box-shadow: 0 20px 60px #000b;
    color: #dee9e8;
    outline: none;
    transition: transform .24s cubic-bezier(.2,.7,.2,1),opacity .2s,display .24s;
    transition-behavior: allow-discrete;
  }
  .character-page .ch-look-panel[hidden] {
    display: none;
    transform: translateX(24px);
    opacity: 0;
  }
  @starting-style {
    .character-page .ch-look-panel:not([hidden]) {
      transform: translateX(24px);
      opacity: 0;
    }
  }
  .character-page .ch-look-panel:before,.character-page .ch-look-panel:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 12px;
    pointer-events: none;
  }
  .character-page .ch-look-panel:before {
    top: -1px;
    left: -1px;
    border-left: 2px solid #63b9b5;
    border-top: 2px solid #63b9b5;
  }
  .character-page .ch-look-panel:after {
    bottom: -1px;
    right: -1px;
    border-right: 2px solid #63b9b5;
    border-bottom: 2px solid #63b9b5;
  }
  .character-page .ch-look-head {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 8px 6px 16px;
    border-bottom: 1px solid var(--ch-line);
  }
  .character-page .ch-look-close {
    width: 32px;
    height: 32px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid transparent;
    background: none;
    color: #86a09e;
    font-size: 20px;
    line-height: 1;
  }
  .character-page .ch-look-close:hover {
    color: #a3f0df;
    border-color: #264341;
  }
  .character-page .ch-look-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 16px 14px;
    scrollbar-width: thin;
    scrollbar-color: #264341 transparent;
  }
  .character-page .ch-look-eyebrow {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0 0 8px;
    font: 400 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing: 1.6px;
    color: var(--ch-cyan);
  }
  .character-page .ch-look-eyebrow i {
    font-style: normal;
    color: #3f6d6c;
  }
  .character-page .ch-look-eyebrow b {
    font-weight: 400;
    color: #2e5153;
  }
  .character-page .ch-look-presets {
    padding: 12px 0 14px;
    border-bottom: 1px solid var(--ch-line);
  }
  .character-page .ch-look-presets-head {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 28px;
    margin-bottom: 6px;
  }
  .character-page .ch-look-presets-head .ch-look-eyebrow {
    margin: 0 auto 0 0;
  }
  .character-page .ch-look-preset-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
  }
  .character-page .ch-look-preset {
    padding: 7px 10px;
    border: 1px solid #264341;
    background: #0b1417;
    color: #88a9a7;
    font-size: 11px;
    line-height: 1.3;
  }
  .character-page .ch-look-preset:hover {
    color: #c9f3ea;
    border-color: #3b6662;
    background: #12262a;
  }
  .character-page .ch-look-preset[aria-pressed=true] {
    background: #193431;
    color: #a4e3d7;
    border-color: #3b6662;
  }
  .character-page .ch-look-custom {
    flex: none;
    font-size: 11px;
    line-height: 1.3;
    color: #a4e3d7;
    white-space: nowrap;
  }
  .character-page .ch-look-custom:not(:empty) {
    padding: 4px 8px;
    border: 1px dashed #4f7270;
  }
  .character-page .ch-look-undo {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 28px;
    padding: 4px 8px;
    border: 1px solid #3b6662;
    background: #12262a;
    color: #a4e3d7;
    font-size: 11px;
  }
  .character-page .ch-look-undo:hover {
    color: #c9f3ea;
    border-color: #4fa9a2;
  }
  .character-page .ch-look-undo[hidden] {
    display: none;
  }
  .character-page .ch-look-undo span {
    font-size: 13px;
    line-height: 1;
  }
  .character-page .ch-look-section {
    padding: 14px 0 8px;
    border-bottom: 1px solid var(--ch-line);
  }
  .character-page .ch-look-section:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .character-page .ch-look-switch {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 7px 0;
    border: 0;
    background: none;
    color: inherit;
    text-align: left;
  }
  .character-page .ch-look-switch:focus-visible {
    outline-offset: 2px;
  }
  .character-page .ch-look-text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .character-page .ch-look-name {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 7px;
  }
  .character-page .ch-look-label {
    font-size: 12px;
    line-height: 1.4;
    color: #b9cfcd;
    word-break: keep-all;
  }
  .character-page .ch-look-hint {
    font-size: 10.5px;
    line-height: 1.5;
    color: var(--ch-muted);
    word-break: keep-all;
  }
  .character-page .ch-look-badge {
    padding: 0 5px;
    border: 1px solid #6b5631;
    color: #d0ad6c;
    font: normal 10px/15px ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing: .4px;
  }
  .character-page .ch-look-switch:hover .ch-look-label {
    color: #e3eeec;
  }
  .character-page .ch-look-switch[aria-checked=true] .ch-look-label {
    color: #dff5f1;
  }
  .character-page .ch-look-track {
    flex: none;
    position: relative;
    width: 30px;
    height: 16px;
    border: 1px solid #527573;
    background: #0b1417;
    transition: border-color .18s,background .18s;
  }
  .character-page .ch-look-track:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    background: #6a8d8b;
    transition: transform .18s cubic-bezier(.2,.7,.2,1),background .18s,box-shadow .18s;
  }
  .character-page .ch-look-switch:hover .ch-look-track {
    border-color: #6f9491;
  }
  .character-page .ch-look-switch[aria-checked=true] .ch-look-track {
    border-color: #4fa9a2;
    background: #133230;
  }
  .character-page .ch-look-switch[aria-checked=true] .ch-look-track:after {
    transform: translateX(14px);
    background: var(--ch-cyan);
    box-shadow: 0 0 8px #77dfd680;
  }
  .character-page .ch-look-note {
    font-size: 10.5px;
    line-height: 1.5;
    color: #b39660;
    word-break: keep-all;
  }
  .character-page .ch-look-note[hidden] {
    display: none;
  }
  .character-page .ch-look-row[data-inactive] .ch-look-label {
    color: #86a09e;
  }
  .character-page .ch-look-row[data-inactive] .ch-look-switch[aria-checked=true] .ch-look-label {
    color: #a9bfbd;
  }
  .character-page .ch-look-row[data-inactive] .ch-look-track {
    border-style: dashed;
  }
  .character-page .ch-look-row[data-inactive] .ch-look-switch[aria-checked=true] .ch-look-track {
    background: transparent;
  }
  .character-page .ch-look-row[data-inactive] .ch-look-switch[aria-checked=true] .ch-look-track:after {
    background: #5fa8a1;
    box-shadow: none;
  }
  .character-page .ch-look-row[data-inactive] .ch-look-chips {
    border-style: dashed;
  }
  .character-page .ch-look-row[data-inactive] .ch-look-chips button[aria-checked=true] {
    background: #12262a;
    color: #86a09e;
  }
  .character-page .ch-look-extra {
    padding: 0 0 6px;
  }
  .character-page .ch-look-replay {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 10px;
    border: 1px solid #264341;
    background: none;
    color: #88a9a7;
    font: 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;
    letter-spacing: .4px;
  }
  .character-page .ch-look-replay:hover {
    color: #a3f0df;
    border-color: #3b6662;
  }
  .character-page .ch-look-replay[aria-disabled=true] {
    cursor: default;
    opacity: .55;
  }
  .character-page .ch-look-replay[aria-disabled=true]:hover {
    color: #88a9a7;
    border-color: #264341;
  }
  .character-page .ch-look-replay span {
    font-size: 13px;
    line-height: 1;
  }
  .character-page .ch-look-choice {
    padding: 7px 0 9px;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .character-page .ch-look-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-top: 6px;
    padding: 3px;
    border: 1px solid #264341;
    background: #0b1417;
  }
  .character-page .ch-look-choice .ch-look-note {
    margin-top: 4px;
  }
  .character-page .ch-look-chips button {
    flex: 1 1 auto;
    padding: 6px 9px;
    border: 0;
    background: transparent;
    color: #7d9694;
    font-size: 11px;
    line-height: 1.3;
    white-space: nowrap;
  }
  .character-page .ch-look-chips button:focus-visible {
    outline-offset: 1px;
  }
  .character-page .ch-look-chips button:hover {
    background: #12262a;
    color: #a4e3d7;
  }
  .character-page .ch-look-chips button[aria-checked=true] {
    background: #193431;
    color: #a4e3d7;
  }
  .character-page .ch-look-panel[data-mode=sheet] {
    top: auto;
    left: calc(12px + env(safe-area-inset-left));
    width: auto;
    max-width: none;
    max-height: 45svh;
  }
  .character-page .ch-look-panel[data-mode=sheet][hidden] {
    transform: translateY(24px);
  }
  @starting-style {
    .character-page .ch-look-panel[data-mode=sheet]:not([hidden]) {
      transform: translateY(24px);
    }
  }
  .character-page .ch-look-panel[data-mode=sheet] .ch-look-head {
    padding: 4px 6px 4px 16px;
  }
  .character-page .ch-look-panel[data-mode=sheet] .ch-look-close {
    width: 40px;
    height: 40px;
  }
  .character-page .ch-look-panel[data-mode=sheet] .ch-look-switch {
    padding: 9px 0;
  }
  .character-page .ch-look-panel[data-mode=sheet] .ch-look-replay {
    min-height: 40px;
  }
  @media (min-width:821px) {
    .app .character-page .ch-look-panel[data-mode=sheet] {
      left: calc(var(--side-w,240px) + env(safe-area-inset-left) + 12px);
    }
    .app.rail .character-page .ch-look-panel[data-mode=sheet] {
      left: calc(var(--rail-w,56px) + env(safe-area-inset-left) + 12px);
    }
  }
  @media (prefers-reduced-motion:reduce) {
    .character-page .ch-look-panel,.character-page .ch-look-toggle,.character-page .ch-look-toggle svg,.character-page .ch-look-track,.character-page .ch-look-track:after {
      transition: none;
    }
  }
  .main.character-page[data-ch-theme] :is(.ch-look-body, .ch-bento .ch-weight) {
    scrollbar-color: var(--t-edge) transparent;
  }
  .main.character-page[data-ch-theme] .ch-look-toggle {
    border-color: var(--t-edge);
    background: var(--t-field);
    color: var(--t-muted);
    box-shadow: none;
  }
  .main.character-page[data-ch-theme] .ch-look-toggle:hover {
    color: var(--t-accent-ink);
    border-color: var(--t-edge-2);
    box-shadow: none;
  }
  .main.character-page[data-ch-theme] .ch-look-toggle[aria-expanded=true] {
    color: var(--t-accent-ink);
    background: var(--t-accent-soft);
    border-color: var(--t-edge-2);
    box-shadow: none;
  }
  .main.character-page[data-ch-theme] .ch-look-panel {
    background: var(--t-surface);
    border-color: var(--t-line);
    box-shadow: var(--t-shadow);
    color: var(--t-ink-2);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .main.character-page[data-ch-theme] .ch-look-panel:before, .main.character-page[data-ch-theme] .ch-look-panel:after {
    border-color: var(--t-accent);
  }
  .main.character-page[data-ch-theme] .ch-look-head, .main.character-page[data-ch-theme] .ch-look-presets, .main.character-page[data-ch-theme] .ch-look-section {
    border-bottom-color: var(--t-line);
  }
  .main.character-page[data-ch-theme] .ch-look-close {
    color: var(--t-muted);
  }
  .main.character-page[data-ch-theme] .ch-look-close:hover {
    color: var(--t-accent-ink);
    border-color: var(--t-edge);
  }
  .main.character-page[data-ch-theme] .ch-look-eyebrow {
    color: var(--t-accent-ink);
  }
  .main.character-page[data-ch-theme] .ch-look-eyebrow i, .main.character-page[data-ch-theme] .ch-look-eyebrow b {
    color: var(--t-faint);
  }
  .main.character-page[data-ch-theme] .ch-look-preset {
    border-color: var(--t-edge);
    background: var(--t-field);
    color: var(--t-ink-2);
  }
  .main.character-page[data-ch-theme] .ch-look-preset:hover {
    color: var(--t-ink);
    border-color: var(--t-edge-2);
    background: var(--t-hover);
  }
  .main.character-page[data-ch-theme] .ch-look-preset[aria-pressed=true] {
    background: var(--t-accent-soft);
    color: var(--t-accent-ink);
    border-color: var(--t-edge-2);
  }
  .main.character-page[data-ch-theme] .ch-look-custom {
    color: var(--t-accent-ink);
  }
  .main.character-page[data-ch-theme] .ch-look-custom:not(:empty) {
    border-color: var(--t-edge-2);
  }
  .main.character-page[data-ch-theme] .ch-look-undo {
    border-color: var(--t-edge-2);
    background: var(--t-hover);
    color: var(--t-accent-ink);
  }
  .main.character-page[data-ch-theme] .ch-look-label {
    color: var(--t-ink-2);
  }
  .main.character-page[data-ch-theme] .ch-look-hint {
    color: var(--t-muted);
  }
  .main.character-page[data-ch-theme] .ch-look-switch:hover .ch-look-label, .main.character-page[data-ch-theme] .ch-look-switch[aria-checked=true] .ch-look-label {
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme] .ch-look-badge {
    border-color: var(--t-warn);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--t-warn) 60%,transparent);
    }
    color: var(--t-warn);
  }
  .main.character-page[data-ch-theme] .ch-look-track {
    border-color: var(--t-edge-2);
    background: var(--t-field);
  }
  .main.character-page[data-ch-theme] .ch-look-track:after {
    background: var(--t-muted);
  }
  .main.character-page[data-ch-theme] .ch-look-switch:hover .ch-look-track {
    border-color: var(--t-accent);
  }
  .main.character-page[data-ch-theme] .ch-look-switch[aria-checked=true] .ch-look-track {
    border-color: var(--t-accent);
    background: var(--t-accent-soft);
  }
  .main.character-page[data-ch-theme] .ch-look-switch[aria-checked=true] .ch-look-track:after {
    background: var(--t-accent);
    box-shadow: none;
  }
  .main.character-page[data-ch-theme] .ch-look-note {
    color: var(--t-warn);
  }
  .main.character-page[data-ch-theme] .ch-look-row[data-inactive] .ch-look-label {
    color: var(--t-muted);
  }
  .main.character-page[data-ch-theme] .ch-look-row[data-inactive] .ch-look-switch[aria-checked=true] .ch-look-track {
    background: transparent;
  }
  .main.character-page[data-ch-theme] .ch-look-row[data-inactive] .ch-look-switch[aria-checked=true] .ch-look-track:after {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 55%,var(--t-field));
    }
  }
  .main.character-page[data-ch-theme] .ch-look-replay {
    border-color: var(--t-edge);
    color: var(--t-ink-2);
  }
  .main.character-page[data-ch-theme] .ch-look-replay:hover {
    color: var(--t-accent-ink);
    border-color: var(--t-edge-2);
  }
  .main.character-page[data-ch-theme] .ch-look-chips {
    border-color: var(--t-edge);
    background: var(--t-field);
  }
  .main.character-page[data-ch-theme] .ch-look-chips button {
    color: var(--t-muted);
  }
  .main.character-page[data-ch-theme] .ch-look-chips button:hover {
    background: var(--t-hover);
    color: var(--t-accent-ink);
  }
  .main.character-page[data-ch-theme] .ch-look-chips button[aria-checked=true] {
    background: var(--t-accent-soft);
    color: var(--t-accent-ink);
  }
  .main.character-page[data-ch-theme] .ch-look-row[data-inactive] .ch-look-chips button[aria-checked=true] {
    background: var(--t-hover);
    color: var(--t-muted);
  }
  .main.character-page[data-ch-theme=glass] .ch-look-panel {
    background: linear-gradient(135deg,var(--t-sheen),transparent 46%),light-dark(rgb(246 248 250/.94),rgb(28 31 38/.94));
    -webkit-backdrop-filter: blur(24px) saturate(1.8);
    backdrop-filter: blur(24px) saturate(1.8);
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) .ch-look-eyebrow {
    letter-spacing: 1.2px;
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) .ch-look-panel:before, .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) .ch-look-panel:after {
    display: none;
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) :is(.ch-look-chips) {
    border-color: transparent;
    border-radius: 14px;
    background: var(--t-bg);
    box-shadow: var(--t-in);
    padding: 4px;
    gap: 4px;
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) :is(.ch-look-chips button) {
    border-radius: 10px;
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) :is(.ch-look-chips button):hover {
    background: transparent;
    color: var(--t-ink);
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) :is(.ch-look-chips button[aria-checked=true]) {
    background: var(--t-bg);
    box-shadow: var(--t-out-sm);
    color: var(--t-accent-ink);
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) :is(.ch-look-toggle, .ch-look-preset, .ch-look-replay, .ch-look-undo, .ch-plan .ch-form-actions button) {
    border-color: transparent;
    border-radius: 12px;
    background: var(--t-bg);
    box-shadow: var(--t-out-sm);
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) :is(.ch-look-preset, .ch-look-replay, .ch-look-undo, .ch-plan .ch-form-actions button):hover {
    background: var(--t-bg);
    color: var(--t-accent-ink);
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) :is(.ch-look-preset, .ch-look-replay, .ch-look-undo, .ch-plan .ch-form-actions button):active {
    box-shadow: var(--t-in);
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) :is(button.ch-look-toggle[aria-expanded=true], button.ch-look-preset[aria-pressed=true]) {
    background: var(--t-bg);
    box-shadow: var(--t-in);
    color: var(--t-accent-ink);
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) :is(.ch-look-panel) {
    border-color: transparent;
    border-radius: 24px;
    background: var(--t-bg);
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) .ch-look-head {
    padding-top: 10px;
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) .ch-look-close {
    border-radius: 10px;
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) .ch-look-custom:not(:empty) {
    border-radius: 8px;
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) .ch-look-track {
    border-color: var(--t-edge-2);
    border-radius: 99px;
    background: var(--t-bg);
    box-shadow: var(--t-in);
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) .ch-look-track:after {
    border-radius: 50%;
    background: var(--t-muted);
    box-shadow: 1px 1px 2px var(--t-lo);
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) .ch-look-switch:hover .ch-look-track {
    border-color: var(--t-accent);
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) .ch-look-switch[aria-checked=true] .ch-look-track {
    border-color: var(--t-accent);
    background: var(--t-accent-soft);
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) .ch-look-switch[aria-checked=true] .ch-look-track:after {
    background: var(--t-accent);
    box-shadow: 1px 1px 3px var(--t-lo);
  }
  .main.character-page:is([data-ch-theme=soft],[data-ch-theme=glass]) .ch-look-badge {
    border-radius: 6px;
  }
  .main.character-page:is([data-ch-theme=dot],[data-ch-theme=pop],[data-ch-theme=line]) :is(.ch-look-eyebrow, .ch-look-badge, .ch-look-replay, .ch-look-hint, .ch-look-note, .ch-viewport-heading > span:last-child) {
    font-family: var(--t-font);
  }
  .main.character-page:is([data-ch-theme=dot],[data-ch-theme=pop],[data-ch-theme=line]) .ch-look-panel:before, .main.character-page:is([data-ch-theme=dot],[data-ch-theme=pop],[data-ch-theme=line]) .ch-look-panel:after {
    display: none;
  }
  .main.character-page[data-ch-theme=dot] :is(.ch-look-eyebrow) {
    text-transform: lowercase;
    color: var(--t-ink);
    font-weight: 500;
    letter-spacing: .05em;
  }
  .main.character-page[data-ch-theme=dot] :is(.ch-look-body, .ch-bento .ch-weight) {
    scrollbar-color: var(--t-accent) transparent;
  }
  .main.character-page[data-ch-theme=dot] :is(.ch-look-toggle, .ch-look-replay, .ch-look-undo, .ch-plan .ch-form-actions button) {
    border: 1px solid var(--t-accent);
    border-radius: 999px;
    background: #fff;
    color: var(--t-ink-2);
    transition: transform .1s,background .15s,color .15s,border-color .15s;
  }
  .main.character-page[data-ch-theme=dot] :is(.ch-look-preset, .ch-links-grid a) {
    border: 1px solid var(--t-accent);
    border-radius: 8px;
    background: rgba(255,255,255,.72);
  }
  .main.character-page[data-ch-theme=dot] :is(.ch-look-toggle, .ch-look-replay, .ch-look-undo, .ch-look-preset, .ch-plan .ch-form-actions button):hover:not(:disabled) {
    background: var(--t-hover);
    border-color: var(--t-edge-2);
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=dot] :is(.ch-look-toggle, .ch-look-replay, .ch-look-undo, .ch-plan .ch-form-actions button):active:not(:disabled) {
    transform: scale(.94);
  }
  .main.character-page[data-ch-theme=dot] :is(button.ch-look-toggle[aria-expanded=true], button.ch-look-preset[aria-pressed=true]) {
    background: var(--t-accent-soft);
    border-color: var(--t-accent);
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=dot] :is(.ch-look-close) {
    border-radius: 999px;
    color: var(--t-accent-ink);
  }
  .main.character-page[data-ch-theme=dot] :is(.ch-look-chips) {
    border: 1px solid var(--t-accent);
    border-radius: 999px;
    background: #fff;
    padding: 2px;
    gap: 2px;
  }
  .main.character-page[data-ch-theme=dot] :is(.ch-look-chips button, .ch-day-nav :is(button, .ch-rm-open)) {
    border-radius: 999px;
  }
  .main.character-page[data-ch-theme=dot] :is(.ch-look-chips button, .ch-day-nav :is(button, .ch-rm-open)):hover:not(:disabled) {
    background: var(--t-hover);
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=dot] :is(.ch-look-chips button[aria-checked=true], .ch-day-nav :is(button, .ch-rm-open)[aria-pressed=true]) {
    background: var(--t-accent-soft);
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=dot] :is(.ch-look-panel) {
    border: 1.5px solid var(--t-accent);
    border-radius: 9px;
    background: #fff;
  }
  .main.character-page[data-ch-theme=dot] .ch-look-head {
    border-bottom: 1.5px solid var(--t-accent);
    background: linear-gradient(var(--t-grad),#fff);
  }
  .main.character-page[data-ch-theme=dot] .ch-look-presets, .main.character-page[data-ch-theme=dot] .ch-look-section {
    border-bottom-color: var(--t-line-2);
  }
  .main.character-page[data-ch-theme=dot] .ch-look-track {
    border-radius: 99px;
    border-color: var(--t-accent);
  }
  .main.character-page[data-ch-theme=dot] .ch-look-track:after {
    border-radius: 50%;
    background: var(--t-faint);
  }
  .main.character-page[data-ch-theme=dot] .ch-look-switch[aria-checked=true] .ch-look-track {
    border-color: var(--t-accent);
    background: var(--t-accent);
  }
  .main.character-page[data-ch-theme=dot] .ch-look-switch[aria-checked=true] .ch-look-track:after {
    background: #fff;
  }
  .main.character-page[data-ch-theme=dot] .ch-look-badge {
    border-radius: 999px;
  }
  .main.character-page[data-ch-theme=dot] .ch-look-custom:not(:empty) {
    border-radius: 8px;
  }
  .main.character-page[data-ch-theme=pop] :is(.ch-look-eyebrow, .ch-look-hint, .ch-tl-hour span) {
    font-size: 11px;
    letter-spacing: .02em;
  }
  .main.character-page[data-ch-theme=pop] :is(.ch-look-eyebrow) {
    color: var(--t-ink);
    letter-spacing: .06em;
  }
  .main.character-page[data-ch-theme=pop] :is(.ch-look-body, .ch-bento .ch-weight) {
    scrollbar-color: var(--t-ink) transparent;
  }
  .main.character-page[data-ch-theme=pop] :is(.ch-look-toggle, .ch-look-preset, .ch-look-replay, .ch-look-undo, .ch-look-close, .ch-plan .ch-form-actions button) {
    border: 2px solid var(--t-ink);
    border-radius: 6px;
    background: var(--t-surface);
    color: var(--t-ink);
    box-shadow: 3px 3px 0 var(--t-ink);
    transition: transform .08s,box-shadow .08s,background .15s;
  }
  .main.character-page[data-ch-theme=pop] :is(.ch-look-toggle, .ch-look-preset, .ch-look-replay, .ch-look-undo, .ch-look-close, .ch-plan .ch-form-actions button):hover:not(:disabled) {
    background: var(--t-hover);
    border-color: var(--t-ink);
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=pop] :is(.ch-look-toggle, .ch-look-preset, .ch-look-replay, .ch-look-undo, .ch-look-close, .ch-plan .ch-form-actions button):active:not(:disabled) {
    transform: translate(3px,3px);
    box-shadow: 0 0 0 var(--t-ink);
  }
  .main.character-page[data-ch-theme=pop] :is(button.ch-look-toggle[aria-expanded=true], button.ch-look-preset[aria-pressed=true]) {
    background: var(--t-pop);
    border-color: var(--t-ink);
    color: var(--t-ink);
    transform: translate(3px,3px);
    box-shadow: 0 0 0 var(--t-ink);
  }
  .main.character-page[data-ch-theme=pop] :is(.ch-look-chips) {
    border: 2px solid var(--t-ink);
    border-radius: 8px;
    background: var(--t-surface);
    box-shadow: 3px 3px 0 var(--t-ink);
    padding: 2px;
    gap: 2px;
  }
  .main.character-page[data-ch-theme=pop] :is(.ch-look-chips button, .ch-day-nav :is(button, .ch-rm-open)) {
    border: 2px solid transparent;
    border-radius: 5px;
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=pop] :is(.ch-look-chips button, .ch-day-nav :is(button, .ch-rm-open)):hover:not(:disabled) {
    background: var(--t-hover);
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=pop] :is(.ch-look-chips button[aria-checked=true], .ch-day-nav :is(button, .ch-rm-open)[aria-pressed=true]) {
    background: var(--t-pop);
    border-color: var(--t-ink);
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=pop] :is(.ch-look-panel) {
    border: 2.5px solid var(--t-ink);
    border-radius: 8px;
    background: var(--t-surface);
  }
  .main.character-page[data-ch-theme=pop] .ch-look-head {
    border-bottom: 2.5px solid var(--t-ink);
    background: var(--t-pop);
  }
  .main.character-page[data-ch-theme=pop] .ch-look-presets, .main.character-page[data-ch-theme=pop] .ch-look-section {
    border-bottom: 2px dashed var(--t-line-2);
  }
  .main.character-page[data-ch-theme=pop] .ch-look-track {
    width: 32px;
    height: 18px;
    border: 2px solid var(--t-ink);
    border-radius: 999px;
    background: #fff;
  }
  .main.character-page[data-ch-theme=pop] .ch-look-track:after {
    border-radius: 50%;
    background: var(--t-ink);
  }
  .main.character-page[data-ch-theme=pop] .ch-look-switch:hover .ch-look-track {
    border-color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=pop] .ch-look-switch[aria-checked=true] .ch-look-track {
    border-color: var(--t-ink);
    background: var(--t-pop);
  }
  .main.character-page[data-ch-theme=pop] .ch-look-switch[aria-checked=true] .ch-look-track:after {
    background: var(--t-ink);
    box-shadow: none;
  }
  .main.character-page[data-ch-theme=pop] .ch-look-row[data-inactive] .ch-look-switch[aria-checked=true] .ch-look-track:after {
    background: var(--t-faint);
  }
  .main.character-page[data-ch-theme=pop] .ch-look-badge {
    border: 2px solid var(--t-ink);
    border-radius: 999px;
    background: var(--t-pop);
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=pop] .ch-look-custom:not(:empty) {
    border: 2px dashed var(--t-ink);
    border-radius: 6px;
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-eyebrow) {
    color: var(--t-ink);
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-chips button, .ch-look-preset, .ch-look-replay, .ch-look-undo, .ch-plan .ch-form-actions button) {
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-body, .ch-bento .ch-weight) {
    scrollbar-color: var(--t-ink) transparent;
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-toggle, .ch-look-preset, .ch-look-replay, .ch-look-undo, .ch-look-close, .ch-plan .ch-form-actions button) {
    border: 1.6px solid var(--t-ink);
    border-radius: 0;
    background: #fff;
    color: var(--t-ink);
    box-shadow: none;
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-toggle, .ch-look-preset, .ch-look-replay, .ch-look-undo, .ch-look-close, .ch-plan .ch-form-actions button):hover:not(:disabled) {
    background: var(--t-hover);
    border-color: var(--t-ink);
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-toggle, .ch-look-preset, .ch-look-replay, .ch-look-undo, .ch-plan .ch-form-actions button):active:not(:disabled) {
    background: var(--t-ink);
    color: #fff;
  }
  .main.character-page[data-ch-theme=line] :is(button.ch-look-toggle[aria-expanded=true], button.ch-look-preset[aria-pressed=true]) {
    background: var(--t-ink);
    border-color: var(--t-ink);
    color: #fff;
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-chips) {
    border: 1.6px solid var(--t-ink);
    background: #fff;
    padding: 0;
    gap: 0;
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-chips button, .ch-day-nav :is(button, .ch-rm-open)) {
    border-radius: 0;
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-chips button, .ch-day-nav :is(button, .ch-rm-open)) + :is(button, .ch-rm-open) {
    border-left: 1.4px solid var(--t-ink);
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-chips button, .ch-day-nav :is(button, .ch-rm-open)):hover:not(:disabled) {
    background: var(--t-hover);
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-chips button[aria-checked=true], .ch-day-nav :is(button, .ch-rm-open)[aria-pressed=true]) {
    background: var(--t-ink);
    color: #fff;
  }
  .main.character-page[data-ch-theme=line] .ch-look-row[data-inactive] .ch-look-chips button[aria-checked=true] {
    background: var(--t-hi);
    color: var(--t-muted);
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-panel) {
    border: 2px solid var(--t-ink);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
  }
  .main.character-page[data-ch-theme=line] .ch-look-head {
    border-bottom: 0;
    background: var(--t-ink);
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-head .ch-look-close) {
    border-color: transparent;
    background: transparent;
    color: #fff;
  }
  .main.character-page[data-ch-theme=line] :is(.ch-look-head .ch-look-close):hover {
    border-color: #fff;
    background: transparent;
    color: #fff;
  }
  .main.character-page[data-ch-theme=line] .ch-look-presets, .main.character-page[data-ch-theme=line] .ch-look-section {
    border-bottom: 1.6px solid var(--t-ink);
  }
  .main.character-page[data-ch-theme=line] .ch-look-track {
    width: 32px;
    height: 18px;
    border: 2px solid var(--t-ink);
    border-radius: 0;
    background: #fff;
  }
  .main.character-page[data-ch-theme=line] .ch-look-track:after {
    border-radius: 0;
    background: var(--t-ink);
  }
  .main.character-page[data-ch-theme=line] .ch-look-switch:hover .ch-look-track {
    border-color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=line] .ch-look-switch[aria-checked=true] .ch-look-track {
    border-color: var(--t-ink);
    background: var(--t-ink);
  }
  .main.character-page[data-ch-theme=line] .ch-look-switch[aria-checked=true] .ch-look-track:after {
    background: #fff;
    box-shadow: none;
  }
  .main.character-page[data-ch-theme=line] .ch-look-row[data-inactive] .ch-look-switch[aria-checked=true] .ch-look-track {
    background: var(--t-hi);
  }
  .main.character-page[data-ch-theme=line] .ch-look-row[data-inactive] .ch-look-switch[aria-checked=true] .ch-look-track:after {
    background: var(--t-faint);
  }
  .main.character-page[data-ch-theme=line] .ch-look-badge {
    padding: 0 9px;
    border: 1.4px solid var(--t-ink);
    border-radius: 50%;
    color: var(--t-ink);
  }
  .main.character-page[data-ch-theme=line] .ch-look-custom:not(:empty) {
    border: 1.4px dashed var(--t-ink);
  }
}
@layer utilities {
  .\@container\/ch {
    container-type: inline-size;
    container-name: ch;
  }
  .\@container\/goal {
    container-type: inline-size;
    container-name: goal;
  }
  .\@container\/tr {
    container-type: inline-size;
    container-name: tr;
  }
  .\@container {
    container-type: inline-size;
  }
  .\[container-type\:inline-size\] {
    container-type: inline-size;
  }
  .\[container-type\:size\] {
    container-type: size;
  }
  .app {
    --side-w: 240px;
    --rail-w: 56px;
    --quick-h: calc(56px + env(safe-area-inset-top));
    display: grid;
    grid-template-columns: calc(var(--side-w) + env(safe-area-inset-left)) 1fr;
    grid-template-rows: auto 1fr;
    min-height: 100vh;
    @media (min-width: 821px) {
      &.rail {
        grid-template-columns: calc(var(--rail-w) + 8px + env(safe-area-inset-left)) 1fr;
      }
      &.rail > .main {
        grid-column: 2;
      }
      & {
        padding-right: env(safe-area-inset-right);
      }
    }
    @media (max-width: 820px) {
      & {
        --quick-h: 0px;
      }
      grid-template-columns: 1fr;
      grid-template-rows: auto 1fr;
    }
    &:has(> .model-page) {
      height: 100dvh;
      min-height: 0;
      @media (max-width: 820px) {
        grid-template-rows: auto minmax(0, 1fr);
      }
    }
    isolation: isolate;
    &::before {
      content: '';
      position: fixed;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      background: radial-gradient(42vmax 34vmax at 8% 6%, var(--glow-1), transparent 70%), radial-gradient(46vmax 38vmax at 92% 22%, var(--glow-2), transparent 70%), radial-gradient(52vmax 36vmax at 45% 104%, var(--glow-3), transparent 72%);
    }
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .orb[data-size] {
    flex: none;
    position: static;
    inset: auto;
    cursor: inherit;
    touch-action: auto;
  }
  .orb[data-size="20"] {
    width: 20px;
    height: 20px;
  }
  .orb[data-size="32"] {
    width: 32px;
    height: 32px;
  }
  .orb[data-size="64"] {
    width: 64px;
    height: 64px;
  }
  .orb:where([data-size="20"]) {
    display: inline-block;
    vertical-align: -5px;
    margin-right: 7px;
  }
  .orb:where([data-size="32"], [data-size="64"]) {
    display: block;
    margin: 0 auto 12px;
    color: var(--ink-2);
  }
  .nav-ico .orb {
    width: 18px;
    height: 18px;
    margin: 0;
  }
  .toast {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--ink);
    color: var(--bg);
    padding: 9px 18px;
    border-radius: 20px;
    font-size: 13px;
    z-index: 99;
    box-shadow: 0 6px 20px rgba(0,0,0,.2);
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .\[inset\:auto\] {
    inset: auto;
  }
  .\[inset\:auto_0_0_0\] {
    inset: auto 0 0 0;
  }
  .\[inset\:auto_16px_calc\(18px\+env\(safe-area-inset-bottom\)\)_16px\] {
    inset: auto 16px calc(18px + env(safe-area-inset-bottom)) 16px;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-\[-6px\] {
    inset: -6px;
  }
  .inset-\[-40px\] {
    inset: -40px;
  }
  .inset-\[6px\] {
    inset: 6px;
  }
  .inset-\[12\%\] {
    inset: 12%;
  }
  .inset-\[40\%_24\%_auto\] {
    inset: 40% 24% auto;
  }
  .inset-\[55px_45px_20px\] {
    inset: 55px 45px 20px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .inset-x-\[3px\] {
    inset-inline: 3px;
  }
  .inset-x-\[5px\] {
    inset-inline: 5px;
  }
  .inset-y-0 {
    inset-block: 0px;
  }
  .-top-\[5px\] {
    top: calc(5px * -1);
  }
  .-top-\[9px\] {
    top: calc(9px * -1);
  }
  .-top-\[13px\] {
    top: calc(13px * -1);
  }
  .top-0 {
    top: 0px;
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-\[-3px\] {
    top: -3px;
  }
  .top-\[-6px\] {
    top: -6px;
  }
  .top-\[-8px\] {
    top: -8px;
  }
  .top-\[-13px\] {
    top: -13px;
  }
  .top-\[-14px\] {
    top: -14px;
  }
  .top-\[-26px\] {
    top: -26px;
  }
  .top-\[0\] {
    top: 0;
  }
  .top-\[1px\] {
    top: 1px;
  }
  .top-\[2px\] {
    top: 2px;
  }
  .top-\[3px\] {
    top: 3px;
  }
  .top-\[4px\] {
    top: 4px;
  }
  .top-\[6px\] {
    top: 6px;
  }
  .top-\[8\%\] {
    top: 8%;
  }
  .top-\[8px\] {
    top: 8px;
  }
  .top-\[9px\] {
    top: 9px;
  }
  .top-\[10px\] {
    top: 10px;
  }
  .top-\[12px\] {
    top: 12px;
  }
  .top-\[15px\] {
    top: 15px;
  }
  .top-\[19\.5px\] {
    top: 19.5px;
  }
  .top-\[19px\] {
    top: 19px;
  }
  .top-\[20px\] {
    top: 20px;
  }
  .top-\[21\.5\%\] {
    top: 21.5%;
  }
  .top-\[24px\] {
    top: 24px;
  }
  .top-\[27px\] {
    top: 27px;
  }
  .top-\[30px\] {
    top: 30px;
  }
  .top-\[42px\] {
    top: 42px;
  }
  .top-\[46px\] {
    top: 46px;
  }
  .top-\[50\%\] {
    top: 50%;
  }
  .top-\[52px\] {
    top: 52px;
  }
  .top-\[72px\] {
    top: 72px;
  }
  .top-\[80px\] {
    top: 80px;
  }
  .top-\[calc\(16px\+env\(safe-area-inset-top\)\)\] {
    top: calc(16px + env(safe-area-inset-top));
  }
  .top-\[calc\(64px\+env\(safe-area-inset-top\)\)\] {
    top: calc(64px + env(safe-area-inset-top));
  }
  .top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px);
  }
  .top-\[calc\(100\%_\+_6px\)\] {
    top: calc(100% + 6px);
  }
  .top-\[calc\(env\(safe-area-inset-top\)\+14px\)\] {
    top: calc(env(safe-area-inset-top) + 14px);
  }
  .top-full {
    top: 100%;
  }
  .right-0 {
    right: 0px;
  }
  .right-1 {
    right: var(--spacing);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-\[-2px\] {
    right: -2px;
  }
  .right-\[-3px\] {
    right: -3px;
  }
  .right-\[-8px\] {
    right: -8px;
  }
  .right-\[-14px\] {
    right: -14px;
  }
  .right-\[3px\] {
    right: 3px;
  }
  .right-\[4px\] {
    right: 4px;
  }
  .right-\[5px\] {
    right: 5px;
  }
  .right-\[6px\] {
    right: 6px;
  }
  .right-\[7px\] {
    right: 7px;
  }
  .right-\[8px\] {
    right: 8px;
  }
  .right-\[10px\] {
    right: 10px;
  }
  .right-\[12px\] {
    right: 12px;
  }
  .right-\[16px\] {
    right: 16px;
  }
  .right-\[18px\] {
    right: 18px;
  }
  .right-\[20px\] {
    right: 20px;
  }
  .right-\[22px\] {
    right: 22px;
  }
  .right-\[24px\] {
    right: 24px;
  }
  .right-\[31px\] {
    right: 31px;
  }
  .right-\[calc\(env\(safe-area-inset-right\)\+14px\)\] {
    right: calc(env(safe-area-inset-right) + 14px);
  }
  .-bottom-\[3px\] {
    bottom: calc(3px * -1);
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-\[-2px\] {
    bottom: -2px;
  }
  .bottom-\[-3px\] {
    bottom: -3px;
  }
  .bottom-\[2px\] {
    bottom: 2px;
  }
  .bottom-\[3px\] {
    bottom: 3px;
  }
  .bottom-\[4px\] {
    bottom: 4px;
  }
  .bottom-\[5px\] {
    bottom: 5px;
  }
  .bottom-\[6px\] {
    bottom: 6px;
  }
  .bottom-\[7px\] {
    bottom: 7px;
  }
  .bottom-\[8px\] {
    bottom: 8px;
  }
  .bottom-\[10px\] {
    bottom: 10px;
  }
  .bottom-\[12px\] {
    bottom: 12px;
  }
  .bottom-\[22px\] {
    bottom: 22px;
  }
  .bottom-\[25px\] {
    bottom: 25px;
  }
  .bottom-\[68px\] {
    bottom: 68px;
  }
  .bottom-\[calc\(16px\+env\(safe-area-inset-bottom\)\)\] {
    bottom: calc(16px + env(safe-area-inset-bottom));
  }
  .bottom-\[calc\(16px_\+_env\(safe-area-inset-bottom\)\)\] {
    bottom: calc(16px + env(safe-area-inset-bottom));
  }
  .bottom-\[calc\(20px\+env\(safe-area-inset-bottom\)\)\] {
    bottom: calc(20px + env(safe-area-inset-bottom));
  }
  .bottom-\[calc\(100\%\+10px\)\] {
    bottom: calc(100% + 10px);
  }
  .bottom-\[calc\(100\%_\+_8px\)\] {
    bottom: calc(100% + 8px);
  }
  .bottom-full {
    bottom: 100%;
  }
  .-left-\[4px\] {
    left: calc(4px * -1);
  }
  .-left-\[5px\] {
    left: calc(5px * -1);
  }
  .-left-\[7px\] {
    left: calc(7px * -1);
  }
  .-left-\[64px\] {
    left: calc(64px * -1);
  }
  .left-0 {
    left: 0px;
  }
  .left-1 {
    left: var(--spacing);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-\[-4px\] {
    left: -4px;
  }
  .left-\[1px\] {
    left: 1px;
  }
  .left-\[3px\] {
    left: 3px;
  }
  .left-\[5px\] {
    left: 5px;
  }
  .left-\[6px\] {
    left: 6px;
  }
  .left-\[8px\] {
    left: 8px;
  }
  .left-\[10px\] {
    left: 10px;
  }
  .left-\[11px\] {
    left: 11px;
  }
  .left-\[12px\] {
    left: 12px;
  }
  .left-\[13px\] {
    left: 13px;
  }
  .left-\[19px\] {
    left: 19px;
  }
  .left-\[21\.5\%\] {
    left: 21.5%;
  }
  .left-\[22px\] {
    left: 22px;
  }
  .left-\[24px\] {
    left: 24px;
  }
  .left-\[26px\] {
    left: 26px;
  }
  .left-\[28px\] {
    left: 28px;
  }
  .left-\[50\%\] {
    left: 50%;
  }
  .left-\[calc\(var\(--rm-label\)\+6px\)\] {
    left: calc(var(--rm-label) + 6px);
  }
  .left-\[var\(--rm-label\)\] {
    left: var(--rm-label);
  }
  .isolate {
    isolation: isolate;
  }
  .z-10 {
    z-index: 10;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .z-\[4\] {
    z-index: 4;
  }
  .z-\[5\] {
    z-index: 5;
  }
  .z-\[6\] {
    z-index: 6;
  }
  .z-\[7\] {
    z-index: 7;
  }
  .z-\[8\] {
    z-index: 8;
  }
  .z-\[9\] {
    z-index: 9;
  }
  .z-\[15\] {
    z-index: 15;
  }
  .z-\[20\] {
    z-index: 20;
  }
  .z-\[30\] {
    z-index: 30;
  }
  .z-\[36\] {
    z-index: 36;
  }
  .z-\[45\] {
    z-index: 45;
  }
  .z-\[46\] {
    z-index: 46;
  }
  .z-\[59\] {
    z-index: 59;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .z-\[75\] {
    z-index: 75;
  }
  .z-\[80\] {
    z-index: 80;
  }
  .z-\[90\] {
    z-index: 90;
  }
  .z-\[100\] {
    z-index: 100;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .z-\[1001\] {
    z-index: 1001;
  }
  .z-\[9000\] {
    z-index: 9000;
  }
  .main {
    grid-column: 2;
    grid-row: 2;
    padding: 26px 30px 60px;
    max-width: 1180px;
    min-width: 0;
    width: 100%;
    justify-self: center;
    @media (max-width: 820px) {
      grid-column: 1;
      padding: 18px max(16px, env(safe-area-inset-right)) 50px max(16px, env(safe-area-inset-left));
    }
  }
  .\[grid-column\:1\/-1\] {
    grid-column: 1/-1;
  }
  .\[grid-column\:1\] {
    grid-column: 1;
  }
  .\[grid-column\:2\/-1\] {
    grid-column: 2/-1;
  }
  .\[grid-column\:2\/4\] {
    grid-column: 2/4;
  }
  .\[grid-column\:2\] {
    grid-column: 2;
  }
  .\[grid-column\:3\] {
    grid-column: 3;
  }
  .\[grid-column\:4\] {
    grid-column: 4;
  }
  .\[grid-column\:span_2\] {
    grid-column: span 2;
  }
  .\[grid-column\:var\(--bc-w\)\] {
    grid-column: var(--bc-w);
  }
  .\[grid-column\:var\(--sc\)\] {
    grid-column: var(--sc);
  }
  .\[grid-column\:var\(--tr-w\)\] {
    grid-column: var(--tr-w);
  }
  .col-\[1\/-1\] {
    grid-column: 1/-1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .\[grid-row\:1\/3\] {
    grid-row: 1/3;
  }
  .\[grid-row\:1\/span_2\] {
    grid-row: 1/span 2;
  }
  .\[grid-row\:1\] {
    grid-row: 1;
  }
  .\[grid-row\:2\] {
    grid-row: 2;
  }
  .\[grid-row\:var\(--br-w\)\] {
    grid-row: var(--br-w);
  }
  .\[grid-row\:var\(--sr\)\] {
    grid-row: var(--sr);
  }
  .\[grid-row\:var\(--tr-r-w\)\] {
    grid-row: var(--tr-r-w);
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .dash {
    display: grid;
    gap: 12px;
    margin: 14px 0 18px;
  }
  .\[margin\:0_auto\] {
    margin: 0 auto;
  }
  .m-0 {
    margin: 0px;
  }
  .m-\[-1px\] {
    margin: -1px;
  }
  .m-\[-6px_0_-6px\] {
    margin: -6px 0 -6px;
  }
  .m-\[-7px_0_-5px\] {
    margin: -7px 0 -5px;
  }
  .m-\[-26px_-26px_17px\] {
    margin: -26px -26px 17px;
  }
  .m-\[0_-8px_10px_-8px\] {
    margin: 0 -8px 10px -8px;
  }
  .m-\[0_0_5px\] {
    margin: 0 0 5px;
  }
  .m-\[0_0_6px\] {
    margin: 0 0 6px;
  }
  .m-\[0_0_6px_1px\] {
    margin: 0 0 6px 1px;
  }
  .m-\[0_0_8px\] {
    margin: 0 0 8px;
  }
  .m-\[0_0_9px\] {
    margin: 0 0 9px;
  }
  .m-\[0_0_10px\] {
    margin: 0 0 10px;
  }
  .m-\[0_0_12px\] {
    margin: 0 0 12px;
  }
  .m-\[0_0_19px\] {
    margin: 0 0 19px;
  }
  .m-\[0_0_26px\] {
    margin: 0 0 26px;
  }
  .m-\[0_2px\] {
    margin: 0 2px;
  }
  .m-\[0_7px\] {
    margin: 0 7px;
  }
  .m-\[0_10px\] {
    margin: 0 10px;
  }
  .m-\[1px_0\] {
    margin: 1px 0;
  }
  .m-\[2px_0_8px\] {
    margin: 2px 0 8px;
  }
  .m-\[5px_0_0\] {
    margin: 5px 0 0;
  }
  .m-\[5px_0_12px\] {
    margin: 5px 0 12px;
  }
  .m-\[5px_6px\] {
    margin: 5px 6px;
  }
  .m-\[6px_0\] {
    margin: 6px 0;
  }
  .m-\[6px_0_0\] {
    margin: 6px 0 0;
  }
  .m-\[6px_0_2px\] {
    margin: 6px 0 2px;
  }
  .m-\[8px_0_0\] {
    margin: 8px 0 0;
  }
  .m-\[8px_0_4px\] {
    margin: 8px 0 4px;
  }
  .m-\[8px_0_8px_calc\(8px_\+_env\(safe-area-inset-left\)\)\] {
    margin: 8px 0 8px calc(8px + env(safe-area-inset-left));
  }
  .m-\[8px_0_12px\] {
    margin: 8px 0 12px;
  }
  .m-\[9px_0\] {
    margin: 9px 0;
  }
  .m-\[10px_0_2px\] {
    margin: 10px 0 2px;
  }
  .m-\[10px_0_12px\] {
    margin: 10px 0 12px;
  }
  .m-\[12px_0_0\] {
    margin: 12px 0 0;
  }
  .m-\[12px_auto\] {
    margin: 12px auto;
  }
  .m-\[12vh_auto_auto\] {
    margin: 12vh auto auto;
  }
  .m-\[14px_0_0\] {
    margin: 14px 0 0;
  }
  .m-\[14px_0_18px\] {
    margin: 14px 0 18px;
  }
  .m-\[14px_auto_24px\] {
    margin: 14px auto 24px;
  }
  .m-\[16px_24px_0\] {
    margin: 16px 24px 0;
  }
  .m-\[17px_0_8px\] {
    margin: 17px 0 8px;
  }
  .m-\[18px_0_0\] {
    margin: 18px 0 0;
  }
  .m-\[20px_0\] {
    margin: 20px 0;
  }
  .m-\[20px_0_8px\] {
    margin: 20px 0 8px;
  }
  .m-\[auto_20px_24px\] {
    margin: auto 20px 24px;
  }
  .m-auto {
    margin: auto;
  }
  .mx-0 {
    margin-inline: 0px;
  }
  .mx-\[\.02em\] {
    margin-inline: .02em;
  }
  .mx-\[2px\] {
    margin-inline: 2px;
  }
  .mx-\[3px\] {
    margin-inline: 3px;
  }
  .mx-\[4px\] {
    margin-inline: 4px;
  }
  .mx-\[6px\] {
    margin-inline: 6px;
  }
  .mx-\[12px\] {
    margin-inline: 12px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-\[-3px\] {
    margin-block: -3px;
  }
  .my-\[1px\] {
    margin-block: 1px;
  }
  .my-\[2px\] {
    margin-block: 2px;
  }
  .my-\[4px\] {
    margin-block: 4px;
  }
  .my-\[6px\] {
    margin-block: 6px;
  }
  .my-\[10px\] {
    margin-block: 10px;
  }
  .my-auto {
    margin-block: auto;
  }
  .stat {
    padding: 14px 16px;
    & .k {
      font-size: 11.5px;
      color: var(--ink-3);
      margin-bottom: 5px;
    }
    & .v {
      font-size: 23px;
      font-weight: 640;
      letter-spacing: -.03em;
      font-variant-numeric: tabular-nums;
    }
    & .v small {
      font-size: 13px;
      font-weight: 500;
      color: var(--ink-3);
      margin-left: 3px;
    }
    & .n {
      font-size: 11.5px;
      color: var(--ink-3);
      margin-top: 3px;
    }
  }
  .section {
    margin-top: 30px;
    & > h2 {
      font-size: 11.5px;
      font-weight: 650;
      color: var(--ink-3);
      text-transform: uppercase;
      letter-spacing: .09em;
      margin-bottom: 10px;
    }
    :where(.app:has(> .wall):not(:has(> .main.home))) .main & > h2 {
      width: fit-content;
      padding: 3px 11px;
      border-radius: 999px;
      color: var(--ink-2);
      background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), var(--glass-bg-strong);
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), color-mix(in srgb, color-mix(in srgb, var(--glass-bg-strong), transparent var(--glass-clear, 0%)), var(--surface) var(--glass-tint, 0%));
      }
      border: 1px solid var(--glass-line);
      box-shadow: inset 0 1px 0 var(--glass-hi), var(--glass-shadow);
      -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
      backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
    }
  }
  .legend {
    display: flex;
    flex-wrap: wrap;
    gap: 3px 12px;
    font-size: 11px;
    color: var(--ink-2);
    margin-top: 8px;
    & span {
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }
    & i {
      width: 8px;
      height: 8px;
      border-radius: 2px;
      flex: none;
    }
  }
  .heatlegend {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: var(--ink-3);
    margin-top: 8px;
    & i {
      width: 11px;
      height: 11px;
      border-radius: 3px;
      display: block;
    }
  }
  .-mt-\[3px\] {
    margin-top: calc(3px * -1);
  }
  .-mt-\[4px\] {
    margin-top: calc(4px * -1);
  }
  .-mt-\[8px\] {
    margin-top: calc(8px * -1);
  }
  .-mt-\[9px\] {
    margin-top: calc(9px * -1);
  }
  .mt-0 {
    margin-top: 0px;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .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-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-\[-14px\] {
    margin-top: -14px;
  }
  .mt-\[1px\] {
    margin-top: 1px;
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[3px\] {
    margin-top: 3px;
  }
  .mt-\[4px\] {
    margin-top: 4px;
  }
  .mt-\[5px\] {
    margin-top: 5px;
  }
  .mt-\[6px\] {
    margin-top: 6px;
  }
  .mt-\[7px\] {
    margin-top: 7px;
  }
  .mt-\[8px\] {
    margin-top: 8px;
  }
  .mt-\[8vh\] {
    margin-top: 8vh;
  }
  .mt-\[9px\] {
    margin-top: 9px;
  }
  .mt-\[10px\] {
    margin-top: 10px;
  }
  .mt-\[12px\] {
    margin-top: 12px;
  }
  .mt-\[13px\] {
    margin-top: 13px;
  }
  .mt-\[14px\] {
    margin-top: 14px;
  }
  .mt-\[15px\] {
    margin-top: 15px;
  }
  .mt-\[16px\] {
    margin-top: 16px;
  }
  .mt-\[18px\] {
    margin-top: 18px;
  }
  .mt-\[19px\] {
    margin-top: 19px;
  }
  .mt-\[20px\] {
    margin-top: 20px;
  }
  .mt-\[24px\] {
    margin-top: 24px;
  }
  .mt-\[25px\] {
    margin-top: 25px;
  }
  .mt-\[26px\] {
    margin-top: 26px;
  }
  .mt-\[28px\] {
    margin-top: 28px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .-mr-\[2px\] {
    margin-right: calc(2px * -1);
  }
  .-mr-\[4px\] {
    margin-right: calc(4px * -1);
  }
  .-mr-\[6px\] {
    margin-right: calc(6px * -1);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-\[-8px\] {
    margin-right: -8px;
  }
  .mr-\[2px\] {
    margin-right: 2px;
  }
  .mr-\[3px\] {
    margin-right: 3px;
  }
  .mr-\[4px\] {
    margin-right: 4px;
  }
  .mr-\[5px\] {
    margin-right: 5px;
  }
  .mr-\[6px\] {
    margin-right: 6px;
  }
  .mr-\[8px\] {
    margin-right: 8px;
  }
  .mr-\[10px\] {
    margin-right: 10px;
  }
  .mr-auto {
    margin-right: auto;
  }
  .head {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 6px;
    flex-wrap: wrap;
    :where(.app:has(> .wall):not(:has(> .main.home))) .main &:is(div):not(:where(.card, .material) &) {
      align-items: center;
      margin-bottom: 12px;
      padding: 10px 16px;
      border-radius: 20px;
      background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), var(--glass-bg-strong);
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), color-mix(in srgb, color-mix(in srgb, var(--glass-bg-strong), transparent var(--glass-clear, 0%)), var(--surface) var(--glass-tint, 0%));
      }
      border: 1px solid var(--glass-line);
      box-shadow: inset 0 1px 0 var(--glass-hi), var(--glass-shadow);
      -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
      backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
    }
  }
  .chips {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 14px;
  }
  .back {
    font-size: 12.5px;
    color: var(--ink-3);
    margin-bottom: 10px;
    display: inline-block;
    &:hover {
      color: var(--accent);
    }
    :where(.app:has(> .wall):not(:has(> .main.home))) .main & {
      padding: 4px 12px;
      border-radius: 999px;
      color: var(--ink-2);
      background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), var(--glass-bg-strong);
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), color-mix(in srgb, color-mix(in srgb, var(--glass-bg-strong), transparent var(--glass-clear, 0%)), var(--surface) var(--glass-tint, 0%));
      }
      border: 1px solid var(--glass-line);
      box-shadow: inset 0 1px 0 var(--glass-hi), var(--glass-shadow);
      -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
      backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
    }
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-0 {
    margin-bottom: 0px;
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-\[-14px\] {
    margin-bottom: -14px;
  }
  .mb-\[2px\] {
    margin-bottom: 2px;
  }
  .mb-\[3px\] {
    margin-bottom: 3px;
  }
  .mb-\[4px\] {
    margin-bottom: 4px;
  }
  .mb-\[5px\] {
    margin-bottom: 5px;
  }
  .mb-\[6px\] {
    margin-bottom: 6px;
  }
  .mb-\[7px\] {
    margin-bottom: 7px;
  }
  .mb-\[8px\] {
    margin-bottom: 8px;
  }
  .mb-\[10px\] {
    margin-bottom: 10px;
  }
  .mb-\[12px\] {
    margin-bottom: 12px;
  }
  .mb-\[13px\] {
    margin-bottom: 13px;
  }
  .mb-\[14px\] {
    margin-bottom: 14px;
  }
  .mb-\[16px\] {
    margin-bottom: 16px;
  }
  .mb-\[24px\] {
    margin-bottom: 24px;
  }
  .mb-\[30px\] {
    margin-bottom: 30px;
  }
  .-ml-\[4px\] {
    margin-left: calc(4px * -1);
  }
  .-ml-\[8px\] {
    margin-left: calc(8px * -1);
  }
  .-ml-\[9px\] {
    margin-left: calc(9px * -1);
  }
  .-ml-\[16px\] {
    margin-left: calc(16px * -1);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-\[-4px\] {
    margin-left: -4px;
  }
  .ml-\[-6px\] {
    margin-left: -6px;
  }
  .ml-\[2px\] {
    margin-left: 2px;
  }
  .ml-\[3px\] {
    margin-left: 3px;
  }
  .ml-\[4px\] {
    margin-left: 4px;
  }
  .ml-\[5px\] {
    margin-left: 5px;
  }
  .ml-\[6px\] {
    margin-left: 6px;
  }
  .ml-\[8px\] {
    margin-left: 8px;
  }
  .ml-\[10px\] {
    margin-left: 10px;
  }
  .ml-\[11px\] {
    margin-left: 11px;
  }
  .ml-\[14px\] {
    margin-left: 14px;
  }
  .ml-\[16px\] {
    margin-left: 16px;
  }
  .ml-\[20px\] {
    margin-left: 20px;
  }
  .ml-\[22px\] {
    margin-left: 22px;
  }
  .ml-\[64px\] {
    margin-left: 64px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .heat {
    display: flex;
    gap: 3px;
    overflow-x: auto;
    padding-bottom: 4px;
    & .col {
      display: flex;
      flex-direction: column;
      gap: 3px;
    }
    & i {
      width: 12px;
      height: 12px;
      border-radius: 3px;
      background: var(--surface-3);
      display: block;
      cursor: default;
    }
    & i[data-l="1"] {
      background: var(--accent);
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--accent) 25%, var(--surface-3));
      }
    }
    & i[data-l="2"] {
      background: var(--accent);
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--accent) 50%, var(--surface-3));
      }
    }
    & i[data-l="3"] {
      background: var(--accent);
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in srgb, var(--accent) 75%, var(--surface-3));
      }
    }
    & i[data-l="4"] {
      background: var(--accent);
    }
  }
  .kv {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 5px 18px;
    font-size: 12.5px;
    & dt {
      color: var(--ink-3);
    }
    & dd {
      color: var(--ink-2);
      word-break: break-all;
    }
  }
  .tiles {
    display: grid;
    gap: var(--gap);
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .pill {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 20px;
    font-size: 11px;
    border: 1px solid var(--line-strong);
    color: var(--ink-2);
    white-space: nowrap;
    line-height: 1.7;
    &.ok {
      color: var(--ok);
      border-color: currentColor;
      opacity: .95;
    }
    &.warn {
      color: var(--warn);
      border-color: currentColor;
    }
    &.dim {
      color: var(--ink-3);
      border-style: dashed;
    }
    &.acc {
      color: var(--accent-ink);
      background: var(--accent-soft);
      border-color: transparent;
    }
  }
  .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;
  }
  .\[field-sizing\:content\] {
    field-sizing: content;
  }
  .\[aspect-ratio\:1\] {
    aspect-ratio: 1;
  }
  .aspect-\[1\] {
    aspect-ratio: 1;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-0 {
    width: 0px;
    height: 0px;
  }
  .size-\[4px\] {
    width: 4px;
    height: 4px;
  }
  .size-\[5px\] {
    width: 5px;
    height: 5px;
  }
  .size-\[6px\] {
    width: 6px;
    height: 6px;
  }
  .size-\[7px\] {
    width: 7px;
    height: 7px;
  }
  .size-\[8px\] {
    width: 8px;
    height: 8px;
  }
  .size-\[9px\] {
    width: 9px;
    height: 9px;
  }
  .size-\[10px\] {
    width: 10px;
    height: 10px;
  }
  .size-\[11px\] {
    width: 11px;
    height: 11px;
  }
  .size-\[12px\] {
    width: 12px;
    height: 12px;
  }
  .size-\[13px\] {
    width: 13px;
    height: 13px;
  }
  .size-\[14px\] {
    width: 14px;
    height: 14px;
  }
  .size-\[15px\] {
    width: 15px;
    height: 15px;
  }
  .size-\[16px\] {
    width: 16px;
    height: 16px;
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[20px\] {
    width: 20px;
    height: 20px;
  }
  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }
  .size-\[24px\] {
    width: 24px;
    height: 24px;
  }
  .size-\[25px\] {
    width: 25px;
    height: 25px;
  }
  .size-\[26px\] {
    width: 26px;
    height: 26px;
  }
  .size-\[28px\] {
    width: 28px;
    height: 28px;
  }
  .size-\[30px\] {
    width: 30px;
    height: 30px;
  }
  .size-\[32px\] {
    width: 32px;
    height: 32px;
  }
  .size-\[34px\] {
    width: 34px;
    height: 34px;
  }
  .size-\[36px\] {
    width: 36px;
    height: 36px;
  }
  .size-\[40px\] {
    width: 40px;
    height: 40px;
  }
  .size-\[44px\] {
    width: 44px;
    height: 44px;
  }
  .size-\[56px\] {
    width: 56px;
    height: 56px;
  }
  .size-\[57\%\] {
    width: 57%;
    height: 57%;
  }
  .size-\[64px\] {
    width: 64px;
    height: 64px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .bar {
    height: 6px;
    border-radius: 3px;
    background: var(--accent);
    opacity: .85;
    min-width: 2px;
  }
  .track {
    background: var(--surface-3);
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
  }
  .h-0 {
    height: 0px;
  }
  .h-1\/2 {
    height: calc(1 / 2 * 100%);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[2\.7em\] {
    height: 2.7em;
  }
  .h-\[2\.9em\] {
    height: 2.9em;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[4em\] {
    height: 4em;
  }
  .h-\[4px\] {
    height: 4px;
  }
  .h-\[5px\] {
    height: 5px;
  }
  .h-\[6\.2em\] {
    height: 6.2em;
  }
  .h-\[6px\] {
    height: 6px;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[8px\] {
    height: 8px;
  }
  .h-\[9px\] {
    height: 9px;
  }
  .h-\[10px\] {
    height: 10px;
  }
  .h-\[11px\] {
    height: 11px;
  }
  .h-\[12px\] {
    height: 12px;
  }
  .h-\[13px\] {
    height: 13px;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[19px\] {
    height: 19px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[23px\] {
    height: 23px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[27px\] {
    height: 27px;
  }
  .h-\[28px\] {
    height: 28px;
  }
  .h-\[29px\] {
    height: 29px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[31px\] {
    height: 31px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[33px\] {
    height: 33px;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[36px\] {
    height: 36px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[40px\] {
    height: 40px;
  }
  .h-\[42px\] {
    height: 42px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[46px\] {
    height: 46px;
  }
  .h-\[50px\] {
    height: 50px;
  }
  .h-\[54px\] {
    height: 54px;
  }
  .h-\[56px\] {
    height: 56px;
  }
  .h-\[58dvh\] {
    height: 58dvh;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[68px\] {
    height: 68px;
  }
  .h-\[84\%\] {
    height: 84%;
  }
  .h-\[84px\] {
    height: 84px;
  }
  .h-\[88dvh\] {
    height: 88dvh;
  }
  .h-\[92dvh\] {
    height: 92dvh;
  }
  .h-\[92px\] {
    height: 92px;
  }
  .h-\[100dvh\] {
    height: 100dvh;
  }
  .h-\[100vh\] {
    height: 100vh;
  }
  .h-\[128px\] {
    height: 128px;
  }
  .h-\[150px\] {
    height: 150px;
  }
  .h-\[176px\] {
    height: 176px;
  }
  .h-\[340px\] {
    height: 340px;
  }
  .h-\[560px\] {
    height: 560px;
  }
  .h-\[612px\] {
    height: 612px;
  }
  .h-\[860px\] {
    height: 860px;
  }
  .h-\[calc\(100\%\+80px\)\] {
    height: calc(100% + 80px);
  }
  .h-\[calc\(100dvh-72px-var\(--quick-h\,0px\)\)\] {
    height: calc(100dvh - 72px - var(--quick-h,0px));
  }
  .h-\[calc\(100dvh_-_var\(--quick-h\,0px\)\)\] {
    height: calc(100dvh - var(--quick-h,0px));
  }
  .h-\[calc\(100vh_-_16px\)\] {
    height: calc(100vh - 16px);
  }
  .h-\[calc\(var\(--quick-h\)_-_8px\)\] {
    height: calc(var(--quick-h) - 8px);
  }
  .h-\[clamp\(11px\,5\.4cqw\,20px\)\] {
    height: clamp(11px, 5.4cqw, 20px);
  }
  .h-\[clamp\(40px\,23cqw\,86px\)\] {
    height: clamp(40px, 23cqw, 86px);
  }
  .h-\[max\(480px\,calc\(100dvh_-_200px\)\)\] {
    height: max(480px, calc(100dvh - 200px));
  }
  .h-\[var\(--rm-row\)\] {
    height: var(--rm-row);
  }
  .h-\[var\(--todo-row\)\] {
    height: var(--todo-row);
  }
  .h-auto {
    height: auto;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-\[7\.2em\] {
    max-height: 7.2em;
  }
  .max-h-\[8\.3em\] {
    max-height: 8.3em;
  }
  .max-h-\[28vh\] {
    max-height: 28vh;
  }
  .max-h-\[38dvh\] {
    max-height: 38dvh;
  }
  .max-h-\[45\%\] {
    max-height: 45%;
  }
  .max-h-\[62svh\] {
    max-height: 62svh;
  }
  .max-h-\[64\%\] {
    max-height: 64%;
  }
  .max-h-\[85dvh\] {
    max-height: 85dvh;
  }
  .max-h-\[88vh\] {
    max-height: 88vh;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[150px\] {
    max-height: 150px;
  }
  .max-h-\[176px\] {
    max-height: 176px;
  }
  .max-h-\[192px\] {
    max-height: 192px;
  }
  .max-h-\[220px\] {
    max-height: 220px;
  }
  .max-h-\[240px\] {
    max-height: 240px;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[340px\] {
    max-height: 340px;
  }
  .max-h-\[360px\] {
    max-height: 360px;
  }
  .max-h-\[440px\] {
    max-height: 440px;
  }
  .max-h-\[calc\(100\%-12px\)\] {
    max-height: calc(100% - 12px);
  }
  .max-h-\[calc\(100dvh-24px\)\] {
    max-height: calc(100dvh - 24px);
  }
  .max-h-\[calc\(100dvh-32px\)\] {
    max-height: calc(100dvh - 32px);
  }
  .max-h-\[calc\(100dvh-40px\)\] {
    max-height: calc(100dvh - 40px);
  }
  .max-h-\[calc\(100dvh-64px\)\] {
    max-height: calc(100dvh - 64px);
  }
  .max-h-\[calc\(100dvh-96px\)\] {
    max-height: calc(100dvh - 96px);
  }
  .max-h-\[calc\(100dvh-150px\)\] {
    max-height: calc(100dvh - 150px);
  }
  .max-h-\[calc\(100vh_-_48px_-_var\(--quick-h\,0px\)_-_env\(safe-area-inset-bottom\)\)\] {
    max-height: calc(100vh - 48px - var(--quick-h,0px) - env(safe-area-inset-bottom));
  }
  .max-h-\[calc\(var\(--todo-row\)\*5\)\] {
    max-height: calc(var(--todo-row) * 5);
  }
  .max-h-\[max\(230px\,min\(470px\,calc\(100\%-250px\)\)\)\] {
    max-height: max(230px, min(470px, calc(100% - 250px)));
  }
  .max-h-\[min\(50vh\,520px\)\] {
    max-height: min(50vh, 520px);
  }
  .max-h-\[min\(52vh\,560px\)\] {
    max-height: min(52vh, 560px);
  }
  .max-h-\[min\(420px\,60dvh\)\] {
    max-height: min(420px, 60dvh);
  }
  .max-h-\[min\(480px\,calc\(100dvh_-_120px\)\)\] {
    max-height: min(480px, calc(100dvh - 120px));
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-none {
    max-height: none;
  }
  .min-h-\(--bh-w\) {
    min-height: var(--bh-w);
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-\[1\.4em\] {
    min-height: 1.4em;
  }
  .min-h-\[1\.6em\] {
    min-height: 1.6em;
  }
  .min-h-\[3px\] {
    min-height: 3px;
  }
  .min-h-\[14px\] {
    min-height: 14px;
  }
  .min-h-\[16px\] {
    min-height: 16px;
  }
  .min-h-\[18px\] {
    min-height: 18px;
  }
  .min-h-\[20px\] {
    min-height: 20px;
  }
  .min-h-\[23px\] {
    min-height: 23px;
  }
  .min-h-\[26px\] {
    min-height: 26px;
  }
  .min-h-\[28px\] {
    min-height: 28px;
  }
  .min-h-\[29px\] {
    min-height: 29px;
  }
  .min-h-\[30px\] {
    min-height: 30px;
  }
  .min-h-\[32px\] {
    min-height: 32px;
  }
  .min-h-\[34px\] {
    min-height: 34px;
  }
  .min-h-\[36px\] {
    min-height: 36px;
  }
  .min-h-\[38px\] {
    min-height: 38px;
  }
  .min-h-\[40px\] {
    min-height: 40px;
  }
  .min-h-\[42px\] {
    min-height: 42px;
  }
  .min-h-\[44px\] {
    min-height: 44px;
  }
  .min-h-\[46px\] {
    min-height: 46px;
  }
  .min-h-\[48px\] {
    min-height: 48px;
  }
  .min-h-\[51px\] {
    min-height: 51px;
  }
  .min-h-\[52px\] {
    min-height: 52px;
  }
  .min-h-\[58px\] {
    min-height: 58px;
  }
  .min-h-\[62px\] {
    min-height: 62px;
  }
  .min-h-\[63px\] {
    min-height: 63px;
  }
  .min-h-\[64px\] {
    min-height: 64px;
  }
  .min-h-\[70px\] {
    min-height: 70px;
  }
  .min-h-\[72px\] {
    min-height: 72px;
  }
  .min-h-\[84px\] {
    min-height: 84px;
  }
  .min-h-\[90px\] {
    min-height: 90px;
  }
  .min-h-\[92px\] {
    min-height: 92px;
  }
  .min-h-\[96px\] {
    min-height: 96px;
  }
  .min-h-\[100vh\] {
    min-height: 100vh;
  }
  .min-h-\[120px\] {
    min-height: 120px;
  }
  .min-h-\[150px\] {
    min-height: 150px;
  }
  .min-h-\[190px\] {
    min-height: 190px;
  }
  .min-h-\[200px\] {
    min-height: 200px;
  }
  .min-h-\[220px\] {
    min-height: 220px;
  }
  .min-h-\[240px\] {
    min-height: 240px;
  }
  .min-h-\[260px\] {
    min-height: 260px;
  }
  .min-h-\[320px\] {
    min-height: 320px;
  }
  .min-h-\[420px\] {
    min-height: 420px;
  }
  .min-h-\[440px\] {
    min-height: 440px;
  }
  .min-h-\[520px\] {
    min-height: 520px;
  }
  .min-h-\[650px\] {
    min-height: 650px;
  }
  .min-h-\[690px\] {
    min-height: 690px;
  }
  .min-h-\[calc\(100dvh-var\(--quick-h\,0px\)\)\] {
    min-height: calc(100dvh - var(--quick-h,0px));
  }
  .min-h-\[inherit\] {
    min-height: inherit;
  }
  .min-h-\[max\(420px\,calc\(100dvh-300px\)\)\] {
    min-height: max(420px, calc(100dvh - 300px));
  }
  .min-h-full {
    min-height: 100%;
  }
  :where(.app:has( > .wall):not(:has( > .main.home))) .onwall-pill {
    width: fit-content;
    padding: 3px 11px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), var(--glass-bg-strong);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), color-mix(in srgb, color-mix(in srgb, var(--glass-bg-strong), transparent var(--glass-clear, 0%)), var(--surface) var(--glass-tint, 0%));
    }
    border: 1px solid var(--glass-line);
    box-shadow: inset 0 1px 0 var(--glass-hi), var(--glass-shadow);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
    backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
  }
  .w-0 {
    width: 0px;
  }
  .w-\[1px\] {
    width: 1px;
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[4px\] {
    width: 4px;
  }
  .w-\[5px\] {
    width: 5px;
  }
  .w-\[6px\] {
    width: 6px;
  }
  .w-\[7px\] {
    width: 7px;
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[9px\] {
    width: 9px;
  }
  .w-\[10px\] {
    width: 10px;
  }
  .w-\[11px\] {
    width: 11px;
  }
  .w-\[12px\] {
    width: 12px;
  }
  .w-\[13px\] {
    width: 13px;
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-\[15px\] {
    width: 15px;
  }
  .w-\[16px\] {
    width: 16px;
  }
  .w-\[17\%\] {
    width: 17%;
  }
  .w-\[17px\] {
    width: 17px;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[19px\] {
    width: 19px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[21\%\] {
    width: 21%;
  }
  .w-\[21px\] {
    width: 21px;
  }
  .w-\[22\%\] {
    width: 22%;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[25px\] {
    width: 25px;
  }
  .w-\[26px\] {
    width: 26px;
  }
  .w-\[28px\] {
    width: 28px;
  }
  .w-\[29px\] {
    width: 29px;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[31px\] {
    width: 31px;
  }
  .w-\[32px\] {
    width: 32px;
  }
  .w-\[33px\] {
    width: 33px;
  }
  .w-\[34px\] {
    width: 34px;
  }
  .w-\[36px\] {
    width: 36px;
  }
  .w-\[38px\] {
    width: 38px;
  }
  .w-\[40\%\] {
    width: 40%;
  }
  .w-\[40px\] {
    width: 40px;
  }
  .w-\[42px\] {
    width: 42px;
  }
  .w-\[44px\] {
    width: 44px;
  }
  .w-\[46\%\] {
    width: 46%;
  }
  .w-\[46px\] {
    width: 46px;
  }
  .w-\[48px\] {
    width: 48px;
  }
  .w-\[52\%\] {
    width: 52%;
  }
  .w-\[52px\] {
    width: 52px;
  }
  .w-\[54px\] {
    width: 54px;
  }
  .w-\[58\%\] {
    width: 58%;
  }
  .w-\[60px\] {
    width: 60px;
  }
  .w-\[62\%\] {
    width: 62%;
  }
  .w-\[62px\] {
    width: 62px;
  }
  .w-\[64\%\] {
    width: 64%;
  }
  .w-\[64px\] {
    width: 64px;
  }
  .w-\[65\%\] {
    width: 65%;
  }
  .w-\[68px\] {
    width: 68px;
  }
  .w-\[72px\] {
    width: 72px;
  }
  .w-\[74px\] {
    width: 74px;
  }
  .w-\[76\%\] {
    width: 76%;
  }
  .w-\[76px\] {
    width: 76px;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[82\%\] {
    width: 82%;
  }
  .w-\[82px\] {
    width: 82px;
  }
  .w-\[88px\] {
    width: 88px;
  }
  .w-\[92px\] {
    width: 92px;
  }
  .w-\[96px\] {
    width: 96px;
  }
  .w-\[96vw\] {
    width: 96vw;
  }
  .w-\[110px\] {
    width: 110px;
  }
  .w-\[112px\] {
    width: 112px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[132px\] {
    width: 132px;
  }
  .w-\[140px\] {
    width: 140px;
  }
  .w-\[150px\] {
    width: 150px;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[212px\] {
    width: 212px;
  }
  .w-\[220px\] {
    width: 220px;
  }
  .w-\[260px\] {
    width: 260px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[1300px\] {
    width: 1300px;
  }
  .w-\[calc\(100\%\+80px\)\] {
    width: calc(100% + 80px);
  }
  .w-\[calc\(100\%_-_32px\)\] {
    width: calc(100% - 32px);
  }
  .w-\[calc\(var\(--days\)\*var\(--dw\)\)\] {
    width: calc(var(--days) * var(--dw));
  }
  .w-\[calc\(var\(--hub\)_\*_\.8\)\] {
    width: calc(var(--hub) * .8);
  }
  .w-\[calc\(var\(--rm-label\)\+var\(--days\)\*var\(--dw\)\)\] {
    width: calc(var(--rm-label) + var(--days) * var(--dw));
  }
  .w-\[min\(58\%\,230px\)\] {
    width: min(58%, 230px);
  }
  .w-\[min\(80vw\,960px\)\] {
    width: min(80vw, 960px);
  }
  .w-\[min\(86vw\,460px\)\] {
    width: min(86vw, 460px);
  }
  .w-\[min\(100\%\,30em\)\] {
    width: min(100%, 30em);
  }
  .w-\[min\(100\%\,184px\)\] {
    width: min(100%, 184px);
  }
  .w-\[min\(168px\,calc\(50\%_-_7px\)\)\] {
    width: min(168px, calc(50% - 7px));
  }
  .w-\[min\(240px\,100\%\)\] {
    width: min(240px, 100%);
  }
  .w-\[min\(300px\,calc\(100vw-24px\)\)\] {
    width: min(300px, calc(100vw - 24px));
  }
  .w-\[min\(360px\,calc\(100vw_-_32px\)\)\] {
    width: min(360px, calc(100vw - 32px));
  }
  .w-\[min\(380px\,calc\(100vw-32px\)\)\] {
    width: min(380px, calc(100vw - 32px));
  }
  .w-\[min\(420px\,calc\(100\%-20px\)\)\] {
    width: min(420px, calc(100% - 20px));
  }
  .w-\[min\(440px\,100\%\)\] {
    width: min(440px, 100%);
  }
  .w-\[min\(520px\,calc\(100\%_-_52px\)\)\] {
    width: min(520px, calc(100% - 52px));
  }
  .w-\[min\(560px\,calc\(100vw-24px\)\)\] {
    width: min(560px, calc(100vw - 24px));
  }
  .w-\[min\(560px\,calc\(100vw_-_32px\)\)\] {
    width: min(560px, calc(100vw - 32px));
  }
  .w-\[min\(780px\,100vw\)\] {
    width: min(780px, 100vw);
  }
  .w-\[min\(1280px\,94vw\)\] {
    width: min(1280px, 94vw);
  }
  .w-\[var\(--dw\)\] {
    width: var(--dw);
  }
  .w-\[var\(--rm-label\)\] {
    width: var(--rm-label);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .tt {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-\[9em\] {
    max-width: 9em;
  }
  .max-w-\[10em\] {
    max-width: 10em;
  }
  .max-w-\[18em\] {
    max-width: 18em;
  }
  .max-w-\[34em\] {
    max-width: 34em;
  }
  .max-w-\[36em\] {
    max-width: 36em;
  }
  .max-w-\[44vw\] {
    max-width: 44vw;
  }
  .max-w-\[46\%\] {
    max-width: 46%;
  }
  .max-w-\[60\%\] {
    max-width: 60%;
  }
  .max-w-\[64px\] {
    max-width: 64px;
  }
  .max-w-\[70ch\] {
    max-width: 70ch;
  }
  .max-w-\[80px\] {
    max-width: 80px;
  }
  .max-w-\[90px\] {
    max-width: 90px;
  }
  .max-w-\[96px\] {
    max-width: 96px;
  }
  .max-w-\[100px\] {
    max-width: 100px;
  }
  .max-w-\[118px\] {
    max-width: 118px;
  }
  .max-w-\[140px\] {
    max-width: 140px;
  }
  .max-w-\[145px\] {
    max-width: 145px;
  }
  .max-w-\[170px\] {
    max-width: 170px;
  }
  .max-w-\[180px\] {
    max-width: 180px;
  }
  .max-w-\[215px\] {
    max-width: 215px;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[250px\] {
    max-width: 250px;
  }
  .max-w-\[260px\] {
    max-width: 260px;
  }
  .max-w-\[320px\] {
    max-width: 320px;
  }
  .max-w-\[392px\] {
    max-width: 392px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[440px\] {
    max-width: 440px;
  }
  .max-w-\[460px\] {
    max-width: 460px;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .max-w-\[640px\] {
    max-width: 640px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[820px\] {
    max-width: 820px;
  }
  .max-w-\[980px\] {
    max-width: 980px;
  }
  .max-w-\[1180px\] {
    max-width: 1180px;
  }
  .max-w-\[1400px\] {
    max-width: 1400px;
  }
  .max-w-\[1480px\] {
    max-width: 1480px;
  }
  .max-w-\[1560px\] {
    max-width: 1560px;
  }
  .max-w-\[calc\(100\%_-_32px\)\] {
    max-width: calc(100% - 32px);
  }
  .max-w-\[calc\(100vw-16px\)\] {
    max-width: calc(100vw - 16px);
  }
  .max-w-\[min\(100\%\,260px\)\] {
    max-width: min(100%, 260px);
  }
  .max-w-\[min\(280px\,calc\(100vw_-_24px\)\)\] {
    max-width: min(280px, calc(100vw - 24px));
  }
  .max-w-\[min\(340px\,100\%\)\] {
    max-width: min(340px, 100%);
  }
  .max-w-\[min\(440px\,calc\(100vw_-_32px\)\)\] {
    max-width: min(440px, calc(100vw - 32px));
  }
  .max-w-\[min\(560px\,calc\(100vw-32px\)\)\] {
    max-width: min(560px, calc(100vw - 32px));
  }
  .max-w-\[min\(720px\,calc\(100vw_-_32px\)\)\] {
    max-width: min(720px, calc(100vw - 32px));
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-screen-md {
    max-width: var(--breakpoint-md);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-\[2px\] {
    min-width: 2px;
  }
  .min-w-\[3px\] {
    min-width: 3px;
  }
  .min-w-\[5em\] {
    min-width: 5em;
  }
  .min-w-\[18px\] {
    min-width: 18px;
  }
  .min-w-\[20px\] {
    min-width: 20px;
  }
  .min-w-\[22px\] {
    min-width: 22px;
  }
  .min-w-\[24px\] {
    min-width: 24px;
  }
  .min-w-\[26px\] {
    min-width: 26px;
  }
  .min-w-\[30px\] {
    min-width: 30px;
  }
  .min-w-\[32px\] {
    min-width: 32px;
  }
  .min-w-\[35px\] {
    min-width: 35px;
  }
  .min-w-\[36px\] {
    min-width: 36px;
  }
  .min-w-\[38px\] {
    min-width: 38px;
  }
  .min-w-\[44px\] {
    min-width: 44px;
  }
  .min-w-\[48px\] {
    min-width: 48px;
  }
  .min-w-\[49px\] {
    min-width: 49px;
  }
  .min-w-\[54px\] {
    min-width: 54px;
  }
  .min-w-\[64px\] {
    min-width: 64px;
  }
  .min-w-\[84px\] {
    min-width: 84px;
  }
  .min-w-\[86px\] {
    min-width: 86px;
  }
  .min-w-\[92px\] {
    min-width: 92px;
  }
  .min-w-\[96px\] {
    min-width: 96px;
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[128px\] {
    min-width: 128px;
  }
  .min-w-\[130px\] {
    min-width: 130px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[148px\] {
    min-width: 148px;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[160px\] {
    min-width: 160px;
  }
  .min-w-\[170px\] {
    min-width: 170px;
  }
  .min-w-\[190px\] {
    min-width: 190px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[240px\] {
    min-width: 240px;
  }
  .min-w-\[280px\] {
    min-width: 280px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .min-w-\[520px\] {
    min-width: 520px;
  }
  .min-w-\[560px\] {
    min-width: 560px;
  }
  .min-w-\[600px\] {
    min-width: 600px;
  }
  .min-w-\[640px\] {
    min-width: 640px;
  }
  .min-w-\[680px\] {
    min-width: 680px;
  }
  .min-w-\[720px\] {
    min-width: 720px;
  }
  .min-w-\[760px\] {
    min-width: 760px;
  }
  .min-w-\[820px\] {
    min-width: 820px;
  }
  .min-w-\[1010px\] {
    min-width: 1010px;
  }
  .min-w-\[min\(100\%\,170px\)\] {
    min-width: min(100%, 170px);
  }
  .min-w-\[min\(100\%\,300px\)\] {
    min-width: min(100%, 300px);
  }
  .min-w-\[min\(100\%\,420px\)\] {
    min-width: min(100%, 420px);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[1\.8_1_0\] {
    flex: 1.8 1 0;
  }
  .flex-\[1_1_0\] {
    flex: 1 1 0;
  }
  .flex-\[1_1_80px\] {
    flex: 1 1 80px;
  }
  .flex-\[1_1_180px\] {
    flex: 1 1 180px;
  }
  .flex-\[1_1_240px\] {
    flex: 1 1 240px;
  }
  .flex-\[3_1_0\] {
    flex: 3 1 0;
  }
  .flex-none {
    flex: none;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-0 {
    flex-basis: 0px;
  }
  .basis-\[180px\] {
    flex-basis: 180px;
  }
  .basis-\[200px\] {
    flex-basis: 200px;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .\[border-collapse\:collapse\] {
    border-collapse: collapse;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-left {
    transform-origin: 0;
  }
  .origin-top-left {
    transform-origin: 0 0;
  }
  .-translate-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-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);
  }
  .-translate-y-\[\.06em\] {
    --tw-translate-y: calc(.06em * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-scale-x-100 {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[\.5\] {
    scale: .5;
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-\[1\.5deg\] {
    rotate: 1.5deg;
  }
  .\[transform\:rotate\(90deg\)\] {
    transform: rotate(90deg);
  }
  .\[transform\:scaleX\(-1\)\] {
    transform: scaleX(-1);
  }
  .\[transform\:translate\(-50\%\,-50\%\)\] {
    transform: translate(-50%,-50%);
  }
  .\[transform\:translateX\(-1px\)\] {
    transform: translateX(-1px);
  }
  .\[transform\:translateX\(-50\%\)\] {
    transform: translateX(-50%);
  }
  .\[transform\:translateY\(-50\%\)\] {
    transform: translateY(-50%);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-cs-fresh {
    animation: var(--animate-cs-fresh);
  }
  .animate-lc-rise {
    animation: var(--animate-lc-rise);
  }
  .animate-sk-pulse {
    animation: var(--animate-sk-pulse);
  }
  .cursor-crosshair {
    cursor: crosshair;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-grabbing {
    cursor: grabbing;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-ns-resize {
    cursor: ns-resize;
  }
  .cursor-nwse-resize {
    cursor: nwse-resize;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-row-resize {
    cursor: row-resize;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-zoom-in {
    cursor: zoom-in;
  }
  .cursor-zoom-out {
    cursor: zoom-out;
  }
  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .\[touch-action\:manipulation\] {
    touch-action: manipulation;
  }
  .\[touch-action\:pan-x_pan-y\] {
    touch-action: pan-x pan-y;
  }
  .touch-manipulation {
    touch-action: manipulation;
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .resize-y {
    resize: vertical;
  }
  .\[scroll-snap-type\:x_proximity\] {
    scroll-snap-type: x proximity;
  }
  .\[scroll-snap-align\:start\] {
    scroll-snap-align: start;
  }
  .\[scroll-margin-top\:76px\] {
    scroll-margin-top: 76px;
  }
  .scroll-mt-\[90px\] {
    scroll-margin-top: 90px;
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }
  .\[scrollbar-color\:\#264341_transparent\] {
    scrollbar-color: #264341 transparent;
  }
  .\[scrollbar-color\:var\(--t-edge\)_transparent\] {
    scrollbar-color: var(--t-edge) transparent;
  }
  .\[scrollbar-color\:var\(--t-edge\,\#264341\)_transparent\] {
    scrollbar-color: var(--t-edge,#264341) transparent;
  }
  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .\[appearance\:textfield\] {
    appearance: textfield;
  }
  .appearance-none {
    appearance: none;
  }
  .auto-cols-\[minmax\(0\,84px\)\] {
    grid-auto-columns: minmax(0,84px);
  }
  .auto-cols-\[minmax\(220px\,1fr\)\] {
    grid-auto-columns: minmax(220px,1fr);
  }
  .auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .auto-rows-\[22px\] {
    grid-auto-rows: 22px;
  }
  .auto-rows-\[minmax\(0\,1fr\)\] {
    grid-auto-rows: minmax(0,1fr);
  }
  .\[grid-template-columns\:0fr\] {
    grid-template-columns: 0fr;
  }
  .\[grid-template-columns\:62px_minmax\(0\,1fr\)_76px\] {
    grid-template-columns: 62px minmax(0,1fr) 76px;
  }
  .\[grid-template-columns\:minmax\(120px\,1\.6fr\)_minmax\(92px\,1fr\)_46px_auto_40px_52px_52px_auto\] {
    grid-template-columns: minmax(120px,1.6fr) minmax(92px,1fr) 46px auto 40px 52px 52px auto;
  }
  .\[grid-template-columns\:minmax\(170px\,1fr\)_minmax\(240px\,1\.5fr\)_minmax\(240px\,1\.5fr\)_minmax\(170px\,1fr\)\] {
    grid-template-columns: minmax(170px,1fr) minmax(240px,1.5fr) minmax(240px,1.5fr) minmax(170px,1fr);
  }
  .\[grid-template-columns\:repeat\(3\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .\[grid-template-columns\:repeat\(5\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(5,minmax(0,1fr));
  }
  .\[grid-template-columns\:repeat\(7\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(7,minmax(0,1fr));
  }
  .\[grid-template-columns\:repeat\(auto-fill\,minmax\(240px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
  }
  .\[grid-template-columns\:repeat\(auto-fit\,minmax\(110px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(110px,1fr));
  }
  .\[grid-template-columns\:repeat\(auto-fit\,minmax\(240px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
  }
  .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-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }
  .grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr;
  }
  .grid-cols-\[1fr_88px\] {
    grid-template-columns: 1fr 88px;
  }
  .grid-cols-\[1fr_88px_auto\] {
    grid-template-columns: 1fr 88px auto;
  }
  .grid-cols-\[1fr_112px\] {
    grid-template-columns: 1fr 112px;
  }
  .grid-cols-\[12px_auto_minmax\(0\,1fr\)\] {
    grid-template-columns: 12px auto minmax(0,1fr);
  }
  .grid-cols-\[14px_20px_38px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 14px 20px 38px minmax(0,1fr) auto;
  }
  .grid-cols-\[14px_20px_minmax\(0\,1fr\)\] {
    grid-template-columns: 14px 20px minmax(0,1fr);
  }
  .grid-cols-\[14px_44px_1fr_1fr_120px_120px_56px_70px_22px\] {
    grid-template-columns: 14px 44px 1fr 1fr 120px 120px 56px 70px 22px;
  }
  .grid-cols-\[14px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 14px minmax(0,1fr) auto;
  }
  .grid-cols-\[22px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 22px minmax(0,1fr) auto;
  }
  .grid-cols-\[24px_1fr\] {
    grid-template-columns: 24px 1fr;
  }
  .grid-cols-\[44px_1fr\] {
    grid-template-columns: 44px 1fr;
  }
  .grid-cols-\[44px_repeat\(7\,minmax\(138px\,1fr\)\)\] {
    grid-template-columns: 44px repeat(7,minmax(138px,1fr));
  }
  .grid-cols-\[52px_1fr_auto\] {
    grid-template-columns: 52px 1fr auto;
  }
  .grid-cols-\[52px_minmax\(0\,1fr\)\] {
    grid-template-columns: 52px minmax(0,1fr);
  }
  .grid-cols-\[64px_1fr\] {
    grid-template-columns: 64px 1fr;
  }
  .grid-cols-\[68px_1fr\] {
    grid-template-columns: 68px 1fr;
  }
  .grid-cols-\[72px_1fr\] {
    grid-template-columns: 72px 1fr;
  }
  .grid-cols-\[72px_minmax\(0\,1fr\)\] {
    grid-template-columns: 72px minmax(0,1fr);
  }
  .grid-cols-\[72px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 72px minmax(0,1fr) auto;
  }
  .grid-cols-\[76px_1fr\] {
    grid-template-columns: 76px 1fr;
  }
  .grid-cols-\[76px_minmax\(0\,1fr\)\] {
    grid-template-columns: 76px minmax(0,1fr);
  }
  .grid-cols-\[90px_minmax\(0\,1fr\)_70px_80px\] {
    grid-template-columns: 90px minmax(0,1fr) 70px 80px;
  }
  .grid-cols-\[96px_1fr\] {
    grid-template-columns: 96px 1fr;
  }
  .grid-cols-\[96px_minmax\(0\,1fr\)\] {
    grid-template-columns: 96px minmax(0,1fr);
  }
  .grid-cols-\[118px_repeat\(7\,minmax\(96px\,1fr\)\)\] {
    grid-template-columns: 118px repeat(7,minmax(96px,1fr));
  }
  .grid-cols-\[120px_minmax\(0\,1fr\)_64px\] {
    grid-template-columns: 120px minmax(0,1fr) 64px;
  }
  .grid-cols-\[124px_1fr\] {
    grid-template-columns: 124px 1fr;
  }
  .grid-cols-\[132px_1fr\] {
    grid-template-columns: 132px 1fr;
  }
  .grid-cols-\[132px_1fr_auto\] {
    grid-template-columns: 132px 1fr auto;
  }
  .grid-cols-\[150px_1fr\] {
    grid-template-columns: 150px 1fr;
  }
  .grid-cols-\[260px_minmax\(0\,1fr\)_300px\] {
    grid-template-columns: 260px minmax(0,1fr) 300px;
  }
  .grid-cols-\[270px_minmax\(0\,1fr\)\] {
    grid-template-columns: 270px minmax(0,1fr);
  }
  .grid-cols-\[280px_minmax\(0\,1fr\)\] {
    grid-template-columns: 280px minmax(0,1fr);
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0,1fr);
  }
  .grid-cols-\[max-content_minmax\(0\,1fr\)_max-content\] {
    grid-template-columns: max-content minmax(0,1fr) max-content;
  }
  .grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.8fr\)\] {
    grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) minmax(0,0.8fr);
  }
  .grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1.35fr) minmax(0,1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_280px\] {
    grid-template-columns: minmax(0,1fr) 280px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_320px\] {
    grid-template-columns: minmax(0,1fr) 320px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto_44px\] {
    grid-template-columns: minmax(0,1fr) auto 44px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto_48px\] {
    grid-template-columns: minmax(0,1fr) auto 48px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.1fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(360px\,420px\)\] {
    grid-template-columns: minmax(0,1fr) minmax(360px,420px);
  }
  .grid-cols-\[minmax\(0\,1fr\)_var\(--pc-detail\)\] {
    grid-template-columns: minmax(0,1fr) var(--pc-detail);
  }
  .grid-cols-\[minmax\(0\,96px\)\] {
    grid-template-columns: minmax(0,96px);
  }
  .grid-cols-\[minmax\(0\,108px\)_minmax\(0\,40px\)_minmax\(0\,108px\)_minmax\(0\,44px\)_minmax\(0\,108px\)_minmax\(0\,44px\)_minmax\(0\,108px\)_minmax\(0\,40px\)_minmax\(0\,108px\)\] {
    grid-template-columns: minmax(0,108px) minmax(0,40px) minmax(0,108px) minmax(0,44px) minmax(0,108px) minmax(0,44px) minmax(0,108px) minmax(0,40px) minmax(0,108px);
  }
  .grid-cols-\[minmax\(0\,132px\)\] {
    grid-template-columns: minmax(0,132px);
  }
  .grid-cols-\[minmax\(220px\,300px\)_1fr\] {
    grid-template-columns: minmax(220px,300px) 1fr;
  }
  .grid-cols-\[minmax\(240px\,1fr\)_2\.4fr\] {
    grid-template-columns: minmax(240px,1fr) 2.4fr;
  }
  .grid-cols-\[minmax\(320px\,400px\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(320px,400px) minmax(0,1fr);
  }
  .grid-cols-\[minmax\(340px\,1fr\)_minmax\(0\,1\.5fr\)\] {
    grid-template-columns: minmax(340px,1fr) minmax(0,1.5fr);
  }
  .grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .grid-cols-\[repeat\(2\,minmax\(0\,96px\)\)\] {
    grid-template-columns: repeat(2,minmax(0,96px));
  }
  .grid-cols-\[repeat\(2\,minmax\(0\,140px\)\)\] {
    grid-template-columns: repeat(2,minmax(0,140px));
  }
  .grid-cols-\[repeat\(3\,1fr\)\] {
    grid-template-columns: repeat(3,1fr);
  }
  .grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
  .grid-cols-\[repeat\(3\,minmax\(0\,92px\)\)\] {
    grid-template-columns: repeat(3,minmax(0,92px));
  }
  .grid-cols-\[repeat\(3\,minmax\(0\,96px\)\)\] {
    grid-template-columns: repeat(3,minmax(0,96px));
  }
  .grid-cols-\[repeat\(3\,minmax\(0\,124px\)\)\] {
    grid-template-columns: repeat(3,minmax(0,124px));
  }
  .grid-cols-\[repeat\(4\,1fr\)\] {
    grid-template-columns: repeat(4,1fr);
  }
  .grid-cols-\[repeat\(4\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
  .grid-cols-\[repeat\(4\,minmax\(0\,100px\)\)\] {
    grid-template-columns: repeat(4,minmax(0,100px));
  }
  .grid-cols-\[repeat\(4\,minmax\(0\,124px\)\)\] {
    grid-template-columns: repeat(4,minmax(0,124px));
  }
  .grid-cols-\[repeat\(7\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(7,minmax(0,1fr));
  }
  .grid-cols-\[repeat\(10\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(10,minmax(0,1fr));
  }
  .grid-cols-\[repeat\(24\,1fr\)\] {
    grid-template-columns: repeat(24,1fr);
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(148px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(148px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(210px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(210px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(220px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(230px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(230px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(250px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(300px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(min\(310px\,100\%\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(min(310px, 100%),1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(140px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(140px,1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(232px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(232px,1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(min\(340px\,100\%\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(min(340px, 100%),1fr));
  }
  .grid-cols-\[var\(--pc-left\)_minmax\(0\,1fr\)_var\(--pc-right\)\] {
    grid-template-columns: var(--pc-left) minmax(0,1fr) var(--pc-right);
  }
  .stats {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }
  .\[grid-template-rows\:minmax\(0\,1fr\)_auto\] {
    grid-template-rows: minmax(0,1fr) auto;
  }
  .grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid-rows-\[auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto minmax(0,1fr);
  }
  .grid-rows-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0,1.1fr) minmax(0,1fr);
  }
  .grid-rows-\[minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0,1fr);
  }
  .grid-rows-\[repeat\(6\,minmax\(72px\,auto\)\)\] {
    grid-template-rows: repeat(6,minmax(72px,auto));
  }
  .grid-rows-\[repeat\(7\,1fr\)\] {
    grid-template-rows: repeat(7,1fr);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-content-center {
    place-content: center;
  }
  .\[place-items\:end_center\] {
    place-items: end center;
  }
  .place-items-center {
    place-items: center;
  }
  .\[align-content\:start\] {
    align-content: start;
  }
  .content-center {
    align-content: center;
  }
  .content-start {
    align-content: flex-start;
  }
  .\[align-items\:start\] {
    align-items: start;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .\[justify-content\:safe_center\] {
    justify-content: safe center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-items-center {
    justify-items: center;
  }
  .justify-items-end {
    justify-items: end;
  }
  .gap-\(--bgap\) {
    gap: var(--bgap);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .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-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-\[0_6px\] {
    gap: 0 6px;
  }
  .gap-\[1px\] {
    gap: 1px;
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[2px_12px\] {
    gap: 2px 12px;
  }
  .gap-\[3\%\] {
    gap: 3%;
  }
  .gap-\[3\.5dvh\] {
    gap: 3.5dvh;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[3px_10px\] {
    gap: 3px 10px;
  }
  .gap-\[3px_12px\] {
    gap: 3px 12px;
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[4px_8px\] {
    gap: 4px 8px;
  }
  .gap-\[4px_10px\] {
    gap: 4px 10px;
  }
  .gap-\[4px_12px\] {
    gap: 4px 12px;
  }
  .gap-\[4px_14px\] {
    gap: 4px 14px;
  }
  .gap-\[4px_16px\] {
    gap: 4px 16px;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-\[6px_8px\] {
    gap: 6px 8px;
  }
  .gap-\[6px_10px\] {
    gap: 6px 10px;
  }
  .gap-\[6px_12px\] {
    gap: 6px 12px;
  }
  .gap-\[6px_14px\] {
    gap: 6px 14px;
  }
  .gap-\[6px_16px\] {
    gap: 6px 16px;
  }
  .gap-\[7px\] {
    gap: 7px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[8px_24px\] {
    gap: 8px 24px;
  }
  .gap-\[9px\] {
    gap: 9px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[10px_16px\] {
    gap: 10px 16px;
  }
  .gap-\[10px_18px\] {
    gap: 10px 18px;
  }
  .gap-\[10px_28px\] {
    gap: 10px 28px;
  }
  .gap-\[11px\] {
    gap: 11px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[14px\] {
    gap: 14px;
  }
  .gap-\[14px_20px\] {
    gap: 14px 20px;
  }
  .gap-\[15px\] {
    gap: 15px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[18px\] {
    gap: 18px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .gap-\[22px\] {
    gap: 22px;
  }
  .gap-\[30px\] {
    gap: 30px;
  }
  .gap-\[32px\] {
    gap: 32px;
  }
  .gap-\[40px\] {
    gap: 40px;
  }
  .gap-\[40px_48px\] {
    gap: 40px 48px;
  }
  .gap-\[var\(--gap\)\] {
    gap: var(--gap);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-\[2px\] {
    column-gap: 2px;
  }
  .gap-x-\[6px\] {
    column-gap: 6px;
  }
  .gap-x-\[8px\] {
    column-gap: 8px;
  }
  .gap-x-\[10px\] {
    column-gap: 10px;
  }
  .gap-x-\[12px\] {
    column-gap: 12px;
  }
  .gap-x-\[14px\] {
    column-gap: 14px;
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-\[2px\] {
    row-gap: 2px;
  }
  .gap-y-\[4px\] {
    row-gap: 4px;
  }
  .gap-y-\[6px\] {
    row-gap: 6px;
  }
  .gap-y-\[7px\] {
    row-gap: 7px;
  }
  .gap-y-\[8px\] {
    row-gap: 8px;
  }
  .gap-y-\[10px\] {
    row-gap: 10px;
  }
  .gap-y-\[12px\] {
    row-gap: 12px;
  }
  .gap-y-\[26px\] {
    row-gap: 26px;
  }
  .self-center {
    align-self: center;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-center {
    justify-self: center;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .\[overflow\:auto_hidden\] {
    overflow: auto hidden;
  }
  .\[overflow\:hidden_auto\] {
    overflow: hidden auto;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .tablewrap {
    overflow-x: auto;
    border: 1px solid var(--glass-line);
    border-radius: var(--radius);
    background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), var(--material);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), color-mix(in srgb, color-mix(in srgb, var(--material), transparent var(--glass-clear, 0%)), var(--surface) var(--glass-tint, 0%));
    }
    box-shadow: inset 0 1px 0 var(--glass-hi), var(--material-shadow);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
    backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
    @media (prefers-reduced-transparency: reduce) {
      background: var(--surface);
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .\[overscroll-behavior\:contain\] {
    overscroll-behavior: contain;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }
  .chip {
    padding: 4px 11px;
    border: 1px solid var(--glass-line);
    border-radius: 20px;
    font-size: 12.5px;
    color: var(--ink-2);
    background: var(--surface);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--surface) 55%, transparent);
    }
    &:hover {
      border-color: var(--line-strong);
    }
    &.on {
      background: var(--accent);
      border-color: var(--accent);
      color: #fff;
      font-weight: 600;
    }
    @media (prefers-color-scheme: dark) {
      &.on {
        color: #08171d;
      }
    }
    :root[data-theme=dark] &.on {
      color: #08171d;
    }
    :root[data-theme=light] &.on {
      color: #fff;
    }
  }
  :where(.app:has( > .wall):not(:has( > .main.home))) .onwall {
    padding: 10px 16px;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), var(--glass-bg-strong);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), color-mix(in srgb, color-mix(in srgb, var(--glass-bg-strong), transparent var(--glass-clear, 0%)), var(--surface) var(--glass-tint, 0%));
    }
    border: 1px solid var(--glass-line);
    box-shadow: inset 0 1px 0 var(--glass-hi), var(--glass-shadow);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
    backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
  }
  .card {
    background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), var(--material);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), color-mix(in srgb, color-mix(in srgb, var(--material), transparent var(--glass-clear, 0%)), var(--surface) var(--glass-tint, 0%));
    }
    border: 1px solid var(--glass-line);
    border-radius: var(--radius);
    box-shadow: inset 0 1px 0 var(--glass-hi), var(--material-shadow);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
    backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
    @media (prefers-reduced-transparency: reduce) {
      background: var(--surface);
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
  }
  :where(.app:has( > .wall):not(:has( > .main.home))) .onwall-bg {
    border-radius: var(--onwall-radius, 20px);
    background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), var(--glass-bg-strong);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), color-mix(in srgb, color-mix(in srgb, var(--glass-bg-strong), transparent var(--glass-clear, 0%)), var(--surface) var(--glass-tint, 0%));
    }
    border: 1px solid var(--glass-line);
    box-shadow: inset 0 1px 0 var(--glass-hi), var(--glass-shadow);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
    backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
  }
  .\[border-radius\:inherit\] {
    border-radius: inherit;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[0_0_var\(--radius\)_var\(--radius\)\] {
    border-radius: 0 0 var(--radius) var(--radius);
  }
  .rounded-\[0_5px_5px_0\] {
    border-radius: 0 5px 5px 0;
  }
  .rounded-\[1px\] {
    border-radius: 1px;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[2px_2px_0_0\] {
    border-radius: 2px 2px 0 0;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[4px_14px_14px_14px\] {
    border-radius: 4px 14px 14px 14px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[7px\] {
    border-radius: 7px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[9px\] {
    border-radius: 9px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[11px\] {
    border-radius: 11px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[14px_4px_14px_14px\] {
    border-radius: 14px 4px 14px 14px;
  }
  .rounded-\[14px_14px_0_0\] {
    border-radius: 14px 14px 0 0;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[16px_16px_0_0\] {
    border-radius: 16px 16px 0 0;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[22px\] {
    border-radius: 22px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-\[50\%\] {
    border-radius: 50%;
  }
  .rounded-\[999px\] {
    border-radius: 999px;
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-app {
    border-radius: var(--radius);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-\[4px\] {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .rounded-t-\[20px\] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  .rounded-l-full {
    border-top-left-radius: calc(infinity * 1px);
    border-bottom-left-radius: calc(infinity * 1px);
  }
  .rounded-r-\[4px\] {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .rounded-r-full {
    border-top-right-radius: calc(infinity * 1px);
    border-bottom-right-radius: calc(infinity * 1px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-\[3px\] {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .\[border-width\:0_0_0_1px\] {
    border-width: 0 0 0 1px;
  }
  .\[border-width\:0_0_1px\] {
    border-width: 0 0 1px;
  }
  .\[border-width\:1px_1px_1px_2px\] {
    border-width: 1px 1px 1px 2px;
  }
  .border-x-\[6px\] {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 6px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-t-\[8px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 8px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }
  .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-l-\[3px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .\[border-style\:none_none_dashed\] {
    border-style: none none dashed;
  }
  .\[border-style\:solid\] {
    border-style: solid;
  }
  .glass {
    background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), var(--glass-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), color-mix(in srgb, color-mix(in srgb, var(--glass-bg), transparent var(--glass-clear, 0%)), var(--surface) var(--glass-tint, 0%));
    }
    border: 1px solid var(--glass-line);
    box-shadow: inset 0 1px 0 var(--glass-hi), inset 0 -1px 0 var(--glass-lo), var(--glass-shadow);
    -webkit-backdrop-filter: var(--glass-filter, blur(var(--glass-blur)) saturate(1.8));
    backdrop-filter: var(--glass-filter, blur(var(--glass-blur)) saturate(1.8));
    @media (prefers-reduced-transparency: reduce) {
      background: var(--surface);
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
    @media (prefers-contrast: more) {
      border-color: var(--line-strong);
    }
  }
  .material {
    background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), var(--material);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, var(--glass-sheen), transparent 45%), color-mix(in srgb, color-mix(in srgb, var(--material), transparent var(--glass-clear, 0%)), var(--surface) var(--glass-tint, 0%));
    }
    border: 1px solid var(--glass-line);
    box-shadow: inset 0 1px 0 var(--glass-hi), var(--material-shadow);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
    backdrop-filter: blur(var(--glass-blur)) saturate(1.8);
    @media (prefers-reduced-transparency: reduce) {
      background: var(--surface);
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
    @media (prefers-contrast: more) {
      border-color: var(--line-strong);
    }
  }
  .\[border-color\:\#01DC9A\] {
    border-color: #01DC9A;
  }
  .\[border-color\:\#1b3335_\#1b3335_\#1b3335_var\(--ch-cyan\)\] {
    border-color: #1b3335 #1b3335 #1b3335 var(--ch-cyan);
  }
  .\[border-color\:color-mix\(in_srgb\,var\(--accent\)_22\%\,transparent\)\] {
    border-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent) 22%,transparent);
    }
  }
  .\[border-color\:transparent\] {
    border-color: transparent;
  }
  .\[border-color\:var\(--t-line\)\] {
    border-color: var(--t-line);
  }
  .border-\[\#0E7C53\] {
    border-color: #0E7C53;
  }
  .border-\[\#8ED2B5\] {
    border-color: #8ED2B5;
  }
  .border-\[\#8b7cf6\] {
    border-color: #8b7cf6;
  }
  .border-\[\#8b7cf6\]\/60 {
    border-color: color-mix(in oklab, #8b7cf6 60%, transparent);
  }
  .border-\[color-mix\(in_srgb\,var\(--accent\)_22\%\,transparent\)\] {
    border-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent) 22%,transparent);
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--accent\)_30\%\,transparent\)\] {
    border-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent) 30%,transparent);
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--accent\)_35\%\,transparent\)\] {
    border-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent) 35%,transparent);
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--accent\)_40\%\,var\(--line\)\)\] {
    border-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent) 40%,var(--line));
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--accent\)_60\%\,var\(--line\)\)\] {
    border-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent) 60%,var(--line));
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--bg\)_70\%\,transparent\)\] {
    border-color: var(--bg);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--bg) 70%,transparent);
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--c\)_42\%\,var\(--line\)\)\] {
    border-color: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--c) 42%,var(--line));
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--cv-7p\)_40\%\,var\(--line\)\)\] {
    border-color: var(--cv-7p);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--cv-7p) 40%,var(--line));
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--cv-bm\)_45\%\,var\(--line\)\)\] {
    border-color: var(--cv-bm);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--cv-bm) 45%,var(--line));
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--cv-stp\)_40\%\,var\(--line\)\)\] {
    border-color: var(--cv-stp);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--cv-stp) 40%,var(--line));
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--danger\)_30\%\,transparent\)\] {
    border-color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--danger) 30%,transparent);
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--danger\)_35\%\,transparent\)\] {
    border-color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--danger) 35%,transparent);
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--ok\)_28\%\,transparent\)\] {
    border-color: var(--ok);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--ok) 28%,transparent);
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--warn\)_30\%\,transparent\)\] {
    border-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--warn) 30%,transparent);
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--warn\)_35\%\,transparent\)\] {
    border-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--warn) 35%,transparent);
    }
  }
  .border-\[color\:var\(--w-line\)\] {
    border-color: var(--w-line);
  }
  .border-\[rgb\(47_217_150\/\.45\)\] {
    border-color: rgb(47 217 150/.45);
  }
  .border-\[rgb\(229_166_75\/\.5\)\] {
    border-color: rgb(229 166 75/.5);
  }
  .border-\[rgb\(255_255_255\/\.1\)\] {
    border-color: rgb(255 255 255/.1);
  }
  .border-\[rgb\(255_255_255\/\.3\)\] {
    border-color: rgb(255 255 255/.3);
  }
  .border-\[rgb\(255_255_255\/\.07\)\] {
    border-color: rgb(255 255 255/.07);
  }
  .border-\[rgba\(255\,255\,255\,\.35\)\] {
    border-color: rgba(255,255,255,.35);
  }
  .border-\[var\(--glass-line\)\] {
    border-color: var(--glass-line);
  }
  .border-\[var\(--v-line\)\] {
    border-color: var(--v-line);
  }
  .border-\[var\(--v-line2\)\] {
    border-color: var(--v-line2);
  }
  .border-accent {
    border-color: var(--accent);
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-danger {
    border-color: var(--danger);
  }
  .border-ee-line {
    border-color: var(--ee-line);
  }
  .border-ink {
    border-color: var(--ink);
  }
  .border-ink-2 {
    border-color: var(--ink-2);
  }
  .border-ink-3 {
    border-color: var(--ink-3);
  }
  .border-line {
    border-color: var(--line);
  }
  .border-line-strong {
    border-color: var(--line-strong);
  }
  .border-ok {
    border-color: var(--ok);
  }
  .border-surface {
    border-color: var(--surface);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-warn {
    border-color: var(--warn);
  }
  .border-warn\/60 {
    border-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--warn) 60%, transparent);
    }
  }
  .border-warn\/70 {
    border-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--warn) 70%, transparent);
    }
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-x-transparent {
    border-inline-color: transparent;
  }
  .border-t-\[rgb\(255_255_255\/\.06\)\] {
    border-top-color: rgb(255 255 255/.06);
  }
  .border-t-\[var\(--glass-line\)\] {
    border-top-color: var(--glass-line);
  }
  .border-t-line {
    border-top-color: var(--line);
  }
  .border-r-line {
    border-right-color: var(--line);
  }
  .border-r-surface {
    border-right-color: var(--surface);
  }
  .border-b-\[color-mix\(in_srgb\,var\(--ink\)_10\%\,transparent\)\] {
    border-bottom-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in srgb,var(--ink) 10%,transparent);
    }
  }
  .border-b-\[color-mix\(in_srgb\,var\(--line\)_70\%\,transparent\)\] {
    border-bottom-color: var(--line);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in srgb,var(--line) 70%,transparent);
    }
  }
  .border-b-\[var\(--glass-line\)\] {
    border-bottom-color: var(--glass-line);
  }
  .border-b-line {
    border-bottom-color: var(--line);
  }
  .border-l-accent {
    border-left-color: var(--accent);
  }
  .border-l-danger {
    border-left-color: var(--danger);
  }
  .border-l-ink {
    border-left-color: var(--ink);
  }
  .border-l-line {
    border-left-color: var(--line);
  }
  .border-l-line-strong {
    border-left-color: var(--line-strong);
  }
  .border-l-ok {
    border-left-color: var(--ok);
  }
  .border-l-user {
    border-left-color: var(--user);
  }
  .border-l-warn {
    border-left-color: var(--warn);
  }
  .bg-\[\#0E7C53\] {
    background-color: #0E7C53;
  }
  .bg-\[\#0a0f0e\] {
    background-color: #0a0f0e;
  }
  .bg-\[\#0f0f0f\] {
    background-color: #0f0f0f;
  }
  .bg-\[\#00c4c4\] {
    background-color: #00c4c4;
  }
  .bg-\[\#8b7cf6\] {
    background-color: #8b7cf6;
  }
  .bg-\[\#8b7cf6\]\/15 {
    background-color: color-mix(in oklab, #8b7cf6 15%, transparent);
  }
  .bg-\[\#8b7cf6\]\/20 {
    background-color: color-mix(in oklab, #8b7cf6 20%, transparent);
  }
  .bg-\[\#FCFBF8\] {
    background-color: #FCFBF8;
  }
  .bg-\[\#eee\] {
    background-color: #eee;
  }
  .bg-\[\#eef3f1\] {
    background-color: #eef3f1;
  }
  .bg-\[\#f4f7f6\] {
    background-color: #f4f7f6;
  }
  .bg-\[\#ff5757\] {
    background-color: #ff5757;
  }
  .bg-\[\#fff\] {
    background-color: #fff;
  }
  .bg-\[color-mix\(in_srgb\,\#00c4c4_14\%\,transparent\)\] {
    background-color: color-mix(in srgb,#00c4c4 14%,transparent);
  }
  .bg-\[color-mix\(in_srgb\,var\(--accent\)_7\%\,transparent\)\] {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent) 7%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--accent\)_8\%\,transparent\)\] {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent) 8%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--accent\)_8\%\,var\(--surface\)\)\] {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent) 8%,var(--surface));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--accent\)_10\%\,transparent\)\] {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent) 10%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--accent\)_12\%\,transparent\)\] {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent) 12%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--accent\)_13\%\,transparent\)\] {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent) 13%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--c\)_11\%\,var\(--surface\)\)\] {
    background-color: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--c) 11%,var(--surface));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--cv-7p\)_9\%\,var\(--surface\)\)\] {
    background-color: var(--cv-7p);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--cv-7p) 9%,var(--surface));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--cv-stp\)_9\%\,var\(--surface\)\)\] {
    background-color: var(--cv-stp);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--cv-stp) 9%,var(--surface));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--danger\)_8\%\,transparent\)\] {
    background-color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--danger) 8%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--danger\)_8\%\,var\(--surface\)\)\] {
    background-color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--danger) 8%,var(--surface));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--danger\)_9\%\,transparent\)\] {
    background-color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--danger) 9%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--danger\)_12\%\,transparent\)\] {
    background-color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--danger) 12%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--danger\)_22\%\,transparent\)\] {
    background-color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--danger) 22%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ee-accent\)_13\%\,transparent\)\] {
    background-color: var(--ee-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ee-accent) 13%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ink\)_4\%\,transparent\)\] {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ink) 4%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ink\)_5\%\,transparent\)\] {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ink) 5%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ink\)_6\%\,transparent\)\] {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ink) 6%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ink\)_7\%\,transparent\)\] {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ink) 7%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ink\)_8\%\,transparent\)\] {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ink) 8%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ok\)_9\%\,var\(--surface\)\)\] {
    background-color: var(--ok);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ok) 9%,var(--surface));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ok\)_10\%\,transparent\)\] {
    background-color: var(--ok);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ok) 10%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ok\)_12\%\,transparent\)\] {
    background-color: var(--ok);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ok) 12%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ok\)_13\%\,transparent\)\] {
    background-color: var(--ok);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ok) 13%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ok\)_14\%\,transparent\)\] {
    background-color: var(--ok);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ok) 14%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ok\)_18\%\,transparent\)\] {
    background-color: var(--ok);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ok) 18%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ph-preopen\)_18\%\,transparent\)\] {
    background-color: var(--ph-preopen);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ph-preopen) 18%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--surface\)_45\%\,transparent\)\] {
    background-color: var(--surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--surface) 45%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--surface\)_55\%\,transparent\)\] {
    background-color: var(--surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--surface) 55%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--surface\)_60\%\,transparent\)\] {
    background-color: var(--surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--surface) 60%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--surface\)_80\%\,transparent\)\] {
    background-color: var(--surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--surface) 80%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--surface\)_82\%\,transparent\)\] {
    background-color: var(--surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--surface) 82%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--surface\)_92\%\,transparent\)\] {
    background-color: var(--surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--surface) 92%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--surface-2\)_40\%\,transparent\)\] {
    background-color: var(--surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--surface-2) 40%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--surface-2\)_50\%\,transparent\)\] {
    background-color: var(--surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--surface-2) 50%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--surface-2\)_55\%\,transparent\)\] {
    background-color: var(--surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--surface-2) 55%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--surface-2\)_72\%\,transparent\)\] {
    background-color: var(--surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--surface-2) 72%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--surface-2\)_72\%\,var\(--surface\)\)\] {
    background-color: var(--surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--surface-2) 72%,var(--surface));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--warn\)_8\%\,transparent\)\] {
    background-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--warn) 8%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--warn\)_9\%\,var\(--surface\)\)\] {
    background-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--warn) 9%,var(--surface));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--warn\)_10\%\,var\(--surface\)\)\] {
    background-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--warn) 10%,var(--surface));
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--warn\)_13\%\,transparent\)\] {
    background-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--warn) 13%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--warn\)_14\%\,transparent\)\] {
    background-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--warn) 14%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--warn\)_16\%\,transparent\)\] {
    background-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--warn) 16%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--warn\)_18\%\,transparent\)\] {
    background-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--warn) 18%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--warn\)_22\%\,transparent\)\] {
    background-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--warn) 22%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--warn\)_35\%\,transparent\)\] {
    background-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--warn) 35%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--ws-dot\)_14\%\,transparent\)\] {
    background-color: var(--ws-dot);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ws-dot) 14%,transparent);
    }
  }
  .bg-\[color\:var\(--w-bar\)\] {
    background-color: var(--w-bar);
  }
  .bg-\[color\:var\(--w-card\)\] {
    background-color: var(--w-card);
  }
  .bg-\[color\:var\(--w-line\)\] {
    background-color: var(--w-line);
  }
  .bg-\[color\:var\(--w-sk\)\] {
    background-color: var(--w-sk);
  }
  .bg-\[rgb\(0_0_0\/\.6\)\] {
    background-color: rgb(0 0 0/.6);
  }
  .bg-\[rgb\(0_0_0\/\.16\)\] {
    background-color: rgb(0 0 0/.16);
  }
  .bg-\[rgb\(0_0_0\/\.32\)\] {
    background-color: rgb(0 0 0/.32);
  }
  .bg-\[rgb\(0_0_0\/\.38\)\] {
    background-color: rgb(0 0 0/.38);
  }
  .bg-\[rgb\(0_0_0\/\.55\)\] {
    background-color: rgb(0 0 0/.55);
  }
  .bg-\[rgb\(0_0_0\/\.78\)\] {
    background-color: rgb(0 0 0/.78);
  }
  .bg-\[rgb\(13_18_18\/\.6\)\] {
    background-color: rgb(13 18 18/.6);
  }
  .bg-\[rgb\(255_255_255\/\.04\)\] {
    background-color: rgb(255 255 255/.04);
  }
  .bg-\[rgb\(255_255_255\/\.85\)\] {
    background-color: rgb(255 255 255/.85);
  }
  .bg-\[rgba\(0\,0\,0\,\.28\)\] {
    background-color: rgba(0,0,0,.28);
  }
  .bg-\[rgba\(0\,0\,0\,\.45\)\] {
    background-color: rgba(0,0,0,.45);
  }
  .bg-\[rgba\(8\,16\,22\,\.42\)\] {
    background-color: rgba(8,16,22,.42);
  }
  .bg-\[var\(--business-color\)\] {
    background-color: var(--business-color);
  }
  .bg-\[var\(--c\)\] {
    background-color: var(--c);
  }
  .bg-\[var\(--dot\)\] {
    background-color: var(--dot);
  }
  .bg-\[var\(--glass-bg-strong\)\] {
    background-color: var(--glass-bg-strong);
  }
  .bg-\[var\(--v-stage\)\] {
    background-color: var(--v-stage);
  }
  .bg-\[var\(--ws-dot\)\] {
    background-color: var(--ws-dot);
  }
  .bg-\[white\] {
    background-color: white;
  }
  .bg-accent {
    background-color: var(--accent);
  }
  .bg-accent-ink {
    background-color: var(--accent-ink);
  }
  .bg-accent-soft {
    background-color: var(--accent-soft);
  }
  .bg-accent-soft\/25 {
    background-color: var(--accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent-soft) 25%, transparent);
    }
  }
  .bg-accent-soft\/40 {
    background-color: var(--accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent-soft) 40%, transparent);
    }
  }
  .bg-accent-soft\/50 {
    background-color: var(--accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent-soft) 50%, transparent);
    }
  }
  .bg-accent-soft\/70 {
    background-color: var(--accent-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--accent-soft) 70%, transparent);
    }
  }
  .bg-bg {
    background-color: var(--bg);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-danger {
    background-color: var(--danger);
  }
  .bg-ee-accent {
    background-color: var(--ee-accent);
  }
  .bg-ee-card {
    background-color: var(--ee-card);
  }
  .bg-ee-line {
    background-color: var(--ee-line);
  }
  .bg-ink {
    background-color: var(--ink);
  }
  .bg-ink-3 {
    background-color: var(--ink-3);
  }
  .bg-line {
    background-color: var(--line);
  }
  .bg-line-strong {
    background-color: var(--line-strong);
  }
  .bg-ok {
    background-color: var(--ok);
  }
  .bg-surface {
    background-color: var(--surface);
  }
  .bg-surface-2 {
    background-color: var(--surface-2);
  }
  .bg-surface-2\/60 {
    background-color: var(--surface-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--surface-2) 60%, transparent);
    }
  }
  .bg-surface-3 {
    background-color: var(--surface-3);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-user-soft {
    background-color: var(--user-soft);
  }
  .bg-warn {
    background-color: var(--warn);
  }
  .bg-warn\/10 {
    background-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--warn) 10%, transparent);
    }
  }
  .bg-warn\/15 {
    background-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--warn) 15%, transparent);
    }
  }
  .bg-warn\/20 {
    background-color: var(--warn);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--warn) 20%, transparent);
    }
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to bottom right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .\[background-image\:linear-gradient\(\#81b7ad06_1px\,transparent_1px\)\,linear-gradient\(90deg\,\#81b7ad06_1px\,transparent_1px\)\] {
    background-image: linear-gradient(#81b7ad06 1px,transparent 1px),linear-gradient(90deg,#81b7ad06 1px,transparent 1px);
  }
  .bg-\[image\:linear-gradient\(180deg\,\#FFFFFF_0\%\,\#EFF6F2_100\%\)\] {
    background-image: linear-gradient(180deg,#FFFFFF 0%,#EFF6F2 100%);
  }
  .bg-\[image\:linear-gradient\(180deg\,\#FFFFFF_0\%\,\#F5F6F6_100\%\)\] {
    background-image: linear-gradient(180deg,#FFFFFF 0%,#F5F6F6 100%);
  }
  .bg-\[image\:radial-gradient\(1000px_420px_at_50\%_-60px\,rgb\(47_217_150\/\.16\)\,transparent_70\%\)\] {
    background-image: radial-gradient(1000px 420px at 50% -60px,rgb(47 217 150/.16),transparent 70%);
  }
  .bg-\[image\:radial-gradient\(1000px_420px_at_50\%_-60px\,rgb\(229_166_75\/\.16\)\,transparent_70\%\)\] {
    background-image: radial-gradient(1000px 420px at 50% -60px,rgb(229 166 75/.16),transparent 70%);
  }
  .bg-\[radial-gradient\(ellipse_at_50\%_42\%\,color-mix\(in_srgb\,var\(--surface\)_62\%\,transparent\)\,transparent_72\%\)\] {
    background-image: radial-gradient(ellipse at 50% 42%,var(--surface),transparent 72%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--surface) 62%,transparent),transparent 72%);
    }
  }
  .bg-\[radial-gradient\(ellipse_at_50\%_42\%\,var\(--surface\)_0\%\,var\(--bg\)_80\%\)\] {
    background-image: radial-gradient(ellipse at 50% 42%,var(--surface) 0%,var(--bg) 80%);
  }
  .bg-\[repeating-linear-gradient\(135deg\,var\(--surface-2\)_0_6px\,var\(--surface\)_6px_12px\)\] {
    background-image: repeating-linear-gradient(135deg,var(--surface-2) 0 6px,var(--surface) 6px 12px);
  }
  .from-\[color-mix\(in_srgb\,var\(--ink\)_5\%\,transparent\)\] {
    --tw-gradient-from: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in srgb,var(--ink) 5%,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-transparent {
    --tw-gradient-via: transparent;
    --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-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));
  }
  .\[mask-image\:linear-gradient\(\#000_65\%\,transparent\)\] {
    mask-image: linear-gradient(#000 65%,transparent);
  }
  .\[mask-image\:linear-gradient\(\#000_70\%\,transparent\)\] {
    mask-image: linear-gradient(#000 70%,transparent);
  }
  .\[mask-image\:linear-gradient\(to_right\,\#000_calc\(100\%-18px\)\,transparent\)\] {
    mask-image: linear-gradient(to right,#000 calc(100% - 18px),transparent);
  }
  .\[mask-image\:radial-gradient\(ellipse\,\#000_10\%\,transparent_72\%\)\] {
    mask-image: radial-gradient(ellipse,#000 10%,transparent 72%);
  }
  .\[background-size\:46px_46px\] {
    background-size: 46px 46px;
  }
  .\[fill\:var\(--t-accent\)\] {
    fill: var(--t-accent);
  }
  .\[fill\:var\(--t-danger\)\] {
    fill: var(--t-danger);
  }
  .\[fill\:var\(--t-edge-2\)\] {
    fill: var(--t-edge-2);
  }
  .\[fill\:var\(--t-line-2\)\] {
    fill: var(--t-line-2);
  }
  .fill-\[var\(--w\)\] {
    fill: var(--w);
  }
  .fill-accent-ink {
    fill: var(--accent-ink);
  }
  .fill-ink-3 {
    fill: var(--ink-3);
  }
  .fill-none {
    fill: none;
  }
  .fill-surface {
    fill: var(--surface);
  }
  .\[stroke\:var\(--t-accent\)\] {
    stroke: var(--t-accent);
  }
  .\[stroke\:var\(--t-line\)\] {
    stroke: var(--t-line);
  }
  .\[stroke\:var\(--t-line-2\)\] {
    stroke: var(--t-line-2);
  }
  .\[stroke\:var\(--t-warn\)\] {
    stroke: var(--t-warn);
  }
  .stroke-\[\#8c9aa0\] {
    stroke: #8c9aa0;
  }
  .stroke-\[color\:var\(--w\)\] {
    stroke: var(--w);
  }
  .stroke-current {
    stroke: currentcolor;
  }
  .stroke-none {
    stroke: none;
  }
  .stroke-surface {
    stroke: var(--surface);
  }
  .stroke-\[1\.4\] {
    stroke-width: 1.4;
  }
  .stroke-\[1\.5\] {
    stroke-width: 1.5;
  }
  .stroke-\[1\.8\] {
    stroke-width: 1.8;
  }
  .stroke-\[4px\] {
    stroke-width: 4px;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-center {
    object-position: center;
  }
  .object-top {
    object-position: top;
  }
  .\!empty {
    padding: 40px !important;
    text-align: center !important;
    color: var(--ink-3) !important;
    font-size: 13px !important;
  }
  .empty {
    padding: 40px;
    text-align: center;
    color: var(--ink-3);
    font-size: 13px;
  }
  .p-0 {
    padding: 0px;
  }
  .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-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-\[0_0_16px\] {
    padding: 0 0 16px;
  }
  .p-\[0_0_env\(safe-area-inset-bottom\)\] {
    padding: 0 0 env(safe-area-inset-bottom);
  }
  .p-\[0_2px\] {
    padding: 0 2px;
  }
  .p-\[0_3px\] {
    padding: 0 3px;
  }
  .p-\[0_4px\] {
    padding: 0 4px;
  }
  .p-\[0_4vw\] {
    padding: 0 4vw;
  }
  .p-\[0_6px\] {
    padding: 0 6px;
  }
  .p-\[0_7px_0_9px\] {
    padding: 0 7px 0 9px;
  }
  .p-\[0_8px\] {
    padding: 0 8px;
  }
  .p-\[0_10px\] {
    padding: 0 10px;
  }
  .p-\[0_10px_0\] {
    padding: 0 10px 0;
  }
  .p-\[0_10px_0_4px\] {
    padding: 0 10px 0 4px;
  }
  .p-\[0_11px\] {
    padding: 0 11px;
  }
  .p-\[0_12px\] {
    padding: 0 12px;
  }
  .p-\[0_12px_0_9px\] {
    padding: 0 12px 0 9px;
  }
  .p-\[0_12px_12px\] {
    padding: 0 12px 12px;
  }
  .p-\[0_13px\] {
    padding: 0 13px;
  }
  .p-\[0_13px_14px\] {
    padding: 0 13px 14px;
  }
  .p-\[0_14px\] {
    padding: 0 14px;
  }
  .p-\[0_16px\] {
    padding: 0 16px;
  }
  .p-\[0_16px_0\] {
    padding: 0 16px 0;
  }
  .p-\[0_20px\] {
    padding: 0 20px;
  }
  .p-\[0_20px_17px\] {
    padding: 0 20px 17px;
  }
  .p-\[0_26px\] {
    padding: 0 26px;
  }
  .p-\[0_40px_0_10px\] {
    padding: 0 40px 0 10px;
  }
  .p-\[0_56px_0_10px\] {
    padding: 0 56px 0 10px;
  }
  .p-\[1px_4px\] {
    padding: 1px 4px;
  }
  .p-\[1px_5px\] {
    padding: 1px 5px;
  }
  .p-\[1px_7px\] {
    padding: 1px 7px;
  }
  .p-\[1px_8px\] {
    padding: 1px 8px;
  }
  .p-\[2dvh_2vw\] {
    padding: 2dvh 2vw;
  }
  .p-\[2px\] {
    padding: 2px;
  }
  .p-\[2px_0\] {
    padding: 2px 0;
  }
  .p-\[2px_0_16px_14px\] {
    padding: 2px 0 16px 14px;
  }
  .p-\[2px_2px_2px_12px\] {
    padding: 2px 2px 2px 12px;
  }
  .p-\[2px_4px\] {
    padding: 2px 4px;
  }
  .p-\[2px_5px\] {
    padding: 2px 5px;
  }
  .p-\[2px_6px\] {
    padding: 2px 6px;
  }
  .p-\[2px_7px\] {
    padding: 2px 7px;
  }
  .p-\[2px_8px\] {
    padding: 2px 8px;
  }
  .p-\[2px_9px\] {
    padding: 2px 9px;
  }
  .p-\[3px\] {
    padding: 3px;
  }
  .p-\[3px_0\] {
    padding: 3px 0;
  }
  .p-\[3px_1px\] {
    padding: 3px 1px;
  }
  .p-\[3px_2px\] {
    padding: 3px 2px;
  }
  .p-\[3px_3px_3px_6px\] {
    padding: 3px 3px 3px 6px;
  }
  .p-\[3px_4px\] {
    padding: 3px 4px;
  }
  .p-\[3px_6px\] {
    padding: 3px 6px;
  }
  .p-\[3px_7px\] {
    padding: 3px 7px;
  }
  .p-\[3px_10px\] {
    padding: 3px 10px;
  }
  .p-\[3px_12px\] {
    padding: 3px 12px;
  }
  .p-\[4px\] {
    padding: 4px;
  }
  .p-\[4px_0\] {
    padding: 4px 0;
  }
  .p-\[4px_5px_19px\] {
    padding: 4px 5px 19px;
  }
  .p-\[4px_6px\] {
    padding: 4px 6px;
  }
  .p-\[4px_7px\] {
    padding: 4px 7px;
  }
  .p-\[4px_8px\] {
    padding: 4px 8px;
  }
  .p-\[4px_9px\] {
    padding: 4px 9px;
  }
  .p-\[4px_10px\] {
    padding: 4px 10px;
  }
  .p-\[4px_12px_12px\] {
    padding: 4px 12px 12px;
  }
  .p-\[4px_22px\] {
    padding: 4px 22px;
  }
  .p-\[5px\] {
    padding: 5px;
  }
  .p-\[5px_0\] {
    padding: 5px 0;
  }
  .p-\[5px_6px\] {
    padding: 5px 6px;
  }
  .p-\[5px_7px\] {
    padding: 5px 7px;
  }
  .p-\[5px_8px\] {
    padding: 5px 8px;
  }
  .p-\[5px_10px\] {
    padding: 5px 10px;
  }
  .p-\[5px_11px\] {
    padding: 5px 11px;
  }
  .p-\[5px_12px\] {
    padding: 5px 12px;
  }
  .p-\[5px_13px\] {
    padding: 5px 13px;
  }
  .p-\[6px\] {
    padding: 6px;
  }
  .p-\[6px_0\] {
    padding: 6px 0;
  }
  .p-\[6px_2px_18px\] {
    padding: 6px 2px 18px;
  }
  .p-\[6px_6px_6px_12px\] {
    padding: 6px 6px 6px 12px;
  }
  .p-\[6px_6px_6px_14px\] {
    padding: 6px 6px 6px 14px;
  }
  .p-\[6px_8px\] {
    padding: 6px 8px;
  }
  .p-\[6px_10px\] {
    padding: 6px 10px;
  }
  .p-\[6px_11px\] {
    padding: 6px 11px;
  }
  .p-\[6px_12px\] {
    padding: 6px 12px;
  }
  .p-\[6px_12px_12px_6px\] {
    padding: 6px 12px 12px 6px;
  }
  .p-\[6px_14px\] {
    padding: 6px 14px;
  }
  .p-\[6px_20px_20px\] {
    padding: 6px 20px 20px;
  }
  .p-\[7px_0\] {
    padding: 7px 0;
  }
  .p-\[7px_4px\] {
    padding: 7px 4px;
  }
  .p-\[7px_8px\] {
    padding: 7px 8px;
  }
  .p-\[7px_8px_6px_14px\] {
    padding: 7px 8px 6px 14px;
  }
  .p-\[7px_8px_13px_9px\] {
    padding: 7px 8px 13px 9px;
  }
  .p-\[7px_8px_13px_43px\] {
    padding: 7px 8px 13px 43px;
  }
  .p-\[7px_9px\] {
    padding: 7px 9px;
  }
  .p-\[7px_10px\] {
    padding: 7px 10px;
  }
  .p-\[7px_10px_7px\] {
    padding: 7px 10px 7px;
  }
  .p-\[7px_10px_8px\] {
    padding: 7px 10px 8px;
  }
  .p-\[7px_11px\] {
    padding: 7px 11px;
  }
  .p-\[7px_12px\] {
    padding: 7px 12px;
  }
  .p-\[7px_14px\] {
    padding: 7px 14px;
  }
  .p-\[7px_20px\] {
    padding: 7px 20px;
  }
  .p-\[8px\] {
    padding: 8px;
  }
  .p-\[8px_0\] {
    padding: 8px 0;
  }
  .p-\[8px_3px\] {
    padding: 8px 3px;
  }
  .p-\[8px_4px\] {
    padding: 8px 4px;
  }
  .p-\[8px_9px\] {
    padding: 8px 9px;
  }
  .p-\[8px_10px\] {
    padding: 8px 10px;
  }
  .p-\[8px_10px_4px\] {
    padding: 8px 10px 4px;
  }
  .p-\[8px_10px_9px\] {
    padding: 8px 10px 9px;
  }
  .p-\[8px_12px\] {
    padding: 8px 12px;
  }
  .p-\[8px_16px\] {
    padding: 8px 16px;
  }
  .p-\[8px_18px_18px\] {
    padding: 8px 18px 18px;
  }
  .p-\[8px_20px\] {
    padding: 8px 20px;
  }
  .p-\[9px\] {
    padding: 9px;
  }
  .p-\[9px_0\] {
    padding: 9px 0;
  }
  .p-\[9px_0_10px\] {
    padding: 9px 0 10px;
  }
  .p-\[9px_2px\] {
    padding: 9px 2px;
  }
  .p-\[9px_2px_7px\] {
    padding: 9px 2px 7px;
  }
  .p-\[9px_8px_9px_12px\] {
    padding: 9px 8px 9px 12px;
  }
  .p-\[9px_10px\] {
    padding: 9px 10px;
  }
  .p-\[9px_10px_9px_12px\] {
    padding: 9px 10px 9px 12px;
  }
  .p-\[9px_11px\] {
    padding: 9px 11px;
  }
  .p-\[9px_12px\] {
    padding: 9px 12px;
  }
  .p-\[9px_12px_11px\] {
    padding: 9px 12px 11px;
  }
  .p-\[9px_12px_12px\] {
    padding: 9px 12px 12px;
  }
  .p-\[9px_13px\] {
    padding: 9px 13px;
  }
  .p-\[9px_16px_5px\] {
    padding: 9px 16px 5px;
  }
  .p-\[9px_18px\] {
    padding: 9px 18px;
  }
  .p-\[10px\] {
    padding: 10px;
  }
  .p-\[10px_0\] {
    padding: 10px 0;
  }
  .p-\[10px_0_6px\] {
    padding: 10px 0 6px;
  }
  .p-\[10px_0_8px\] {
    padding: 10px 0 8px;
  }
  .p-\[10px_12px\] {
    padding: 10px 12px;
  }
  .p-\[10px_14px\] {
    padding: 10px 14px;
  }
  .p-\[10px_14px_12px\] {
    padding: 10px 14px 12px;
  }
  .p-\[10px_14px_14px\] {
    padding: 10px 14px 14px;
  }
  .p-\[10px_16px_8px\] {
    padding: 10px 16px 8px;
  }
  .p-\[10px_16px_11px_14px\] {
    padding: 10px 16px 11px 14px;
  }
  .p-\[10px_16px_14px\] {
    padding: 10px 16px 14px;
  }
  .p-\[11px_9px\] {
    padding: 11px 9px;
  }
  .p-\[11px_12px_12px\] {
    padding: 11px 12px 12px;
  }
  .p-\[11px_13px\] {
    padding: 11px 13px;
  }
  .p-\[11px_14px\] {
    padding: 11px 14px;
  }
  .p-\[11px_16px\] {
    padding: 11px 16px;
  }
  .p-\[12px\] {
    padding: 12px;
  }
  .p-\[12px_14px\] {
    padding: 12px 14px;
  }
  .p-\[12px_14px_13px\] {
    padding: 12px 14px 13px;
  }
  .p-\[12px_14px_14px\] {
    padding: 12px 14px 14px;
  }
  .p-\[12px_16px\] {
    padding: 12px 16px;
  }
  .p-\[12px_16px_12px\] {
    padding: 12px 16px 12px;
  }
  .p-\[12px_18px\] {
    padding: 12px 18px;
  }
  .p-\[12px_18px_14px\] {
    padding: 12px 18px 14px;
  }
  .p-\[12px_20px_14px_28px\] {
    padding: 12px 20px 14px 28px;
  }
  .p-\[13px_0\] {
    padding: 13px 0;
  }
  .p-\[13px_12px\] {
    padding: 13px 12px;
  }
  .p-\[13px_15px\] {
    padding: 13px 15px;
  }
  .p-\[14\%\] {
    padding: 14%;
  }
  .p-\[14px\] {
    padding: 14px;
  }
  .p-\[14px_0\] {
    padding: 14px 0;
  }
  .p-\[14px_8px\] {
    padding: 14px 8px;
  }
  .p-\[14px_12px\] {
    padding: 14px 12px;
  }
  .p-\[14px_14px_12px\] {
    padding: 14px 14px 12px;
  }
  .p-\[14px_14px_12px_20px\] {
    padding: 14px 14px 12px 20px;
  }
  .p-\[14px_14px_calc\(14px_\+_env\(safe-area-inset-bottom\)\)\] {
    padding: 14px 14px calc(14px + env(safe-area-inset-bottom));
  }
  .p-\[14px_16px\] {
    padding: 14px 16px;
  }
  .p-\[14px_16px_16px\] {
    padding: 14px 16px 16px;
  }
  .p-\[14px_20px_20px\] {
    padding: 14px 20px 20px;
  }
  .p-\[15px\] {
    padding: 15px;
  }
  .p-\[15px_18px\] {
    padding: 15px 18px;
  }
  .p-\[16px\] {
    padding: 16px;
  }
  .p-\[16px_14px_14px\] {
    padding: 16px 14px 14px;
  }
  .p-\[16px_20px_12px\] {
    padding: 16px 20px 12px;
  }
  .p-\[16px_20px_18px\] {
    padding: 16px 20px 18px;
  }
  .p-\[16px_20px_28px\] {
    padding: 16px 20px 28px;
  }
  .p-\[18px\] {
    padding: 18px;
  }
  .p-\[18px_0_0\] {
    padding: 18px 0 0;
  }
  .p-\[18px_24px_0\] {
    padding: 18px 24px 0;
  }
  .p-\[18px_26px_22px\] {
    padding: 18px 26px 22px;
  }
  .p-\[20px\] {
    padding: 20px;
  }
  .p-\[20px_0\] {
    padding: 20px 0;
  }
  .p-\[20px_20px_14px\] {
    padding: 20px 20px 14px;
  }
  .p-\[20px_24px\] {
    padding: 20px 24px;
  }
  .p-\[22px_26px_16px\] {
    padding: 22px 26px 16px;
  }
  .p-\[24px\] {
    padding: 24px;
  }
  .p-\[26px\] {
    padding: 26px;
  }
  .p-\[26px_22px_30px\] {
    padding: 26px 22px 30px;
  }
  .p-\[26px_28px_20px\] {
    padding: 26px 28px 20px;
  }
  .p-\[26px_46px_30px_22px\] {
    padding: 26px 46px 30px 22px;
  }
  .p-\[28px_10px\] {
    padding: 28px 10px;
  }
  .p-\[28px_26px\] {
    padding: 28px 26px;
  }
  .p-\[30px\] {
    padding: 30px;
  }
  .p-\[32px_12px\] {
    padding: 32px 12px;
  }
  .p-\[32px_max\(32px\,8vw\)_32px_32px\] {
    padding: 32px max(32px, 8vw) 32px 32px;
  }
  .p-\[34px_32px_26px\] {
    padding: 34px 32px 26px;
  }
  .p-\[40px\] {
    padding: 40px;
  }
  .p-\[40px_0\] {
    padding: 40px 0;
  }
  .p-\[42px_18px_22px\] {
    padding: 42px 18px 22px;
  }
  .p-\[44px_20px\] {
    padding: 44px 20px;
  }
  .p-\[env\(safe-area-inset-top\)_8px_calc\(12px_\+_env\(safe-area-inset-bottom\)\)_8px\] {
    padding: env(safe-area-inset-top) 8px calc(12px + env(safe-area-inset-bottom)) 8px;
  }
  .p-\[env\(safe-area-inset-top\)_58px_0_14px\] {
    padding: env(safe-area-inset-top) 58px 0 14px;
  }
  .p-\[env\(safe-area-inset-top\)_env\(safe-area-inset-right\)_env\(safe-area-inset-bottom\)_env\(safe-area-inset-left\)\] {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
  .px-0 {
    padding-inline: 0px;
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .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-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-\[0\.5px\] {
    padding-inline: 0.5px;
  }
  .px-\[1px\] {
    padding-inline: 1px;
  }
  .px-\[2px\] {
    padding-inline: 2px;
  }
  .px-\[3px\] {
    padding-inline: 3px;
  }
  .px-\[4px\] {
    padding-inline: 4px;
  }
  .px-\[5px\] {
    padding-inline: 5px;
  }
  .px-\[6px\] {
    padding-inline: 6px;
  }
  .px-\[7px\] {
    padding-inline: 7px;
  }
  .px-\[8px\] {
    padding-inline: 8px;
  }
  .px-\[9px\] {
    padding-inline: 9px;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .px-\[11px\] {
    padding-inline: 11px;
  }
  .px-\[12px\] {
    padding-inline: 12px;
  }
  .px-\[14px\] {
    padding-inline: 14px;
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .px-\[18px\] {
    padding-inline: 18px;
  }
  .px-\[20px\] {
    padding-inline: 20px;
  }
  .px-\[22px\] {
    padding-inline: 22px;
  }
  .px-\[28px\] {
    padding-inline: 28px;
  }
  .px-\[clamp\(20px\,6vw\,88px\)\] {
    padding-inline: clamp(20px, 6vw, 88px);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .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-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-\[1px\] {
    padding-block: 1px;
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[3px\] {
    padding-block: 3px;
  }
  .py-\[4px\] {
    padding-block: 4px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[6px\] {
    padding-block: 6px;
  }
  .py-\[7px\] {
    padding-block: 7px;
  }
  .py-\[8px\] {
    padding-block: 8px;
  }
  .py-\[9px\] {
    padding-block: 9px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[11px\] {
    padding-block: 11px;
  }
  .py-\[12px\] {
    padding-block: 12px;
  }
  .py-\[14px\] {
    padding-block: 14px;
  }
  .py-\[16px\] {
    padding-block: 16px;
  }
  .py-\[22px\] {
    padding-block: 22px;
  }
  .py-\[24px\] {
    padding-block: 24px;
  }
  .py-\[28px\] {
    padding-block: 28px;
  }
  .py-\[32px\] {
    padding-block: 32px;
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-\[\.28em\] {
    padding-top: .28em;
  }
  .pt-\[1px\] {
    padding-top: 1px;
  }
  .pt-\[2px\] {
    padding-top: 2px;
  }
  .pt-\[4px\] {
    padding-top: 4px;
  }
  .pt-\[5px\] {
    padding-top: 5px;
  }
  .pt-\[6px\] {
    padding-top: 6px;
  }
  .pt-\[8px\] {
    padding-top: 8px;
  }
  .pt-\[10px\] {
    padding-top: 10px;
  }
  .pt-\[12px\] {
    padding-top: 12px;
  }
  .pt-\[14px\] {
    padding-top: 14px;
  }
  .pt-\[15px\] {
    padding-top: 15px;
  }
  .pt-\[16px\] {
    padding-top: 16px;
  }
  .pt-\[18px\] {
    padding-top: 18px;
  }
  .pt-\[22px\] {
    padding-top: 22px;
  }
  .pt-\[34px\] {
    padding-top: 34px;
  }
  .pt-\[40px\] {
    padding-top: 40px;
  }
  .pt-\[env\(safe-area-inset-top\)\] {
    padding-top: env(safe-area-inset-top);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-\[2px\] {
    padding-right: 2px;
  }
  .pr-\[3px\] {
    padding-right: 3px;
  }
  .pr-\[4px\] {
    padding-right: 4px;
  }
  .pr-\[6px\] {
    padding-right: 6px;
  }
  .pr-\[8px\] {
    padding-right: 8px;
  }
  .pr-\[10px\] {
    padding-right: 10px;
  }
  .pr-\[12px\] {
    padding-right: 12px;
  }
  .pr-\[20px\] {
    padding-right: 20px;
  }
  .pr-\[34px\] {
    padding-right: 34px;
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-\[2px\] {
    padding-bottom: 2px;
  }
  .pb-\[3px\] {
    padding-bottom: 3px;
  }
  .pb-\[4px\] {
    padding-bottom: 4px;
  }
  .pb-\[6px\] {
    padding-bottom: 6px;
  }
  .pb-\[8px\] {
    padding-bottom: 8px;
  }
  .pb-\[10px\] {
    padding-bottom: 10px;
  }
  .pb-\[12px\] {
    padding-bottom: 12px;
  }
  .pb-\[14px\] {
    padding-bottom: 14px;
  }
  .pb-\[18px\] {
    padding-bottom: 18px;
  }
  .pb-\[20px\] {
    padding-bottom: 20px;
  }
  .pb-\[24px\] {
    padding-bottom: 24px;
  }
  .pb-\[40px\] {
    padding-bottom: 40px;
  }
  .pb-\[64px\] {
    padding-bottom: 64px;
  }
  .pb-\[env\(safe-area-inset-bottom\)\] {
    padding-bottom: env(safe-area-inset-bottom);
  }
  .pl-0 {
    padding-left: 0px;
  }
  .pl-1 {
    padding-left: var(--spacing);
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-\[1px\] {
    padding-left: 1px;
  }
  .pl-\[3px\] {
    padding-left: 3px;
  }
  .pl-\[4px\] {
    padding-left: 4px;
  }
  .pl-\[5px\] {
    padding-left: 5px;
  }
  .pl-\[6px\] {
    padding-left: 6px;
  }
  .pl-\[7px\] {
    padding-left: 7px;
  }
  .pl-\[8px\] {
    padding-left: 8px;
  }
  .pl-\[9px\] {
    padding-left: 9px;
  }
  .pl-\[12px\] {
    padding-left: 12px;
  }
  .pl-\[13px\] {
    padding-left: 13px;
  }
  .pl-\[14px\] {
    padding-left: 14px;
  }
  .pl-\[16px\] {
    padding-left: 16px;
  }
  .pl-\[18px\] {
    padding-left: 18px;
  }
  .pl-\[20px\] {
    padding-left: 20px;
  }
  .pl-\[30px\] {
    padding-left: 30px;
  }
  .pl-\[34px\] {
    padding-left: 34px;
  }
  .r {
    text-align: right;
    font-variant-numeric: tabular-nums;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .\[vertical-align\:-1px\] {
    vertical-align: -1px;
  }
  .align-\[1px\] {
    vertical-align: 1px;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .mono {
    font-family: var(--mono);
    font-size: .92em;
    letter-spacing: 0;
  }
  .\[font-family\:inherit\] {
    font-family: inherit;
  }
  .\[font-family\:ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font-family: ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .font-\[Pretendard_Variable\,Pretendard\,var\(--sans\)\] {
    font-family: Pretendard Variable,Pretendard,var(--sans);
  }
  .font-\[inherit\] {
    font-family: inherit;
  }
  .font-mono {
    font-family: var(--mono);
  }
  .font-sans {
    font-family: var(--sans);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .sub {
    color: var(--ink-3);
    font-size: 12.5px;
    &.mono {
      font-size: 12.5px;
    }
  }
  .text-\[7px\] {
    font-size: 7px;
  }
  .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-\[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-\[23px\] {
    font-size: 23px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[26px\] {
    font-size: 26px;
  }
  .text-\[28px\] {
    font-size: 28px;
  }
  .text-\[36px\] {
    font-size: 36px;
  }
  .text-\[40pt\] {
    font-size: 40pt;
  }
  .text-\[clamp\(1rem\,2\.4vw\,1\.625rem\)\] {
    font-size: clamp(1rem, 2.4vw, 1.625rem);
  }
  .text-\[clamp\(12px\,5\.6cqw\,20px\)\] {
    font-size: clamp(12px, 5.6cqw, 20px);
  }
  .text-\[clamp\(13px\,4\.6cqw\,17px\)\] {
    font-size: clamp(13px, 4.6cqw, 17px);
  }
  .text-\[clamp\(13px\,6\.2cqw\,20px\)\] {
    font-size: clamp(13px, 6.2cqw, 20px);
  }
  .text-\[clamp\(16px\,2\.6vw\,30px\)\] {
    font-size: clamp(16px, 2.6vw, 30px);
  }
  .text-\[clamp\(26px\,14cqw\,46px\)\] {
    font-size: clamp(26px, 14cqw, 46px);
  }
  .text-\[clamp\(28px\,3\.6vw\,56px\)\] {
    font-size: clamp(28px, 3.6vw, 56px);
  }
  .text-\[clamp\(42px\,25cqw\,92px\)\] {
    font-size: clamp(42px, 25cqw, 92px);
  }
  .text-\[length\:7\.5cqh\] {
    font-size: 7.5cqh;
  }
  .text-\[length\:13px\] {
    font-size: 13px;
  }
  .text-\[length\:clamp\(10px\,calc\(var\(--hub\)_\*_\.30\)\,15px\)\] {
    font-size: clamp(10px, calc(var(--hub) * .30), 15px);
  }
  .text-\[length\:clamp\(13px\,5\.6cqi\,17px\)\] {
    font-size: clamp(13px, 5.6cqi, 17px);
  }
  .text-\[length\:clamp\(16px\,7\.5cqi\,23px\)\] {
    font-size: clamp(16px, 7.5cqi, 23px);
  }
  .text-\[length\:clamp\(18px\,9\.5cqi\,30px\)\] {
    font-size: clamp(18px, 9.5cqi, 30px);
  }
  .text-\[min\(25vw\,44dvh\)\] {
    font-size: min(25vw, 44dvh);
  }
  .leading-\[\.9\] {
    --tw-leading: .9;
    line-height: .9;
  }
  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  .leading-\[1\.8\] {
    --tw-leading: 1.8;
    line-height: 1.8;
  }
  .leading-\[1\.9\] {
    --tw-leading: 1.9;
    line-height: 1.9;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-\[1\.25\] {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  .leading-\[1\.32\] {
    --tw-leading: 1.32;
    line-height: 1.32;
  }
  .leading-\[1\.35\] {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .leading-\[1\.65\] {
    --tw-leading: 1.65;
    line-height: 1.65;
  }
  .leading-\[1\.72\] {
    --tw-leading: 1.72;
    line-height: 1.72;
  }
  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }
  .leading-\[1\] {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-\[12px\] {
    --tw-leading: 12px;
    line-height: 12px;
  }
  .leading-\[14px\] {
    --tw-leading: 14px;
    line-height: 14px;
  }
  .leading-\[15px\] {
    --tw-leading: 15px;
    line-height: 15px;
  }
  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px;
  }
  .leading-\[17px\] {
    --tw-leading: 17px;
    line-height: 17px;
  }
  .leading-\[18\.85px\] {
    --tw-leading: 18.85px;
    line-height: 18.85px;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .\[line-height\:inherit\] {
    line-height: inherit;
  }
  .font-\[400\] {
    --tw-font-weight: 400;
    font-weight: 400;
  }
  .font-\[450\] {
    --tw-font-weight: 450;
    font-weight: 450;
  }
  .font-\[500\] {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .font-\[550\] {
    --tw-font-weight: 550;
    font-weight: 550;
  }
  .font-\[560\] {
    --tw-font-weight: 560;
    font-weight: 560;
  }
  .font-\[600\] {
    --tw-font-weight: 600;
    font-weight: 600;
  }
  .font-\[640\] {
    --tw-font-weight: 640;
    font-weight: 640;
  }
  .font-\[650\] {
    --tw-font-weight: 650;
    font-weight: 650;
  }
  .font-\[680\] {
    --tw-font-weight: 680;
    font-weight: 680;
  }
  .font-\[700\] {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .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);
  }
  .\[font-weight\:inherit\] {
    font-weight: inherit;
  }
  .tracking-\[-\.01em\] {
    --tw-tracking: -.01em;
    letter-spacing: -.01em;
  }
  .tracking-\[-\.02em\] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }
  .tracking-\[-\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }
  .tracking-\[-\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }
  .tracking-\[-\.4px\] {
    --tw-tracking: -.4px;
    letter-spacing: -.4px;
  }
  .tracking-\[-\.5px\] {
    --tw-tracking: -.5px;
    letter-spacing: -.5px;
  }
  .tracking-\[-\.6px\] {
    --tw-tracking: -.6px;
    letter-spacing: -.6px;
  }
  .tracking-\[-\.7px\] {
    --tw-tracking: -.7px;
    letter-spacing: -.7px;
  }
  .tracking-\[-\.8px\] {
    --tw-tracking: -.8px;
    letter-spacing: -.8px;
  }
  .tracking-\[-\.015em\] {
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
  }
  .tracking-\[-0\.01em\] {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[-0\.03em\] {
    --tw-tracking: -0.03em;
    letter-spacing: -0.03em;
  }
  .tracking-\[-0\.035em\] {
    --tw-tracking: -0.035em;
    letter-spacing: -0.035em;
  }
  .tracking-\[-1px\] {
    --tw-tracking: -1px;
    letter-spacing: -1px;
  }
  .tracking-\[-2px\] {
    --tw-tracking: -2px;
    letter-spacing: -2px;
  }
  .tracking-\[\.01em\] {
    --tw-tracking: .01em;
    letter-spacing: .01em;
  }
  .tracking-\[\.1em\] {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }
  .tracking-\[\.1px\] {
    --tw-tracking: .1px;
    letter-spacing: .1px;
  }
  .tracking-\[\.02em\] {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }
  .tracking-\[\.3px\] {
    --tw-tracking: .3px;
    letter-spacing: .3px;
  }
  .tracking-\[\.04em\] {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }
  .tracking-\[\.4px\] {
    --tw-tracking: .4px;
    letter-spacing: .4px;
  }
  .tracking-\[\.05em\] {
    --tw-tracking: .05em;
    letter-spacing: .05em;
  }
  .tracking-\[\.5px\] {
    --tw-tracking: .5px;
    letter-spacing: .5px;
  }
  .tracking-\[\.06em\] {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }
  .tracking-\[\.6px\] {
    --tw-tracking: .6px;
    letter-spacing: .6px;
  }
  .tracking-\[\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }
  .tracking-\[\.09em\] {
    --tw-tracking: .09em;
    letter-spacing: .09em;
  }
  .tracking-\[\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }
  .tracking-\[\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }
  .tracking-\[0\.1em\] {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[0\.14em\] {
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
  }
  .tracking-\[0\.15em\] {
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
  }
  .tracking-\[0\] {
    --tw-tracking: 0;
    letter-spacing: 0;
  }
  .tracking-\[1\.2px\] {
    --tw-tracking: 1.2px;
    letter-spacing: 1.2px;
  }
  .tracking-\[1\.4px\] {
    --tw-tracking: 1.4px;
    letter-spacing: 1.4px;
  }
  .tracking-\[1\.5px\] {
    --tw-tracking: 1.5px;
    letter-spacing: 1.5px;
  }
  .tracking-\[1\.6px\] {
    --tw-tracking: 1.6px;
    letter-spacing: 1.6px;
  }
  .tracking-\[1px\] {
    --tw-tracking: 1px;
    letter-spacing: 1px;
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .\[text-wrap\:balance\] {
    text-wrap: balance;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .\[overflow-wrap\:break-word\] {
    overflow-wrap: break-word;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .wrap-anywhere {
    overflow-wrap: anywhere;
  }
  .\[word-break\:break-word\] {
    word-break: break-word;
  }
  .\[word-break\:keep-all\] {
    word-break: keep-all;
  }
  .break-all {
    word-break: break-all;
  }
  .break-keep {
    word-break: keep-all;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\[color\:\#8fc9c2\] {
    color: #8fc9c2;
  }
  .\[color\:\#ad782c\] {
    color: #ad782c;
  }
  .\[color\:inherit\] {
    color: inherit;
  }
  .\[color\:light-dark\(color-mix\(in_srgb\,var\(--tag\)_70\%\,\#000\)\,var\(--tag\)\)\] {
    color: light-dark(var(--tag),var(--tag));
    @supports (color: color-mix(in lab, red, red)) {
      color: light-dark(color-mix(in srgb,var(--tag) 70%,#000),var(--tag));
    }
  }
  .\[color\:var\(--ch-cyan\)\] {
    color: var(--ch-cyan);
  }
  .\[color\:var\(--pattern-color\)\] {
    color: var(--pattern-color);
  }
  .\[color\:var\(--t-accent-ink\)\] {
    color: var(--t-accent-ink);
  }
  .\[color\:var\(--t-danger\)\] {
    color: var(--t-danger);
  }
  .\[color\:var\(--t-faint\)\] {
    color: var(--t-faint);
  }
  .\[color\:var\(--t-faint\,\#3b5c5f\)\] {
    color: var(--t-faint,#3b5c5f);
  }
  .\[color\:var\(--t-ink\)\] {
    color: var(--t-ink);
  }
  .\[color\:var\(--t-ink-2\)\] {
    color: var(--t-ink-2);
  }
  .\[color\:var\(--t-muted\)\] {
    color: var(--t-muted);
  }
  .\[color\:var\(--t-on-accent\)\] {
    color: var(--t-on-accent);
  }
  .\[color\:var\(--t-on-primary\)\] {
    color: var(--t-on-primary);
  }
  .\[color\:var\(--t-warn\)\] {
    color: var(--t-warn);
  }
  .text-\[\#0E7C53\] {
    color: #0E7C53;
  }
  .text-\[\#0b100f\] {
    color: #0b100f;
  }
  .text-\[\#1a73e8\] {
    color: #1a73e8;
  }
  .text-\[\#2e5153\] {
    color: #2e5153;
  }
  .text-\[\#3c6064\] {
    color: #3c6064;
  }
  .text-\[\#4d7073\] {
    color: #4d7073;
  }
  .text-\[\#4f7a78\] {
    color: #4f7a78;
  }
  .text-\[\#5b7b7e\] {
    color: #5b7b7e;
  }
  .text-\[\#5b8386\] {
    color: #5b8386;
  }
  .text-\[\#5d8a88\] {
    color: #5d8a88;
  }
  .text-\[\#6e8c90\] {
    color: #6e8c90;
  }
  .text-\[\#7a6ae6\] {
    color: #7a6ae6;
  }
  .text-\[\#7a9c9e\] {
    color: #7a9c9e;
  }
  .text-\[\#7d8b87\] {
    color: #7d8b87;
  }
  .text-\[\#7d9c9c\] {
    color: #7d9c9c;
  }
  .text-\[\#7fa9a6\] {
    color: #7fa9a6;
  }
  .text-\[\#7fc8bd\] {
    color: #7fc8bd;
  }
  .text-\[\#8a8a8a\] {
    color: #8a8a8a;
  }
  .text-\[\#8aa9a8\] {
    color: #8aa9a8;
  }
  .text-\[\#8b7cf6\] {
    color: #8b7cf6;
  }
  .text-\[\#8d9a96\] {
    color: #8d9a96;
  }
  .text-\[\#8fb0ae\] {
    color: #8fb0ae;
  }
  .text-\[\#8fc9c2\] {
    color: #8fc9c2;
  }
  .text-\[\#9fbfbc\] {
    color: #9fbfbc;
  }
  .text-\[\#97bbb8\] {
    color: #97bbb8;
  }
  .text-\[\#222\] {
    color: #222;
  }
  .text-\[\#456c71\] {
    color: #456c71;
  }
  .text-\[\#666\] {
    color: #666;
  }
  .text-\[\#688a8c\] {
    color: #688a8c;
  }
  .text-\[\#08171d\] {
    color: #08171d;
  }
  .text-\[\#47676c\] {
    color: #47676c;
  }
  .text-\[\#64878b\] {
    color: #64878b;
  }
  .text-\[\#66736f\] {
    color: #66736f;
  }
  .text-\[\#436669\] {
    color: #436669;
  }
  .text-\[\#476568\] {
    color: #476568;
  }
  .text-\[\#779795\] {
    color: #779795;
  }
  .text-\[\#a1a1a1\] {
    color: #a1a1a1;
  }
  .text-\[\#a4b1ad\] {
    color: #a4b1ad;
  }
  .text-\[\#a4e3d7\] {
    color: #a4e3d7;
  }
  .text-\[\#a4f0df\] {
    color: #a4f0df;
  }
  .text-\[\#b6cac9\] {
    color: #b6cac9;
  }
  .text-\[\#b9cfcc\] {
    color: #b9cfcc;
  }
  .text-\[\#d8e6e4\] {
    color: #d8e6e4;
  }
  .text-\[\#dee9e8\] {
    color: #dee9e8;
  }
  .text-\[\#e3eeec\] {
    color: #e3eeec;
  }
  .text-\[\#e8a0a8\] {
    color: #e8a0a8;
  }
  .text-\[\#eef3f1\] {
    color: #eef3f1;
  }
  .text-\[\#f2b01e\] {
    color: #f2b01e;
  }
  .text-\[\#f3f7f5\] {
    color: #f3f7f5;
  }
  .text-\[\#f5f2ef\] {
    color: #f5f2ef;
  }
  .text-\[\#f38ba8\] {
    color: #f38ba8;
  }
  .text-\[\#ff9a9a\] {
    color: #ff9a9a;
  }
  .text-\[\#fff\] {
    color: #fff;
  }
  .text-\[color\:var\(--cv-7p\)\] {
    color: var(--cv-7p);
  }
  .text-\[color\:var\(--cv-stp\)\] {
    color: var(--cv-stp);
  }
  .text-\[color\:var\(--w-ink\)\] {
    color: var(--w-ink);
  }
  .text-\[color\:var\(--w-ink2\)\] {
    color: var(--w-ink2);
  }
  .text-\[color\:var\(--w-ink3\)\] {
    color: var(--w-ink3);
  }
  .text-\[color\:var\(--w-warn\)\] {
    color: var(--w-warn);
  }
  .text-\[var\(--ph-preopen\)\] {
    color: var(--ph-preopen);
  }
  .text-\[var\(--v-ink\)\] {
    color: var(--v-ink);
  }
  .text-\[var\(--v-ink2\)\] {
    color: var(--v-ink2);
  }
  .text-\[var\(--v-muted\)\] {
    color: var(--v-muted);
  }
  .text-\[var\(--ws-dot\)\] {
    color: var(--ws-dot);
  }
  .text-accent {
    color: var(--accent);
  }
  .text-accent-ink {
    color: var(--accent-ink);
  }
  .text-bg {
    color: var(--bg);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-danger {
    color: var(--danger);
  }
  .text-ee-accent {
    color: var(--ee-accent);
  }
  .text-ee-ink {
    color: var(--ee-ink);
  }
  .text-ee-sub {
    color: var(--ee-sub);
  }
  .text-ink {
    color: var(--ink);
  }
  .text-ink-2 {
    color: var(--ink-2);
  }
  .text-ink-3 {
    color: var(--ink-3);
  }
  .text-line-strong {
    color: var(--line-strong);
  }
  .text-ok {
    color: var(--ok);
  }
  .text-surface {
    color: var(--surface);
  }
  .text-transparent {
    color: transparent;
  }
  .text-user {
    color: var(--user);
  }
  .text-warn {
    color: var(--warn);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/70 {
    color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .text-white\/85 {
    color: color-mix(in srgb, #fff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .\[font-style\:inherit\] {
    font-style: inherit;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .\[font-stretch\:inherit\] {
    font-stretch: inherit;
  }
  .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,);
  }
  .\[font-variant-numeric\:tabular-nums\] {
    font-variant-numeric: tabular-nums;
  }
  .num {
    font-variant-numeric: tabular-nums;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .caret-\[\#7fe0b4\] {
    caret-color: #7fe0b4;
  }
  .\[accent-color\:var\(--pc-accent\)\] {
    accent-color: var(--pc-accent);
  }
  .\[accent-color\:var\(--t-accent\)\] {
    accent-color: var(--t-accent);
  }
  .accent-\[var\(--accent\)\] {
    accent-color: var(--accent);
  }
  .accent-\[var\(--ok\)\] {
    accent-color: var(--ok);
  }
  .\[color-scheme\:dark\] {
    color-scheme: dark;
  }
  .\[color-scheme\:light\] {
    color-scheme: light;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-35 {
    opacity: 35%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-45 {
    opacity: 45%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-55 {
    opacity: 55%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-65 {
    opacity: 65%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-\[\.5\] {
    opacity: .5;
  }
  .opacity-\[\.7\] {
    opacity: .7;
  }
  .opacity-\[\.8\] {
    opacity: .8;
  }
  .opacity-\[\.45\] {
    opacity: .45;
  }
  .opacity-\[\.72\] {
    opacity: .72;
  }
  .opacity-\[\.85\] {
    opacity: .85;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    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_-3px_0_var\(--accent\)\] {
    --tw-shadow: 0 -3px 0 var(--tw-shadow-color, var(--accent));
    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_0_1px_var\(--line-strong\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--line-strong));
    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_1px_0_rgb\(0_0_0\/\.04\)\,0_12px_40px_-12px_rgb\(0_0_0\/\.18\)\] {
    --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgb(0 0 0/.04)), 0 12px 40px -12px var(--tw-shadow-color, rgb(0 0 0/.18));
    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_1px_2px_rgb\(0_0_0\/\.08\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgb(0 0 0/.08));
    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_1px_2px_rgba\(0\,0\,0\,\.12\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,.12));
    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_1px_2px_rgba\(0\,0\,0\,\.25\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,.25));
    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_6px_18px_rgba\(0\,0\,0\,\.3\)\] {
    --tw-shadow: 0 6px 18px var(--tw-shadow-color, rgba(0,0,0,.3));
    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_6px_18px_rgba\(0\,0\,0\,\.16\)\] {
    --tw-shadow: 0 6px 18px var(--tw-shadow-color, rgba(0,0,0,.16));
    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_8px_28px_rgb\(0_0_0\/\.24\)\] {
    --tw-shadow: 0 8px 28px var(--tw-shadow-color, rgb(0 0 0/.24));
    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_10px_28px_rgba\(0\,0\,0\,\.22\)\] {
    --tw-shadow: 0 10px 28px var(--tw-shadow-color, rgba(0,0,0,.22));
    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_12px_40px_-18px_rgb\(11_21_18\/\.18\)\] {
    --tw-shadow: 0 12px 40px -18px var(--tw-shadow-color, rgb(11 21 18/.18));
    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_14px_34px_rgba\(0\,0\,0\,\.24\)\] {
    --tw-shadow: 0 14px 34px var(--tw-shadow-color, rgba(0,0,0,.24));
    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_18px_40px_rgba\(0\,0\,0\,\.28\)\] {
    --tw-shadow: 0 18px 40px var(--tw-shadow-color, rgba(0,0,0,.28));
    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_20px_60px_rgb\(0_0_0\/\.5\)\] {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, rgb(0 0 0/.5));
    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_24px_60px_rgba\(0\,0\,0\,\.28\)\] {
    --tw-shadow: 0 24px 60px var(--tw-shadow-color, rgba(0,0,0,.28));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_2px_0_var\(--accent\)\] {
    --tw-shadow: inset 0 2px 0 var(--tw-shadow-color, var(--accent));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_3px_0_0_var\(--accent\)\] {
    --tw-shadow: inset 3px 0 0 var(--tw-shadow-color, var(--accent));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    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);
  }
  .ring-1 {
    --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);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
  }
  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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);
  }
  .\[box-shadow\:-12px_0_32px_-16px_rgba\(0\,0\,0\,\.35\)\] {
    box-shadow: -12px 0 32px -16px rgba(0,0,0,.35);
  }
  .\[box-shadow\:0_-6px_18px_-12px_rgba\(0\,0\,0\,\.18\)\] {
    box-shadow: 0 -6px 18px -12px rgba(0,0,0,.18);
  }
  .\[box-shadow\:0_-6px_30px_rgba\(0\,0\,0\,\.25\)\] {
    box-shadow: 0 -6px 30px rgba(0,0,0,.25);
  }
  .\[box-shadow\:0_-10px_40px_\#10232c26\] {
    box-shadow: 0 -10px 40px #10232c26;
  }
  .\[box-shadow\:0_0_0_1\.5px_color-mix\(in_srgb\,var\(--danger\)_65\%\,transparent\)\] {
    box-shadow: 0 0 0 1.5px var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1.5px color-mix(in srgb,var(--danger) 65%,transparent);
    }
  }
  .\[box-shadow\:0_0_0_1px_\#01DC9A_inset\] {
    box-shadow: 0 0 0 1px #01DC9A inset;
  }
  .\[box-shadow\:0_0_0_1px_\#2e2e2e\,0_6px_18px_rgba\(0\,0\,0\,\.6\)\] {
    box-shadow: 0 0 0 1px #2e2e2e,0 6px 18px rgba(0,0,0,.6);
  }
  .\[box-shadow\:0_0_0_1px_\#2e2e2e\] {
    box-shadow: 0 0 0 1px #2e2e2e;
  }
  .\[box-shadow\:0_0_0_1px_rgb\(255_255_255\/\.12\)\,0_6px_18px_rgb\(0_0_0\/\.35\)\] {
    box-shadow: 0 0 0 1px rgb(255 255 255/.12),0 6px 18px rgb(0 0 0/.35);
  }
  .\[box-shadow\:0_0_0_1px_var\(--ee-line\)\,0_6px_18px_rgba\(20\,60\,40\,\.10\)\] {
    box-shadow: 0 0 0 1px var(--ee-line),0 6px 18px rgba(20,60,40,.10);
  }
  .\[box-shadow\:0_0_0_1px_var\(--ee-line\)\] {
    box-shadow: 0 0 0 1px var(--ee-line);
  }
  .\[box-shadow\:0_0_0_1px_var\(--line\)\,0_6px_18px_rgba\(0\,0\,0\,\.07\)\] {
    box-shadow: 0 0 0 1px var(--line),0 6px 18px rgba(0,0,0,.07);
  }
  .\[box-shadow\:0_0_0_1px_var\(--line\)\] {
    box-shadow: 0 0 0 1px var(--line);
  }
  .\[box-shadow\:0_0_0_2px_color-mix\(in_srgb\,var\(--accent\)_13\%\,var\(--surface\)\)\] {
    box-shadow: 0 0 0 2px var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 2px color-mix(in srgb,var(--accent) 13%,var(--surface));
    }
  }
  .\[box-shadow\:0_0_0_2px_var\(--surface\)\] {
    box-shadow: 0 0 0 2px var(--surface);
  }
  .\[box-shadow\:0_0_0_2px_var\(--t-surface\)\] {
    box-shadow: 0 0 0 2px var(--t-surface);
  }
  .\[box-shadow\:0_0_6px_var\(--t-accent\)\] {
    box-shadow: 0 0 6px var(--t-accent);
  }
  .\[box-shadow\:0_0_9px_\#77dfd650\] {
    box-shadow: 0 0 9px #77dfd650;
  }
  .\[box-shadow\:0_0_10px_var\(--c\)\] {
    box-shadow: 0 0 10px var(--c);
  }
  .\[box-shadow\:0_1px_2px_rgba\(0\,0\,0\,\.08\)\,0_0_0_1px_var\(--line\)\] {
    box-shadow: 0 1px 2px rgba(0,0,0,.08),0 0 0 1px var(--line);
  }
  .\[box-shadow\:0_1px_2px_rgba\(20\,60\,40\,\.05\)\] {
    box-shadow: 0 1px 2px rgba(20,60,40,.05);
  }
  .\[box-shadow\:0_1px_3px_rgb\(0_0_0\/\.25\)\] {
    box-shadow: 0 1px 3px rgb(0 0 0/.25);
  }
  .\[box-shadow\:0_1px_3px_rgba\(0\,0\,0\,\.05\)\] {
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
  }
  .\[box-shadow\:0_1px_3px_rgba\(0\,0\,0\,\.06\)\] {
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
  }
  .\[box-shadow\:0_2px_5px_var\(--t-glowshadow\)\] {
    box-shadow: 0 2px 5px var(--t-glowshadow);
  }
  .\[box-shadow\:0_2px_8px_rgb\(0_0_0\/\.22\)\,0_0_0_1px_var\(--t-line\)\] {
    box-shadow: 0 2px 8px rgb(0 0 0/.22),0 0 0 1px var(--t-line);
  }
  .\[box-shadow\:0_2px_8px_rgb\(0_0_0\/\.25\)\] {
    box-shadow: 0 2px 8px rgb(0 0 0/.25);
  }
  .\[box-shadow\:0_6px_20px_\#10232c2e\] {
    box-shadow: 0 6px 20px #10232c2e;
  }
  .\[box-shadow\:0_6px_20px_rgba\(0\,0\,0\,\.25\)\] {
    box-shadow: 0 6px 20px rgba(0,0,0,.25);
  }
  .\[box-shadow\:0_6px_22px_-6px_rgb\(0_0_0\/\.25\)\] {
    box-shadow: 0 6px 22px -6px rgb(0 0 0/.25);
  }
  .\[box-shadow\:0_8px_22px_-6px_rgb\(0_0_0\/\.45\)\] {
    box-shadow: 0 8px 22px -6px rgb(0 0 0/.45);
  }
  .\[box-shadow\:0_8px_24px_\#0008\] {
    box-shadow: 0 8px 24px #0008;
  }
  .\[box-shadow\:0_8px_24px_rgba\(0\,0\,0\,\.18\)\] {
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
  }
  .\[box-shadow\:0_10px_28px_-12px_rgba\(0\,0\,0\,\.35\)\] {
    box-shadow: 0 10px 28px -12px rgba(0,0,0,.35);
  }
  .\[box-shadow\:0_10px_30px_\#10232c24\] {
    box-shadow: 0 10px 30px #10232c24;
  }
  .\[box-shadow\:0_12px_32px_-10px_rgb\(0_0_0\/\.3\)\] {
    box-shadow: 0 12px 32px -10px rgb(0 0 0/.3);
  }
  .\[box-shadow\:0_14px_36px_-10px_rgb\(0_0_0\/\.38\)\] {
    box-shadow: 0 14px 36px -10px rgb(0 0 0/.38);
  }
  .\[box-shadow\:0_14px_36px_-10px_rgb\(0_0_0\/\.45\)\] {
    box-shadow: 0 14px 36px -10px rgb(0 0 0/.45);
  }
  .\[box-shadow\:0_14px_40px_\#000c\] {
    box-shadow: 0 14px 40px #000c;
  }
  .\[box-shadow\:0_15px_80px_\#10232c33\] {
    box-shadow: 0 15px 80px #10232c33;
  }
  .\[box-shadow\:0_18px_44px_\#000c\] {
    box-shadow: 0 18px 44px #000c;
  }
  .\[box-shadow\:0_18px_44px_-12px_rgb\(0_0_0\/\.45\)\] {
    box-shadow: 0 18px 44px -12px rgb(0 0 0/.45);
  }
  .\[box-shadow\:0_20px_50px_-20px_rgba\(0\,0\,0\,\.45\)\] {
    box-shadow: 0 20px 50px -20px rgba(0,0,0,.45);
  }
  .\[box-shadow\:1px_0_0_var\(--t-line-2\)\] {
    box-shadow: 1px 0 0 var(--t-line-2);
  }
  .\[box-shadow\:2px_2px_0_var\(--t-ink\)\] {
    box-shadow: 2px 2px 0 var(--t-ink);
  }
  .\[box-shadow\:2px_2px_4px_var\(--t-lo\)\,-2px_-2px_4px_var\(--t-hi\)\] {
    box-shadow: 2px 2px 4px var(--t-lo),-2px -2px 4px var(--t-hi);
  }
  .\[box-shadow\:inset_-1px_0_0_var\(--t-surface\)\] {
    box-shadow: inset -1px 0 0 var(--t-surface);
  }
  .\[box-shadow\:inset_0_0_0_1px_var\(--accent\)\] {
    box-shadow: inset 0 0 0 1px var(--accent);
  }
  .\[box-shadow\:inset_0_0_0_1px_var\(--t-line\)\] {
    box-shadow: inset 0 0 0 1px var(--t-line);
  }
  .\[box-shadow\:inset_0_0_0_2\.5px_var\(--accent\)\] {
    box-shadow: inset 0 0 0 2.5px var(--accent);
  }
  .\[box-shadow\:inset_0_0_0_2px_var\(--accent\)\] {
    box-shadow: inset 0 0 0 2px var(--accent);
  }
  .\[box-shadow\:inset_0_0_0_2px_var\(--ink\)\] {
    box-shadow: inset 0 0 0 2px var(--ink);
  }
  .\[box-shadow\:inset_0_1px_0_\#fff\,0_10px_30px_rgb\(127_224_180\/\.12\)\] {
    box-shadow: inset 0 1px 0 #fff,0 10px 30px rgb(127 224 180/.12);
  }
  .\[box-shadow\:inset_0_1px_0_rgb\(255_255_255\/\.08\)\,0_1px_2px_rgb\(0_0_0\/\.3\)\,0_32px_80px_rgb\(0_0_0\/\.5\)\] {
    box-shadow: inset 0 1px 0 rgb(255 255 255/.08),0 1px 2px rgb(0 0 0/.3),0 32px 80px rgb(0 0 0/.5);
  }
  .\[box-shadow\:inset_3px_0_var\(--pc-accent\)\,0_3px_12px_\#10232c06\] {
    box-shadow: inset 3px 0 var(--pc-accent),0 3px 12px #10232c06;
  }
  .\[box-shadow\:none\] {
    box-shadow: none;
  }
  .\[box-shadow\:var\(--t-out-sm\)\] {
    box-shadow: var(--t-out-sm);
  }
  .\[box-shadow\:var\(--t-shadow\)\] {
    box-shadow: var(--t-shadow);
  }
  .ring-\[\#0E7C53\] {
    --tw-ring-color: #0E7C53;
  }
  .ring-accent {
    --tw-ring-color: var(--accent);
  }
  .ring-accent-soft {
    --tw-ring-color: var(--accent-soft);
  }
  .ring-bg {
    --tw-ring-color: var(--bg);
  }
  .ring-ink {
    --tw-ring-color: var(--ink);
  }
  .ring-ink-2 {
    --tw-ring-color: var(--ink-2);
  }
  .ring-line {
    --tw-ring-color: var(--line);
  }
  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-surface {
    --tw-ring-offset-color: var(--surface);
  }
  .\[outline\:0\] {
    outline: 0;
  }
  .\[outline\:1\.5px_dashed_var\(--t-accent\)\] {
    outline: 1.5px dashed var(--t-accent);
  }
  .\[outline\:1\.5px_dashed_var\(--t-edge-2\)\] {
    outline: 1.5px dashed var(--t-edge-2);
  }
  .\[outline\:1px_dashed_color-mix\(in_srgb\,var\(--t-ink\)_22\%\,transparent\)\] {
    outline: 1px dashed var(--t-ink);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 1px dashed color-mix(in srgb,var(--t-ink) 22%,transparent);
    }
  }
  .\[outline\:1px_dashed_var\(--accent\)\] {
    outline: 1px dashed var(--accent);
  }
  .\[outline\:1px_solid_var\(--accent\)\] {
    outline: 1px solid var(--accent);
  }
  .\[outline\:2px_dashed_var\(--accent\)\] {
    outline: 2px dashed var(--accent);
  }
  .\[outline\:2px_solid_\#d6a34a\] {
    outline: 2px solid #d6a34a;
  }
  .\[outline\:2px_solid_var\(--accent\)\] {
    outline: 2px solid var(--accent);
  }
  .\[outline\:none\] {
    outline: none;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .-outline-offset-2 {
    outline-offset: calc(2px * -1);
  }
  .-outline-offset-4 {
    outline-offset: calc(4px * -1);
  }
  .\[outline-offset\:1px\] {
    outline-offset: 1px;
  }
  .\[outline-offset\:2px\] {
    outline-offset: 2px;
  }
  .outline-offset-2 {
    outline-offset: 2px;
  }
  .outline-offset-\[-1px\] {
    outline-offset: -1px;
  }
  .outline-offset-\[-2px\] {
    outline-offset: -2px;
  }
  .outline-offset-\[1px\] {
    outline-offset: 1px;
  }
  .outline-offset-\[2px\] {
    outline-offset: 2px;
  }
  .outline-accent {
    outline-color: var(--accent);
  }
  .outline-line-strong {
    outline-color: var(--line-strong);
  }
  .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,);
  }
  .\[filter\:drop-shadow\(0_0_7px_color-mix\(in_srgb\,var\(--ch-cyan\)_55\%\,transparent\)\)\] {
    filter: drop-shadow(0 0 7px var(--ch-cyan));
    @supports (color: color-mix(in lab, red, red)) {
      filter: drop-shadow(0 0 7px color-mix(in srgb,var(--ch-cyan) 55%,transparent));
    }
  }
  .\[filter\:url\(\#threshold\)_blur\(0\.6px\)\] {
    filter: url(#threshold) blur(0.6px);
  }
  .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-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -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,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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,);
  }
  .backdrop-filter {
    -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,);
  }
  .\[backdrop-filter\:blur\(5px\)\] {
    backdrop-filter: blur(5px);
  }
  .\[backdrop-filter\:blur\(6px\)\] {
    backdrop-filter: blur(6px);
  }
  .\[backdrop-filter\:blur\(12px\)\] {
    backdrop-filter: blur(12px);
  }
  .\[backdrop-filter\:blur\(14px\)_saturate\(1\.2\)\] {
    backdrop-filter: blur(14px) saturate(1.2);
  }
  .\[backdrop-filter\:blur\(18px\)_saturate\(1\.6\)\] {
    backdrop-filter: blur(18px) saturate(1.6);
  }
  .\[backdrop-filter\:blur\(22px\)_saturate\(1\.4\)\] {
    backdrop-filter: blur(22px) saturate(1.4);
  }
  .\[backdrop-filter\:blur\(24px\)_saturate\(1\.5\)\] {
    backdrop-filter: blur(24px) saturate(1.5);
  }
  .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-\[background\,color\] {
    transition-property: background,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[left\] {
    transition-property: left;
    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-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    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-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 700ms;
  }
  .duration-\[\.12s\] {
    --tw-duration: .12s;
    transition-duration: .12s;
  }
  .ease-\[ease\] {
    --tw-ease: ease;
    transition-timing-function: ease;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .\[contain\:size\] {
    contain: size;
  }
  .\[contain\:var\(--bk-w\)\] {
    contain: var(--bk-w);
  }
  .outline-dashed {
    --tw-outline-style: dashed;
    outline-style: dashed;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--accent\:var\(--t-accent\)\] {
    --accent: var(--t-accent);
  }
  .\[--bgap\:18px\] {
    --bgap: 18px;
  }
  .\[--chart-h\:130px\] {
    --chart-h: 130px;
  }
  .\[--cv-7p\:\#6770e0\] {
    --cv-7p: #6770e0;
  }
  .\[--cv-ai\:\#34a577\] {
    --cv-ai: #34a577;
  }
  .\[--cv-bm\:\#9a63d6\] {
    --cv-bm: #9a63d6;
  }
  .\[--cv-deep\:\#5a52e0\] {
    --cv-deep: #5a52e0;
  }
  .\[--cv-space\:\#4b70d0\] {
    --cv-space: #4b70d0;
  }
  .\[--cv-stp\:\#dc5f6d\] {
    --cv-stp: #dc5f6d;
  }
  .\[--cv-world\:\#a358cf\] {
    --cv-world: #a358cf;
  }
  .\[--days\:0\] {
    --days: 0;
  }
  .\[--dw\:18px\] {
    --dw: 18px;
  }
  .\[--ev-72h\:\#d94b4b\] {
    --ev-72h: #d94b4b;
  }
  .\[--ev-announce\:\#c46a12\] {
    --ev-announce: #c46a12;
  }
  .\[--ev-coupon\:\#8a6bd6\] {
    --ev-coupon: #8a6bd6;
  }
  .\[--ev-extend\:\#1f8a9e\] {
    --ev-extend: #1f8a9e;
  }
  .\[--ev-notify\:\#1f8a9e\] {
    --ev-notify: #1f8a9e;
  }
  .\[--ev-review\:\#2e9e6b\] {
    --ev-review: #2e9e6b;
  }
  .\[--g1\:\#2a78d6\] {
    --g1: #2a78d6;
  }
  .\[--g2\:\#eb6834\] {
    --g2: #eb6834;
  }
  .\[--g3\:\#1baf7a\] {
    --g3: #1baf7a;
  }
  .\[--g4\:\#eda100\] {
    --g4: #eda100;
  }
  .\[--g5\:\#e87ba4\] {
    --g5: #e87ba4;
  }
  .\[--g6\:\#008300\] {
    --g6: #008300;
  }
  .\[--g7\:\#4a3aa7\] {
    --g7: #4a3aa7;
  }
  .\[--g8\:\#e34948\] {
    --g8: #e34948;
  }
  .\[--g9\:\#e34948\] {
    --g9: #e34948;
  }
  .\[--g10\:\#1baf7a\] {
    --g10: #1baf7a;
  }
  .\[--g11\:\#4a3aa7\] {
    --g11: #4a3aa7;
  }
  .\[--g12\:\#2a78d6\] {
    --g12: #2a78d6;
  }
  .\[--gap\:8px\] {
    --gap: 8px;
  }
  .\[--glass-bg\:var\(--glass-bg-strong\)\] {
    --glass-bg: var(--glass-bg-strong);
  }
  .\[--glass-blur\:22px\] {
    --glass-blur: 22px;
  }
  .\[--glass-hi\:rgb\(255_255_255\/\.72\)\] {
    --glass-hi: rgb(255 255 255/.72);
  }
  .\[--glass-ring\:rgb\(255_255_255\/\.55\)\] {
    --glass-ring: rgb(255 255 255/.55);
  }
  .\[--glass-shadow\:0_24px_70px_rgba\(0\,0\,0\,\.22\)\] {
    --glass-shadow: 0 24px 70px rgba(0,0,0,.22);
  }
  .\[--ink-3\:var\(--t-muted\)\] {
    --ink-3: var(--t-muted);
  }
  .\[--mark-done\:\#2fb47c\] {
    --mark-done: #2fb47c;
  }
  .\[--mark-due\:\#f2b93b\] {
    --mark-due: #f2b93b;
  }
  .\[--mark-late\:\#ef4f5a\] {
    --mark-late: #ef4f5a;
  }
  .\[--onwall-radius\:0_0_20px_20px\] {
    --onwall-radius: 0 0 20px 20px;
  }
  .\[--onwall-radius\:20px_20px_0_0\] {
    --onwall-radius: 20px 20px 0 0;
  }
  .\[--pc-accent\:var\(--accent\)\] {
    --pc-accent: var(--accent);
  }
  .\[--pc-detail\:min\(620px\,46\%\)\] {
    --pc-detail: min(620px, 46%);
  }
  .\[--pc-left\:210px\] {
    --pc-left: 210px;
  }
  .\[--pc-right\:244px\] {
    --pc-right: 244px;
  }
  .\[--ph-funding\:\#17607a\] {
    --ph-funding: #17607a;
  }
  .\[--ph-payment\:\#d9862b\] {
    --ph-payment: #d9862b;
  }
  .\[--ph-preopen\:\#3b7dd8\] {
    --ph-preopen: #3b7dd8;
  }
  .\[--ph-settle\:\#7a6bd6\] {
    --ph-settle: #7a6bd6;
  }
  .\[--ph-shipping\:\#2e9e6b\] {
    --ph-shipping: #2e9e6b;
  }
  .\[--rm-bg\:var\(--t-surface\)\] {
    --rm-bg: var(--t-surface);
  }
  .\[--rm-label\:176px\] {
    --rm-label: 176px;
  }
  .\[--rm-mono\:var\(--t-font\,ui-monospace\,SFMono-Regular\,Menlo\,monospace\)\] {
    --rm-mono: var(--t-font,ui-monospace,SFMono-Regular,Menlo,monospace);
  }
  .\[--rm-row\:23px\] {
    --rm-row: 23px;
  }
  .\[--todo-row\:29px\] {
    --todo-row: 29px;
  }
  .\[--v-amber-dim\:\#DDBB83\] {
    --v-amber-dim: #DDBB83;
  }
  .\[--v-amber-tint\:\#FBF1DE\] {
    --v-amber-tint: #FBF1DE;
  }
  .\[--v-amber\:\#8A5A12\] {
    --v-amber: #8A5A12;
  }
  .\[--v-card\:\#FFFFFF\] {
    --v-card: #FFFFFF;
  }
  .\[--v-faint\:\#93A29B\] {
    --v-faint: #93A29B;
  }
  .\[--v-green-dim\:\#8ED2B5\] {
    --v-green-dim: #8ED2B5;
  }
  .\[--v-green-tint\:\#E9F6F0\] {
    --v-green-tint: #E9F6F0;
  }
  .\[--v-green\:\#0E7C53\] {
    --v-green: #0E7C53;
  }
  .\[--v-ink2\:\#3B4C46\] {
    --v-ink2: #3B4C46;
  }
  .\[--v-ink\:\#0B1512\] {
    --v-ink: #0B1512;
  }
  .\[--v-line2\:\#C4D3CC\] {
    --v-line2: #C4D3CC;
  }
  .\[--v-line\:\#DFE8E4\] {
    --v-line: #DFE8E4;
  }
  .\[--v-muted\:\#64766F\] {
    --v-muted: #64766F;
  }
  .\[--v-nest\:\#F4F8F6\] {
    --v-nest: #F4F8F6;
  }
  .\[--v-on-amber\:\#FFFFFF\] {
    --v-on-amber: #FFFFFF;
  }
  .\[--v-on-green\:\#FFFFFF\] {
    --v-on-green: #FFFFFF;
  }
  .\[--v-stage\:rgb\(255_255_255\/\.72\)\] {
    --v-stage: rgb(255 255 255/.72);
  }
  .\[--w-bar\:\#e9e5e0\] {
    --w-bar: #e9e5e0;
  }
  .\[--w-card\:\#0f0f0f\] {
    --w-card: #0f0f0f;
  }
  .\[--w-down\:\#dd8080\] {
    --w-down: #dd8080;
  }
  .\[--w-ink2\:\#d6d2cd\] {
    --w-ink2: #d6d2cd;
  }
  .\[--w-ink3\:\#8f8b87\] {
    --w-ink3: #8f8b87;
  }
  .\[--w-ink\:\#f5f2ef\] {
    --w-ink: #f5f2ef;
  }
  .\[--w-line\:\#2e2e2e\] {
    --w-line: #2e2e2e;
  }
  .\[--w-sk\:\#1f1f1f\] {
    --w-sk: #1f1f1f;
  }
  .\[--w-up\:\#5cb894\] {
    --w-up: #5cb894;
  }
  .\[--w-warn\:\#d0a05e\] {
    --w-warn: #d0a05e;
  }
  .\[--w\:var\(--accent\)\] {
    --w: var(--accent);
  }
  .\[--w\:var\(--cv-bm\)\] {
    --w: var(--cv-bm);
  }
  .\[--w\:var\(--cv-deep\)\] {
    --w: var(--cv-deep);
  }
  .\[--w\:var\(--ink-3\)\] {
    --w: var(--ink-3);
  }
  .\[-webkit-backdrop-filter\:blur\(24px\)_saturate\(1\.5\)\] {
    -webkit-backdrop-filter: blur(24px) saturate(1.5);
  }
  .\[-webkit-mask-image\:linear-gradient\(\#000_70\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#000 70%,transparent);
  }
  .\[-webkit-touch-callout\:none\] {
    -webkit-touch-callout: none;
  }
  .\[-webkit-user-drag\:none\] {
    -webkit-user-drag: none;
  }
  .\[backface-visibility\:hidden\] {
    backface-visibility: hidden;
  }
  .\[background\:\#0b1417\] {
    background: #0b1417;
  }
  .\[background\:\#0b1417cc\] {
    background: #0b1417cc;
  }
  .\[background\:\#0d1a1d\] {
    background: #0d1a1d;
  }
  .\[background\:\#0d1b1e\] {
    background: #0d1b1e;
  }
  .\[background\:\#3b6662\] {
    background: #3b6662;
  }
  .\[background\:\#6b9682\] {
    background: #6b9682;
  }
  .\[background\:\#77dfd61a\] {
    background: #77dfd61a;
  }
  .\[background\:\#080f12bc\] {
    background: #080f12bc;
  }
  .\[background\:\#080f1299\] {
    background: #080f1299;
  }
  .\[background\:\#173a38\] {
    background: #173a38;
  }
  .\[background\:\#020709b8\] {
    background: #020709b8;
  }
  .\[background\:\#35585a\] {
    background: #35585a;
  }
  .\[background\:\#193431\] {
    background: #193431;
  }
  .\[background\:\#294340\] {
    background: #294340;
  }
  .\[background\:\#e3eeec\] {
    background: #e3eeec;
  }
  .\[background\:\#eef3f2\] {
    background: #eef3f2;
  }
  .\[background\:\#fee500\] {
    background: #fee500;
  }
  .\[background\:color-mix\(in_srgb\,currentColor_14\%\,transparent\)\] {
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,currentColor 14%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--c\)_15\%\,\#0b1417\)\] {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 15%,#0b1417);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--c\)_30\%\,transparent\)\] {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 30%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--ch-cyan\)_10\%\,transparent\)\] {
    background: var(--ch-cyan);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--ch-cyan) 10%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--t-accent\)_8\%\,transparent\)\] {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 8%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--t-accent\)_16\%\,transparent\)\] {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 16%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--t-accent\)_40\%\,transparent\)\] {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 40%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--t-ink\)_4\%\,transparent\)\] {
    background: var(--t-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-ink) 4%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--t-ink\)_6\%\,transparent\)\] {
    background: var(--t-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-ink) 6%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--t-line-2\)_45\%\,transparent\)\] {
    background: var(--t-line-2);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-line-2) 45%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--t-surface\)_62\%\,transparent\)\] {
    background: var(--t-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-surface) 62%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--t-surface\)_70\%\,transparent\)\] {
    background: var(--t-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-surface) 70%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--t-surface\)_82\%\,transparent\)\] {
    background: var(--t-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-surface) 82%,transparent);
    }
  }
  .\[background\:color-mix\(in_srgb\,var\(--tag\)_18\%\,transparent\)\] {
    background: var(--tag);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--tag) 18%,transparent);
    }
  }
  .\[background\:currentColor\] {
    background: currentColor;
  }
  .\[background\:linear-gradient\(160deg\,\#14322f\,\#0a1316_72\%\)\] {
    background: linear-gradient(160deg,#14322f,#0a1316 72%);
  }
  .\[background\:linear-gradient\(160deg\,\#10202250\,transparent_58\%\)\] {
    background: linear-gradient(160deg,#10202250,transparent 58%);
  }
  .\[background\:linear-gradient\(180deg\,\#10202238\,transparent\)\] {
    background: linear-gradient(180deg,#10202238,transparent);
  }
  .\[background\:none\] {
    background: none;
  }
  .\[background\:radial-gradient\(ellipse_at_50\%_42\%\,\#0f2c2b99\,transparent_72\%\)\,\#091216\] {
    background: radial-gradient(ellipse at 50% 42%,#0f2c2b99,transparent 72%),#091216;
  }
  .\[background\:radial-gradient\(ellipse_at_50\%_43\%\,\#24333570_0\%\,\#111d2140_39\%\,\#080f1200_72\%\)\] {
    background: radial-gradient(ellipse at 50% 43%,#24333570 0%,#111d2140 39%,#080f1200 72%);
  }
  .\[background\:repeating-linear-gradient\(0deg\,transparent_0_11px\,\#375b604a_11px_12px\,transparent_12px_23px\)\] {
    background: repeating-linear-gradient(0deg,transparent 0 11px,#375b604a 11px 12px,transparent 12px 23px);
  }
  .\[background\:repeating-linear-gradient\(135deg\,color-mix\(in_srgb\,var\(--c\)_26\%\,var\(--t-surface\)\)_0_5px\,color-mix\(in_srgb\,var\(--c\)_12\%\,var\(--t-surface\)\)_5px_10px\)\] {
    background: repeating-linear-gradient(135deg,var(--c) 0 5px,var(--c) 5px 10px);
    @supports (color: color-mix(in lab, red, red)) {
      background: repeating-linear-gradient(135deg,color-mix(in srgb,var(--c) 26%,var(--t-surface)) 0 5px,color-mix(in srgb,var(--c) 12%,var(--t-surface)) 5px 10px);
    }
  }
  .\[background\:transparent\] {
    background: transparent;
  }
  .\[background\:var\(--c\)\] {
    background: var(--c);
  }
  .\[background\:var\(--ch-bg\)\] {
    background: var(--ch-bg);
  }
  .\[background\:var\(--ch-cyan\)\] {
    background: var(--ch-cyan);
  }
  .\[background\:var\(--glass-bg-strong\)\] {
    background: var(--glass-bg-strong);
  }
  .\[background\:var\(--line-strong\)\] {
    background: var(--line-strong);
  }
  .\[background\:var\(--pc-accent\)\] {
    background: var(--pc-accent);
  }
  .\[background\:var\(--pc0\,\#94e2d5\)\] {
    background: var(--pc0,#94e2d5);
  }
  .\[background\:var\(--rm-bg\)\] {
    background: var(--rm-bg);
  }
  .\[background\:var\(--t-accent\)\] {
    background: var(--t-accent);
  }
  .\[background\:var\(--t-bg\)\] {
    background: var(--t-bg);
  }
  .\[background\:var\(--t-danger\)\] {
    background: var(--t-danger);
  }
  .\[background\:var\(--t-field\)\] {
    background: var(--t-field);
  }
  .\[background\:var\(--t-ink\)\] {
    background: var(--t-ink);
  }
  .\[background\:var\(--t-line\)\] {
    background: var(--t-line);
  }
  .\[background\:var\(--t-line-2\)\] {
    background: var(--t-line-2);
  }
  .\[background\:var\(--t-primary\)\] {
    background: var(--t-primary);
  }
  .\[background\:var\(--t-raised\)\] {
    background: var(--t-raised);
  }
  .\[background\:var\(--t-surface\)\] {
    background: var(--t-surface);
  }
  .\[background\:var\(--t-warn\)\] {
    background: var(--t-warn);
  }
  .\[border-bottom\:1px_dashed_\#173032\] {
    border-bottom: 1px dashed #173032;
  }
  .\[border-bottom\:1px_dashed_var\(--t-line-2\)\] {
    border-bottom: 1px dashed var(--t-line-2);
  }
  .\[border-bottom\:1px_solid_\#508b84\] {
    border-bottom: 1px solid #508b84;
  }
  .\[border-bottom\:1px_solid_var\(--ch-line\)\] {
    border-bottom: 1px solid var(--ch-line);
  }
  .\[border-bottom\:1px_solid_var\(--t-edge\)\] {
    border-bottom: 1px solid var(--t-edge);
  }
  .\[border-bottom\:1px_solid_var\(--t-line\)\] {
    border-bottom: 1px solid var(--t-line);
  }
  .\[border-bottom\:1px_solid_var\(--t-line-2\)\] {
    border-bottom: 1px solid var(--t-line-2);
  }
  .\[border-left\:1\.5px_solid_var\(--t-now\)\] {
    border-left: 1.5px solid var(--t-now);
  }
  .\[border-left\:1px_dashed_var\(--t-edge-2\)\] {
    border-left: 1px dashed var(--t-edge-2);
  }
  .\[border-left\:1px_solid_\#375b604a\] {
    border-left: 1px solid #375b604a;
  }
  .\[border-left\:1px_solid_\#508b84\] {
    border-left: 1px solid #508b84;
  }
  .\[border-left\:1px_solid_var\(--line\)\] {
    border-left: 1px solid var(--line);
  }
  .\[border-left\:2px_solid_var\(--c\)\] {
    border-left: 2px solid var(--c);
  }
  .\[border-left\:2px_solid_var\(--pc-accent\)\] {
    border-left: 2px solid var(--pc-accent);
  }
  .\[border-left\:3px_solid_var\(--stage-color\)\] {
    border-left: 3px solid var(--stage-color);
  }
  .\[border-right\:1px_dashed_var\(--t-edge-2\)\] {
    border-right: 1px dashed var(--t-edge-2);
  }
  .\[border-top\:1\.5px_dashed_var\(--accent\)\] {
    border-top: 1.5px dashed var(--accent);
  }
  .\[border-top\:1px_solid_\#15292b\] {
    border-top: 1px solid #15292b;
  }
  .\[border-top\:1px_solid_\#ff8a8a\] {
    border-top: 1px solid #ff8a8a;
  }
  .\[border-top\:1px_solid_color-mix\(in_srgb\,currentColor_14\%\,transparent\)\] {
    border-top: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in srgb,currentColor 14%,transparent);
    }
  }
  .\[border-top\:1px_solid_color-mix\(in_srgb\,currentColor_16\%\,transparent\)\] {
    border-top: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in srgb,currentColor 16%,transparent);
    }
  }
  .\[border-top\:1px_solid_var\(--ch-line\)\] {
    border-top: 1px solid var(--ch-line);
  }
  .\[border-top\:1px_solid_var\(--t-line\)\] {
    border-top: 1px solid var(--t-line);
  }
  .\[border-top\:1px_solid_var\(--t-line-2\)\] {
    border-top: 1px solid var(--t-line-2);
  }
  .\[border\:0\] {
    border: 0;
  }
  .\[border\:1\.5px_solid_color-mix\(in_srgb\,var\(--t-ink\)_22\%\,transparent\)\] {
    border: 1.5px solid var(--t-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1.5px solid color-mix(in srgb,var(--t-ink) 22%,transparent);
    }
  }
  .\[border\:1\.5px_solid_var\(--t-ink\)\] {
    border: 1.5px solid var(--t-ink);
  }
  .\[border\:1\.5px_solid_var\(--tag\)\] {
    border: 1.5px solid var(--tag);
  }
  .\[border\:1px_dashed_\#173032\] {
    border: 1px dashed #173032;
  }
  .\[border\:1px_dashed_color-mix\(in_srgb\,var\(--c\)_80\%\,transparent\)\] {
    border: 1px dashed var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px dashed color-mix(in srgb,var(--c) 80%,transparent);
    }
  }
  .\[border\:1px_dashed_var\(--c\)\] {
    border: 1px dashed var(--c);
  }
  .\[border\:1px_dashed_var\(--ch-cyan\)\] {
    border: 1px dashed var(--ch-cyan);
  }
  .\[border\:1px_dashed_var\(--t-accent\)\] {
    border: 1px dashed var(--t-accent);
  }
  .\[border\:1px_dashed_var\(--t-edge\)\] {
    border: 1px dashed var(--t-edge);
  }
  .\[border\:1px_solid_\#1b3335\] {
    border: 1px solid #1b3335;
  }
  .\[border\:1px_solid_\#3b6662\] {
    border: 1px solid #3b6662;
  }
  .\[border\:1px_solid_\#4a2a30\] {
    border: 1px solid #4a2a30;
  }
  .\[border\:1px_solid_\#264341\] {
    border: 1px solid #264341;
  }
  .\[border\:1px_solid_color-mix\(in_srgb\,var\(--ch-cyan\)_45\%\,transparent\)\] {
    border: 1px solid var(--ch-cyan);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb,var(--ch-cyan) 45%,transparent);
    }
  }
  .\[border\:1px_solid_currentColor\] {
    border: 1px solid currentColor;
  }
  .\[border\:1px_solid_rgba\(97\,202\,199\,\.3\)\] {
    border: 1px solid rgba(97,202,199,.3);
  }
  .\[border\:1px_solid_transparent\] {
    border: 1px solid transparent;
  }
  .\[border\:1px_solid_var\(--ch-cyan\)\] {
    border: 1px solid var(--ch-cyan);
  }
  .\[border\:1px_solid_var\(--ch-line\)\] {
    border: 1px solid var(--ch-line);
  }
  .\[border\:1px_solid_var\(--t-accent\)\] {
    border: 1px solid var(--t-accent);
  }
  .\[border\:1px_solid_var\(--t-danger\)\] {
    border: 1px solid var(--t-danger);
  }
  .\[border\:1px_solid_var\(--t-edge\)\] {
    border: 1px solid var(--t-edge);
  }
  .\[border\:1px_solid_var\(--t-edge-2\)\] {
    border: 1px solid var(--t-edge-2);
  }
  .\[border\:1px_solid_var\(--t-ink\)\] {
    border: 1px solid var(--t-ink);
  }
  .\[border\:1px_solid_var\(--t-line\)\] {
    border: 1px solid var(--t-line);
  }
  .\[border\:1px_solid_var\(--t-line-2\)\] {
    border: 1px solid var(--t-line-2);
  }
  .\[border\:2px_solid_transparent\] {
    border: 2px solid transparent;
  }
  .\[border\:none\] {
    border: none;
  }
  .\[clip-path\:inset\(50\%\)\] {
    clip-path: inset(50%);
  }
  .\[clip-path\:polygon\(0_0\,100\%_0\,100\%_100\%\)\] {
    clip-path: polygon(0 0,100% 0,100% 100%);
  }
  .\[font-variant\:inherit\] {
    font-variant: inherit;
  }
  .\[font\:7px_ui-monospace\,monospace\] {
    font: 7px ui-monospace,monospace;
  }
  .\[font\:8px\/1\.8_ui-monospace\,monospace\] {
    font: 8px/1.8 ui-monospace,monospace;
  }
  .\[font\:8px_ui-monospace\,monospace\] {
    font: 8px ui-monospace,monospace;
  }
  .\[font\:8px_var\(--mono\)\] {
    font: 8px var(--mono);
  }
  .\[font\:9px\/1\.4_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font: 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[font\:9px\/1\.5_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font: 9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[font\:9px\/14px_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font: 9px/14px ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[font\:9px_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font: 9px ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[font\:9px_ui-monospace\,monospace\] {
    font: 9px ui-monospace,monospace;
  }
  .\[font\:9px_var\(--mono\)\] {
    font: 9px var(--mono);
  }
  .\[font\:9px_var\(--rm-mono\)\] {
    font: 9px var(--rm-mono);
  }
  .\[font\:9px_var\(--sans\)\] {
    font: 9px var(--sans);
  }
  .\[font\:10px\/1\.3_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font: 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[font\:10px\/1\.4_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font: 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[font\:10px\/1\.5_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font: 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[font\:10px\/1\.6_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font: 10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[font\:10px\/1\.45_var\(--sans\)\] {
    font: 10px/1.45 var(--sans);
  }
  .\[font\:10px\/1_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font: 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[font\:10px\/1_var\(--mono\)\] {
    font: 10px/1 var(--mono);
  }
  .\[font\:10px_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font: 10px ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[font\:10px_ui-monospace\,monospace\] {
    font: 10px ui-monospace,monospace;
  }
  .\[font\:10px_var\(--mono\)\] {
    font: 10px var(--mono);
  }
  .\[font\:10px_var\(--sans\)\] {
    font: 10px var(--sans);
  }
  .\[font\:11px\/1\.65_var\(--sans\)\] {
    font: 11px/1.65 var(--sans);
  }
  .\[font\:11px_ui-monospace\,Menlo\,monospace\] {
    font: 11px ui-monospace,Menlo,monospace;
  }
  .\[font\:11px_var\(--mono\)\] {
    font: 11px var(--mono);
  }
  .\[font\:11px_var\(--sans\)\] {
    font: 11px var(--sans);
  }
  .\[font\:500_9px_var\(--rm-mono\)\] {
    font: 500 9px var(--rm-mono);
  }
  .\[font\:500_10px_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font: 500 10px ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[font\:500_12px_var\(--sans\)\] {
    font: 500 12px var(--sans);
  }
  .\[font\:600_10px\/1\.4_var\(--mono\)\] {
    font: 600 10px/1.4 var(--mono);
  }
  .\[font\:600_10px\/1_var\(--mono\)\] {
    font: 600 10px/1 var(--mono);
  }
  .\[font\:700_9px\/1_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font: 700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[font\:700_10px\/1_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font: 700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[font\:inherit\] {
    font: inherit;
  }
  .\[font\:normal_9px_var\(--rm-mono\)\] {
    font: normal 9px var(--rm-mono);
  }
  .\[grid-area\:1\/1\] {
    grid-area: 1/1;
  }
  .\[grid-area\:a\] {
    grid-area: a;
  }
  .\[grid-area\:b\] {
    grid-area: b;
  }
  .\[grid-area\:c\] {
    grid-area: c;
  }
  .\[grid-area\:d\] {
    grid-area: d;
  }
  .\[grid-area\:e\] {
    grid-area: e;
  }
  .\[grid-template-areas\:\'\._\._\._\._\._\._stake_\._\.\'_\'\._\._\._\._value_\._\._\._\.\'_\'\._\._company_\._inter_\._target_\._need\'_\'\._\._\._\._money_\._\._\._\.\'\] {
    grid-template-areas: '. . . . . . stake . .' '. . . . value . . . .' '. . company . inter . target . need' '. . . . money . . . .';
  }
  .\[grid-template-areas\:\'\._\._cost_\._\._\._stake_\._\.\'_\'\._\._\._\._value_\._\._\._\.\'_\'\._\._company_\._inter_\._target_\._need\'_\'\._\._\._\._money_\._\._\._\.\'\] {
    grid-template-areas: '. . cost . . . stake . .' '. . . . value . . . .' '. . company . inter . target . need' '. . . . money . . . .';
  }
  .\[grid-template-areas\:\'\._a_\.\'_\'b_c_d\'_\'\._e_\.\'\] {
    grid-template-areas: '. a .' 'b c d' '. e .';
  }
  .\[paint-order\:stroke\] {
    paint-order: stroke;
  }
  .\[perspective\:900px\] {
    perspective: 900px;
  }
  .\[stroke-dasharray\:5_4\] {
    stroke-dasharray: 5 4;
  }
  .\[stroke-linecap\:round\] {
    stroke-linecap: round;
  }
  .\[stroke-linejoin\:round\] {
    stroke-linejoin: round;
  }
  .\[stroke-opacity\:\.4\] {
    stroke-opacity: .4;
  }
  .\[stroke-opacity\:\.7\] {
    stroke-opacity: .7;
  }
  .\[text-shadow\:0_0_3px_\#000\] {
    text-shadow: 0 0 3px #000;
  }
  .\[transform-style\:preserve-3d\] {
    transform-style: preserve-3d;
  }
  .\[transition\:background-color_\.2s\] {
    transition: background-color .2s;
  }
  .\[transition\:background-color_\.15s\,border-color_\.15s\,color_\.15s\] {
    transition: background-color .15s,border-color .15s,color .15s;
  }
  .\[transition\:background_\.12s\,color_\.12s\,border-color_\.2s\] {
    transition: background .12s,color .12s,border-color .2s;
  }
  .\[transition\:background_\.12s\,color_\.12s\] {
    transition: background .12s,color .12s;
  }
  .\[transition\:background_\.15s\,border-color_\.15s\] {
    transition: background .15s,border-color .15s;
  }
  .\[transition\:background_\.15s\,transform_\.15s\,box-shadow_\.15s\] {
    transition: background .15s,transform .15s,box-shadow .15s;
  }
  .\[transition\:border-color_\.12s\,box-shadow_\.12s\] {
    transition: border-color .12s,box-shadow .12s;
  }
  .\[transition\:border-color_\.12s\] {
    transition: border-color .12s;
  }
  .\[transition\:border-color_\.15s\,background_\.15s\,color_\.15s\] {
    transition: border-color .15s,background .15s,color .15s;
  }
  .\[transition\:border-color_\.15s\,box-shadow_\.15s\,background_\.15s\] {
    transition: border-color .15s,box-shadow .15s,background .15s;
  }
  .\[transition\:box-shadow_\.14s\,transform_\.14s\] {
    transition: box-shadow .14s,transform .14s;
  }
  .\[transition\:box-shadow_\.15s\,filter_\.15s\] {
    transition: box-shadow .15s,filter .15s;
  }
  .\[transition\:color_\.15s\,background-color_\.15s\] {
    transition: color .15s,background-color .15s;
  }
  .\[transition\:color_\.15s\,background_\.15s\,box-shadow_\.15s\] {
    transition: color .15s,background .15s,box-shadow .15s;
  }
  .\[transition\:color_\.15s\,background_\.15s\] {
    transition: color .15s,background .15s;
  }
  .\[transition\:color_\.15s\,transform_\.25s\] {
    transition: color .15s,transform .25s;
  }
  .\[transition\:filter_\.15s\,box-shadow_\.15s\] {
    transition: filter .15s,box-shadow .15s;
  }
  .\[transition\:grid-template-columns_\.28s_cubic-bezier\(\.2\,\.7\,\.2\,1\)\] {
    transition: grid-template-columns .28s cubic-bezier(.2,.7,.2,1);
  }
  .\[transition\:left_\.2s_cubic-bezier\(\.2\,\.7\,\.2\,1\)\] {
    transition: left .2s cubic-bezier(.2,.7,.2,1);
  }
  .\[transition\:left_\.12s_ease-out\,top_\.12s_ease-out\,width_\.12s\,height_\.12s\] {
    transition: left .12s ease-out,top .12s ease-out,width .12s,height .12s;
  }
  .\[transition\:left_\.12s_ease-out\] {
    transition: left .12s ease-out;
  }
  .\[transition\:margin_\.26s_cubic-bezier\(\.22\,\.61\,\.36\,1\)_\.08s\,padding_\.26s_cubic-bezier\(\.22\,\.61\,\.36\,1\)_\.08s\,border-color_\.2s_\.08s\] {
    transition: margin .26s cubic-bezier(.22,.61,.36,1) .08s,padding .26s cubic-bezier(.22,.61,.36,1) .08s,border-color .2s .08s;
  }
  .\[transition\:opacity_\.2s\,background_\.12s\,color_\.12s\] {
    transition: opacity .2s,background .12s,color .12s;
  }
  .\[transition\:opacity_\.2s\] {
    transition: opacity .2s;
  }
  .\[transition\:opacity_\.2s_ease_\.12s\] {
    transition: opacity .2s ease .12s;
  }
  .\[transition\:opacity_\.6s_ease\] {
    transition: opacity .6s ease;
  }
  .\[transition\:opacity_\.15s\,color_\.12s\,background_\.12s\] {
    transition: opacity .15s,color .12s,background .12s;
  }
  .\[transition\:opacity_\.15s\,color_\.15s\] {
    transition: opacity .15s,color .15s;
  }
  .\[transition\:opacity_\.15s\,visibility_\.15s\,color_\.15s\,background_\.15s\] {
    transition: opacity .15s,visibility .15s,color .15s,background .15s;
  }
  .\[transition\:opacity_\.15s\] {
    transition: opacity .15s;
  }
  .\[transition\:transform_\.15s\,opacity_\.2s_ease_\.06s\] {
    transition: transform .15s,opacity .2s ease .06s;
  }
  .\[transition\:transform_\.15s\] {
    transition: transform .15s;
  }
  .\[transition\:translate_\.28s_cubic-bezier\(\.22\,\.61\,\.36\,1\)\] {
    transition: translate .28s cubic-bezier(.22,.61,.36,1);
  }
  .\[transition\:width_\.3s\] {
    transition: width .3s;
  }
  :is(.\*\*\:box-border *) {
    box-sizing: border-box;
  }
  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 90deg;
  }
  .group-focus-within\:flex:is(:where(.group):focus-within *) {
    display: flex;
  }
  .group-focus-within\/mic\:opacity-100:is(:where(.group\/mic):focus-within *) {
    opacity: 100%;
  }
  .group-focus-within\/tab\:flex:is(:where(.group\/tab):focus-within *) {
    display: flex;
  }
  .group-focus-within\/todo\:opacity-100:is(:where(.group\/todo):focus-within *) {
    opacity: 100%;
  }
  .group-hover\:flex:is(:where(.group):hover *) {
    display: flex;
  }
  .group-hover\:w-\[64px\]:is(:where(.group):hover *) {
    width: 64px;
  }
  .group-hover\:bg-accent:is(:where(.group):hover *) {
    background-color: var(--accent);
  }
  .group-hover\:opacity-100:is(:where(.group):hover *) {
    opacity: 100%;
  }
  .group-hover\/card\:opacity-100:is(:where(.group\/card):hover *) {
    opacity: 100%;
  }
  .group-hover\/clk\:opacity-85:is(:where(.group\/clk):hover *) {
    opacity: 85%;
  }
  .group-hover\/drag\:opacity-100:is(:where(.group\/drag):hover *) {
    opacity: 100%;
  }
  .group-hover\/fold\:\[color\:\#a4f0df\]:is(:where(.group\/fold):hover *) {
    color: #a4f0df;
  }
  .group-hover\/mic\:opacity-100:is(:where(.group\/mic):hover *) {
    opacity: 100%;
  }
  .group-hover\/node\:opacity-100:is(:where(.group\/node):hover *) {
    opacity: 100%;
  }
  .group-hover\/pin\:block:is(:where(.group\/pin):hover *) {
    display: block;
  }
  .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
    opacity: 100%;
  }
  @media not (pointer: coarse) {
    .not-pointer-coarse\:group-hover\/rt\:opacity-100:is(:where(.group\/rt):hover *) {
      opacity: 100%;
    }
  }
  .group-hover\/t\:opacity-100:is(:where(.group\/t):hover *) {
    opacity: 100%;
  }
  .group-hover\/tab\:flex:is(:where(.group\/tab):hover *) {
    display: flex;
  }
  .group-hover\/tab\:\[border-color\:\#3b6662\]:is(:where(.group\/tab):hover *) {
    border-color: #3b6662;
  }
  .group-hover\/tab\:text-\[\#8fd9cc\]:is(:where(.group\/tab):hover *) {
    color: #8fd9cc;
  }
  .group-hover\/tabs\:visible:is(:where(.group\/tabs):hover *) {
    visibility: visible;
  }
  @media not (pointer: coarse) {
    .not-pointer-coarse\:group-hover\/todo\:opacity-100:is(:where(.group\/todo):hover *) {
      opacity: 100%;
    }
  }
  .group-focus-visible\:bg-accent:is(:where(.group):focus-visible *) {
    background-color: var(--accent);
  }
  .group-focus-visible\/clk\:opacity-85:is(:where(.group\/clk):focus-visible *) {
    opacity: 85%;
  }
  .group-aria-pressed\/tab\:\[border-color\:\#3b6662\]:is(:where(.group\/tab)[aria-pressed="true"] *) {
    border-color: #3b6662;
  }
  .group-aria-pressed\/tab\:text-\[\#8fd9cc\]:is(:where(.group\/tab)[aria-pressed="true"] *) {
    color: #8fd9cc;
  }
  .group-aria-\[expanded\=false\]\/fold\:\[transform\:rotate\(-90deg\)\]:is(:where(.group\/fold)[aria-expanded="false"] *) {
    transform: rotate(-90deg);
  }
  .group-data-tall\/cell\:flex:is(:where(.group\/cell)[data-tall] *) {
    display: flex;
  }
  .group-data-tall\/cell\:h-\[150px\]:is(:where(.group\/cell)[data-tall] *) {
    height: 150px;
  }
  .group-data-tall\/cell\:min-h-\[130px\]:is(:where(.group\/cell)[data-tall] *) {
    min-height: 130px;
  }
  .group-data-tall\/cell\:min-h-\[180px\]:is(:where(.group\/cell)[data-tall] *) {
    min-height: 180px;
  }
  .group-data-tall\/cell\:flex-1:is(:where(.group\/cell)[data-tall] *) {
    flex: 1;
  }
  .group-data-tall\/cell\:\[--chart-h\:100\%\]:is(:where(.group\/cell)[data-tall] *) {
    --chart-h: 100%;
  }
  .group-data-\[cols\=5\]\/menu\:grid-cols-5:is(:where(.group\/menu)[data-cols="5"] *) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .group-data-\[done\]\/set\:\[color\:var\(--t-accent-ink\)\]:is(:where(.group\/set)[data-done] *) {
    color: var(--t-accent-ink);
  }
  .group-data-\[lv\=3\]\/day\:\[background\:\#081214\]:is(:where(.group\/day)[data-lv="3"] *) {
    background: #081214;
  }
  .group-data-\[lv\=4\]\/day\:\[background\:\#081214\]:is(:where(.group\/day)[data-lv="4"] *) {
    background: #081214;
  }
  .group-data-\[now\]\/rmrow\:\[color\:var\(--t-ink\)\]:is(:where(.group\/rmrow)[data-now] *) {
    color: var(--t-ink);
  }
  .group-data-\[orbiting\=true\]\/vp\:opacity-30:is(:where(.group\/vp)[data-orbiting="true"] *) {
    opacity: 30%;
  }
  .group-data-\[sheet\]\/sheet\:block:is(:where(.group\/sheet)[data-sheet] *) {
    display: block;
  }
  .group-data-\[sheet\]\/sheet\:flex:is(:where(.group\/sheet)[data-sheet] *) {
    display: flex;
  }
  .group-data-\[sheet\]\/sheet\:grid:is(:where(.group\/sheet)[data-sheet] *) {
    display: grid;
  }
  .group-data-\[sheet\]\/sheet\:hidden:is(:where(.group\/sheet)[data-sheet] *) {
    display: none;
  }
  .group-data-\[sheet\]\/sheet\:inline:is(:where(.group\/sheet)[data-sheet] *) {
    display: inline;
  }
  .group-data-\[sheet\]\/sheet\:\[translate\:0_28px\]:is(:where(.group\/sheet)[data-sheet] *) {
    translate: 0 28px;
  }
  .group-data-\[sheet\]\/sheet\:p-\[40px\]:is(:where(.group\/sheet)[data-sheet] *) {
    padding: 40px;
  }
  .group-data-\[sheet\]\/sheet\:text-\[12px\]:is(:where(.group\/sheet)[data-sheet] *) {
    font-size: 12px;
  }
  .group-data-\[sort-drag\]\/rt\:opacity-100:is(:where(.group\/rt)[data-sort-drag] *) {
    opacity: 100%;
  }
  .group-data-\[sort-drag\]\/todo\:cursor-grabbing:is(:where(.group\/todo)[data-sort-drag] *) {
    cursor: grabbing;
  }
  .group-data-\[state\=done\]\/rmrow\:opacity-\[\.55\]:is(:where(.group\/rmrow)[data-state="done"] *) {
    opacity: .55;
  }
  .group-data-\[state\=none\]\/gap\:hidden:is(:where(.group\/gap)[data-state="none"] *) {
    display: none;
  }
  .group-data-\[state\=reached\]\/gap\:\[color\:var\(--ch-cyan\)\]:is(:where(.group\/gap)[data-state="reached"] *) {
    color: var(--ch-cyan);
  }
  .group-\[\.has-text\]\/todo\:visible:is(:where(.group\/todo):is(.has-text) *) {
    visibility: visible;
  }
  .group-\[\.has-text\]\/todo\:flex:is(:where(.group\/todo):is(.has-text) *) {
    display: flex;
  }
  .group-\[\.is-done\]\/todo\:text-\[\#5b7b7e\]:is(:where(.group\/todo):is(.is-done) *) {
    color: #5b7b7e;
  }
  .group-\[\.is-done\]\/todo\:line-through:is(:where(.group\/todo):is(.is-done) *) {
    text-decoration-line: line-through;
  }
  .group-\[\.is-done\]\/todo\:\[text-decoration-color\:\#3b6662\]:is(:where(.group\/todo):is(.is-done) *) {
    text-decoration-color: #3b6662;
  }
  .group-\[\.is-end\]\/rmday\:\[color\:var\(--t-faint\)\]:is(:where(.group\/rmday):is(.is-end) *) {
    color: var(--t-faint);
  }
  .group-\[\.is-on\]\/now\:animate-ch-blink:is(:where(.group\/now):is(.is-on) *) {
    animation: var(--animate-ch-blink);
  }
  .group-\[\.is-on\]\/now\:\[box-shadow\:0_0_8px_var\(--ch-cyan\)\]:is(:where(.group\/now):is(.is-on) *) {
    box-shadow: 0 0 8px var(--ch-cyan);
  }
  .group-\[\.is-on\]\/now\:\[background\:var\(--ch-cyan\)\]:is(:where(.group\/now):is(.is-on) *) {
    background: var(--ch-cyan);
  }
  .group-\[\.is-short\]\/blk\:hidden:is(:where(.group\/blk):is(.is-short) *) {
    display: none;
  }
  .group-\[\.is-short\]\/blk\:flex-none:is(:where(.group\/blk):is(.is-short) *) {
    flex: none;
  }
  .group-\[\.is-short\]\/pv\:flex-none:is(:where(.group\/pv):is(.is-short) *) {
    flex: none;
  }
  .group-\[\.is-today\]\/rmday\:font-\[600\]:is(:where(.group\/rmday):is(.is-today) *) {
    --tw-font-weight: 600;
    font-weight: 600;
  }
  .group-\[\.is-today\]\/rmday\:text-\[\#fff\]:is(:where(.group\/rmday):is(.is-today) *) {
    color: #fff;
  }
  .group-\[\.is-today\]\/rmday\:\[background\:var\(--t-now\)\]:is(:where(.group\/rmday):is(.is-today) *) {
    background: var(--t-now);
  }
  .group-\[\:not\(\.has-bar\)\]\/gap\:hidden:is(:where(.group\/gap):is(:not(.has-bar)) *) {
    display: none;
  }
  .group-\[\:not\(\[data-state\=none\]\)\]\/gap\:hidden:is(:where(.group\/gap):is(:not([data-state=none])) *) {
    display: none;
  }
  .peer-checked\:\[border-color\:var\(--ch-cyan\)\]:is(:where(.peer):checked ~ *) {
    border-color: var(--ch-cyan);
  }
  .peer-checked\:\[background\:\#1c3b39\]:is(:where(.peer):checked ~ *) {
    background: #1c3b39;
  }
  .peer-focus\:hidden:is(:where(.peer):focus ~ *) {
    display: none;
  }
  .peer-focus-visible\:\[outline\:2px_solid_var\(--ch-cyan\)\]:is(:where(.peer):focus-visible ~ *) {
    outline: 2px solid var(--ch-cyan);
  }
  .peer-focus-visible\:outline-offset-\[2px\]:is(:where(.peer):focus-visible ~ *) {
    outline-offset: 2px;
  }
  .marker\:text-ink-3 ::marker {
    color: var(--ink-3);
  }
  .marker\:text-ink-3::marker {
    color: var(--ink-3);
  }
  .marker\:text-ink-3 ::-webkit-details-marker {
    color: var(--ink-3);
  }
  .marker\:text-ink-3::-webkit-details-marker {
    color: var(--ink-3);
  }
  .placeholder\:font-\[500\]::placeholder {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .placeholder\:font-normal::placeholder {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .placeholder\:font-semibold::placeholder {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .placeholder\:\[color\:var\(--t-faint\)\]::placeholder {
    color: var(--t-faint);
  }
  .placeholder\:text-\[\#3b5c5f\]::placeholder {
    color: #3b5c5f;
  }
  .placeholder\:text-\[\#5f6d69\]::placeholder {
    color: #5f6d69;
  }
  .placeholder\:text-\[\#44666a\]::placeholder {
    color: #44666a;
  }
  .placeholder\:text-ink-3::placeholder {
    color: var(--ink-3);
  }
  .backdrop\:bg-\[rgba\(8\,14\,18\,\.35\)\]::backdrop {
    background-color: rgba(8,14,18,.35);
  }
  .backdrop\:bg-black\/45::backdrop {
    background-color: color-mix(in srgb, #000 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }
  .backdrop\:backdrop-blur-\[6px\]::backdrop {
    --tw-backdrop-blur: blur(6px);
    -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,);
  }
  .backdrop\:\[backdrop-filter\:blur\(2px\)\]::backdrop {
    backdrop-filter: blur(2px);
  }
  .backdrop\:\[backdrop-filter\:blur\(4px\)\]::backdrop {
    backdrop-filter: blur(4px);
  }
  .backdrop\:\[background\:\#0c222c66\]::backdrop {
    background: #0c222c66;
  }
  .backdrop\:\[background\:color-mix\(in_srgb\,var\(--t-bg\,\#080f12\)_62\%\,transparent\)\]::backdrop {
    background: var(--t-bg,#080f12);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-bg,#080f12) 62%,transparent);
    }
  }
  .backdrop\:\[background\:var\(--t-bg\)\]::backdrop {
    background: var(--t-bg);
  }
  .before\:pointer-events-none::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:inset-0::before {
    content: var(--tw-content);
    inset: 0px;
  }
  .before\:top-0::before {
    content: var(--tw-content);
    top: 0px;
  }
  .before\:top-\[-1px\]::before {
    content: var(--tw-content);
    top: -1px;
  }
  .before\:top-\[-4px\]::before {
    content: var(--tw-content);
    top: -4px;
  }
  .before\:top-\[-5px\]::before {
    content: var(--tw-content);
    top: -5px;
  }
  .before\:top-\[50\%\]::before {
    content: var(--tw-content);
    top: 50%;
  }
  .before\:right-\[9px\]::before {
    content: var(--tw-content);
    right: 9px;
  }
  .before\:left-0::before {
    content: var(--tw-content);
    left: 0px;
  }
  .before\:left-\[-1px\]::before {
    content: var(--tw-content);
    left: -1px;
  }
  .before\:left-\[-3px\]::before {
    content: var(--tw-content);
    left: -3px;
  }
  .before\:left-\[10px\]::before {
    content: var(--tw-content);
    left: 10px;
  }
  .before\:left-\[50\%\]::before {
    content: var(--tw-content);
    left: 50%;
  }
  .before\:-z-10::before {
    content: var(--tw-content);
    z-index: calc(10 * -1);
  }
  .before\:z-\[-1\]::before {
    content: var(--tw-content);
    z-index: -1;
  }
  .before\:m-\[-2px_0_0_-17px\]::before {
    content: var(--tw-content);
    margin: -2px 0 0 -17px;
  }
  .before\:mr-\[\.1em\]::before {
    content: var(--tw-content);
    margin-right: .1em;
  }
  .before\:h-\[1px\]::before {
    content: var(--tw-content);
    height: 1px;
  }
  .before\:h-\[2px\]::before {
    content: var(--tw-content);
    height: 2px;
  }
  .before\:h-\[4px\]::before {
    content: var(--tw-content);
    height: 4px;
  }
  .before\:h-\[5px\]::before {
    content: var(--tw-content);
    height: 5px;
  }
  .before\:h-\[7px\]::before {
    content: var(--tw-content);
    height: 7px;
  }
  .before\:h-\[8px\]::before {
    content: var(--tw-content);
    height: 8px;
  }
  .before\:h-\[10px\]::before {
    content: var(--tw-content);
    height: 10px;
  }
  .before\:h-\[12px\]::before {
    content: var(--tw-content);
    height: 12px;
  }
  .before\:w-\[5px\]::before {
    content: var(--tw-content);
    width: 5px;
  }
  .before\:w-\[7px\]::before {
    content: var(--tw-content);
    width: 7px;
  }
  .before\:w-\[8px\]::before {
    content: var(--tw-content);
    width: 8px;
  }
  .before\:w-\[18px\]::before {
    content: var(--tw-content);
    width: 18px;
  }
  .before\:w-\[20px\]::before {
    content: var(--tw-content);
    width: 20px;
  }
  .before\:w-\[26px\]::before {
    content: var(--tw-content);
    width: 26px;
  }
  .before\:w-\[34px\]::before {
    content: var(--tw-content);
    width: 34px;
  }
  .before\:flex-none::before {
    content: var(--tw-content);
    flex: none;
  }
  .before\:rotate-45::before {
    content: var(--tw-content);
    rotate: 45deg;
  }
  .before\:rounded-\[2px\]::before {
    content: var(--tw-content);
    border-radius: 2px;
  }
  .before\:rounded-\[50\%\]::before {
    content: var(--tw-content);
    border-radius: 50%;
  }
  .before\:rounded-\[inherit\]::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  .before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
  .before\:bg-line-strong::before {
    content: var(--tw-content);
    background-color: var(--line-strong);
  }
  .before\:bg-\[radial-gradient\(1000px_420px_at_50\%_-60px\,rgb\(47_217_150\/\.16\)\,transparent_70\%\)\]::before {
    content: var(--tw-content);
    background-image: radial-gradient(1000px 420px at 50% -60px,rgb(47 217 150/.16),transparent 70%);
  }
  .before\:bg-\[radial-gradient\(circle\,var\(--line-strong\)_1px\,transparent_1\.4px\)\]::before {
    content: var(--tw-content);
    background-image: radial-gradient(circle,var(--line-strong) 1px,transparent 1.4px);
  }
  .before\:bg-size-\[20px_20px\]::before {
    content: var(--tw-content);
    background-size: 20px 20px;
  }
  .before\:opacity-0::before {
    content: var(--tw-content);
    opacity: 0%;
  }
  .before\:opacity-50::before {
    content: var(--tw-content);
    opacity: 50%;
  }
  .before\:\[backdrop-filter\:blur\(24px\)_saturate\(1\.6\)\]::before {
    content: var(--tw-content);
    backdrop-filter: blur(24px) saturate(1.6);
  }
  .before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .before\:content-\[\'“\'\]::before {
    --tw-content: '“';
    content: var(--tw-content);
  }
  .before\:\[background\:\#ff8a8a\]::before {
    content: var(--tw-content);
    background: #ff8a8a;
  }
  .before\:\[background\:currentColor\]::before {
    content: var(--tw-content);
    background: currentColor;
  }
  .before\:\[background\:inherit\]::before {
    content: var(--tw-content);
    background: inherit;
  }
  .before\:\[background\:var\(--ch-cyan\)\]::before {
    content: var(--tw-content);
    background: var(--ch-cyan);
  }
  .before\:\[background\:var\(--glass-bg-strong\)\]::before {
    content: var(--tw-content);
    background: var(--glass-bg-strong);
  }
  .before\:\[background\:var\(--t-edge\,\#264341\)\]::before {
    content: var(--tw-content);
    background: var(--t-edge,#264341);
  }
  .before\:\[border-left\:2px_solid_\#63b9b5\]::before {
    content: var(--tw-content);
    border-left: 2px solid #63b9b5;
  }
  .before\:\[border-left\:inherit\]::before {
    content: var(--tw-content);
    border-left: inherit;
  }
  .before\:\[border-top\:2px_solid_\#63b9b5\]::before {
    content: var(--tw-content);
    border-top: 2px solid #63b9b5;
  }
  .before\:\[border-top\:inherit\]::before {
    content: var(--tw-content);
    border-top: inherit;
  }
  .before\:\[transition\:background_\.15s\,width_\.15s\,margin_\.15s\]::before {
    content: var(--tw-content);
    transition: background .15s,width .15s,margin .15s;
  }
  .before\:\[transition\:opacity_\.15s\]::before {
    content: var(--tw-content);
    transition: opacity .15s;
  }
  .after\:pointer-events-none::after {
    content: var(--tw-content);
    pointer-events: none;
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:inset-0::after {
    content: var(--tw-content);
    inset: 0px;
  }
  .after\:top-0::after {
    content: var(--tw-content);
    top: 0px;
  }
  .after\:top-\[2px\]::after {
    content: var(--tw-content);
    top: 2px;
  }
  .after\:top-\[50\%\]::after {
    content: var(--tw-content);
    top: 50%;
  }
  .after\:right-0::after {
    content: var(--tw-content);
    right: 0px;
  }
  .after\:right-\[-1px\]::after {
    content: var(--tw-content);
    right: -1px;
  }
  .after\:bottom-0::after {
    content: var(--tw-content);
    bottom: 0px;
  }
  .after\:bottom-\[-1px\]::after {
    content: var(--tw-content);
    bottom: -1px;
  }
  .after\:bottom-\[-5px\]::after {
    content: var(--tw-content);
    bottom: -5px;
  }
  .after\:left-0::after {
    content: var(--tw-content);
    left: 0px;
  }
  .after\:left-\[2px\]::after {
    content: var(--tw-content);
    left: 2px;
  }
  .after\:left-\[28px\]::after {
    content: var(--tw-content);
    left: 28px;
  }
  .after\:left-\[50\%\]::after {
    content: var(--tw-content);
    left: 50%;
  }
  .after\:ml-\[\.1em\]::after {
    content: var(--tw-content);
    margin-left: .1em;
  }
  .after\:h-\[3px\]::after {
    content: var(--tw-content);
    height: 3px;
  }
  .after\:h-\[10px\]::after {
    content: var(--tw-content);
    height: 10px;
  }
  .after\:h-\[12px\]::after {
    content: var(--tw-content);
    height: 12px;
  }
  .after\:w-\[10px\]::after {
    content: var(--tw-content);
    width: 10px;
  }
  .after\:w-\[26px\]::after {
    content: var(--tw-content);
    width: 26px;
  }
  .after\:rounded-\[2px\]::after {
    content: var(--tw-content);
    border-radius: 2px;
  }
  .after\:rounded-\[50\%\]::after {
    content: var(--tw-content);
    border-radius: 50%;
  }
  .after\:rounded-app::after {
    content: var(--tw-content);
    border-radius: var(--radius);
  }
  .after\:bg-danger::after {
    content: var(--tw-content);
    background-color: var(--danger);
  }
  .after\:bg-surface::after {
    content: var(--tw-content);
    background-color: var(--surface);
  }
  .after\:opacity-50::after {
    content: var(--tw-content);
    opacity: 50%;
  }
  .after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .after\:content-\[\'”\'\]::after {
    --tw-content: '”';
    content: var(--tw-content);
  }
  .after\:\[border-bottom\:2px_solid_\#63b9b5\]::after {
    content: var(--tw-content);
    border-bottom: 2px solid #63b9b5;
  }
  .after\:\[border-left\:1px_dashed_\#588c8220\]::after {
    content: var(--tw-content);
    border-left: 1px dashed #588c8220;
  }
  .after\:\[border-right\:2px_solid_\#63b9b5\]::after {
    content: var(--tw-content);
    border-right: 2px solid #63b9b5;
  }
  .after\:\[border-top\:1px_dashed_\#10201f\]::after {
    content: var(--tw-content);
    border-top: 1px dashed #10201f;
  }
  .after\:\[transition\:transform_\.15s\]::after {
    content: var(--tw-content);
    transition: transform .15s;
  }
  .peer-checked\:after\:absolute:is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    position: absolute;
  }
  .peer-checked\:after\:top-\[1px\]:is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    top: 1px;
  }
  .peer-checked\:after\:left-\[4px\]:is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    left: 4px;
  }
  .peer-checked\:after\:h-\[8px\]:is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    height: 8px;
  }
  .peer-checked\:after\:w-\[4px\]:is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    width: 4px;
  }
  .peer-checked\:after\:\[transform\:rotate\(45deg\)\]:is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    transform: rotate(45deg);
  }
  .peer-checked\:after\:\[border-width\:0_1\.5px_1\.5px_0\]:is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    border-width: 0 1.5px 1.5px 0;
  }
  .peer-checked\:after\:\[border-style\:solid\]:is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    border-style: solid;
  }
  .peer-checked\:after\:\[border-color\:var\(--ch-cyan\)\]:is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    border-color: var(--ch-cyan);
  }
  .peer-checked\:after\:content-\[\'\'\]:is(:where(.peer):checked ~ *)::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .first\:left-\[9px\]:first-child {
    left: 9px;
  }
  .first\:mt-0:first-child {
    margin-top: 0px;
  }
  .first\:ml-\[5px\]:first-child {
    margin-left: 5px;
  }
  .first\:rounded-l-\[5px\]:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .first\:\[border-top-color\:\#63b9b5\]:first-child {
    border-top-color: #63b9b5;
  }
  .first\:\[border-left-color\:\#63b9b5\]:first-child {
    border-left-color: #63b9b5;
  }
  .first\:text-left:first-child {
    text-align: left;
  }
  .last\:rounded-r-\[5px\]:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .last\:\[box-shadow\:none\]:last-child {
    box-shadow: none;
  }
  .last\:\[border-bottom\:0\]:last-child {
    border-bottom: 0;
  }
  .last\:\[border-bottom\:none\]:last-child {
    border-bottom: none;
  }
  .open\:flex:is([open], :popover-open, :open) {
    display: flex;
  }
  .open\:grid:is([open], :popover-open, :open) {
    display: grid;
  }
  .open\:flex-col:is([open], :popover-open, :open) {
    flex-direction: column;
  }
  .open\:place-items-center:is([open], :popover-open, :open) {
    place-items: center;
  }
  .checked\:\[background\:var\(--pc-accent\)\]:checked {
    background: var(--pc-accent);
  }
  .checked\:after\:\[transform\:translateX\(11px\)\]:checked::after {
    content: var(--tw-content);
    transform: translateX(11px);
  }
  .empty\:hidden:empty {
    display: none;
  }
  .focus-within\:border-accent:focus-within {
    border-color: var(--accent);
  }
  .focus-within\:\[border-bottom-color\:\#3b6662\]:focus-within {
    border-bottom-color: #3b6662;
  }
  .focus-within\:opacity-100:focus-within {
    opacity: 100%;
  }
  .focus-within\:\[box-shadow\:0_0_0_1px_var\(--accent\)\]:focus-within {
    box-shadow: 0 0 0 1px var(--accent);
  }
  .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);
  }
  .hover\:scale-\[1\.04\]:hover {
    scale: 1.04;
  }
  .hover\:\[transform\:translate\(-50\%\,-50\%\)_scale\(1\.04\)\]:hover {
    transform: translate(-50%,-50%) scale(1.04);
  }
  .hover\:\[border-color\:\#3b6662\]:hover {
    border-color: #3b6662;
  }
  .hover\:\[border-color\:var\(--pattern-color\)\]:hover {
    border-color: var(--pattern-color);
  }
  .hover\:\[border-color\:var\(--pc-accent\)\]:hover {
    border-color: var(--pc-accent);
  }
  .hover\:\[border-color\:var\(--t-accent\)\]:hover {
    border-color: var(--t-accent);
  }
  .hover\:\[border-color\:var\(--t-edge\)\]:hover {
    border-color: var(--t-edge);
  }
  .hover\:border-\[\#8b7cf6\]:hover {
    border-color: #8b7cf6;
  }
  .hover\:border-accent:hover {
    border-color: var(--accent);
  }
  .hover\:border-line:hover {
    border-color: var(--line);
  }
  .hover\:border-line-strong:hover {
    border-color: var(--line-strong);
  }
  .hover\:border-ok:hover {
    border-color: var(--ok);
  }
  .hover\:\[border-bottom-color\:color-mix\(in_srgb\,currentColor_25\%\,transparent\)\]:hover {
    border-bottom-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in srgb,currentColor 25%,transparent);
    }
  }
  .hover\:bg-\[\#fff\]:hover {
    background-color: #fff;
  }
  .hover\:bg-\[color-mix\(in_srgb\,var\(--danger\)_22\%\,transparent\)\]:hover {
    background-color: var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--danger) 22%,transparent);
    }
  }
  .hover\:bg-\[color-mix\(in_srgb\,var\(--ink\)_4\%\,transparent\)\]:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ink) 4%,transparent);
    }
  }
  .hover\:bg-\[color-mix\(in_srgb\,var\(--ink\)_6\%\,transparent\)\]:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ink) 6%,transparent);
    }
  }
  .hover\:bg-\[color-mix\(in_srgb\,var\(--ink\)_8\%\,transparent\)\]:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ink) 8%,transparent);
    }
  }
  .hover\:bg-\[color-mix\(in_srgb\,var\(--ink\)_9\%\,transparent\)\]:hover {
    background-color: var(--ink);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ink) 9%,transparent);
    }
  }
  .hover\:bg-\[rgb\(0_0_0\/\.1\)\]:hover {
    background-color: rgb(0 0 0/.1);
  }
  .hover\:bg-surface-2:hover {
    background-color: var(--surface-2);
  }
  .hover\:bg-surface-3:hover {
    background-color: var(--surface-3);
  }
  .hover\:fill-surface-2:hover {
    fill: var(--surface-2);
  }
  .hover\:\[color\:\#a4e3d7\]:hover {
    color: #a4e3d7;
  }
  .hover\:\[color\:var\(--pattern-color\)\]:hover {
    color: var(--pattern-color);
  }
  .hover\:\[color\:var\(--pc-accent\)\]:hover {
    color: var(--pc-accent);
  }
  .hover\:\[color\:var\(--t-accent-ink\)\]:hover {
    color: var(--t-accent-ink);
  }
  .hover\:\[color\:var\(--t-accent-ink\,var\(--ch-cyan\)\)\]:hover {
    color: var(--t-accent-ink,var(--ch-cyan));
  }
  .hover\:\[color\:var\(--t-danger\)\]:hover {
    color: var(--t-danger);
  }
  .hover\:\[color\:var\(--t-danger\,\#e8a0a8\)\]:hover {
    color: var(--t-danger,#e8a0a8);
  }
  .hover\:\[color\:var\(--t-ink\)\]:hover {
    color: var(--t-ink);
  }
  .hover\:\[color\:var\(--t-on-accent\)\]:hover {
    color: var(--t-on-accent);
  }
  .hover\:text-\[\#a3f0df\]:hover {
    color: #a3f0df;
  }
  .hover\:text-\[\#a4e3d7\]:hover {
    color: #a4e3d7;
  }
  .hover\:text-\[\#c9f3ea\]:hover {
    color: #c9f3ea;
  }
  .hover\:text-\[\#dee9e8\]:hover {
    color: #dee9e8;
  }
  .hover\:text-\[\#e8a0a8\]:hover {
    color: #e8a0a8;
  }
  .hover\:text-accent:hover {
    color: var(--accent);
  }
  .hover\:text-accent-ink:hover {
    color: var(--accent-ink);
  }
  .hover\:text-danger:hover {
    color: var(--danger);
  }
  .hover\:text-ink:hover {
    color: var(--ink);
  }
  .hover\:text-ink-2:hover {
    color: var(--ink-2);
  }
  .hover\:underline:hover {
    text-decoration-line: underline;
  }
  .hover\:underline-offset-2:hover {
    text-underline-offset: 2px;
  }
  .hover\:opacity-70:hover {
    opacity: 70%;
  }
  .hover\:opacity-90:hover {
    opacity: 90%;
  }
  .hover\:opacity-100:hover {
    opacity: 100%;
  }
  .hover\:shadow-\[0_4px_14px_rgba\(0\,0\,0\,\.06\)\]:hover {
    --tw-shadow: 0 4px 14px var(--tw-shadow-color, rgba(0,0,0,.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .hover\:\[box-shadow\:0_0_0_1\.5px_var\(--c\)\]:hover {
    box-shadow: 0 0 0 1.5px var(--c);
  }
  .hover\:\[box-shadow\:0_0_0_1px_\#5a5a5a\,0_8px_26px_rgba\(0\,0\,0\,\.7\)\]:hover {
    box-shadow: 0 0 0 1px #5a5a5a,0 8px 26px rgba(0,0,0,.7);
  }
  .hover\:\[box-shadow\:0_0_0_1px_var\(--ee-accent\)\,0_8px_26px_rgba\(20\,60\,40\,\.14\)\]:hover {
    box-shadow: 0 0 0 1px var(--ee-accent),0 8px 26px rgba(20,60,40,.14);
  }
  .hover\:\[box-shadow\:0_0_0_1px_var\(--line\)\,0_8px_24px_rgba\(0\,0\,0\,\.08\)\]:hover {
    box-shadow: 0 0 0 1px var(--line),0 8px 24px rgba(0,0,0,.08);
  }
  .hover\:\[box-shadow\:0_0_0_1px_var\(--line-strong\)\,0_10px_30px_rgba\(0\,0\,0\,\.08\)\]:hover {
    box-shadow: 0 0 0 1px var(--line-strong),0 10px 30px rgba(0,0,0,.08);
  }
  .hover\:\[box-shadow\:0_1px_4px_rgba\(0\,0\,0\,\.06\)\]:hover {
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
  }
  .hover\:\[box-shadow\:inset_0_1px_0_\#fff\,0_12px_36px_rgb\(127_224_180\/\.2\)\]:hover {
    box-shadow: inset 0 1px 0 #fff,0 12px 36px rgb(127 224 180/.2);
  }
  .hover\:\[filter\:brightness\(1\.05\)\]:hover {
    filter: brightness(1.05);
  }
  .hover\:\[filter\:brightness\(1\.12\)\]:hover {
    filter: brightness(1.12);
  }
  .hover\:\[background\:\#1f423e\]:hover {
    background: #1f423e;
  }
  .hover\:\[background\:\#12262a\]:hover {
    background: #12262a;
  }
  .hover\:\[background\:\#193431\]:hover {
    background: #193431;
  }
  .hover\:\[background\:color-mix\(in_srgb\,var\(--c\)_22\%\,\#0b1417\)\]:hover {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 22%,#0b1417);
    }
  }
  .hover\:\[background\:var\(--t-accent\)\]:hover {
    background: var(--t-accent);
  }
  .hover\:\[background\:var\(--t-accent-soft\)\]:hover {
    background: var(--t-accent-soft);
  }
  .hover\:\[background\:var\(--t-hover\)\]:hover {
    background: var(--t-hover);
  }
  .hover\:\[background\:var\(--t-hover\,\#12262a\)\]:hover {
    background: var(--t-hover,#12262a);
  }
  .hover\:\[background\:var\(--t-line\)\]:hover {
    background: var(--t-line);
  }
  .hover\:not-data-\[on\]\:text-ink-2:hover:not([data-on]) {
    color: var(--ink-2);
  }
  .hover\:before\:ml-\[-26px\]:hover::before {
    content: var(--tw-content);
    margin-left: -26px;
  }
  .hover\:before\:w-\[52px\]:hover::before {
    content: var(--tw-content);
    width: 52px;
  }
  .hover\:before\:\[background\:var\(--t-accent\,var\(--ch-cyan\)\)\]:hover::before {
    content: var(--tw-content);
    background: var(--t-accent,var(--ch-cyan));
  }
  .focus\:\[border-color\:var\(--ch-cyan\)\]:focus {
    border-color: var(--ch-cyan);
  }
  .focus\:\[border-color\:var\(--t-accent\)\]:focus {
    border-color: var(--t-accent);
  }
  .focus\:border-\[rgb\(127_224_180\/\.55\)\]:focus {
    border-color: rgb(127 224 180/.55);
  }
  .focus\:border-accent:focus {
    border-color: var(--accent);
  }
  .focus\:\[border-bottom-color\:var\(--t-accent\)\]:focus {
    border-bottom-color: var(--t-accent);
  }
  .focus\:\[border-bottom-color\:var\(--t-accent\,var\(--ch-cyan\)\)\]:focus {
    border-bottom-color: var(--t-accent,var(--ch-cyan));
  }
  .focus\:bg-\[color-mix\(in_srgb\,var\(--surface\)_55\%\,transparent\)\]:focus {
    background-color: var(--surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--surface) 55%,transparent);
    }
  }
  .focus\:bg-\[rgb\(255_255_255\/\.06\)\]:focus {
    background-color: rgb(255 255 255/.06);
  }
  .focus\:bg-surface-2:focus {
    background-color: var(--surface-2);
  }
  .focus\:opacity-100:focus {
    opacity: 100%;
  }
  .focus\:\[box-shadow\:0_0_0_4px_rgb\(63_185_164\/\.14\)\]:focus {
    box-shadow: 0 0 0 4px rgb(63 185 164/.14);
  }
  .focus\:\[outline\:2px_solid_var\(--accent\)\]:focus {
    outline: 2px solid var(--accent);
  }
  .focus\:\[outline\:none\]:focus {
    outline: none;
  }
  .focus\:\[outline-offset\:-1px\]:focus {
    outline-offset: -1px;
  }
  .focus\:outline-offset-\[-1px\]:focus {
    outline-offset: -1px;
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:visible:focus-visible {
    visibility: visible;
  }
  .focus-visible\:z-\[1\]:focus-visible {
    z-index: 1;
  }
  .focus-visible\:bg-surface-2:focus-visible {
    background-color: var(--surface-2);
  }
  .focus-visible\:opacity-90:focus-visible {
    opacity: 90%;
  }
  .focus-visible\:opacity-100:focus-visible {
    opacity: 100%;
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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-visible\:\[box-shadow\:0_0_0_2px_var\(--accent\)\]:focus-visible {
    box-shadow: 0 0 0 2px var(--accent);
  }
  .focus-visible\:\[box-shadow\:0_0_0_2px_var\(--t-accent\)\]:focus-visible {
    box-shadow: 0 0 0 2px var(--t-accent);
  }
  .focus-visible\:\[box-shadow\:0_0_0_3px_var\(--accent-soft\)\,0_0_0_5px_var\(--accent\)\]:focus-visible {
    box-shadow: 0 0 0 3px var(--accent-soft),0 0 0 5px var(--accent);
  }
  .focus-visible\:\[box-shadow\:inset_0_0_0_1px_var\(--ch-cyan\)\]:focus-visible {
    box-shadow: inset 0 0 0 1px var(--ch-cyan);
  }
  .focus-visible\:\[box-shadow\:inset_0_0_0_2px_var\(--accent\)\]:focus-visible {
    box-shadow: inset 0 0 0 2px var(--accent);
  }
  .focus-visible\:ring-current:focus-visible {
    --tw-ring-color: currentcolor;
  }
  .focus-visible\:\[outline\:2px_solid_\#7fe0b4\]:focus-visible {
    outline: 2px solid #7fe0b4;
  }
  .focus-visible\:\[outline\:2px_solid_var\(--accent\)\]:focus-visible {
    outline: 2px solid var(--accent);
  }
  .focus-visible\:\[outline\:2px_solid_var\(--ch-cyan\)\]:focus-visible {
    outline: 2px solid var(--ch-cyan);
  }
  .focus-visible\:\[outline\:2px_solid_var\(--pc-accent\)\]:focus-visible {
    outline: 2px solid var(--pc-accent);
  }
  .focus-visible\:\[outline\:2px_solid_var\(--t-accent\)\]:focus-visible {
    outline: 2px solid var(--t-accent);
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:\[outline-offset\:1px\]:focus-visible {
    outline-offset: 1px;
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-offset-\[-1px\]:focus-visible {
    outline-offset: -1px;
  }
  .focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px;
  }
  .focus-visible\:outline-offset-\[-3px\]:focus-visible {
    outline-offset: -3px;
  }
  .focus-visible\:outline-offset-\[-4px\]:focus-visible {
    outline-offset: -4px;
  }
  .focus-visible\:outline-offset-\[1px\]:focus-visible {
    outline-offset: 1px;
  }
  .focus-visible\:outline-offset-\[2px\]:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-offset-\[3px\]:focus-visible {
    outline-offset: 3px;
  }
  .focus-visible\:outline-accent:focus-visible {
    outline-color: var(--accent);
  }
  .focus-visible\:outline-bg:focus-visible {
    outline-color: var(--bg);
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }
  .focus-visible\:before\:\[box-shadow\:0_0_0_2px_color-mix\(in_srgb\,var\(--t-accent\,var\(--ch-cyan\)\)_35\%\,transparent\)\]:focus-visible::before {
    content: var(--tw-content);
    box-shadow: 0 0 0 2px var(--t-accent,var(--ch-cyan));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 2px color-mix(in srgb,var(--t-accent,var(--ch-cyan)) 35%,transparent);
    }
  }
  .focus-visible\:before\:\[background\:var\(--t-accent\,var\(--ch-cyan\)\)\]:focus-visible::before {
    content: var(--tw-content);
    background: var(--t-accent,var(--ch-cyan));
  }
  .active\:\[transform\:translateY\(1px\)\]:active {
    transform: translateY(1px);
  }
  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }
  .active\:bg-\[color-mix\(in_srgb\,var\(--accent\)_10\%\,transparent\)\]:active {
    background-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--accent) 10%,transparent);
    }
  }
  .active\:\[box-shadow\:none\]:active {
    box-shadow: none;
  }
  .active\:\[background\:var\(--t-accent-soft\)\]:active {
    background: var(--t-accent-soft);
  }
  .enabled\:hover\:\[color\:var\(--t-ink\)\]:enabled:hover {
    color: var(--t-ink);
  }
  .enabled\:hover\:\[color\:var\(--t-on-accent\)\]:enabled:hover {
    color: var(--t-on-accent);
  }
  .enabled\:hover\:\[filter\:brightness\(1\.08\)\]:enabled:hover {
    filter: brightness(1.08);
  }
  .hover\:enabled\:\[filter\:brightness\(1\.08\)\]:hover:enabled {
    filter: brightness(1.08);
  }
  .enabled\:hover\:\[background\:color-mix\(in_srgb\,var\(--t-ink\)_8\%\,transparent\)\]:enabled:hover {
    background: var(--t-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-ink) 8%,transparent);
    }
  }
  .enabled\:hover\:\[background\:var\(--t-accent\)\]:enabled:hover {
    background: var(--t-accent);
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-default:disabled {
    cursor: default;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:cursor-progress:disabled {
    cursor: progress;
  }
  .disabled\:opacity-30:disabled {
    opacity: 30%;
  }
  .disabled\:opacity-35:disabled {
    opacity: 35%;
  }
  .disabled\:opacity-40:disabled {
    opacity: 40%;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  .disabled\:opacity-60:disabled {
    opacity: 60%;
  }
  .disabled\:opacity-\[\.3\]:disabled {
    opacity: .3;
  }
  .disabled\:opacity-\[\.25\]:disabled {
    opacity: .25;
  }
  .disabled\:opacity-\[\.45\]:disabled {
    opacity: .45;
  }
  .disabled\:opacity-\[\.55\]:disabled {
    opacity: .55;
  }
  .disabled\:opacity-\[\.85\]:disabled {
    opacity: .85;
  }
  .disabled\:\[background\:repeating-linear-gradient\(135deg\,transparent_0_4px\,color-mix\(in_srgb\,var\(--t-ink\)_12\%\,transparent\)_4px_5px\)\]:disabled {
    background: repeating-linear-gradient(135deg,transparent 0 4px,var(--t-ink) 4px 5px);
    @supports (color: color-mix(in lab, red, red)) {
      background: repeating-linear-gradient(135deg,transparent 0 4px,color-mix(in srgb,var(--t-ink) 12%,transparent) 4px 5px);
    }
  }
  .has-\[\[data-card\]\:focus-visible\]\:border-accent:has(:is([data-card]:focus-visible)) {
    border-color: var(--accent);
  }
  .has-\[\[data-card\]\:focus-visible\]\:bg-accent-soft:has(:is([data-card]:focus-visible)) {
    background-color: var(--accent-soft);
  }
  .has-\[\[data-card\]\:focus-visible\]\:\[box-shadow\:0_0_0_3px_var\(--accent-soft\)\]:has(:is([data-card]:focus-visible)) {
    box-shadow: 0 0 0 3px var(--accent-soft);
  }
  .aria-checked\:\[border-color\:\#e3eeec\][aria-checked="true"] {
    border-color: #e3eeec;
  }
  .aria-checked\:text-accent-ink[aria-checked="true"] {
    color: var(--accent-ink);
  }
  .aria-checked\:opacity-100[aria-checked="true"] {
    opacity: 100%;
  }
  .aria-checked\:\[box-shadow\:0_0_0_2px_var\(--c\)\][aria-checked="true"] {
    box-shadow: 0 0 0 2px var(--c);
  }
  .aria-checked\:\[box-shadow\:0_0_0_2px_var\(--t-accent\)\][aria-checked="true"] {
    box-shadow: 0 0 0 2px var(--t-accent);
  }
  .aria-checked\:\[box-shadow\:inset_0_0_0_2px_var\(--t-accent\)\][aria-checked="true"] {
    box-shadow: inset 0 0 0 2px var(--t-accent);
  }
  .aria-checked\:\[background\:var\(--t-accent-soft\)\][aria-checked="true"] {
    background: var(--t-accent-soft);
  }
  .aria-disabled\:cursor-help[aria-disabled="true"] {
    cursor: help;
  }
  .aria-disabled\:opacity-\[\.42\][aria-disabled="true"] {
    opacity: .42;
  }
  .aria-expanded\:rotate-90[aria-expanded="true"] {
    rotate: 90deg;
  }
  .aria-expanded\:\[border-color\:var\(--pc-accent\)\][aria-expanded="true"] {
    border-color: var(--pc-accent);
  }
  .aria-expanded\:bg-accent-soft[aria-expanded="true"] {
    background-color: var(--accent-soft);
  }
  .aria-expanded\:\[color\:var\(--t-accent-ink\)\][aria-expanded="true"] {
    color: var(--t-accent-ink);
  }
  .aria-expanded\:\[color\:var\(--t-on-accent\)\][aria-expanded="true"] {
    color: var(--t-on-accent);
  }
  .aria-expanded\:text-accent-ink[aria-expanded="true"] {
    color: var(--accent-ink);
  }
  .aria-expanded\:\[box-shadow\:0_0_0_2px_color-mix\(in_srgb\,var\(--tag\)_40\%\,transparent\)\][aria-expanded="true"] {
    box-shadow: 0 0 0 2px var(--tag);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 2px color-mix(in srgb,var(--tag) 40%,transparent);
    }
  }
  .aria-expanded\:\[background\:color-mix\(in_srgb\,var\(--t-accent\)_16\%\,transparent\)\][aria-expanded="true"] {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 16%,transparent);
    }
  }
  .aria-expanded\:\[background\:var\(--t-accent\)\][aria-expanded="true"] {
    background: var(--t-accent);
  }
  .aria-expanded\:\[background\:var\(--t-accent-soft\)\][aria-expanded="true"] {
    background: var(--t-accent-soft);
  }
  .aria-pressed\:\[border-color\:var\(--ch-cyan\)\][aria-pressed="true"] {
    border-color: var(--ch-cyan);
  }
  .aria-pressed\:\[border-color\:var\(--pattern-color\)\][aria-pressed="true"] {
    border-color: var(--pattern-color);
  }
  .aria-pressed\:\[border-color\:var\(--pc-accent\)\][aria-pressed="true"] {
    border-color: var(--pc-accent);
  }
  .aria-pressed\:\[border-color\:var\(--t-accent\)\][aria-pressed="true"] {
    border-color: var(--t-accent);
  }
  .aria-pressed\:border-accent[aria-pressed="true"] {
    border-color: var(--accent);
  }
  .aria-pressed\:border-transparent[aria-pressed="true"] {
    border-color: transparent;
  }
  .aria-pressed\:bg-\[color-mix\(in_srgb\,var\(--pattern-color\)_10\%\,var\(--surface\)\)\][aria-pressed="true"] {
    background-color: var(--pattern-color);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--pattern-color) 10%,var(--surface));
    }
  }
  .aria-pressed\:bg-accent-soft[aria-pressed="true"] {
    background-color: var(--accent-soft);
  }
  .aria-pressed\:font-\[700\][aria-pressed="true"] {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .aria-pressed\:\[color\:var\(--ch-cyan\)\][aria-pressed="true"] {
    color: var(--ch-cyan);
  }
  .aria-pressed\:\[color\:var\(--pattern-color\)\][aria-pressed="true"] {
    color: var(--pattern-color);
  }
  .aria-pressed\:\[color\:var\(--t-accent-ink\)\][aria-pressed="true"] {
    color: var(--t-accent-ink);
  }
  .aria-pressed\:\[color\:var\(--t-on-accent\)\][aria-pressed="true"] {
    color: var(--t-on-accent);
  }
  .aria-pressed\:text-\[\#a3f0df\][aria-pressed="true"] {
    color: #a3f0df;
  }
  .aria-pressed\:text-\[\#a4e3d7\][aria-pressed="true"] {
    color: #a4e3d7;
  }
  .aria-pressed\:text-accent-ink[aria-pressed="true"] {
    color: var(--accent-ink);
  }
  .aria-pressed\:\[box-shadow\:0_0_0_2px_var\(--accent\)\][aria-pressed="true"] {
    box-shadow: 0 0 0 2px var(--accent);
  }
  .aria-pressed\:\[background\:\#193431\][aria-pressed="true"] {
    background: #193431;
  }
  .aria-pressed\:\[background\:color-mix\(in_srgb\,var\(--ch-cyan\)_58\%\,\#0b1417\)\][aria-pressed="true"] {
    background: var(--ch-cyan);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--ch-cyan) 58%,#0b1417);
    }
  }
  .aria-pressed\:\[background\:color-mix\(in_srgb\,var\(--t-accent\)_14\%\,transparent\)\][aria-pressed="true"] {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 14%,transparent);
    }
  }
  .aria-pressed\:\[background\:var\(--t-accent\)\][aria-pressed="true"] {
    background: var(--t-accent);
  }
  .aria-pressed\:\[background\:var\(--t-accent-soft\)\][aria-pressed="true"] {
    background: var(--t-accent-soft);
  }
  .aria-pressed\:after\:absolute[aria-pressed="true"]::after {
    content: var(--tw-content);
    position: absolute;
  }
  .aria-pressed\:after\:top-\[45\%\][aria-pressed="true"]::after {
    content: var(--tw-content);
    top: 45%;
  }
  .aria-pressed\:after\:left-\[50\%\][aria-pressed="true"]::after {
    content: var(--tw-content);
    left: 50%;
  }
  .aria-pressed\:after\:h-\[8px\][aria-pressed="true"]::after {
    content: var(--tw-content);
    height: 8px;
  }
  .aria-pressed\:after\:w-\[4px\][aria-pressed="true"]::after {
    content: var(--tw-content);
    width: 4px;
  }
  .aria-pressed\:after\:\[transform\:translate\(-50\%\,-50\%\)_rotate\(45deg\)\][aria-pressed="true"]::after {
    content: var(--tw-content);
    transform: translate(-50%,-50%) rotate(45deg);
  }
  .aria-pressed\:after\:\[border-width\:0_1\.5px_1\.5px_0\][aria-pressed="true"]::after {
    content: var(--tw-content);
    border-width: 0 1.5px 1.5px 0;
  }
  .aria-pressed\:after\:\[border-style\:solid\][aria-pressed="true"]::after {
    content: var(--tw-content);
    border-style: solid;
  }
  .aria-pressed\:after\:\[border-color\:\#081214\][aria-pressed="true"]::after {
    content: var(--tw-content);
    border-color: #081214;
  }
  .aria-pressed\:after\:content-\[\'\'\][aria-pressed="true"]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .aria-pressed\:hover\:\[color\:var\(--t-on-accent\)\][aria-pressed="true"]:hover {
    color: var(--t-on-accent);
  }
  .aria-selected\:bg-surface[aria-selected="true"] {
    background-color: var(--surface);
  }
  .aria-selected\:text-ink[aria-selected="true"] {
    color: var(--ink);
  }
  .aria-selected\:\[box-shadow\:0_1px_3px_rgb\(0_0_0\/\.12\)\][aria-selected="true"] {
    box-shadow: 0 1px 3px rgb(0 0 0/.12);
  }
  .aria-\[current\=page\]\:border-line[aria-current="page"] {
    border-color: var(--line);
  }
  .aria-\[current\=page\]\:bg-accent-soft[aria-current="page"] {
    background-color: var(--accent-soft);
  }
  .aria-\[current\=page\]\:text-accent-ink[aria-current="page"] {
    color: var(--accent-ink);
  }
  .aria-\[current\=true\]\:bg-accent-soft[aria-current="true"] {
    background-color: var(--accent-soft);
  }
  .aria-\[current\=true\]\:before\:absolute[aria-current="true"]::before {
    content: var(--tw-content);
    position: absolute;
  }
  .aria-\[current\=true\]\:before\:top-\[6px\][aria-current="true"]::before {
    content: var(--tw-content);
    top: 6px;
  }
  .aria-\[current\=true\]\:before\:bottom-\[6px\][aria-current="true"]::before {
    content: var(--tw-content);
    bottom: 6px;
  }
  .aria-\[current\=true\]\:before\:left-0[aria-current="true"]::before {
    content: var(--tw-content);
    left: 0px;
  }
  .aria-\[current\=true\]\:before\:w-\[3px\][aria-current="true"]::before {
    content: var(--tw-content);
    width: 3px;
  }
  .aria-\[current\=true\]\:before\:rounded-\[0_3px_3px_0\][aria-current="true"]::before {
    content: var(--tw-content);
    border-radius: 0 3px 3px 0;
  }
  .aria-\[current\=true\]\:before\:bg-accent[aria-current="true"]::before {
    content: var(--tw-content);
    background-color: var(--accent);
  }
  .aria-\[current\=true\]\:before\:content-\[\'\'\][aria-current="true"]::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .aria-\[current\=true\]\:hover\:bg-accent-soft[aria-current="true"]:hover {
    background-color: var(--accent-soft);
  }
  .data-armed\:\[border-color\:var\(--t-danger\)\][data-armed] {
    border-color: var(--t-danger);
  }
  .data-armed\:\[color\:var\(--t-danger\)\][data-armed] {
    color: var(--t-danger);
  }
  .data-edge\:right-auto[data-edge] {
    right: auto;
  }
  .data-edge\:left-\[7px\][data-edge] {
    left: 7px;
  }
  .data-edge\:cursor-nesw-resize[data-edge] {
    cursor: nesw-resize;
  }
  .data-editing\:pb-\[84px\][data-editing] {
    padding-bottom: 84px;
  }
  .data-landed\:\[outline\:2px_solid_var\(--t-accent\)\][data-landed] {
    outline: 2px solid var(--t-accent);
  }
  .data-on\:\[border-color\:var\(--t-accent\)\][data-on] {
    border-color: var(--t-accent);
  }
  .data-on\:\[background\:color-mix\(in_srgb\,var\(--t-accent\)_55\%\,transparent\)\][data-on] {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 55%,transparent);
    }
  }
  .data-open\:\[grid-template-columns\:1fr\][data-open] {
    grid-template-columns: 1fr;
  }
  .data-pinned\:cursor-default[data-pinned] {
    cursor: default;
  }
  .data-pinned\:\[outline\:2px_solid_var\(--t-accent\)\][data-pinned] {
    outline: 2px solid var(--t-accent);
  }
  .data-pinned\:active\:cursor-default[data-pinned]:active {
    cursor: default;
  }
  .data-\[ch-theme\]\:\[color\:var\(--t-ink-2\)\][data-ch-theme] {
    color: var(--t-ink-2);
  }
  .data-\[ch-theme\]\:\[color-scheme\:light\][data-ch-theme] {
    color-scheme: light;
  }
  .data-\[ch-theme\]\:\[background\:var\(--t-page\,var\(--t-bg\)\)\][data-ch-theme] {
    background: var(--t-page,var(--t-bg));
  }
  .data-\[ch-theme\=dot\]\:tracking-\[-\.02em\][data-ch-theme="dot"] {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }
  .data-\[ch-theme\=line\]\:\[font-variant-numeric\:tabular-nums\][data-ch-theme="line"] {
    font-variant-numeric: tabular-nums;
  }
  :is(.data-\[ch-theme\=line\]\:\*\*\:\[transition\:none\][data-ch-theme="line"] *) {
    transition: none;
  }
  .data-\[ch-theme\=line\]\:selection\:\[color\:\#fff\][data-ch-theme="line"] ::selection {
    color: #fff;
  }
  .data-\[ch-theme\=line\]\:selection\:\[color\:\#fff\][data-ch-theme="line"]::selection {
    color: #fff;
  }
  .data-\[ch-theme\=line\]\:selection\:\[background\:var\(--t-ink\)\][data-ch-theme="line"] ::selection {
    background: var(--t-ink);
  }
  .data-\[ch-theme\=line\]\:selection\:\[background\:var\(--t-ink\)\][data-ch-theme="line"]::selection {
    background: var(--t-ink);
  }
  .data-\[ch-theme\=pop\]\:selection\:\[color\:var\(--t-ink\)\][data-ch-theme="pop"] ::selection {
    color: var(--t-ink);
  }
  .data-\[ch-theme\=pop\]\:selection\:\[color\:var\(--t-ink\)\][data-ch-theme="pop"]::selection {
    color: var(--t-ink);
  }
  .data-\[ch-theme\=pop\]\:selection\:\[background\:var\(--t-pop\)\][data-ch-theme="pop"] ::selection {
    background: var(--t-pop);
  }
  .data-\[ch-theme\=pop\]\:selection\:\[background\:var\(--t-pop\)\][data-ch-theme="pop"]::selection {
    background: var(--t-pop);
  }
  .data-\[cols\=5\]\:w-\[300px\][data-cols="5"] {
    width: 300px;
  }
  .data-\[context-lost\=true\]\:after\:absolute[data-context-lost="true"]::after {
    content: var(--tw-content);
    position: absolute;
  }
  .data-\[context-lost\=true\]\:after\:inset-\[35\%_15\%\][data-context-lost="true"]::after {
    content: var(--tw-content);
    inset: 35% 15%;
  }
  .data-\[context-lost\=true\]\:after\:grid[data-context-lost="true"]::after {
    content: var(--tw-content);
    display: grid;
  }
  .data-\[context-lost\=true\]\:after\:place-items-center[data-context-lost="true"]::after {
    content: var(--tw-content);
    place-items: center;
  }
  .data-\[context-lost\=true\]\:after\:rounded-\[8px\][data-context-lost="true"]::after {
    content: var(--tw-content);
    border-radius: 8px;
  }
  .data-\[context-lost\=true\]\:after\:border[data-context-lost="true"]::after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .data-\[context-lost\=true\]\:after\:border-line[data-context-lost="true"]::after {
    content: var(--tw-content);
    border-color: var(--line);
  }
  .data-\[context-lost\=true\]\:after\:bg-surface[data-context-lost="true"]::after {
    content: var(--tw-content);
    background-color: var(--surface);
  }
  .data-\[context-lost\=true\]\:after\:p-\[20px\][data-context-lost="true"]::after {
    content: var(--tw-content);
    padding: 20px;
  }
  .data-\[context-lost\=true\]\:after\:text-center[data-context-lost="true"]::after {
    content: var(--tw-content);
    text-align: center;
  }
  .data-\[context-lost\=true\]\:after\:content-\[\'그래픽_연결이_복구되기를_기다리고_있습니다\._계속되면_새로고침해_주세요\.\'\][data-context-lost="true"]::after {
    --tw-content: '그래픽 연결이 복구되기를 기다리고 있습니다. 계속되면 새로고침해 주세요.';
    content: var(--tw-content);
  }
  .data-\[done\]\:\[border-color\:var\(--t-accent\)\][data-done] {
    border-color: var(--t-accent);
  }
  .data-\[done\]\:\[background\:var\(--t-accent-soft\)\][data-done] {
    background: var(--t-accent-soft);
  }
  .data-\[drag\]\:opacity-50[data-drag] {
    opacity: 50%;
  }
  .data-\[editing\]\:\[border-color\:var\(--t-accent\)\][data-editing] {
    border-color: var(--t-accent);
  }
  .data-\[gone\]\:\[border-color\:transparent\][data-gone] {
    border-color: transparent;
  }
  .data-\[gone\]\:\[color\:var\(--t-faint\)\][data-gone] {
    color: var(--t-faint);
  }
  .data-\[gone\]\:\[background\:transparent\][data-gone] {
    background: transparent;
  }
  .data-\[len\=long\]\:font-\[500\][data-len="long"] {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .data-\[lv\=1\]\:\[background\:color-mix\(in_srgb\,var\(--ch-cyan\)_16\%\,\#0b1417\)\][data-lv="1"] {
    background: var(--ch-cyan);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--ch-cyan) 16%,#0b1417);
    }
  }
  .data-\[lv\=2\]\:text-\[\#d8e6e4\][data-lv="2"] {
    color: #d8e6e4;
  }
  .data-\[lv\=2\]\:\[background\:color-mix\(in_srgb\,var\(--ch-cyan\)_34\%\,\#0b1417\)\][data-lv="2"] {
    background: var(--ch-cyan);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--ch-cyan) 34%,#0b1417);
    }
  }
  .data-\[lv\=3\]\:text-\[\#081214\][data-lv="3"] {
    color: #081214;
  }
  .data-\[lv\=3\]\:\[background\:color-mix\(in_srgb\,var\(--ch-cyan\)_58\%\,\#0b1417\)\][data-lv="3"] {
    background: var(--ch-cyan);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--ch-cyan) 58%,#0b1417);
    }
  }
  .data-\[lv\=4\]\:text-\[\#081214\][data-lv="4"] {
    color: #081214;
  }
  .data-\[lv\=4\]\:\[background\:var\(--ch-cyan\)\][data-lv="4"] {
    background: var(--ch-cyan);
  }
  .data-\[mark\]\:pb-\[4px\][data-mark] {
    padding-bottom: 4px;
  }
  .data-\[mark\]\:after\:absolute[data-mark]::after {
    content: var(--tw-content);
    position: absolute;
  }
  .data-\[mark\]\:after\:bottom-\[2px\][data-mark]::after {
    content: var(--tw-content);
    bottom: 2px;
  }
  .data-\[mark\]\:after\:left-\[calc\(50\%-2\.5px\)\][data-mark]::after {
    content: var(--tw-content);
    left: calc(50% - 2.5px);
  }
  .data-\[mark\]\:after\:h-\[5px\][data-mark]::after {
    content: var(--tw-content);
    height: 5px;
  }
  .data-\[mark\]\:after\:w-\[5px\][data-mark]::after {
    content: var(--tw-content);
    width: 5px;
  }
  .data-\[mark\]\:after\:rounded-\[50\%\][data-mark]::after {
    content: var(--tw-content);
    border-radius: 50%;
  }
  .data-\[mark\]\:after\:\[box-shadow\:0_0_0_1px_color-mix\(in_srgb\,var\(--t-field\,\#0b1417\)_70\%\,transparent\)\][data-mark]::after {
    content: var(--tw-content);
    box-shadow: 0 0 0 1px var(--t-field,#0b1417);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1px color-mix(in srgb,var(--t-field,#0b1417) 70%,transparent);
    }
  }
  .data-\[mark\]\:after\:content-\[\'\'\][data-mark]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .data-\[mark\]\:after\:\[background\:var\(--mark-done\)\][data-mark]::after {
    content: var(--tw-content);
    background: var(--mark-done);
  }
  .data-\[mark\=due\]\:data-\[mark\]\:after\:\[background\:var\(--mark-due\)\][data-mark="due"][data-mark]::after {
    content: var(--tw-content);
    background: var(--mark-due);
  }
  .data-\[mark\=late\]\:data-\[mark\]\:after\:\[background\:var\(--mark-late\)\][data-mark="late"][data-mark]::after {
    content: var(--tw-content);
    background: var(--mark-late);
  }
  .data-\[morph\]\:opacity-0[data-morph] {
    opacity: 0%;
  }
  .data-\[morph\]\:focus\:opacity-100[data-morph]:focus {
    opacity: 100%;
  }
  .data-\[none\]\:\[border-style\:dashed\][data-none] {
    border-style: dashed;
  }
  .data-\[none\]\:\[border-color\:var\(--t-faint\)\][data-none] {
    border-color: var(--t-faint);
  }
  .data-\[none\]\:\[color\:var\(--t-faint\)\][data-none] {
    color: var(--t-faint);
  }
  .data-\[none\]\:\[background\:transparent\][data-none] {
    background: transparent;
  }
  .data-\[none\]\:aria-expanded\:\[box-shadow\:0_0_0_2px_var\(--t-line\)\][data-none][aria-expanded="true"] {
    box-shadow: 0 0 0 2px var(--t-line);
  }
  .data-\[off\]\:invisible[data-off] {
    visibility: hidden;
  }
  .data-\[on\]\:border-solid[data-on] {
    --tw-border-style: solid;
    border-style: solid;
  }
  .data-\[on\]\:border-\[color-mix\(in_srgb\,var\(--accent\)_40\%\,transparent\)\][data-on] {
    border-color: var(--accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--accent) 40%,transparent);
    }
  }
  .data-\[on\]\:bg-accent-soft[data-on] {
    background-color: var(--accent-soft);
  }
  .data-\[on\]\:text-accent-ink[data-on] {
    color: var(--accent-ink);
  }
  .data-\[on\=true\]\:\[border-color\:var\(--t-edge\)\][data-on="true"] {
    border-color: var(--t-edge);
  }
  .data-\[on\=true\]\:\[color\:var\(--t-accent-ink\)\][data-on="true"] {
    color: var(--t-accent-ink);
  }
  .data-\[on\=true\]\:\[background\:var\(--t-accent-soft\)\][data-on="true"] {
    background: var(--t-accent-soft);
  }
  .data-\[over\]\:\[border-color\:var\(--t-accent\)\][data-over] {
    border-color: var(--t-accent);
  }
  .data-\[reset\]\:\[transition\:none\][data-reset] {
    transition: none;
  }
  .data-\[rest\]\:\[border-style\:dashed\][data-rest] {
    border-style: dashed;
  }
  .data-\[rest\]\:\[background\:transparent\][data-rest] {
    background: transparent;
  }
  .data-\[sheet\]\:fixed[data-sheet] {
    position: fixed;
  }
  .data-\[sheet\]\:top-\[max\(10svh\,calc\(env\(safe-area-inset-top\)\+8px\)\)\][data-sheet] {
    top: max(10svh, calc(env(safe-area-inset-top) + 8px));
  }
  .data-\[sheet\]\:bottom-\[calc\(8px\+env\(safe-area-inset-bottom\)\)\][data-sheet] {
    bottom: calc(8px + env(safe-area-inset-bottom));
  }
  .data-\[sheet\]\:bottom-\[calc\(var\(--ch-sheet-ctl\,0px\)\+16px\+env\(safe-area-inset-bottom\)\)\][data-sheet] {
    bottom: calc(var(--ch-sheet-ctl,0px) + 16px + env(safe-area-inset-bottom));
  }
  .data-\[sheet\]\:left-\[var\(--ch-sheet-l\,8px\)\][data-sheet] {
    left: var(--ch-sheet-l,8px);
  }
  .data-\[sheet\]\:z-\[37\][data-sheet] {
    z-index: 37;
  }
  .data-\[sheet\]\:z-\[38\][data-sheet] {
    z-index: 38;
  }
  .data-\[sheet\]\:block[data-sheet] {
    display: block;
  }
  .data-\[sheet\]\:h-auto[data-sheet] {
    height: auto;
  }
  .data-\[sheet\]\:max-h-\[45svh\][data-sheet] {
    max-height: 45svh;
  }
  .data-\[sheet\]\:w-\[var\(--ch-sheet-w\,calc\(100vw-16px\)\)\][data-sheet] {
    width: var(--ch-sheet-w,calc(100vw - 16px));
  }
  .data-\[sheet\]\:\[translate\:0_var\(--ch-sheet-dy\,0px\)\][data-sheet] {
    translate: 0 var(--ch-sheet-dy,0px);
  }
  .data-\[sheet\]\:overflow-y-auto[data-sheet] {
    overflow-y: auto;
  }
  .data-\[sheet\]\:\[overscroll-behavior\:contain\][data-sheet] {
    overscroll-behavior: contain;
  }
  .data-\[sheet\]\:pt-\[40px\][data-sheet] {
    padding-top: 40px;
  }
  .data-\[sheet\]\:\[box-shadow\:0_-6px_24px_\#0005\][data-sheet] {
    box-shadow: 0 -6px 24px #0005;
  }
  .data-\[sheet\]\:\[box-shadow\:0_-12px_40px_\#0006\][data-sheet] {
    box-shadow: 0 -12px 40px #0006;
  }
  .data-\[show\]\:opacity-100[data-show] {
    opacity: 100%;
  }
  .data-\[sort-drag\]\:z-\[2\][data-sort-drag] {
    z-index: 2;
  }
  .data-\[sort-drag\]\:opacity-90[data-sort-drag] {
    opacity: 90%;
  }
  .data-\[sort-drag\]\:\[box-shadow\:0_6px_16px_-6px_rgb\(0_0_0\/\.45\)\][data-sort-drag] {
    box-shadow: 0 6px 16px -6px rgb(0 0 0/.45);
  }
  .data-\[sort-drag\]\:\[background\:var\(--t-surface\,\#0b1417\)\][data-sort-drag] {
    background: var(--t-surface,#0b1417);
  }
  .data-\[sort-drop\=after\]\:\[box-shadow\:inset_0_-2px_0_var\(--t-accent\,var\(--ch-cyan\)\)\][data-sort-drop="after"] {
    box-shadow: inset 0 -2px 0 var(--t-accent,var(--ch-cyan));
  }
  .data-\[sort-drop\=before\]\:\[box-shadow\:inset_0_2px_0_var\(--t-accent\,var\(--ch-cyan\)\)\][data-sort-drop="before"] {
    box-shadow: inset 0 2px 0 var(--t-accent,var(--ch-cyan));
  }
  .data-\[now\]\:data-\[state\]\:\[color\:var\(--t-ink\)\][data-now][data-state] {
    color: var(--t-ink);
  }
  .data-\[now\]\:data-\[state\]\:\[background\:color-mix\(in_srgb\,var\(--c\)_70\%\,var\(--t-surface\)\)\][data-now][data-state] {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 70%,var(--t-surface));
    }
  }
  .data-\[state\=doing\]\:\[background\:color-mix\(in_srgb\,var\(--c\)_45\%\,var\(--t-surface\)\)\][data-state="doing"] {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 45%,var(--t-surface));
    }
  }
  .data-\[state\=done\]\:\[color\:var\(--t-muted\)\][data-state="done"] {
    color: var(--t-muted);
  }
  .data-\[state\=done\]\:\[background\:color-mix\(in_srgb\,var\(--c\)_22\%\,var\(--t-surface\)\)\][data-state="done"] {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 22%,var(--t-surface));
    }
  }
  .data-\[state\=error\]\:text-\[\#e8a0a8\][data-state="error"] {
    color: #e8a0a8;
  }
  .data-\[state\=error\]\:before\:\[background\:\#f38ba8\][data-state="error"]::before {
    content: var(--tw-content);
    background: #f38ba8;
  }
  .data-\[state\=loading\]\:before\:hidden[data-state="loading"]::before {
    content: var(--tw-content);
    display: none;
  }
  .data-\[state\=none\]\:\[border-left-color\:\#264341\][data-state="none"] {
    border-left-color: #264341;
  }
  .data-\[state\=none\]\:\[background\:none\][data-state="none"] {
    background: none;
  }
  .data-\[state\=offline\]\:text-\[\#e8a0a8\][data-state="offline"] {
    color: #e8a0a8;
  }
  .data-\[state\=offline\]\:before\:\[background\:\#f38ba8\][data-state="offline"]::before {
    content: var(--tw-content);
    background: #f38ba8;
  }
  .data-\[state\=saving\]\:before\:hidden[data-state="saving"]::before {
    content: var(--tw-content);
    display: none;
  }
  .data-\[state\=todo\]\:\[color\:var\(--t-ink-2\)\][data-state="todo"] {
    color: var(--t-ink-2);
  }
  .data-\[state\=todo\]\:\[background\:color-mix\(in_srgb\,var\(--c\)_12\%\,var\(--t-surface\)\)\][data-state="todo"] {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 12%,var(--t-surface));
    }
  }
  .data-\[state\=todo\]\:\[border\:1px_dashed_color-mix\(in_srgb\,var\(--c\)_75\%\,transparent\)\][data-state="todo"] {
    border: 1px dashed var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px dashed color-mix(in srgb,var(--c) 75%,transparent);
    }
  }
  .data-\[today\]\:\[border-color\:var\(--t-accent\)\][data-today] {
    border-color: var(--t-accent);
  }
  .nth-2\:left-\[34px\]:nth-child(2) {
    left: 34px;
  }
  .nth-\[n\+4\]\:hidden:nth-child(n+4) {
    display: none;
  }
  .group-data-tall\/cell\:nth-\[n\+4\]\:grid:is(:where(.group\/cell)[data-tall] *):nth-child(n+4) {
    display: grid;
  }
  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:\[transform\:rotateY\(180deg\)\] {
      transform: rotateY(180deg);
    }
    .motion-safe\:\[transition\:opacity_\.45s_ease\] {
      transition: opacity .45s ease;
    }
    .motion-safe\:\[transition\:transform_\.5s_cubic-bezier\(\.3\,\.7\,\.2\,1\)\] {
      transition: transform .5s cubic-bezier(.3,.7,.2,1);
    }
    .motion-safe\:\[transition\:transform_\.08s\] {
      transition: transform .08s;
    }
    .motion-safe\:\[transition\:transform_\.15s\] {
      transition: transform .15s;
    }
    .motion-safe\:\[transition\:transform_1s_linear\] {
      transition: transform 1s linear;
    }
    .motion-safe\:group-data-\[side\=note\]\/clk\:\[transform\:rotateY\(180deg\)\]:is(:where(.group\/clk)[data-side="note"] *) {
      transform: rotateY(180deg);
    }
    .motion-safe\:active\:\[transform\:scale\(\.95\)\]:active {
      transform: scale(.95);
    }
    .motion-safe\:data-\[dim\]\:opacity-35[data-dim] {
      opacity: 35%;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }
    .motion-reduce\:transition-none {
      transition-property: none;
    }
    .motion-reduce\:\[transition\:none\] {
      transition: none;
    }
    .motion-reduce\:\[transition\:opacity_\.35s\] {
      transition: opacity .35s;
    }
    .motion-reduce\:group-data-\[side\=clock\]\/clk\:opacity-0:is(:where(.group\/clk)[data-side="clock"] *) {
      opacity: 0%;
    }
    .motion-reduce\:group-data-\[side\=note\]\/clk\:opacity-0:is(:where(.group\/clk)[data-side="note"] *) {
      opacity: 0%;
    }
    .motion-reduce\:group-\[\.is-on\]\/now\:\[animation\:none\]:is(:where(.group\/now):is(.is-on) *) {
      animation: none;
    }
    .motion-reduce\:after\:\[transition\:none\]::after {
      content: var(--tw-content);
      transition: none;
    }
  }
  @media (width >= 48rem) {
    .md\:h-24 {
      height: calc(var(--spacing) * 24);
    }
    .md\:h-\[2\.7em\] {
      height: 2.7em;
    }
    .md\:h-\[2\.9em\] {
      height: 2.9em;
    }
    .md\:h-\[4em\] {
      height: 4em;
    }
    .md\:h-\[6\.2em\] {
      height: 6.2em;
    }
    .md\:w-1\/2 {
      width: calc(1 / 2 * 100%);
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:text-\[6rem\] {
      font-size: 6rem;
    }
    .lg\:text-\[length\:13px\] {
      font-size: 13px;
    }
    .lg\:text-\[length\:clamp\(13px\,5\.6cqi\,17px\)\] {
      font-size: clamp(13px, 5.6cqi, 17px);
    }
    .lg\:text-\[length\:clamp\(16px\,7\.5cqi\,23px\)\] {
      font-size: clamp(16px, 7.5cqi, 23px);
    }
    .lg\:text-\[length\:clamp\(18px\,9\.5cqi\,30px\)\] {
      font-size: clamp(18px, 9.5cqi, 30px);
    }
  }
  @container goal (width < 240px) {
    .\@max-\[240px\]\/goal\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\@max-\[240px\]\/goal\:gap-y-\[2px\] {
      row-gap: 2px;
    }
  }
  @media (prefers-color-scheme: dark) {
    .dark\:border-\[\#1C2521\]:where(:root:not([data-theme=light]) *) {
      border-color: #1C2521;
    }
  }
  .dark\:border-\[\#1C2521\]:where(:root[data-theme=dark] *) {
    border-color: #1C2521;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:border-\[\#2A2418\]:where(:root:not([data-theme=light]) *) {
      border-color: #2A2418;
    }
  }
  .dark\:border-\[\#2A2418\]:where(:root[data-theme=dark] *) {
    border-color: #2A2418;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:border-\[\#2FD996\]:where(:root:not([data-theme=light]) *) {
      border-color: #2FD996;
    }
  }
  .dark\:border-\[\#2FD996\]:where(:root[data-theme=dark] *) {
    border-color: #2FD996;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:border-\[\#15805A\]:where(:root:not([data-theme=light]) *) {
      border-color: #15805A;
    }
  }
  .dark\:border-\[\#15805A\]:where(:root[data-theme=dark] *) {
    border-color: #15805A;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[\#2FD996\]:where(:root:not([data-theme=light]) *) {
      background-color: #2FD996;
    }
  }
  .dark\:bg-\[\#2FD996\]:where(:root[data-theme=dark] *) {
    background-color: #2FD996;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[image\:linear-gradient\(180deg\,\#121A17_0\%\,\#0D1311_100\%\)\]:where(:root:not([data-theme=light]) *) {
      background-image: linear-gradient(180deg,#121A17 0%,#0D1311 100%);
    }
  }
  .dark\:bg-\[image\:linear-gradient\(180deg\,\#121A17_0\%\,\#0D1311_100\%\)\]:where(:root[data-theme=dark] *) {
    background-image: linear-gradient(180deg,#121A17 0%,#0D1311 100%);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[image\:radial-gradient\(1000px_420px_at_50\%_-60px\,rgb\(47_217_150\/\.10\)\,transparent_70\%\)\]:where(:root:not([data-theme=light]) *) {
      background-image: radial-gradient(1000px 420px at 50% -60px,rgb(47 217 150/.10),transparent 70%);
    }
  }
  .dark\:bg-\[image\:radial-gradient\(1000px_420px_at_50\%_-60px\,rgb\(47_217_150\/\.10\)\,transparent_70\%\)\]:where(:root[data-theme=dark] *) {
    background-image: radial-gradient(1000px 420px at 50% -60px,rgb(47 217 150/.10),transparent 70%);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[image\:radial-gradient\(1000px_420px_at_50\%_-60px\,rgb\(229_166_75\/\.10\)\,transparent_70\%\)\]:where(:root:not([data-theme=light]) *) {
      background-image: radial-gradient(1000px 420px at 50% -60px,rgb(229 166 75/.10),transparent 70%);
    }
  }
  .dark\:bg-\[image\:radial-gradient\(1000px_420px_at_50\%_-60px\,rgb\(229_166_75\/\.10\)\,transparent_70\%\)\]:where(:root[data-theme=dark] *) {
    background-image: radial-gradient(1000px 420px at 50% -60px,rgb(229 166 75/.10),transparent 70%);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#2FD996\]:where(:root:not([data-theme=light]) *) {
      color: #2FD996;
    }
  }
  .dark\:text-\[\#2FD996\]:where(:root[data-theme=dark] *) {
    color: #2FD996;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#04120C\]:where(:root:not([data-theme=light]) *) {
      color: #04120C;
    }
  }
  .dark\:text-\[\#04120C\]:where(:root[data-theme=dark] *) {
    color: #04120C;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:text-\[\#08171d\]:where(:root:not([data-theme=light]) *) {
      color: #08171d;
    }
  }
  .dark\:text-\[\#08171d\]:where(:root[data-theme=dark] *) {
    color: #08171d;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[color-scheme\:dark\]:where(:root:not([data-theme=light]) *) {
      color-scheme: dark;
    }
  }
  .dark\:\[color-scheme\:dark\]:where(:root[data-theme=dark] *) {
    color-scheme: dark;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:shadow-none:where(:root:not([data-theme=light]) *) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .dark\:shadow-none:where(:root[data-theme=dark] *) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:ring-\[\#2FD996\]:where(:root:not([data-theme=light]) *) {
      --tw-ring-color: #2FD996;
    }
  }
  .dark\:ring-\[\#2FD996\]:where(:root[data-theme=dark] *) {
    --tw-ring-color: #2FD996;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--ev-72h\:\#ef7070\]:where(:root:not([data-theme=light]) *) {
      --ev-72h: #ef7070;
    }
  }
  .dark\:\[--ev-72h\:\#ef7070\]:where(:root[data-theme=dark] *) {
    --ev-72h: #ef7070;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--ev-announce\:\#e8a052\]:where(:root:not([data-theme=light]) *) {
      --ev-announce: #e8a052;
    }
  }
  .dark\:\[--ev-announce\:\#e8a052\]:where(:root[data-theme=dark] *) {
    --ev-announce: #e8a052;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--ev-coupon\:\#ab98f2\]:where(:root:not([data-theme=light]) *) {
      --ev-coupon: #ab98f2;
    }
  }
  .dark\:\[--ev-coupon\:\#ab98f2\]:where(:root[data-theme=dark] *) {
    --ev-coupon: #ab98f2;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--ev-extend\:\#4fb8cc\]:where(:root:not([data-theme=light]) *) {
      --ev-extend: #4fb8cc;
    }
  }
  .dark\:\[--ev-extend\:\#4fb8cc\]:where(:root[data-theme=dark] *) {
    --ev-extend: #4fb8cc;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--ev-notify\:\#4fb8cc\]:where(:root:not([data-theme=light]) *) {
      --ev-notify: #4fb8cc;
    }
  }
  .dark\:\[--ev-notify\:\#4fb8cc\]:where(:root[data-theme=dark] *) {
    --ev-notify: #4fb8cc;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--ev-review\:\#4fc08d\]:where(:root:not([data-theme=light]) *) {
      --ev-review: #4fc08d;
    }
  }
  .dark\:\[--ev-review\:\#4fc08d\]:where(:root[data-theme=dark] *) {
    --ev-review: #4fc08d;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--g1\:\#3987e5\]:where(:root:not([data-theme=light]) *) {
      --g1: #3987e5;
    }
  }
  .dark\:\[--g1\:\#3987e5\]:where(:root[data-theme=dark] *) {
    --g1: #3987e5;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--g2\:\#d95926\]:where(:root:not([data-theme=light]) *) {
      --g2: #d95926;
    }
  }
  .dark\:\[--g2\:\#d95926\]:where(:root[data-theme=dark] *) {
    --g2: #d95926;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--g3\:\#199e70\]:where(:root:not([data-theme=light]) *) {
      --g3: #199e70;
    }
  }
  .dark\:\[--g3\:\#199e70\]:where(:root[data-theme=dark] *) {
    --g3: #199e70;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--g4\:\#c98500\]:where(:root:not([data-theme=light]) *) {
      --g4: #c98500;
    }
  }
  .dark\:\[--g4\:\#c98500\]:where(:root[data-theme=dark] *) {
    --g4: #c98500;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--g5\:\#d55181\]:where(:root:not([data-theme=light]) *) {
      --g5: #d55181;
    }
  }
  .dark\:\[--g5\:\#d55181\]:where(:root[data-theme=dark] *) {
    --g5: #d55181;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--g6\:\#008300\]:where(:root:not([data-theme=light]) *) {
      --g6: #008300;
    }
  }
  .dark\:\[--g6\:\#008300\]:where(:root[data-theme=dark] *) {
    --g6: #008300;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--g7\:\#9085e9\]:where(:root:not([data-theme=light]) *) {
      --g7: #9085e9;
    }
  }
  .dark\:\[--g7\:\#9085e9\]:where(:root[data-theme=dark] *) {
    --g7: #9085e9;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--g8\:\#e66767\]:where(:root:not([data-theme=light]) *) {
      --g8: #e66767;
    }
  }
  .dark\:\[--g8\:\#e66767\]:where(:root[data-theme=dark] *) {
    --g8: #e66767;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--g9\:\#e66767\]:where(:root:not([data-theme=light]) *) {
      --g9: #e66767;
    }
  }
  .dark\:\[--g9\:\#e66767\]:where(:root[data-theme=dark] *) {
    --g9: #e66767;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--g10\:\#199e70\]:where(:root:not([data-theme=light]) *) {
      --g10: #199e70;
    }
  }
  .dark\:\[--g10\:\#199e70\]:where(:root[data-theme=dark] *) {
    --g10: #199e70;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--g11\:\#9085e9\]:where(:root:not([data-theme=light]) *) {
      --g11: #9085e9;
    }
  }
  .dark\:\[--g11\:\#9085e9\]:where(:root[data-theme=dark] *) {
    --g11: #9085e9;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--g12\:\#3987e5\]:where(:root:not([data-theme=light]) *) {
      --g12: #3987e5;
    }
  }
  .dark\:\[--g12\:\#3987e5\]:where(:root[data-theme=dark] *) {
    --g12: #3987e5;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--glass-hi\:rgb\(255_255_255\/\.07\)\]:where(:root:not([data-theme=light]) *) {
      --glass-hi: rgb(255 255 255/.07);
    }
  }
  .dark\:\[--glass-hi\:rgb\(255_255_255\/\.07\)\]:where(:root[data-theme=dark] *) {
    --glass-hi: rgb(255 255 255/.07);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--glass-ring\:rgb\(255_255_255\/\.06\)\]:where(:root:not([data-theme=light]) *) {
      --glass-ring: rgb(255 255 255/.06);
    }
  }
  .dark\:\[--glass-ring\:rgb\(255_255_255\/\.06\)\]:where(:root[data-theme=dark] *) {
    --glass-ring: rgb(255 255 255/.06);
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--ph-funding\:\#63b8d2\]:where(:root:not([data-theme=light]) *) {
      --ph-funding: #63b8d2;
    }
  }
  .dark\:\[--ph-funding\:\#63b8d2\]:where(:root[data-theme=dark] *) {
    --ph-funding: #63b8d2;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--ph-payment\:\#e8a052\]:where(:root:not([data-theme=light]) *) {
      --ph-payment: #e8a052;
    }
  }
  .dark\:\[--ph-payment\:\#e8a052\]:where(:root[data-theme=dark] *) {
    --ph-payment: #e8a052;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--ph-preopen\:\#5b95e6\]:where(:root:not([data-theme=light]) *) {
      --ph-preopen: #5b95e6;
    }
  }
  .dark\:\[--ph-preopen\:\#5b95e6\]:where(:root[data-theme=dark] *) {
    --ph-preopen: #5b95e6;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--ph-settle\:\#9d90f0\]:where(:root:not([data-theme=light]) *) {
      --ph-settle: #9d90f0;
    }
  }
  .dark\:\[--ph-settle\:\#9d90f0\]:where(:root[data-theme=dark] *) {
    --ph-settle: #9d90f0;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--ph-shipping\:\#4fc08d\]:where(:root:not([data-theme=light]) *) {
      --ph-shipping: #4fc08d;
    }
  }
  .dark\:\[--ph-shipping\:\#4fc08d\]:where(:root[data-theme=dark] *) {
    --ph-shipping: #4fc08d;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-amber-dim\:\#8A6222\]:where(:root:not([data-theme=light]) *) {
      --v-amber-dim: #8A6222;
    }
  }
  .dark\:\[--v-amber-dim\:\#8A6222\]:where(:root[data-theme=dark] *) {
    --v-amber-dim: #8A6222;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-amber-tint\:\#1B1408\]:where(:root:not([data-theme=light]) *) {
      --v-amber-tint: #1B1408;
    }
  }
  .dark\:\[--v-amber-tint\:\#1B1408\]:where(:root[data-theme=dark] *) {
    --v-amber-tint: #1B1408;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-amber\:\#E5A64B\]:where(:root:not([data-theme=light]) *) {
      --v-amber: #E5A64B;
    }
  }
  .dark\:\[--v-amber\:\#E5A64B\]:where(:root[data-theme=dark] *) {
    --v-amber: #E5A64B;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-card\:\#0D1311\]:where(:root:not([data-theme=light]) *) {
      --v-card: #0D1311;
    }
  }
  .dark\:\[--v-card\:\#0D1311\]:where(:root[data-theme=dark] *) {
    --v-card: #0D1311;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-faint\:\#5E6B66\]:where(:root:not([data-theme=light]) *) {
      --v-faint: #5E6B66;
    }
  }
  .dark\:\[--v-faint\:\#5E6B66\]:where(:root[data-theme=dark] *) {
    --v-faint: #5E6B66;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-green-dim\:\#15805A\]:where(:root:not([data-theme=light]) *) {
      --v-green-dim: #15805A;
    }
  }
  .dark\:\[--v-green-dim\:\#15805A\]:where(:root[data-theme=dark] *) {
    --v-green-dim: #15805A;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-green-tint\:\#0A1A14\]:where(:root:not([data-theme=light]) *) {
      --v-green-tint: #0A1A14;
    }
  }
  .dark\:\[--v-green-tint\:\#0A1A14\]:where(:root[data-theme=dark] *) {
    --v-green-tint: #0A1A14;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-green\:\#2FD996\]:where(:root:not([data-theme=light]) *) {
      --v-green: #2FD996;
    }
  }
  .dark\:\[--v-green\:\#2FD996\]:where(:root[data-theme=dark] *) {
    --v-green: #2FD996;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-ink2\:\#B6C2BD\]:where(:root:not([data-theme=light]) *) {
      --v-ink2: #B6C2BD;
    }
  }
  .dark\:\[--v-ink2\:\#B6C2BD\]:where(:root[data-theme=dark] *) {
    --v-ink2: #B6C2BD;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-ink\:\#E9EFEC\]:where(:root:not([data-theme=light]) *) {
      --v-ink: #E9EFEC;
    }
  }
  .dark\:\[--v-ink\:\#E9EFEC\]:where(:root[data-theme=dark] *) {
    --v-ink: #E9EFEC;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-line2\:\#2B3833\]:where(:root:not([data-theme=light]) *) {
      --v-line2: #2B3833;
    }
  }
  .dark\:\[--v-line2\:\#2B3833\]:where(:root[data-theme=dark] *) {
    --v-line2: #2B3833;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-line\:\#1C2521\]:where(:root:not([data-theme=light]) *) {
      --v-line: #1C2521;
    }
  }
  .dark\:\[--v-line\:\#1C2521\]:where(:root[data-theme=dark] *) {
    --v-line: #1C2521;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-muted\:\#8A9994\]:where(:root:not([data-theme=light]) *) {
      --v-muted: #8A9994;
    }
  }
  .dark\:\[--v-muted\:\#8A9994\]:where(:root[data-theme=dark] *) {
    --v-muted: #8A9994;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-nest\:\#121A17\]:where(:root:not([data-theme=light]) *) {
      --v-nest: #121A17;
    }
  }
  .dark\:\[--v-nest\:\#121A17\]:where(:root[data-theme=dark] *) {
    --v-nest: #121A17;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-on-amber\:\#2A1B06\]:where(:root:not([data-theme=light]) *) {
      --v-on-amber: #2A1B06;
    }
  }
  .dark\:\[--v-on-amber\:\#2A1B06\]:where(:root[data-theme=dark] *) {
    --v-on-amber: #2A1B06;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-on-green\:\#04120C\]:where(:root:not([data-theme=light]) *) {
      --v-on-green: #04120C;
    }
  }
  .dark\:\[--v-on-green\:\#04120C\]:where(:root[data-theme=dark] *) {
    --v-on-green: #04120C;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:\[--v-stage\:\#070A09\]:where(:root:not([data-theme=light]) *) {
      --v-stage: #070A09;
    }
  }
  .dark\:\[--v-stage\:\#070A09\]:where(:root[data-theme=dark] *) {
    --v-stage: #070A09;
  }
  @media (prefers-color-scheme: dark) {
    .dark\:before\:bg-\[radial-gradient\(1000px_420px_at_50\%_-60px\,rgb\(47_217_150\/\.10\)\,transparent_70\%\)\]:where(:root:not([data-theme=light]) *)::before {
      content: var(--tw-content);
      background-image: radial-gradient(1000px 420px at 50% -60px,rgb(47 217 150/.10),transparent 70%);
    }
  }
  .dark\:before\:bg-\[radial-gradient\(1000px_420px_at_50\%_-60px\,rgb\(47_217_150\/\.10\)\,transparent_70\%\)\]:where(:root[data-theme=dark] *)::before {
    content: var(--tw-content);
    background-image: radial-gradient(1000px 420px at 50% -60px,rgb(47 217 150/.10),transparent 70%);
  }
  @media (pointer: coarse) {
    .pointer-coarse\:invisible {
      visibility: hidden;
    }
    .pointer-coarse\:hidden {
      display: none;
    }
    .pointer-coarse\:h-\[32px\] {
      height: 32px;
    }
    .pointer-coarse\:w-\[32px\] {
      width: 32px;
    }
    .pointer-coarse\:cursor-pointer {
      cursor: pointer;
    }
    .pointer-coarse\:opacity-60 {
      opacity: 60%;
    }
    .pointer-coarse\:group-focus-within\/todo\:visible:is(:where(.group\/todo):focus-within *) {
      visibility: visible;
    }
    .pointer-coarse\:before\:absolute::before {
      content: var(--tw-content);
      position: absolute;
    }
    .pointer-coarse\:before\:inset-\[-4px\]::before {
      content: var(--tw-content);
      inset: -4px;
    }
    .pointer-coarse\:before\:inset-\[-6px_-3px\]::before {
      content: var(--tw-content);
      inset: -6px -3px;
    }
    .pointer-coarse\:before\:inset-\[-8px\]::before {
      content: var(--tw-content);
      inset: -8px;
    }
    .pointer-coarse\:before\:inset-\[-8px_-6px\]::before {
      content: var(--tw-content);
      inset: -8px -6px;
    }
    .pointer-coarse\:before\:inset-\[-10px\]::before {
      content: var(--tw-content);
      inset: -10px;
    }
    .pointer-coarse\:before\:inset-\[-12px_-10px\]::before {
      content: var(--tw-content);
      inset: -12px -10px;
    }
    .pointer-coarse\:before\:inset-x-0::before {
      content: var(--tw-content);
      inset-inline: 0px;
    }
    .pointer-coarse\:before\:top-\[-12px\]::before {
      content: var(--tw-content);
      top: -12px;
    }
    .pointer-coarse\:before\:bottom-\[-12px\]::before {
      content: var(--tw-content);
      bottom: -12px;
    }
    .pointer-coarse\:before\:content-\[\'\'\]::before {
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  @media (max-width: 820px) {
    .narrow\:static {
      position: static;
    }
    .narrow\:inset-\[40px_8px_12px\] {
      inset: 40px 8px 12px;
    }
    .narrow\:inset-x-0 {
      inset-inline: 0px;
    }
    .narrow\:top-\[14px\] {
      top: 14px;
    }
    .narrow\:top-\[56px\] {
      top: 56px;
    }
    .narrow\:top-\[62px\] {
      top: 62px;
    }
    .narrow\:top-\[calc\(6px_\+_env\(safe-area-inset-top\)\)\] {
      top: calc(6px + env(safe-area-inset-top));
    }
    .narrow\:top-\[calc\(13px\+env\(safe-area-inset-top\)\)\] {
      top: calc(13px + env(safe-area-inset-top));
    }
    .narrow\:right-\[12px\] {
      right: 12px;
    }
    .narrow\:right-\[calc\(max\(8px\,env\(safe-area-inset-right\)\)\+7px\)\] {
      right: calc(max(8px, env(safe-area-inset-right)) + 7px);
    }
    .narrow\:bottom-0 {
      bottom: 0px;
    }
    .narrow\:-left-\[52px\] {
      left: calc(52px * -1);
    }
    .narrow\:left-\[12px\] {
      left: 12px;
    }
    .narrow\:z-20 {
      z-index: 20;
    }
    .narrow\:order-1 {
      order: 1;
    }
    .narrow\:order-2 {
      order: 2;
    }
    .narrow\:order-3 {
      order: 3;
    }
    .narrow\:order-4 {
      order: 4;
    }
    .narrow\:order-5 {
      order: 5;
    }
    .narrow\:order-\[-1\] {
      order: -1;
    }
    .narrow\:\[grid-column\:1\/-1\] {
      grid-column: 1/-1;
    }
    .narrow\:\[grid-column\:1\] {
      grid-column: 1;
    }
    .narrow\:\[grid-column\:2\] {
      grid-column: 2;
    }
    .narrow\:\[grid-column\:auto\]\! {
      grid-column: auto !important;
    }
    .narrow\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .narrow\:\[grid-row\:1\] {
      grid-row: 1;
    }
    .narrow\:\[grid-row\:2\] {
      grid-row: 2;
    }
    .narrow\:\[grid-row\:3\] {
      grid-row: 3;
    }
    .narrow\:\[grid-row\:4\] {
      grid-row: 4;
    }
    .narrow\:\[grid-row\:auto\]\! {
      grid-row: auto !important;
    }
    .narrow\:m-0 {
      margin: 0px;
    }
    .narrow\:m-\[0_-16px\] {
      margin: 0 -16px;
    }
    .narrow\:m-\[0_0_0_4px\] {
      margin: 0 0 0 4px;
    }
    .narrow\:m-\[10px_12px_15px\] {
      margin: 10px 12px 15px;
    }
    .narrow\:m-\[12px_12px_0\] {
      margin: 12px 12px 0;
    }
    .narrow\:m-\[calc\(6px_\+_env\(safe-area-inset-top\)\)_max\(8px\,env\(safe-area-inset-right\)\)_0_max\(8px\,env\(safe-area-inset-left\)\)\] {
      margin: calc(6px + env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));
    }
    .narrow\:mx-\[-16px\] {
      margin-inline: -16px;
    }
    .narrow\:mt-0 {
      margin-top: 0px;
    }
    .narrow\:ml-0 {
      margin-left: 0px;
    }
    .narrow\:ml-\[52px\] {
      margin-left: 52px;
    }
    .narrow\:ml-auto {
      margin-left: auto;
    }
    .narrow\:block {
      display: block;
    }
    .narrow\:flex {
      display: flex;
    }
    .narrow\:grid {
      display: grid;
    }
    .narrow\:hidden {
      display: none;
    }
    .narrow\:inline-flex {
      display: inline-flex;
    }
    .narrow\:size-\[6px\] {
      width: 6px;
      height: 6px;
    }
    .narrow\:size-\[22px\] {
      width: 22px;
      height: 22px;
    }
    .narrow\:size-\[24px\] {
      width: 24px;
      height: 24px;
    }
    .narrow\:size-\[32px\] {
      width: 32px;
      height: 32px;
    }
    .narrow\:size-\[34px\] {
      width: 34px;
      height: 34px;
    }
    .narrow\:h-\[20px\] {
      height: 20px;
    }
    .narrow\:h-\[26px\] {
      height: 26px;
    }
    .narrow\:h-\[30px\] {
      height: 30px;
    }
    .narrow\:h-\[32px\] {
      height: 32px;
    }
    .narrow\:h-\[34px\] {
      height: 34px;
    }
    .narrow\:h-\[36px\] {
      height: 36px;
    }
    .narrow\:h-\[38px\] {
      height: 38px;
    }
    .narrow\:h-\[40px\] {
      height: 40px;
    }
    .narrow\:h-\[44px\] {
      height: 44px;
    }
    .narrow\:h-\[54px\] {
      height: 54px;
    }
    .narrow\:h-\[76px\] {
      height: 76px;
    }
    .narrow\:h-\[104px\] {
      height: 104px;
    }
    .narrow\:h-\[440px\] {
      height: 440px;
    }
    .narrow\:h-\[min\(440px\,58svh\)\] {
      height: min(440px, 58svh);
    }
    .narrow\:h-\[min\(940px\,calc\(90svh\+180px\)\)\] {
      height: min(940px, calc(90svh + 180px));
    }
    .narrow\:h-auto {
      height: auto;
    }
    .narrow\:h-full {
      height: 100%;
    }
    .narrow\:max-h-\[52vh\] {
      max-height: 52vh;
    }
    .narrow\:max-h-\[88dvh\] {
      max-height: 88dvh;
    }
    .narrow\:max-h-\[135px\] {
      max-height: 135px;
    }
    .narrow\:max-h-none {
      max-height: none;
    }
    .narrow\:min-h-0 {
      min-height: 0px;
    }
    .narrow\:min-h-\[32px\] {
      min-height: 32px;
    }
    .narrow\:min-h-\[34px\] {
      min-height: 34px;
    }
    .narrow\:min-h-\[36px\] {
      min-height: 36px;
    }
    .narrow\:min-h-\[40px\] {
      min-height: 40px;
    }
    .narrow\:min-h-\[64px\] {
      min-height: 64px;
    }
    .narrow\:min-h-\[280px\] {
      min-height: 280px;
    }
    .narrow\:min-h-\[340px\] {
      min-height: 340px;
    }
    .narrow\:min-h-\[360px\] {
      min-height: 360px;
    }
    .narrow\:min-h-\[calc\(100dvh-100px\)\] {
      min-height: calc(100dvh - 100px);
    }
    .narrow\:min-h-\[calc\(100dvh_-_59px_-_env\(safe-area-inset-top\)\)\] {
      min-height: calc(100dvh - 59px - env(safe-area-inset-top));
    }
    .narrow\:min-h-\[max\(400px\,calc\(100dvh-260px\)\)\] {
      min-height: max(400px, calc(100dvh - 260px));
    }
    .narrow\:w-\[20px\] {
      width: 20px;
    }
    .narrow\:w-\[26px\] {
      width: 26px;
    }
    .narrow\:w-\[32px\] {
      width: 32px;
    }
    .narrow\:w-\[34px\] {
      width: 34px;
    }
    .narrow\:w-\[36px\] {
      width: 36px;
    }
    .narrow\:w-\[40px\] {
      width: 40px;
    }
    .narrow\:w-\[44px\] {
      width: 44px;
    }
    .narrow\:w-\[76px\] {
      width: 76px;
    }
    .narrow\:w-\[236px\] {
      width: 236px;
    }
    .narrow\:w-auto {
      width: auto;
    }
    .narrow\:w-full {
      width: 100%;
    }
    .narrow\:max-w-none {
      max-width: none;
    }
    .narrow\:min-w-0 {
      min-width: 0px;
    }
    .narrow\:min-w-\[36px\] {
      min-width: 36px;
    }
    .narrow\:min-w-\[38px\] {
      min-width: 38px;
    }
    .narrow\:min-w-\[42px\] {
      min-width: 42px;
    }
    .narrow\:min-w-\[260px\] {
      min-width: 260px;
    }
    .narrow\:flex-1 {
      flex: 1;
    }
    .narrow\:flex-none {
      flex: none;
    }
    .narrow\:shrink-0 {
      flex-shrink: 0;
    }
    .narrow\:basis-full {
      flex-basis: 100%;
    }
    .narrow\:cursor-default {
      cursor: default;
    }
    .narrow\:\[scroll-snap-type\:x_mandatory\] {
      scroll-snap-type: x mandatory;
    }
    .narrow\:snap-x {
      scroll-snap-type: x var(--tw-scroll-snap-strictness);
    }
    .narrow\:snap-start {
      scroll-snap-align: start;
    }
    .narrow\:\[scrollbar-width\:none\] {
      scrollbar-width: none;
    }
    .narrow\:\[grid-template-columns\:1fr_1fr\] {
      grid-template-columns: 1fr 1fr;
    }
    .narrow\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .narrow\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .narrow\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .narrow\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .narrow\:grid-cols-\[1fr_1fr\] {
      grid-template-columns: 1fr 1fr;
    }
    .narrow\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto;
    }
    .narrow\:grid-cols-\[190px_minmax\(0\,1fr\)\] {
      grid-template-columns: 190px minmax(0,1fr);
    }
    .narrow\:grid-cols-\[minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1fr);
    }
    .narrow\:grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)\] {
      grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .narrow\:grid-cols-\[repeat\(4\,78vw\)\] {
      grid-template-columns: repeat(4,78vw);
    }
    .narrow\:grid-cols-\[repeat\(auto-fill\,minmax\(156px\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fill,minmax(156px,1fr));
    }
    .narrow\:\[grid-template-rows\:auto\] {
      grid-template-rows: auto;
    }
    .narrow\:grid-rows-\[min\(64dvh\,620px\)_auto\] {
      grid-template-rows: min(64dvh, 620px) auto;
    }
    .narrow\:flex-col {
      flex-direction: column;
    }
    .narrow\:flex-row {
      flex-direction: row;
    }
    .narrow\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .narrow\:flex-wrap {
      flex-wrap: wrap;
    }
    .narrow\:\[align-content\:start\] {
      align-content: start;
    }
    .narrow\:items-center {
      align-items: center;
    }
    .narrow\:justify-center {
      justify-content: center;
    }
    .narrow\:gap-\[4px\] {
      gap: 4px;
    }
    .narrow\:gap-\[6px\] {
      gap: 6px;
    }
    .narrow\:gap-\[8px\] {
      gap: 8px;
    }
    .narrow\:gap-\[8px_10px\] {
      gap: 8px 10px;
    }
    .narrow\:gap-\[9px\] {
      gap: 9px;
    }
    .narrow\:gap-\[10px\] {
      gap: 10px;
    }
    .narrow\:gap-\[12px\] {
      gap: 12px;
    }
    .narrow\:\[overflow\:auto_hidden\] {
      overflow: auto hidden;
    }
    .narrow\:overflow-visible {
      overflow: visible;
    }
    .narrow\:overflow-x-auto {
      overflow-x: auto;
    }
    .narrow\:overflow-y-hidden {
      overflow-y: hidden;
    }
    .narrow\:rounded-\[0_0_12px_12px\] {
      border-radius: 0 0 12px 12px;
    }
    .narrow\:rounded-\[12px\] {
      border-radius: 12px;
    }
    .narrow\:rounded-\[14px\] {
      border-radius: 14px;
    }
    .narrow\:rounded-t-\[20px\] {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
    }
    .narrow\:border-transparent {
      border-color: transparent;
    }
    .narrow\:p-0 {
      padding: 0px;
    }
    .narrow\:p-\[0_0_0_6px\] {
      padding: 0 0 0 6px;
    }
    .narrow\:p-\[0_0_env\(safe-area-inset-bottom\)\] {
      padding: 0 0 env(safe-area-inset-bottom);
    }
    .narrow\:p-\[0_6px_0_0\] {
      padding: 0 6px 0 0;
    }
    .narrow\:p-\[0_7px\] {
      padding: 0 7px;
    }
    .narrow\:p-\[0_8px\] {
      padding: 0 8px;
    }
    .narrow\:p-\[0_9px\] {
      padding: 0 9px;
    }
    .narrow\:p-\[0_12px\] {
      padding: 0 12px;
    }
    .narrow\:p-\[0_16px\] {
      padding: 0 16px;
    }
    .narrow\:p-\[4px_15px\] {
      padding: 4px 15px;
    }
    .narrow\:p-\[6px_50px_6px_10px\] {
      padding: 6px 50px 6px 10px;
    }
    .narrow\:p-\[7px_10px\] {
      padding: 7px 10px;
    }
    .narrow\:p-\[8px_9px\] {
      padding: 8px 9px;
    }
    .narrow\:p-\[8px_10px\] {
      padding: 8px 10px;
    }
    .narrow\:p-\[8px_11px\] {
      padding: 8px 11px;
    }
    .narrow\:p-\[10px_10px_calc\(10px_\+_env\(safe-area-inset-bottom\)\)\] {
      padding: 10px 10px calc(10px + env(safe-area-inset-bottom));
    }
    .narrow\:p-\[10px_12px_calc\(12px_\+_env\(safe-area-inset-bottom\)\)\] {
      padding: 10px 12px calc(12px + env(safe-area-inset-bottom));
    }
    .narrow\:p-\[12px\] {
      padding: 12px;
    }
    .narrow\:p-\[12px_12px_0\] {
      padding: 12px 12px 0;
    }
    .narrow\:p-\[12px_14px_10px\] {
      padding: 12px 14px 10px;
    }
    .narrow\:p-\[12px_14px_16px\] {
      padding: 12px 14px 16px;
    }
    .narrow\:p-\[12px_14px_24px\] {
      padding: 12px 14px 24px;
    }
    .narrow\:p-\[18px\] {
      padding: 18px;
    }
    .narrow\:p-\[18px_14px_14px\] {
      padding: 18px 14px 14px;
    }
    .narrow\:px-\[12px\] {
      padding-inline: 12px;
    }
    .narrow\:px-\[14px\] {
      padding-inline: 14px;
    }
    .narrow\:px-\[16px\] {
      padding-inline: 16px;
    }
    .narrow\:py-\[9px\] {
      padding-block: 9px;
    }
    .narrow\:py-\[10px\] {
      padding-block: 10px;
    }
    .narrow\:py-\[11px\] {
      padding-block: 11px;
    }
    .narrow\:py-\[12px\] {
      padding-block: 12px;
    }
    .narrow\:pt-\[25px\] {
      padding-top: 25px;
    }
    .narrow\:pt-\[48px\] {
      padding-top: 48px;
    }
    .narrow\:pr-\[16px\] {
      padding-right: 16px;
    }
    .narrow\:pb-0 {
      padding-bottom: 0px;
    }
    .narrow\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2);
    }
    .narrow\:pb-\[8px\] {
      padding-bottom: 8px;
    }
    .narrow\:pb-\[20px\] {
      padding-bottom: 20px;
    }
    .narrow\:pb-\[calc\(40px\+env\(safe-area-inset-bottom\)\)\] {
      padding-bottom: calc(40px + env(safe-area-inset-bottom));
    }
    .narrow\:pb-\[env\(safe-area-inset-bottom\)\] {
      padding-bottom: env(safe-area-inset-bottom);
    }
    .narrow\:pl-\[16px\] {
      padding-left: 16px;
    }
    .narrow\:text-center {
      text-align: center;
    }
    .narrow\:text-\[7px\] {
      font-size: 7px;
    }
    .narrow\:text-\[8px\] {
      font-size: 8px;
    }
    .narrow\:text-\[10px\] {
      font-size: 10px;
    }
    .narrow\:text-\[11px\] {
      font-size: 11px;
    }
    .narrow\:text-\[12\.5px\] {
      font-size: 12.5px;
    }
    .narrow\:text-\[13\.5px\] {
      font-size: 13.5px;
    }
    .narrow\:text-\[13px\] {
      font-size: 13px;
    }
    .narrow\:text-\[14px\] {
      font-size: 14px;
    }
    .narrow\:text-\[15px\] {
      font-size: 15px;
    }
    .narrow\:text-\[16px\] {
      font-size: 16px;
    }
    .narrow\:text-\[20px\] {
      font-size: 20px;
    }
    .narrow\:text-\[length\:16px\] {
      font-size: 16px;
    }
    .narrow\:leading-\[1\.8\] {
      --tw-leading: 1.8;
      line-height: 1.8;
    }
    .narrow\:leading-\[23\.2px\] {
      --tw-leading: 23.2px;
      line-height: 23.2px;
    }
    .narrow\:font-\[400\] {
      --tw-font-weight: 400;
      font-weight: 400;
    }
    .narrow\:tracking-\[\.8px\] {
      --tw-tracking: .8px;
      letter-spacing: .8px;
    }
    .narrow\:tracking-\[0\] {
      --tw-tracking: 0;
      letter-spacing: 0;
    }
    .narrow\:\[box-shadow\:none\] {
      box-shadow: none;
    }
    .narrow\:\[--bgap\:12px\] {
      --bgap: 12px;
    }
    .narrow\:\[--todo-row\:36px\] {
      --todo-row: 36px;
    }
    .narrow\:\[background\:none\] {
      background: none;
    }
    .narrow\:\[border-bottom\:1px_solid_var\(--line\)\] {
      border-bottom: 1px solid var(--line);
    }
    .narrow\:\[border-left\:0\] {
      border-left: 0;
    }
    .narrow\:\[border-right\:none\] {
      border-right: none;
    }
    .narrow\:\[border-top\:0\] {
      border-top: 0;
    }
    .narrow\:\[border\:0\] {
      border: 0;
    }
    .narrow\:\[font\:700_10px\/1_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
      font: 700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
    }
    .narrow\:\[transition\:transform_\.28s_cubic-bezier\(\.22\,\.61\,\.36\,1\)\] {
      transition: transform .28s cubic-bezier(.22,.61,.36,1);
    }
    .narrow\:group-not-data-\[reading\]\/cs\:hidden:is(:where(.group\/cs):not([data-reading]) *) {
      display: none;
    }
    .narrow\:group-data-\[reading\]\/cs\:hidden:is(:where(.group\/cs)[data-reading] *) {
      display: none;
    }
    .narrow\:group-data-\[searching\]\/bar\:flex:is(:where(.group\/bar)[data-searching] *) {
      display: flex;
    }
    .narrow\:group-data-\[searching\]\/bar\:flex-\[1_1_100\%\]:is(:where(.group\/bar)[data-searching] *) {
      flex: 1 1 100%;
    }
    .narrow\:before\:absolute::before {
      content: var(--tw-content);
      position: absolute;
    }
    .narrow\:before\:inset-\[-6px\]::before {
      content: var(--tw-content);
      inset: -6px;
    }
    .narrow\:before\:m-\[0_4px\]::before {
      content: var(--tw-content);
      margin: 0 4px;
    }
    .narrow\:before\:h-\[18px\]::before {
      content: var(--tw-content);
      height: 18px;
    }
    .narrow\:before\:w-\[1px\]::before {
      content: var(--tw-content);
      width: 1px;
    }
    .narrow\:before\:flex-none::before {
      content: var(--tw-content);
      flex: none;
    }
    .narrow\:before\:bg-line::before {
      content: var(--tw-content);
      background-color: var(--line);
    }
    .narrow\:before\:content-\[\'\'\]::before {
      --tw-content: '';
      content: var(--tw-content);
    }
    .narrow\:data-\[searching\]\:flex-wrap[data-searching] {
      flex-wrap: wrap;
    }
  }
  @media (min-width: 821px) {
    .wide\:sticky {
      position: sticky;
    }
    .wide\:top-4 {
      top: calc(var(--spacing) * 4);
    }
    .wide\:top-\[10px\] {
      top: 10px;
    }
    .wide\:top-\[76px\] {
      top: 76px;
    }
    .wide\:right-\[10px\] {
      right: 10px;
    }
    .wide\:bottom-\[10px\] {
      bottom: 10px;
    }
    .wide\:col-start-2 {
      grid-column-start: 2;
    }
    .wide\:m-0 {
      margin: 0px;
    }
    .wide\:ml-\[8px\] {
      margin-left: 8px;
    }
    .wide\:ml-auto {
      margin-left: auto;
    }
    .wide\:hidden {
      display: none;
    }
    .wide\:max-h-\[min\(64dvh\,560px\)\] {
      max-height: min(64dvh, 560px);
    }
    .wide\:w-\[min\(460px\,calc\(100vw-20px\)\)\] {
      width: min(460px, calc(100vw - 20px));
    }
    .wide\:w-\[min\(480px\,calc\(100vw-20px\)\)\] {
      width: min(480px, calc(100vw - 20px));
    }
    .wide\:grid-cols-\[minmax\(0\,1fr\)_340px\] {
      grid-template-columns: minmax(0,1fr) 340px;
    }
    .wide\:flex-col-reverse {
      flex-direction: column-reverse;
    }
    .wide\:flex-row {
      flex-direction: row;
    }
    .wide\:flex-wrap {
      flex-wrap: wrap;
    }
    .wide\:justify-end {
      justify-content: flex-end;
    }
    .wide\:gap-\[12px\] {
      gap: 12px;
    }
    .wide\:gap-x-\[20px\] {
      column-gap: 20px;
    }
    .wide\:overflow-auto {
      overflow: auto;
    }
    .wide\:overflow-hidden {
      overflow: hidden;
    }
    .wide\:rounded-\[18px\] {
      border-radius: 18px;
    }
    .wide\:p-\[17px_0\] {
      padding: 17px 0;
    }
    .wide\:text-\[19px\] {
      font-size: 19px;
    }
    .wide\:text-\[20px\] {
      font-size: 20px;
    }
    .wide\:text-\[22px\] {
      font-size: 22px;
    }
    .wide\:font-medium {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
    .wide\:text-ink-3 {
      color: var(--ink-3);
    }
    .wide\:\[--pc-left\:44px\] {
      --pc-left: 44px;
    }
    .wide\:\[--pc-right\:44px\] {
      --pc-right: 44px;
    }
    .wide\:\[writing-mode\:vertical-rl\] {
      writing-mode: vertical-rl;
    }
  }
  @media (max-width: 540px) {
    .phone\:fixed {
      position: fixed;
    }
    .phone\:inset-x-0 {
      inset-inline: 0px;
    }
    .phone\:top-\[-20px\] {
      top: -20px;
    }
    .phone\:top-\[50px\] {
      top: 50px;
    }
    .phone\:right-\[8px\] {
      right: 8px;
    }
    .phone\:bottom-0 {
      bottom: 0px;
    }
    .phone\:bottom-\[8px\] {
      bottom: 8px;
    }
    .phone\:left-\[8px\] {
      left: 8px;
    }
    .phone\:z-\[70\] {
      z-index: 70;
    }
    .phone\:order-first {
      order: -9999;
    }
    .phone\:order-last {
      order: 9999;
    }
    .phone\:m-\[-20px_-20px_17px\] {
      margin: -20px -20px 17px;
    }
    .phone\:m-\[8px_0_0_15px\] {
      margin: 8px 0 0 15px;
    }
    .phone\:m-\[12px_8px_0\] {
      margin: 12px 8px 0;
    }
    .phone\:m-\[30px_13px_20px\] {
      margin: 30px 13px 20px;
    }
    .phone\:mx-\[-12px\] {
      margin-inline: -12px;
    }
    .phone\:mx-\[-16px\] {
      margin-inline: -16px;
    }
    .phone\:mt-\[2px\] {
      margin-top: 2px;
    }
    .phone\:mt-\[6px\] {
      margin-top: 6px;
    }
    .phone\:-mb-\[6px\] {
      margin-bottom: calc(6px * -1);
    }
    .phone\:ml-auto {
      margin-left: auto;
    }
    .phone\:block {
      display: block;
    }
    .phone\:flex {
      display: flex;
    }
    .phone\:hidden {
      display: none;
    }
    .phone\:inline {
      display: inline;
    }
    .phone\:size-\[12px\] {
      width: 12px;
      height: 12px;
    }
    .phone\:size-\[14px\] {
      width: 14px;
      height: 14px;
    }
    .phone\:size-\[21px\] {
      width: 21px;
      height: 21px;
    }
    .phone\:size-\[40px\] {
      width: 40px;
      height: 40px;
    }
    .phone\:size-\[44px\] {
      width: 44px;
      height: 44px;
    }
    .phone\:h-\[5px\] {
      height: 5px;
    }
    .phone\:h-\[15px\] {
      height: 15px;
    }
    .phone\:h-\[29px\] {
      height: 29px;
    }
    .phone\:h-\[44px\] {
      height: 44px;
    }
    .phone\:h-auto {
      height: auto;
    }
    .phone\:max-h-\[64dvh\] {
      max-height: 64dvh;
    }
    .phone\:max-h-\[92vh\] {
      max-height: 92vh;
    }
    .phone\:max-h-\[94vh\] {
      max-height: 94vh;
    }
    .phone\:max-h-\[calc\(100dvh-16px\)\] {
      max-height: calc(100dvh - 16px);
    }
    .phone\:min-h-\[34px\] {
      min-height: 34px;
    }
    .phone\:min-h-\[36px\] {
      min-height: 36px;
    }
    .phone\:min-h-\[44px\] {
      min-height: 44px;
    }
    .phone\:min-h-\[48px\] {
      min-height: 48px;
    }
    .phone\:min-h-\[55px\] {
      min-height: 55px;
    }
    .phone\:min-h-\[96px\] {
      min-height: 96px;
    }
    .phone\:w-\[5px\] {
      width: 5px;
    }
    .phone\:w-\[9px\] {
      width: 9px;
    }
    .phone\:w-\[22px\] {
      width: 22px;
    }
    .phone\:w-\[24px\] {
      width: 24px;
    }
    .phone\:w-\[34px\] {
      width: 34px;
    }
    .phone\:w-\[44px\] {
      width: 44px;
    }
    .phone\:w-full {
      width: 100%;
    }
    .phone\:max-w-\[128px\] {
      max-width: 128px;
    }
    .phone\:max-w-\[150px\] {
      max-width: 150px;
    }
    .phone\:max-w-\[calc\(100\%_-_20px\)\] {
      max-width: calc(100% - 20px);
    }
    .phone\:max-w-full {
      max-width: 100%;
    }
    .phone\:min-w-0 {
      min-width: 0px;
    }
    .phone\:\[flex\:1_1_100\%\] {
      flex: 1 1 100%;
    }
    .phone\:basis-full {
      flex-basis: 100%;
    }
    .phone\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .phone\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .phone\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .phone\:grid-cols-\[1fr\] {
      grid-template-columns: 1fr;
    }
    .phone\:grid-cols-\[147px_minmax\(0\,1fr\)\] {
      grid-template-columns: 147px minmax(0,1fr);
    }
    .phone\:grid-cols-\[minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1fr);
    }
    .phone\:grid-rows-\[440px_auto\] {
      grid-template-rows: 440px auto;
    }
    .phone\:flex-col {
      flex-direction: column;
    }
    .phone\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .phone\:flex-wrap {
      flex-wrap: wrap;
    }
    .phone\:items-end {
      align-items: flex-end;
    }
    .phone\:items-start {
      align-items: flex-start;
    }
    .phone\:justify-between {
      justify-content: space-between;
    }
    .phone\:justify-center {
      justify-content: center;
    }
    .phone\:justify-items-center {
      justify-items: center;
    }
    .phone\:gap-0 {
      gap: 0px;
    }
    .phone\:gap-\[2px\] {
      gap: 2px;
    }
    .phone\:gap-\[3px\] {
      gap: 3px;
    }
    .phone\:gap-\[4px\] {
      gap: 4px;
    }
    .phone\:gap-\[5px\] {
      gap: 5px;
    }
    .phone\:gap-\[6px\] {
      gap: 6px;
    }
    .phone\:gap-\[8px\] {
      gap: 8px;
    }
    .phone\:gap-\[10px\] {
      gap: 10px;
    }
    .phone\:overflow-auto {
      overflow: auto;
    }
    .phone\:overflow-x-auto {
      overflow-x: auto;
    }
    .phone\:rounded-t-\[16px\] {
      border-top-left-radius: 16px;
      border-top-right-radius: 16px;
    }
    .phone\:rounded-b-none {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
    .phone\:border-x-0 {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 0px;
    }
    .phone\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    .phone\:bg-surface {
      background-color: var(--surface);
    }
    .phone\:p-0 {
      padding: 0px;
    }
    .phone\:p-\[0_4px\] {
      padding: 0 4px;
    }
    .phone\:p-\[0_7px\] {
      padding: 0 7px;
    }
    .phone\:p-\[0_13px\] {
      padding: 0 13px;
    }
    .phone\:p-\[0_13px_14px\] {
      padding: 0 13px 14px;
    }
    .phone\:p-\[3px\] {
      padding: 3px;
    }
    .phone\:p-\[3px_2px\] {
      padding: 3px 2px;
    }
    .phone\:p-\[3px_3px\] {
      padding: 3px 3px;
    }
    .phone\:p-\[4px\] {
      padding: 4px;
    }
    .phone\:p-\[4px_14px_15px\] {
      padding: 4px 14px 15px;
    }
    .phone\:p-\[5px_7px\] {
      padding: 5px 7px;
    }
    .phone\:p-\[5px_7px_12px\] {
      padding: 5px 7px 12px;
    }
    .phone\:p-\[5px_7px_12px_9px\] {
      padding: 5px 7px 12px 9px;
    }
    .phone\:p-\[5px_8px\] {
      padding: 5px 8px;
    }
    .phone\:p-\[5px_9px\] {
      padding: 5px 9px;
    }
    .phone\:p-\[6px_12px\] {
      padding: 6px 12px;
    }
    .phone\:p-\[7px\] {
      padding: 7px;
    }
    .phone\:p-\[7px_8px\] {
      padding: 7px 8px;
    }
    .phone\:p-\[8px\] {
      padding: 8px;
    }
    .phone\:p-\[8px_8px_10px\] {
      padding: 8px 8px 10px;
    }
    .phone\:p-\[8px_10px_10px_14px\] {
      padding: 8px 10px 10px 14px;
    }
    .phone\:p-\[8px_12px\] {
      padding: 8px 12px;
    }
    .phone\:p-\[8px_14px\] {
      padding: 8px 14px;
    }
    .phone\:p-\[10px_5px\] {
      padding: 10px 5px;
    }
    .phone\:p-\[10px_12px\] {
      padding: 10px 12px;
    }
    .phone\:p-\[12px\] {
      padding: 12px;
    }
    .phone\:p-\[12px_14px_16px\] {
      padding: 12px 14px 16px;
    }
    .phone\:p-\[16px_20px\] {
      padding: 16px 20px;
    }
    .phone\:p-\[18px_14px\] {
      padding: 18px 14px;
    }
    .phone\:p-\[20px\] {
      padding: 20px;
    }
    .phone\:px-\[8px\] {
      padding-inline: 8px;
    }
    .phone\:px-\[10px\] {
      padding-inline: 10px;
    }
    .phone\:px-\[12px\] {
      padding-inline: 12px;
    }
    .phone\:px-\[14px\] {
      padding-inline: 14px;
    }
    .phone\:px-\[16px\] {
      padding-inline: 16px;
    }
    .phone\:py-\[12px\] {
      padding-block: 12px;
    }
    .phone\:pr-\[2px\] {
      padding-right: 2px;
    }
    .phone\:pb-\[2px\] {
      padding-bottom: 2px;
    }
    .phone\:pb-\[calc\(16px\+env\(safe-area-inset-bottom\)\)\] {
      padding-bottom: calc(16px + env(safe-area-inset-bottom));
    }
    .phone\:pl-0 {
      padding-left: 0px;
    }
    .phone\:pl-\[12px\] {
      padding-left: 12px;
    }
    .phone\:text-\[7px\] {
      font-size: 7px;
    }
    .phone\:text-\[8px\] {
      font-size: 8px;
    }
    .phone\:text-\[9\.5px\] {
      font-size: 9.5px;
    }
    .phone\:text-\[9px\] {
      font-size: 9px;
    }
    .phone\:text-\[10\.5px\] {
      font-size: 10.5px;
    }
    .phone\:text-\[10px\] {
      font-size: 10px;
    }
    .phone\:text-\[11px\] {
      font-size: 11px;
    }
    .phone\:text-\[12px\] {
      font-size: 12px;
    }
    .phone\:text-\[13px\] {
      font-size: 13px;
    }
    .phone\:text-\[14px\] {
      font-size: 14px;
    }
    .phone\:text-\[15px\] {
      font-size: 15px;
    }
    .phone\:text-\[16px\] {
      font-size: 16px;
    }
    .phone\:text-\[17px\] {
      font-size: 17px;
    }
    .phone\:leading-\[13px\] {
      --tw-leading: 13px;
      line-height: 13px;
    }
    .phone\:whitespace-nowrap {
      white-space: nowrap;
    }
    .phone\:\[box-shadow\:0_-10px_30px_-8px_rgb\(0_0_0\/\.3\)\] {
      box-shadow: 0 -10px 30px -8px rgb(0 0 0/.3);
    }
    .phone\:\[border-bottom\:0\] {
      border-bottom: 0;
    }
    .phone\:\[border-top\:1px_solid_var\(--line\)\] {
      border-top: 1px solid var(--line);
    }
  }
  .ch-hud\:data-\[sheet\]\:\[background\:linear-gradient\(180deg\,\#10202238\,transparent\)\,var\(--ch-bg\)\]:is(.main.character-page:not([data-ch-theme]) *)[data-sheet] {
    background: linear-gradient(180deg,#10202238,transparent),var(--ch-bg);
  }
  .ch-hud\:data-\[sheet\]\:\[background\:radial-gradient\(ellipse_at_50\%_43\%\,\#24333570_0\%\,\#111d2140_39\%\,\#080f1200_72\%\)\,var\(--ch-bg\)\]:is(.main.character-page:not([data-ch-theme]) *)[data-sheet] {
    background: radial-gradient(ellipse at 50% 43%,#24333570 0%,#111d2140 39%,#080f1200 72%),var(--ch-bg);
  }
  .ch-themed\:flex:is(.main.character-page[data-ch-theme] *) {
    display: flex;
  }
  .ch-themed\:hidden:is(.main.character-page[data-ch-theme] *) {
    display: none;
  }
  .ch-themed\:\[scrollbar-color\:var\(--t-edge\)_transparent\]:is(.main.character-page[data-ch-theme] *) {
    scrollbar-color: var(--t-edge) transparent;
  }
  .ch-themed\:\[border-color\:color-mix\(in_srgb\,var\(--t-danger\)_45\%\,transparent\)\]:is(.main.character-page[data-ch-theme] *) {
    border-color: var(--t-danger);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--t-danger) 45%,transparent);
    }
  }
  .ch-themed\:\[border-color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *) {
    border-color: var(--t-accent);
  }
  .ch-themed\:\[border-color\:var\(--t-edge\)\]:is(.main.character-page[data-ch-theme] *) {
    border-color: var(--t-edge);
  }
  .ch-themed\:\[border-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme] *) {
    border-color: var(--t-edge-2);
  }
  .ch-themed\:\[border-color\:var\(--t-line\)\]:is(.main.character-page[data-ch-theme] *) {
    border-color: var(--t-line);
  }
  .ch-themed\:\[border-color\:var\(--t-line\)_var\(--t-line\)_var\(--t-line\)_var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *) {
    border-color: var(--t-line) var(--t-line) var(--t-line) var(--t-accent);
  }
  .ch-themed\:\[border-color\:var\(--t-line-2\)\]:is(.main.character-page[data-ch-theme] *) {
    border-color: var(--t-line-2);
  }
  .ch-themed\:\[border-color\:var\(--t-primary\)\]:is(.main.character-page[data-ch-theme] *) {
    border-color: var(--t-primary);
  }
  .ch-themed\:\[border-top-color\:var\(--t-line\)\]:is(.main.character-page[data-ch-theme] *) {
    border-top-color: var(--t-line);
  }
  .ch-themed\:\[border-top-color\:var\(--t-now\)\]:is(.main.character-page[data-ch-theme] *) {
    border-top-color: var(--t-now);
  }
  .ch-themed\:\[border-bottom-color\:var\(--t-line\)\]:is(.main.character-page[data-ch-theme] *) {
    border-bottom-color: var(--t-line);
  }
  .ch-themed\:\[border-bottom-color\:var\(--t-line-2\)\]:is(.main.character-page[data-ch-theme] *) {
    border-bottom-color: var(--t-line-2);
  }
  .ch-themed\:\[border-left-color\:light-dark\(color-mix\(in_srgb\,var\(--c\)_62\%\,\#000\)\,var\(--c\)\)\]:is(.main.character-page[data-ch-theme] *) {
    border-left-color: light-dark(var(--c),var(--c));
    @supports (color: color-mix(in lab, red, red)) {
      border-left-color: light-dark(color-mix(in srgb,var(--c) 62%,#000),var(--c));
    }
  }
  .ch-themed\:\[border-left-color\:var\(--t-edge\)\]:is(.main.character-page[data-ch-theme] *) {
    border-left-color: var(--t-edge);
  }
  .ch-themed\:\[background-image\:linear-gradient\(color-mix\(in_srgb\,var\(--t-ink\)_5\%\,transparent\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--t-ink\)_5\%\,transparent\)_1px\,transparent_1px\)\]:is(.main.character-page[data-ch-theme] *) {
    background-image: linear-gradient(var(--t-ink) 1px,transparent 1px),linear-gradient(90deg,var(--t-ink) 1px,transparent 1px);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(color-mix(in srgb,var(--t-ink) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--t-ink) 5%,transparent) 1px,transparent 1px);
    }
  }
  .ch-themed\:text-\[clamp\(11\.5px\,4\.2cqw\,13px\)\]:is(.main.character-page[data-ch-theme] *) {
    font-size: clamp(11.5px, 4.2cqw, 13px);
  }
  .ch-themed\:font-\[400\]:is(.main.character-page[data-ch-theme] *) {
    --tw-font-weight: 400;
    font-weight: 400;
  }
  .ch-themed\:tracking-\[\.02em\]:is(.main.character-page[data-ch-theme] *) {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }
  .ch-themed\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme] *) {
    color: var(--t-accent-ink);
  }
  .ch-themed\:\[color\:var\(--t-danger\)\]:is(.main.character-page[data-ch-theme] *) {
    color: var(--t-danger);
  }
  .ch-themed\:\[color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme] *) {
    color: var(--t-edge-2);
  }
  .ch-themed\:\[color\:var\(--t-faint\)\]:is(.main.character-page[data-ch-theme] *) {
    color: var(--t-faint);
  }
  .ch-themed\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme] *) {
    color: var(--t-ink);
  }
  .ch-themed\:\[color\:var\(--t-ink-2\)\]:is(.main.character-page[data-ch-theme] *) {
    color: var(--t-ink-2);
  }
  .ch-themed\:\[color\:var\(--t-muted\)\]:is(.main.character-page[data-ch-theme] *) {
    color: var(--t-muted);
  }
  .ch-themed\:\[color\:var\(--t-on-primary\)\]:is(.main.character-page[data-ch-theme] *) {
    color: var(--t-on-primary);
  }
  .ch-themed\:opacity-100:is(.main.character-page[data-ch-theme] *) {
    opacity: 100%;
  }
  .ch-themed\:\[box-shadow\:none\]:is(.main.character-page[data-ch-theme] *) {
    box-shadow: none;
  }
  .ch-themed\:\[box-shadow\:var\(--t-shadow\)\]:is(.main.character-page[data-ch-theme] *) {
    box-shadow: var(--t-shadow);
  }
  .ch-themed\:\[background\:color-mix\(in_srgb\,var\(--t-accent\)_12\%\,transparent\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 12%,transparent);
    }
  }
  .ch-themed\:\[background\:color-mix\(in_srgb\,var\(--t-bg\)_55\%\,transparent\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-bg) 55%,transparent);
    }
  }
  .ch-themed\:\[background\:color-mix\(in_srgb\,var\(--t-bg\)_82\%\,transparent\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-bg);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-bg) 82%,transparent);
    }
  }
  .ch-themed\:\[background\:color-mix\(in_srgb\,var\(--t-ink\)_10\%\,transparent\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-ink) 10%,transparent);
    }
  }
  .ch-themed\:\[background\:color-mix\(in_srgb\,var\(--t-ink\)_42\%\,transparent\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-ink) 42%,transparent);
    }
  }
  .ch-themed\:\[background\:color-mix\(in_srgb\,var\(--t-surface\)_85\%\,transparent\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-surface) 85%,transparent);
    }
  }
  .ch-themed\:\[background\:light-dark\(color-mix\(in_srgb\,var\(--c\)_34\%\,var\(--t-surface\)\)\,color-mix\(in_srgb\,var\(--c\)_17\%\,var\(--t-surface\)\)\)\]:is(.main.character-page[data-ch-theme] *) {
    background: light-dark(var(--c),var(--c));
    @supports (color: color-mix(in lab, red, red)) {
      background: light-dark(color-mix(in srgb,var(--c) 34%,var(--t-surface)),color-mix(in srgb,var(--c) 17%,var(--t-surface)));
    }
  }
  .ch-themed\:\[background\:radial-gradient\(ellipse_at_50\%_43\%\,color-mix\(in_srgb\,var\(--t-accent\)_7\%\,var\(--t-surface\)\)_0\%\,var\(--t-surface\)_70\%\)\]:is(.main.character-page[data-ch-theme] *) {
    background: radial-gradient(ellipse at 50% 43%,var(--t-accent) 0%,var(--t-surface) 70%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(ellipse at 50% 43%,color-mix(in srgb,var(--t-accent) 7%,var(--t-surface)) 0%,var(--t-surface) 70%);
    }
  }
  .ch-themed\:\[background\:repeating-linear-gradient\(0deg\,transparent_0_11px\,var\(--t-edge\)_11px_12px\,transparent_12px_23px\)\]:is(.main.character-page[data-ch-theme] *) {
    background: repeating-linear-gradient(0deg,transparent 0 11px,var(--t-edge) 11px 12px,transparent 12px 23px);
  }
  .ch-themed\:\[background\:transparent\]:is(.main.character-page[data-ch-theme] *) {
    background: transparent;
  }
  .ch-themed\:\[background\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-accent);
  }
  .ch-themed\:\[background\:var\(--t-accent-soft\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-accent-soft);
  }
  .ch-themed\:\[background\:var\(--t-edge\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-edge);
  }
  .ch-themed\:\[background\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-edge-2);
  }
  .ch-themed\:\[background\:var\(--t-field\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-field);
  }
  .ch-themed\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-ink);
  }
  .ch-themed\:\[background\:var\(--t-primary\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-primary);
  }
  .ch-themed\:\[background\:var\(--t-raised\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-raised);
  }
  .ch-themed\:\[background\:var\(--t-surface\)\]:is(.main.character-page[data-ch-theme] *) {
    background: var(--t-surface);
  }
  .ch-themed\:group-hover\/fold\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.group\/fold):hover *) {
    color: var(--t-ink);
  }
  .ch-themed\:group-hover\/tab\:\[border-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.group\/tab):hover *) {
    border-color: var(--t-edge-2);
  }
  .ch-themed\:group-hover\/tab\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.group\/tab):hover *) {
    color: var(--t-accent-ink);
  }
  .ch-themed\:group-aria-pressed\/tab\:\[border-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.group\/tab)[aria-pressed="true"] *) {
    border-color: var(--t-edge-2);
  }
  .ch-themed\:group-aria-pressed\/tab\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.group\/tab)[aria-pressed="true"] *) {
    color: var(--t-accent-ink);
  }
  .ch-themed\:group-data-\[lv\=3\]\/day\:\[background\:light-dark\(var\(--t-ink\)\,var\(--t-on-accent\)\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.group\/day)[data-lv="3"] *) {
    background: light-dark(var(--t-ink),var(--t-on-accent));
  }
  .ch-themed\:group-data-\[lv\=4\]\/day\:\[background\:light-dark\(\#fff\,var\(--t-on-accent\)\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.group\/day)[data-lv="4"] *) {
    background: light-dark(#fff,var(--t-on-accent));
  }
  .ch-themed\:group-data-\[state\=reached\]\/gap\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.group\/gap)[data-state="reached"] *) {
    color: var(--t-accent-ink);
  }
  .ch-themed\:group-\[\.is-done\]\/todo\:\[color\:var\(--t-faint\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.group\/todo):is(.is-done) *) {
    color: var(--t-faint);
  }
  .ch-themed\:group-\[\.is-done\]\/todo\:\[text-decoration-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.group\/todo):is(.is-done) *) {
    text-decoration-color: var(--t-edge-2);
  }
  .ch-themed\:group-\[\.is-on\]\/now\:\[box-shadow\:none\]:is(.main.character-page[data-ch-theme] *):is(:where(.group\/now):is(.is-on) *) {
    box-shadow: none;
  }
  .ch-themed\:group-\[\.is-on\]\/now\:\[background\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.group\/now):is(.is-on) *) {
    background: var(--t-accent);
  }
  .ch-themed\:peer-checked\:\[border-color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.peer):checked ~ *) {
    border-color: var(--t-accent);
  }
  .ch-themed\:peer-checked\:\[background\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.peer):checked ~ *) {
    background: var(--t-accent);
  }
  .ch-themed\:placeholder\:\[color\:var\(--t-faint\)\]:is(.main.character-page[data-ch-theme] *)::placeholder {
    color: var(--t-faint);
  }
  .ch-themed\:before\:\[border-color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *)::before {
    content: var(--tw-content);
    border-color: var(--t-accent);
  }
  .ch-themed\:before\:\[background\:var\(--t-now\)\]:is(.main.character-page[data-ch-theme] *)::before {
    content: var(--tw-content);
    background: var(--t-now);
  }
  .ch-themed\:after\:\[border-color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *)::after {
    content: var(--tw-content);
    border-color: var(--t-accent);
  }
  .ch-themed\:after\:\[border-top-color\:var\(--t-line-2\)\]:is(.main.character-page[data-ch-theme] *)::after {
    content: var(--tw-content);
    border-top-color: var(--t-line-2);
  }
  .ch-themed\:after\:\[border-left-color\:color-mix\(in_srgb\,var\(--t-ink\)_12\%\,transparent\)\]:is(.main.character-page[data-ch-theme] *)::after {
    content: var(--tw-content);
    border-left-color: var(--t-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-left-color: color-mix(in srgb,var(--t-ink) 12%,transparent);
    }
  }
  .ch-themed\:peer-checked\:after\:\[border-color\:var\(--t-on-accent\)\]:is(.main.character-page[data-ch-theme] *):is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    border-color: var(--t-on-accent);
  }
  .ch-themed\:focus-within\:\[border-bottom-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme] *):focus-within {
    border-bottom-color: var(--t-edge-2);
  }
  .ch-themed\:hover\:\[border-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme] *):hover {
    border-color: var(--t-edge-2);
  }
  .ch-themed\:hover\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme] *):hover {
    color: var(--t-accent-ink);
  }
  .ch-themed\:hover\:\[color\:var\(--t-danger\)\]:is(.main.character-page[data-ch-theme] *):hover {
    color: var(--t-danger);
  }
  .ch-themed\:hover\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme] *):hover {
    color: var(--t-ink);
  }
  .ch-themed\:hover\:\[filter\:brightness\(1\.06\)\]:is(.main.character-page[data-ch-theme] *):hover {
    filter: brightness(1.06);
  }
  .ch-themed\:hover\:\[background\:light-dark\(color-mix\(in_srgb\,var\(--c\)_44\%\,var\(--t-surface\)\)\,color-mix\(in_srgb\,var\(--c\)_24\%\,var\(--t-surface\)\)\)\]:is(.main.character-page[data-ch-theme] *):hover {
    background: light-dark(var(--c),var(--c));
    @supports (color: color-mix(in lab, red, red)) {
      background: light-dark(color-mix(in srgb,var(--c) 44%,var(--t-surface)),color-mix(in srgb,var(--c) 24%,var(--t-surface)));
    }
  }
  .ch-themed\:hover\:\[background\:var\(--t-accent-soft\)\]:is(.main.character-page[data-ch-theme] *):hover {
    background: var(--t-accent-soft);
  }
  .ch-themed\:hover\:\[background\:var\(--t-hover\)\]:is(.main.character-page[data-ch-theme] *):hover {
    background: var(--t-hover);
  }
  .ch-themed\:focus\:\[border-color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *):focus {
    border-color: var(--t-accent);
  }
  .ch-themed\:focus-visible\:\[box-shadow\:inset_0_0_0_1px_var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *):focus-visible {
    box-shadow: inset 0 0 0 1px var(--t-accent);
  }
  .ch-themed\:aria-checked\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme] *)[aria-checked="true"] {
    border-color: var(--t-ink);
  }
  .ch-themed\:aria-pressed\:\[border-color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *)[aria-pressed="true"] {
    border-color: var(--t-accent);
  }
  .ch-themed\:aria-pressed\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme] *)[aria-pressed="true"] {
    color: var(--t-accent-ink);
  }
  .ch-themed\:aria-pressed\:\[background\:var\(--t-accent-soft\)\]:is(.main.character-page[data-ch-theme] *)[aria-pressed="true"] {
    background: var(--t-accent-soft);
  }
  .ch-themed\:aria-pressed\:after\:\[border-color\:var\(--t-on-accent\)\]:is(.main.character-page[data-ch-theme] *)[aria-pressed="true"]::after {
    content: var(--tw-content);
    border-color: var(--t-on-accent);
  }
  .ch-themed\:data-\[lv\=1\]\:\[background\:color-mix\(in_srgb\,var\(--t-accent\)_20\%\,var\(--t-field\)\)\]:is(.main.character-page[data-ch-theme] *)[data-lv="1"] {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 20%,var(--t-field));
    }
  }
  .ch-themed\:data-\[lv\=2\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme] *)[data-lv="2"] {
    color: var(--t-ink);
  }
  .ch-themed\:data-\[lv\=2\]\:\[background\:color-mix\(in_srgb\,var\(--t-accent\)_40\%\,var\(--t-field\)\)\]:is(.main.character-page[data-ch-theme] *)[data-lv="2"] {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 40%,var(--t-field));
    }
  }
  .ch-themed\:data-\[lv\=3\]\:\[color\:light-dark\(var\(--t-ink\)\,var\(--t-on-accent\)\)\]:is(.main.character-page[data-ch-theme] *)[data-lv="3"] {
    color: light-dark(var(--t-ink),var(--t-on-accent));
  }
  .ch-themed\:data-\[lv\=3\]\:\[background\:color-mix\(in_srgb\,var\(--t-accent\)_66\%\,var\(--t-field\)\)\]:is(.main.character-page[data-ch-theme] *)[data-lv="3"] {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 66%,var(--t-field));
    }
  }
  .ch-themed\:data-\[lv\=4\]\:\[color\:light-dark\(\#fff\,var\(--t-on-accent\)\)\]:is(.main.character-page[data-ch-theme] *)[data-lv="4"] {
    color: light-dark(#fff,var(--t-on-accent));
  }
  .ch-themed\:data-\[lv\=4\]\:\[background\:light-dark\(var\(--t-accent-ink\)\,var\(--t-accent\)\)\]:is(.main.character-page[data-ch-theme] *)[data-lv="4"] {
    background: light-dark(var(--t-accent-ink),var(--t-accent));
  }
  .ch-themed\:data-\[state\=error\]\:\[color\:var\(--t-danger\)\]:is(.main.character-page[data-ch-theme] *)[data-state="error"] {
    color: var(--t-danger);
  }
  .ch-themed\:data-\[state\=error\]\:before\:\[background\:var\(--t-danger\)\]:is(.main.character-page[data-ch-theme] *)[data-state="error"]::before {
    content: var(--tw-content);
    background: var(--t-danger);
  }
  .ch-themed\:data-\[state\=none\]\:\[border-left-color\:var\(--t-edge\)\]:is(.main.character-page[data-ch-theme] *)[data-state="none"] {
    border-left-color: var(--t-edge);
  }
  .ch-themed\:data-\[state\=none\]\:\[background\:none\]:is(.main.character-page[data-ch-theme] *)[data-state="none"] {
    background: none;
  }
  .ch-themed\:data-\[state\=offline\]\:\[color\:var\(--t-danger\)\]:is(.main.character-page[data-ch-theme] *)[data-state="offline"] {
    color: var(--t-danger);
  }
  .ch-themed\:data-\[state\=offline\]\:before\:\[background\:var\(--t-danger\)\]:is(.main.character-page[data-ch-theme] *)[data-state="offline"]::before {
    content: var(--tw-content);
    background: var(--t-danger);
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:ch-themed\:\[transition\:none\]:is(.main.character-page[data-ch-theme] *) {
      transition: none;
    }
  }
  .ch-soft\:top-\[24px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    top: 24px;
  }
  .ch-soft\:right-\[30px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    right: 30px;
  }
  .ch-soft\:left-\[30px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    left: 30px;
  }
  .ch-soft\:m-\[12px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    margin: 12px;
  }
  .ch-soft\:h-\[8px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    height: 8px;
  }
  .ch-soft\:gap-\[2px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    gap: 2px;
  }
  .ch-soft\:gap-\[4px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    gap: 4px;
  }
  .ch-soft\:rounded-\[2px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 2px;
  }
  .ch-soft\:rounded-\[4px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 4px;
  }
  .ch-soft\:rounded-\[5px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 5px;
  }
  .ch-soft\:rounded-\[6px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 6px;
  }
  .ch-soft\:rounded-\[7px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 7px;
  }
  .ch-soft\:rounded-\[8px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 8px;
  }
  .ch-soft\:rounded-\[9px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 9px;
  }
  .ch-soft\:rounded-\[10px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 10px;
  }
  .ch-soft\:rounded-\[12px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 12px;
  }
  .ch-soft\:rounded-\[14px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 14px;
  }
  .ch-soft\:rounded-\[18px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 18px;
  }
  .ch-soft\:rounded-\[20px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 20px;
  }
  .ch-soft\:rounded-\[22px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 22px;
  }
  .ch-soft\:rounded-\[26px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 26px;
  }
  .ch-soft\:rounded-\[99px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: 99px;
  }
  .ch-soft\:rounded-full:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-radius: calc(infinity * 1px);
  }
  .ch-soft\:rounded-t-\[20px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  .ch-soft\:\[border-left-width\:3px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-left-width: 3px;
  }
  .ch-soft\:\[border-bottom-style\:solid\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-bottom-style: solid;
  }
  .ch-soft\:\[border-color\:transparent\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-color: transparent;
  }
  .ch-soft\:\[border-color\:var\(--t-line\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    border-color: var(--t-line);
  }
  .ch-soft\:p-\[2px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    padding: 2px;
  }
  .ch-soft\:p-\[4px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    padding: 4px;
  }
  .ch-soft\:p-\[5px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    padding: 5px;
  }
  .ch-soft\:\[font-family\:inherit\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    font-family: inherit;
  }
  .ch-soft\:\[font-family\:ui-rounded\,\'SF_Pro_Rounded\'\,\'Arial_Rounded_MT_Bold\'\,system-ui\,sans-serif\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    font-family: ui-rounded,'SF Pro Rounded','Arial Rounded MT Bold',system-ui,sans-serif;
  }
  .ch-soft\:\[font-family\:ui-rounded\,\'SF_Pro_Rounded\'\,system-ui\,sans-serif\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    font-family: ui-rounded,'SF Pro Rounded',system-ui,sans-serif;
  }
  .ch-soft\:font-\[500\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .ch-soft\:font-\[600\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    --tw-font-weight: 600;
    font-weight: 600;
  }
  .ch-soft\:tracking-\[-\.045em\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    --tw-tracking: -.045em;
    letter-spacing: -.045em;
  }
  .ch-soft\:tracking-\[1\.2px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    --tw-tracking: 1.2px;
    letter-spacing: 1.2px;
  }
  .ch-soft\:\[color\:color-mix\(in_srgb\,var\(--t-ink\)_86\%\,transparent\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    color: var(--t-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb,var(--t-ink) 86%,transparent);
    }
  }
  .ch-soft\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    color: var(--t-accent-ink);
  }
  .ch-soft\:\[color\:var\(--t-on-primary\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    color: var(--t-on-primary);
  }
  .ch-soft\:\[box-shadow\:1px_1px_3px_var\(--t-lo\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    box-shadow: 1px 1px 3px var(--t-lo);
  }
  .ch-soft\:\[box-shadow\:2px_2px_5px_var\(--t-lo\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    box-shadow: 2px 2px 5px var(--t-lo);
  }
  .ch-soft\:\[box-shadow\:inset_1px_1px_3px_var\(--t-lo\)\,inset_-1px_-1px_3px_var\(--t-hi\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    box-shadow: inset 1px 1px 3px var(--t-lo),inset -1px -1px 3px var(--t-hi);
  }
  .ch-soft\:\[box-shadow\:inset_2px_2px_4px_var\(--t-lo\)\,inset_-2px_-2px_4px_var\(--t-hi\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    box-shadow: inset 2px 2px 4px var(--t-lo),inset -2px -2px 4px var(--t-hi);
  }
  .ch-soft\:\[box-shadow\:var\(--t-in\)\,inset_3px_0_0_var\(--t-accent\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    box-shadow: var(--t-in),inset 3px 0 0 var(--t-accent);
  }
  .ch-soft\:\[box-shadow\:var\(--t-in\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    box-shadow: var(--t-in);
  }
  .ch-soft\:\[box-shadow\:var\(--t-in-lg\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    box-shadow: var(--t-in-lg);
  }
  .ch-soft\:\[box-shadow\:var\(--t-out\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    box-shadow: var(--t-out);
  }
  .ch-soft\:\[box-shadow\:var\(--t-out-sm\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    box-shadow: var(--t-out-sm);
  }
  .ch-soft\:\[background\:linear-gradient\(90deg\,var\(--t-accent\)\,color-mix\(in_srgb\,var\(--t-accent\)_70\%\,\#fff\)\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    background: linear-gradient(90deg,var(--t-accent),var(--t-accent));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg,var(--t-accent),color-mix(in srgb,var(--t-accent) 70%,#fff));
    }
  }
  .ch-soft\:\[background\:radial-gradient\(ellipse_at_50\%_42\%\,light-dark\(\#eef3f6\,\#232d32\)_0\%\,var\(--t-field\)_78\%\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    background: radial-gradient(ellipse at 50% 42%,light-dark(#eef3f6,#232d32) 0%,var(--t-field) 78%);
  }
  .ch-soft\:\[background\:transparent\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    background: transparent;
  }
  .ch-soft\:\[background\:var\(--t-accent-ink\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    background: var(--t-accent-ink);
  }
  .ch-soft\:\[background\:var\(--t-bg\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    background: var(--t-bg);
  }
  .ch-soft\:\[background\:var\(--t-primary\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    background: var(--t-primary);
  }
  .ch-soft\:\[text-shadow\:0_1px_0_var\(--t-hi\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
    text-shadow: 0 1px 0 var(--t-hi);
  }
  .ch-soft\:peer-checked\:\[border-color\:transparent\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):is(:where(.peer):checked ~ *) {
    border-color: transparent;
  }
  .ch-soft\:peer-checked\:\[box-shadow\:1px_1px_3px_var\(--t-lo\)\,-1px_-1px_3px_var\(--t-hi\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):is(:where(.peer):checked ~ *) {
    box-shadow: 1px 1px 3px var(--t-lo),-1px -1px 3px var(--t-hi);
  }
  .ch-soft\:peer-checked\:\[background\:var\(--t-accent\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):is(:where(.peer):checked ~ *) {
    background: var(--t-accent);
  }
  .ch-soft\:before\:hidden:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)::before {
    content: var(--tw-content);
    display: none;
  }
  .ch-soft\:after\:hidden:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)::after {
    content: var(--tw-content);
    display: none;
  }
  .ch-soft\:hover\:\[border-color\:transparent\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):hover {
    border-color: transparent;
  }
  .ch-soft\:hover\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):hover {
    color: var(--t-accent-ink);
  }
  .ch-soft\:hover\:\[color\:var\(--t-ink\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):hover {
    color: var(--t-ink);
  }
  .ch-soft\:hover\:\[color\:var\(--t-on-primary\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):hover {
    color: var(--t-on-primary);
  }
  .ch-soft\:hover\:\[filter\:brightness\(1\.06\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):hover {
    filter: brightness(1.06);
  }
  .ch-soft\:hover\:\[background\:transparent\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):hover {
    background: transparent;
  }
  .ch-soft\:hover\:\[background\:var\(--t-bg\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):hover {
    background: var(--t-bg);
  }
  .ch-soft\:hover\:\[background\:var\(--t-primary\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):hover {
    background: var(--t-primary);
  }
  .ch-soft\:focus\:\[border-color\:transparent\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):focus {
    border-color: transparent;
  }
  .ch-soft\:focus\:\[box-shadow\:var\(--t-in\)\,0_0_0_2px_color-mix\(in_srgb\,var\(--t-accent\)_45\%\,transparent\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):focus {
    box-shadow: var(--t-in),0 0 0 2px var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: var(--t-in),0 0 0 2px color-mix(in srgb,var(--t-accent) 45%,transparent);
    }
  }
  .ch-soft\:active\:\[box-shadow\:var\(--t-in\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):active {
    box-shadow: var(--t-in);
  }
  .ch-soft\:enabled\:rounded-\[10px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):enabled {
    border-radius: 10px;
  }
  .ch-soft\:enabled\:p-\[5px_10px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):enabled {
    padding: 5px 10px;
  }
  .ch-soft\:enabled\:\[box-shadow\:var\(--t-out-sm\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):enabled {
    box-shadow: var(--t-out-sm);
  }
  .ch-soft\:enabled\:\[background\:var\(--t-bg\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):enabled {
    background: var(--t-bg);
  }
  .ch-soft\:enabled\:active\:\[box-shadow\:var\(--t-in\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):enabled:active {
    box-shadow: var(--t-in);
  }
  .ch-soft\:aria-checked\:\[border-color\:var\(--t-bg\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-checked="true"] {
    border-color: var(--t-bg);
  }
  .ch-soft\:aria-checked\:\[box-shadow\:0_0_0_2px_var\(--c\)\,var\(--t-out-sm\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-checked="true"] {
    box-shadow: 0 0 0 2px var(--c),var(--t-out-sm);
  }
  .ch-soft\:aria-expanded\:\[box-shadow\:var\(--t-in\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-expanded="true"] {
    box-shadow: var(--t-in);
  }
  .ch-soft\:aria-pressed\:\[border-color\:transparent\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"] {
    border-color: transparent;
  }
  .ch-soft\:aria-pressed\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"] {
    color: var(--t-accent-ink);
  }
  .ch-soft\:aria-pressed\:\[box-shadow\:var\(--t-in\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"] {
    box-shadow: var(--t-in);
  }
  .ch-soft\:aria-pressed\:\[box-shadow\:var\(--t-out-sm\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"] {
    box-shadow: var(--t-out-sm);
  }
  .ch-soft\:aria-pressed\:\[background\:var\(--t-accent\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"] {
    background: var(--t-accent);
  }
  .ch-soft\:aria-pressed\:\[background\:var\(--t-bg\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"] {
    background: var(--t-bg);
  }
  .ch-soft\:aria-pressed\:hover\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"]:hover {
    color: var(--t-accent-ink);
  }
  .ch-soft\:aria-pressed\:hover\:\[background\:var\(--t-bg\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"]:hover {
    background: var(--t-bg);
  }
  .ch-soft\:data-\[done\]\:\[box-shadow\:var\(--t-in\)\,inset_0_0_0_1\.5px_var\(--t-accent\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[data-done] {
    box-shadow: var(--t-in),inset 0 0 0 1.5px var(--t-accent);
  }
  .ch-soft\:data-\[editing\]\:\[box-shadow\:var\(--t-in\)\,inset_0_0_0_1\.5px_var\(--t-accent\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[data-editing] {
    box-shadow: var(--t-in),inset 0 0 0 1.5px var(--t-accent);
  }
  .ch-soft\:data-\[state\=none\]\:\[box-shadow\:var\(--t-in\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[data-state="none"] {
    box-shadow: var(--t-in);
  }
  .ch-soft\:data-\[today\]\:\[box-shadow\:var\(--t-in\)\,inset_0_0_0_1\.5px_var\(--t-accent\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[data-today] {
    box-shadow: var(--t-in),inset 0 0 0 1.5px var(--t-accent);
  }
  @media (min-width: 821px) {
    .wide\:ch-soft\:h-\[calc\(100dvh-90px-var\(--quick-h\,0px\)\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) {
      height: calc(100dvh - 90px - var(--quick-h,0px));
    }
  }
  .ch-glass\:rounded-\[14px\]:is(.main.character-page.character-page[data-ch-theme=glass] *) {
    border-radius: 14px;
  }
  .ch-glass\:\[backdrop-filter\:var\(--glass-filter\,blur\(24px\)_saturate\(1\.8\)\)\]:is(.main.character-page.character-page[data-ch-theme=glass] *) {
    backdrop-filter: var(--glass-filter,blur(24px) saturate(1.8));
  }
  .ch-glass\:\[--rm-bg\:light-dark\(rgb\(250_251_252\/\.97\)\,rgb\(34_38_46\/\.97\)\)\]:is(.main.character-page.character-page[data-ch-theme=glass] *) {
    --rm-bg: light-dark(rgb(250 251 252/.97),rgb(34 38 46/.97));
  }
  .ch-glass\:\[-webkit-backdrop-filter\:var\(--glass-filter\,blur\(24px\)_saturate\(1\.8\)\)\]:is(.main.character-page.character-page[data-ch-theme=glass] *) {
    -webkit-backdrop-filter: var(--glass-filter,blur(24px) saturate(1.8));
  }
  .ch-glass\:\[background\:linear-gradient\(135deg\,var\(--t-sheen\)\,transparent_46\%\)\,var\(--t-bg\)\]:is(.main.character-page.character-page[data-ch-theme=glass] *) {
    background: linear-gradient(135deg,var(--t-sheen),transparent 46%),var(--t-bg);
  }
  .ch-glass\:\[background\:none\]:is(.main.character-page.character-page[data-ch-theme=glass] *) {
    background: none;
  }
  .ch-glass\:\[border\:1px_solid_var\(--t-line\)\]:is(.main.character-page.character-page[data-ch-theme=glass] *) {
    border: 1px solid var(--t-line);
  }
  .ch-glass\:before\:pointer-events-none:is(.main.character-page.character-page[data-ch-theme=glass] *)::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .ch-glass\:before\:absolute:is(.main.character-page.character-page[data-ch-theme=glass] *)::before {
    content: var(--tw-content);
    position: absolute;
  }
  .ch-glass\:before\:inset-0:is(.main.character-page.character-page[data-ch-theme=glass] *)::before {
    content: var(--tw-content);
    inset: 0px;
  }
  .ch-glass\:before\:rounded-\[inherit\]:is(.main.character-page.character-page[data-ch-theme=glass] *)::before {
    content: var(--tw-content);
    border-radius: inherit;
  }
  .ch-glass\:before\:\[backdrop-filter\:var\(--glass-filter\,blur\(24px\)_saturate\(1\.8\)\)\]:is(.main.character-page.character-page[data-ch-theme=glass] *)::before {
    content: var(--tw-content);
    backdrop-filter: var(--glass-filter,blur(24px) saturate(1.8));
  }
  .ch-glass\:before\:content-\[\'\'\]:is(.main.character-page.character-page[data-ch-theme=glass] *)::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .ch-glass\:before\:\[-webkit-backdrop-filter\:var\(--glass-filter\,blur\(24px\)_saturate\(1\.8\)\)\]:is(.main.character-page.character-page[data-ch-theme=glass] *)::before {
    content: var(--tw-content);
    -webkit-backdrop-filter: var(--glass-filter,blur(24px) saturate(1.8));
  }
  .ch-glass\:before\:\[background\:linear-gradient\(135deg\,var\(--t-sheen\)\,transparent_46\%\)\,var\(--glass-bg-strong\)\]:is(.main.character-page.character-page[data-ch-theme=glass] *)::before {
    content: var(--tw-content);
    background: linear-gradient(135deg,var(--t-sheen),transparent 46%),var(--glass-bg-strong);
  }
  .ch-glass\:before\:\[background\:linear-gradient\(135deg\,var\(--t-sheen\)\,transparent_46\%\)\,var\(--t-bg\)\]:is(.main.character-page.character-page[data-ch-theme=glass] *)::before {
    content: var(--tw-content);
    background: linear-gradient(135deg,var(--t-sheen),transparent 46%),var(--t-bg);
  }
  .ch-dot\:hidden:is(.main.character-page[data-ch-theme=dot] *) {
    display: none;
  }
  .ch-dot\:h-\[5px\]:is(.main.character-page[data-ch-theme=dot] *) {
    height: 5px;
  }
  .ch-dot\:h-\[18px\]:is(.main.character-page[data-ch-theme=dot] *) {
    height: 18px;
  }
  .ch-dot\:w-\[18px\]:is(.main.character-page[data-ch-theme=dot] *) {
    width: 18px;
  }
  .ch-dot\:\[scrollbar-color\:var\(--t-accent\)_transparent\]:is(.main.character-page[data-ch-theme=dot] *) {
    scrollbar-color: var(--t-accent) transparent;
  }
  .ch-dot\:gap-\[2px\]:is(.main.character-page[data-ch-theme=dot] *) {
    gap: 2px;
  }
  .ch-dot\:rounded-\[2px\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-radius: 2px;
  }
  .ch-dot\:rounded-\[3px\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-radius: 3px;
  }
  .ch-dot\:rounded-\[4px\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-radius: 4px;
  }
  .ch-dot\:rounded-\[5px\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-radius: 5px;
  }
  .ch-dot\:rounded-\[6px\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-radius: 6px;
  }
  .ch-dot\:rounded-\[8px\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-radius: 8px;
  }
  .ch-dot\:rounded-\[9px\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-radius: 9px;
  }
  .ch-dot\:rounded-\[10px\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-radius: 10px;
  }
  .ch-dot\:rounded-\[12px\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-radius: 12px;
  }
  .ch-dot\:rounded-\[999px\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-radius: 999px;
  }
  .ch-dot\:rounded-full:is(.main.character-page[data-ch-theme=dot] *) {
    border-radius: calc(infinity * 1px);
  }
  .ch-dot\:rounded-t-\[16px\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .ch-dot\:\[border-width\:1px\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-width: 1px;
  }
  .ch-dot\:\[border-width\:1px_1px_1px_3px\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-width: 1px 1px 1px 3px;
  }
  .ch-dot\:\[border-style\:solid\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-style: solid;
  }
  .ch-dot\:\[border-color\:color-mix\(in_srgb\,var\(--t-muted\)_40\%\,transparent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-color: var(--t-muted);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb,var(--t-muted) 40%,transparent);
    }
  }
  .ch-dot\:\[border-color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-color: var(--t-accent);
  }
  .ch-dot\:\[border-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-color: var(--t-edge-2);
  }
  .ch-dot\:\[border-color\:var\(--t-line-2\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-color: var(--t-line-2);
  }
  .ch-dot\:\[border-top-color\:color-mix\(in_srgb\,var\(--t-accent\)_55\%\,transparent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-top-color: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in srgb,var(--t-accent) 55%,transparent);
    }
  }
  .ch-dot\:\[fill\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    fill: var(--t-accent-ink);
  }
  .ch-dot\:\[fill\:var\(--t-accent-soft\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    fill: var(--t-accent-soft);
  }
  .ch-dot\:\[fill\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    fill: var(--t-edge-2);
  }
  .ch-dot\:p-\[2px\]:is(.main.character-page[data-ch-theme=dot] *) {
    padding: 2px;
  }
  .ch-dot\:p-\[4px_8px\]:is(.main.character-page[data-ch-theme=dot] *) {
    padding: 4px 8px;
  }
  .ch-dot\:\[font-family\:var\(--t-font\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    font-family: var(--t-font);
  }
  .ch-dot\:text-\[10px\]:is(.main.character-page[data-ch-theme=dot] *) {
    font-size: 10px;
  }
  .ch-dot\:font-\[300\]:is(.main.character-page[data-ch-theme=dot] *) {
    --tw-font-weight: 300;
    font-weight: 300;
  }
  .ch-dot\:font-\[400\]:is(.main.character-page[data-ch-theme=dot] *) {
    --tw-font-weight: 400;
    font-weight: 400;
  }
  .ch-dot\:font-\[500\]:is(.main.character-page[data-ch-theme=dot] *) {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .ch-dot\:tracking-\[-\.02em\]:is(.main.character-page[data-ch-theme=dot] *) {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }
  .ch-dot\:tracking-\[-\.04em\]:is(.main.character-page[data-ch-theme=dot] *) {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }
  .ch-dot\:tracking-\[\.05em\]:is(.main.character-page[data-ch-theme=dot] *) {
    --tw-tracking: .05em;
    letter-spacing: .05em;
  }
  .ch-dot\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    color: var(--t-accent-ink);
  }
  .ch-dot\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    color: var(--t-ink);
  }
  .ch-dot\:\[color\:var\(--t-ink-2\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    color: var(--t-ink-2);
  }
  .ch-dot\:\[color\:var\(--t-muted\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    color: var(--t-muted);
  }
  .ch-dot\:lowercase:is(.main.character-page[data-ch-theme=dot] *) {
    text-transform: lowercase;
  }
  .ch-dot\:\[box-shadow\:0_8px_28px_var\(--t-glowshadow\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    box-shadow: 0 8px 28px var(--t-glowshadow);
  }
  .ch-dot\:\[box-shadow\:0_8px_32px_var\(--t-glowshadow\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    box-shadow: 0 8px 32px var(--t-glowshadow);
  }
  .ch-dot\:\[box-shadow\:var\(--t-shadow\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    box-shadow: var(--t-shadow);
  }
  .ch-dot\:\[background\:\#eee\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: #eee;
  }
  .ch-dot\:\[background\:\#fff\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: #fff;
  }
  .ch-dot\:\[background\:color-mix\(in_srgb\,var\(--c\)_22\%\,\#fff\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 22%,#fff);
    }
  }
  .ch-dot\:\[background\:color-mix\(in_srgb\,var\(--t-accent\)_22\%\,transparent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 22%,transparent);
    }
  }
  .ch-dot\:\[background\:color-mix\(in_srgb\,var\(--t-accent\)_25\%\,transparent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 25%,transparent);
    }
  }
  .ch-dot\:\[background\:linear-gradient\(var\(--t-grad\)\,\#fff\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: linear-gradient(var(--t-grad),#fff);
  }
  .ch-dot\:\[background\:linear-gradient\(var\(--t-grad\)\,\#fff\)_top\/100\%_40px_no-repeat\,var\(--t-dots\)\,radial-gradient\(circle_at_50\%_15\%\,var\(--t-glow\)_0\%\,\#fff_75\%\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: linear-gradient(var(--t-grad),#fff) top/100% 40px no-repeat,var(--t-dots),radial-gradient(circle at 50% 15%,var(--t-glow) 0%,#fff 75%);
  }
  .ch-dot\:\[background\:linear-gradient\(var\(--t-grad\)\,\#fff_70\%\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: linear-gradient(var(--t-grad),#fff 70%);
  }
  .ch-dot\:\[background\:radial-gradient\(circle_at_50\%_30\%\,var\(--t-glow\)_0\%\,\#fff_70\%\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: radial-gradient(circle at 50% 30%,var(--t-glow) 0%,#fff 70%);
  }
  .ch-dot\:\[background\:radial-gradient\(circle_at_50\%_35\%\,var\(--t-glow\)\,\#fff_78\%\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: radial-gradient(circle at 50% 35%,var(--t-glow),#fff 78%);
  }
  .ch-dot\:\[background\:radial-gradient\(var\(--t-accent\)_1px\,transparent_1px\)_0_0\/40px_40px_local\,radial-gradient\(var\(--t-accent\)_1px\,transparent_1px\)_20px_20px\/40px_40px_local\,\#fff\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: radial-gradient(var(--t-accent) 1px,transparent 1px) 0 0/40px 40px local,radial-gradient(var(--t-accent) 1px,transparent 1px) 20px 20px/40px 40px local,#fff;
  }
  .ch-dot\:\[background\:rgba\(255\,255\,255\,\.72\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: rgba(255,255,255,.72);
  }
  .ch-dot\:\[background\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: var(--t-accent);
  }
  .ch-dot\:\[background\:var\(--t-dots\)\,radial-gradient\(circle_at_50\%_30\%\,var\(--t-glow\)_0\%\,\#fff_72\%\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    background: var(--t-dots),radial-gradient(circle at 50% 30%,var(--t-glow) 0%,#fff 72%);
  }
  .ch-dot\:\[border-bottom\:1\.5px_solid_var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-bottom: 1.5px solid var(--t-accent);
  }
  .ch-dot\:\[border-bottom\:1px_solid_var\(--t-line-2\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-bottom: 1px solid var(--t-line-2);
  }
  .ch-dot\:\[border-top\:1\.5px_solid_var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-top: 1.5px solid var(--t-accent);
  }
  .ch-dot\:\[border-top\:1px_solid_var\(--t-line-2\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-top: 1px solid var(--t-line-2);
  }
  .ch-dot\:\[border-top\:2px_solid_var\(--t-now\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border-top: 2px solid var(--t-now);
  }
  .ch-dot\:\[border\:1\.5px_dashed_var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border: 1.5px dashed var(--t-edge-2);
  }
  .ch-dot\:\[border\:1\.5px_solid_var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border: 1.5px solid var(--t-accent);
  }
  .ch-dot\:\[border\:1px_dashed_var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border: 1px dashed var(--t-accent);
  }
  .ch-dot\:\[border\:1px_solid_color-mix\(in_srgb\,var\(--c\)_53\%\,transparent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border: 1px solid var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb,var(--c) 53%,transparent);
    }
  }
  .ch-dot\:\[border\:1px_solid_color-mix\(in_srgb\,var\(--t-muted\)_40\%\,transparent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border: 1px solid var(--t-muted);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb,var(--t-muted) 40%,transparent);
    }
  }
  .ch-dot\:\[border\:1px_solid_var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border: 1px solid var(--t-accent);
  }
  .ch-dot\:\[border\:2px_dashed_var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=dot] *) {
    border: 2px dashed var(--t-accent);
  }
  .ch-dot\:\[transition\:transform_\.1s\,background_\.15s\,color_\.15s\,border-color_\.15s\]:is(.main.character-page[data-ch-theme=dot] *) {
    transition: transform .1s,background .15s,color .15s,border-color .15s;
  }
  .ch-dot\:\[transition\:transform_\.1s\,background_\.15s\,color_\.15s\]:is(.main.character-page[data-ch-theme=dot] *) {
    transition: transform .1s,background .15s,color .15s;
  }
  .ch-dot\:\[transition\:width_\.3s_ease\]:is(.main.character-page[data-ch-theme=dot] *) {
    transition: width .3s ease;
  }
  .ch-dot\:group-hover\/tab\:\[border-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *):is(:where(.group\/tab):hover *) {
    border-color: var(--t-edge-2);
  }
  .ch-dot\:group-hover\/tab\:\[color\:var\(--t-ink-2\)\]:is(.main.character-page[data-ch-theme=dot] *):is(:where(.group\/tab):hover *) {
    color: var(--t-ink-2);
  }
  .ch-dot\:group-aria-pressed\/tab\:\[border-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *):is(:where(.group\/tab)[aria-pressed="true"] *) {
    border-color: var(--t-edge-2);
  }
  .ch-dot\:group-aria-pressed\/tab\:\[color\:var\(--t-ink-2\)\]:is(.main.character-page[data-ch-theme=dot] *):is(:where(.group\/tab)[aria-pressed="true"] *) {
    color: var(--t-ink-2);
  }
  .ch-dot\:group-\[\.is-done\]\/todo\:opacity-60:is(.main.character-page[data-ch-theme=dot] *):is(:where(.group\/todo):is(.is-done) *) {
    opacity: 60%;
  }
  .ch-dot\:peer-checked\:\[border-color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=dot] *):is(:where(.peer):checked ~ *) {
    border-color: var(--t-accent);
  }
  .ch-dot\:peer-checked\:\[background\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=dot] *):is(:where(.peer):checked ~ *) {
    background: var(--t-accent);
  }
  .ch-dot\:before\:hidden:is(.main.character-page[data-ch-theme=dot] *)::before {
    content: var(--tw-content);
    display: none;
  }
  .ch-dot\:before\:h-\[6px\]:is(.main.character-page[data-ch-theme=dot] *)::before {
    content: var(--tw-content);
    height: 6px;
  }
  .ch-dot\:before\:w-\[6px\]:is(.main.character-page[data-ch-theme=dot] *)::before {
    content: var(--tw-content);
    width: 6px;
  }
  .ch-dot\:after\:hidden:is(.main.character-page[data-ch-theme=dot] *)::after {
    content: var(--tw-content);
    display: none;
  }
  .ch-dot\:after\:whitespace-pre:is(.main.character-page[data-ch-theme=dot] *)::after {
    content: var(--tw-content);
    white-space: pre;
  }
  .ch-dot\:after\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme=dot] *)::after {
    content: var(--tw-content);
    color: var(--t-accent-ink);
  }
  .ch-dot\:after\:content-\[\'__♡\'\]:is(.main.character-page[data-ch-theme=dot] *)::after {
    --tw-content: '  ♡';
    content: var(--tw-content);
  }
  .ch-dot\:after\:\[border-top\:1px_dotted_color-mix\(in_srgb\,var\(--t-accent\)_45\%\,transparent\)\]:is(.main.character-page[data-ch-theme=dot] *)::after {
    content: var(--tw-content);
    border-top: 1px dotted var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px dotted color-mix(in srgb,var(--t-accent) 45%,transparent);
    }
  }
  .ch-dot\:peer-checked\:after\:\[border-color\:\#fff\]:is(.main.character-page[data-ch-theme=dot] *):is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    border-color: #fff;
  }
  .ch-dot\:hover\:\[border-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *):hover {
    border-color: var(--t-edge-2);
  }
  .ch-dot\:hover\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=dot] *):hover {
    color: var(--t-ink);
  }
  .ch-dot\:hover\:\[background\:color-mix\(in_srgb\,var\(--c\)_30\%\,\#fff\)\]:is(.main.character-page[data-ch-theme=dot] *):hover {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 30%,#fff);
    }
  }
  .ch-dot\:hover\:\[background\:var\(--t-hover\)\]:is(.main.character-page[data-ch-theme=dot] *):hover {
    background: var(--t-hover);
  }
  .ch-dot\:focus\:\[border-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *):focus {
    border-color: var(--t-edge-2);
  }
  .ch-dot\:focus\:\[box-shadow\:0_0_0_3px_var\(--t-soft\)\]:is(.main.character-page[data-ch-theme=dot] *):focus {
    box-shadow: 0 0 0 3px var(--t-soft);
  }
  .ch-dot\:enabled\:hover\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=dot] *):enabled:hover {
    color: var(--t-ink);
  }
  .ch-dot\:enabled\:hover\:\[background\:var\(--t-hover\)\]:is(.main.character-page[data-ch-theme=dot] *):enabled:hover {
    background: var(--t-hover);
  }
  .ch-dot\:aria-checked\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=dot] *)[aria-checked="true"] {
    border-color: var(--t-ink);
  }
  .ch-dot\:aria-checked\:\[box-shadow\:none\]:is(.main.character-page[data-ch-theme=dot] *)[aria-checked="true"] {
    box-shadow: none;
  }
  .ch-dot\:aria-pressed\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=dot] *)[aria-pressed="true"] {
    color: var(--t-ink);
  }
  .ch-dot\:aria-pressed\:\[background\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=dot] *)[aria-pressed="true"] {
    background: var(--t-accent);
  }
  .ch-dot\:aria-pressed\:\[background\:var\(--t-accent-soft\)\]:is(.main.character-page[data-ch-theme=dot] *)[aria-pressed="true"] {
    background: var(--t-accent-soft);
  }
  .ch-dot\:data-\[done\]\:\[background\:var\(--t-accent-soft\)\]:is(.main.character-page[data-ch-theme=dot] *)[data-done] {
    background: var(--t-accent-soft);
  }
  .ch-dot\:data-\[editing\]\:\[border-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *)[data-editing] {
    border-color: var(--t-edge-2);
  }
  .ch-pop\:left-\[4px\]:is(.main.character-page[data-ch-theme=pop] *) {
    left: 4px;
  }
  .ch-pop\:hidden:is(.main.character-page[data-ch-theme=pop] *) {
    display: none;
  }
  .ch-pop\:h-\[3px\]:is(.main.character-page[data-ch-theme=pop] *) {
    height: 3px;
  }
  .ch-pop\:h-\[5px\]:is(.main.character-page[data-ch-theme=pop] *) {
    height: 5px;
  }
  .ch-pop\:h-\[8px\]:is(.main.character-page[data-ch-theme=pop] *) {
    height: 8px;
  }
  .ch-pop\:h-\[14px\]:is(.main.character-page[data-ch-theme=pop] *) {
    height: 14px;
  }
  .ch-pop\:w-\[8px\]:is(.main.character-page[data-ch-theme=pop] *) {
    width: 8px;
  }
  .ch-pop\:max-w-full:is(.main.character-page[data-ch-theme=pop] *) {
    max-width: 100%;
  }
  .ch-pop\:\[scrollbar-color\:var\(--t-ink\)_transparent\]:is(.main.character-page[data-ch-theme=pop] *) {
    scrollbar-color: var(--t-ink) transparent;
  }
  .ch-pop\:gap-\[2px\]:is(.main.character-page[data-ch-theme=pop] *) {
    gap: 2px;
  }
  .ch-pop\:self-start:is(.main.character-page[data-ch-theme=pop] *) {
    align-self: flex-start;
  }
  .ch-pop\:rounded-\[2px\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-radius: 2px;
  }
  .ch-pop\:rounded-\[3px\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-radius: 3px;
  }
  .ch-pop\:rounded-\[4px\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-radius: 4px;
  }
  .ch-pop\:rounded-\[5px\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-radius: 5px;
  }
  .ch-pop\:rounded-\[6px\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-radius: 6px;
  }
  .ch-pop\:rounded-\[8px\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-radius: 8px;
  }
  .ch-pop\:rounded-\[999px\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-radius: 999px;
  }
  .ch-pop\:rounded-full:is(.main.character-page[data-ch-theme=pop] *) {
    border-radius: calc(infinity * 1px);
  }
  .ch-pop\:rounded-none:is(.main.character-page[data-ch-theme=pop] *) {
    border-radius: 0;
  }
  .ch-pop\:rounded-t-\[10px\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .ch-pop\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-color: var(--t-ink);
  }
  .ch-pop\:\[fill\:\#fff\]:is(.main.character-page[data-ch-theme=pop] *) {
    fill: #fff;
  }
  .ch-pop\:\[fill\:var\(--t-cool\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    fill: var(--t-cool);
  }
  .ch-pop\:\[fill\:var\(--t-pop\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    fill: var(--t-pop);
  }
  .ch-pop\:\[stroke\:var\(--t-cool\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    stroke: var(--t-cool);
  }
  .ch-pop\:\[stroke\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    stroke: var(--t-ink);
  }
  .ch-pop\:\[stroke\:var\(--t-line\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    stroke: var(--t-line);
  }
  .ch-pop\:\[stroke-width\:1\.5px\]:is(.main.character-page[data-ch-theme=pop] *) {
    stroke-width: 1.5px;
  }
  .ch-pop\:\[padding\:3px_8px_2px\]:is(.main.character-page[data-ch-theme=pop] *) {
    padding: 3px 8px 2px;
  }
  .ch-pop\:p-\[2px\]:is(.main.character-page[data-ch-theme=pop] *) {
    padding: 2px;
  }
  .ch-pop\:p-\[3px_6px_3px_11px\]:is(.main.character-page[data-ch-theme=pop] *) {
    padding: 3px 6px 3px 11px;
  }
  .ch-pop\:\[font-family\:var\(--t-font\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    font-family: var(--t-font);
  }
  .ch-pop\:text-\[11px\]:is(.main.character-page[data-ch-theme=pop] *) {
    font-size: 11px;
  }
  .ch-pop\:text-\[12px\]:is(.main.character-page[data-ch-theme=pop] *) {
    font-size: 12px;
  }
  .ch-pop\:text-\[13px\]:is(.main.character-page[data-ch-theme=pop] *) {
    font-size: 13px;
  }
  .ch-pop\:text-\[16px\]:is(.main.character-page[data-ch-theme=pop] *) {
    font-size: 16px;
  }
  .ch-pop\:leading-\[1\.45\]:is(.main.character-page[data-ch-theme=pop] *) {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .ch-pop\:font-\[400\]:is(.main.character-page[data-ch-theme=pop] *) {
    --tw-font-weight: 400;
    font-weight: 400;
  }
  .ch-pop\:tracking-\[\.01em\]:is(.main.character-page[data-ch-theme=pop] *) {
    --tw-tracking: .01em;
    letter-spacing: .01em;
  }
  .ch-pop\:tracking-\[\.02em\]:is(.main.character-page[data-ch-theme=pop] *) {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }
  .ch-pop\:\[color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    color: var(--t-accent);
  }
  .ch-pop\:\[color\:var\(--t-danger\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    color: var(--t-danger);
  }
  .ch-pop\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    color: var(--t-ink);
  }
  .ch-pop\:\[color\:var\(--t-pop\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    color: var(--t-pop);
  }
  .ch-pop\:opacity-100:is(.main.character-page[data-ch-theme=pop] *) {
    opacity: 100%;
  }
  .ch-pop\:\[box-shadow\:0_0_0_1\.5px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    box-shadow: 0 0 0 1.5px var(--t-ink);
  }
  .ch-pop\:\[box-shadow\:0_0_0_2px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    box-shadow: 0 0 0 2px var(--t-ink);
  }
  .ch-pop\:\[box-shadow\:2px_0_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    box-shadow: 2px 0 0 var(--t-ink);
  }
  .ch-pop\:\[box-shadow\:2px_2px_0_var\(--t-ink\)\,0_0_0_1\.5px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    box-shadow: 2px 2px 0 var(--t-ink),0 0 0 1.5px var(--t-ink);
  }
  .ch-pop\:\[box-shadow\:2px_2px_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    box-shadow: 2px 2px 0 var(--t-ink);
  }
  .ch-pop\:\[box-shadow\:3px_3px_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    box-shadow: 3px 3px 0 var(--t-ink);
  }
  .ch-pop\:\[box-shadow\:4px_4px_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    box-shadow: 4px 4px 0 var(--t-ink);
  }
  .ch-pop\:\[box-shadow\:5px_5px_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    box-shadow: 5px 5px 0 var(--t-ink);
  }
  .ch-pop\:\[box-shadow\:6px_6px_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    box-shadow: 6px 6px 0 var(--t-ink);
  }
  .ch-pop\:\[box-shadow\:inset_5px_0_0_var\(--c\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    box-shadow: inset 5px 0 0 var(--c);
  }
  .ch-pop\:\[box-shadow\:var\(--t-shadow\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    box-shadow: var(--t-shadow);
  }
  .ch-pop\:\[background\:\#fff\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: #fff;
  }
  .ch-pop\:\[background\:color-mix\(in_srgb\,var\(--c\)_30\%\,var\(--t-surface\)\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 30%,var(--t-surface));
    }
  }
  .ch-pop\:\[background\:color-mix\(in_srgb\,var\(--t-ink\)_22\%\,transparent\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: var(--t-ink);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-ink) 22%,transparent);
    }
  }
  .ch-pop\:\[background\:color-mix\(in_srgb\,var\(--t-pop\)_26\%\,\#fff\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: var(--t-pop);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-pop) 26%,#fff);
    }
  }
  .ch-pop\:\[background\:color-mix\(in_srgb\,var\(--t-pop\)_40\%\,transparent\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: var(--t-pop);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-pop) 40%,transparent);
    }
  }
  .ch-pop\:\[background\:color-mix\(in_srgb\,var\(--t-pop\)_45\%\,transparent\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: var(--t-pop);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-pop) 45%,transparent);
    }
  }
  .ch-pop\:\[background\:linear-gradient\(transparent_18px\,var\(--t-surface\)_18px_26px\,transparent_26px\)_8px_0\/8px_44px_repeat-y\,linear-gradient\(var\(--t-ink\)\,var\(--t-ink\)\)_0_0\/24px_100\%_no-repeat\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: linear-gradient(transparent 18px,var(--t-surface) 18px 26px,transparent 26px) 8px 0/8px 44px repeat-y,linear-gradient(var(--t-ink),var(--t-ink)) 0 0/24px 100% no-repeat;
  }
  .ch-pop\:\[background\:transparent\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: transparent;
  }
  .ch-pop\:\[background\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: var(--t-accent);
  }
  .ch-pop\:\[background\:var\(--t-cool\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: var(--t-cool);
  }
  .ch-pop\:\[background\:var\(--t-cool\,var\(--t-accent\)\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: var(--t-cool,var(--t-accent));
  }
  .ch-pop\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: var(--t-ink);
  }
  .ch-pop\:\[background\:var\(--t-pop\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: var(--t-pop);
  }
  .ch-pop\:\[background\:var\(--t-surface\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: var(--t-surface);
  }
  .ch-pop\:\[border-bottom\:2\.5px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-bottom: 2.5px solid var(--t-ink);
  }
  .ch-pop\:\[border-bottom\:2px_dashed_var\(--t-line-2\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-bottom: 2px dashed var(--t-line-2);
  }
  .ch-pop\:\[border-bottom\:2px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-bottom: 2px solid var(--t-ink);
  }
  .ch-pop\:\[border-top\:1px_solid_var\(--t-line-2\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-top: 1px solid var(--t-line-2);
  }
  .ch-pop\:\[border-top\:2\.5px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-top: 2.5px solid var(--t-ink);
  }
  .ch-pop\:\[border-top\:2\.5px_solid_var\(--t-now\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-top: 2.5px solid var(--t-now);
  }
  .ch-pop\:\[border-top\:2px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-top: 2px solid var(--t-ink);
  }
  .ch-pop\:\[border\:1\.5px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border: 1.5px solid var(--t-ink);
  }
  .ch-pop\:\[border\:1\.5px_solid_var\(--t-line\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border: 1.5px solid var(--t-line);
  }
  .ch-pop\:\[border\:2\.5px_dashed_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border: 2.5px dashed var(--t-ink);
  }
  .ch-pop\:\[border\:2\.5px_dashed_var\(--t-line\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border: 2.5px dashed var(--t-line);
  }
  .ch-pop\:\[border\:2\.5px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border: 2.5px solid var(--t-ink);
  }
  .ch-pop\:\[border\:2px_dashed_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border: 2px dashed var(--t-ink);
  }
  .ch-pop\:\[border\:2px_solid_transparent\]:is(.main.character-page[data-ch-theme=pop] *) {
    border: 2px solid transparent;
  }
  .ch-pop\:\[border\:2px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    border: 2px solid var(--t-ink);
  }
  .ch-pop\:\[text-shadow\:3px_3px_0_var\(--t-pop\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    text-shadow: 3px 3px 0 var(--t-pop);
  }
  .ch-pop\:\[transition\:transform_\.08s\,box-shadow_\.08s\,background_\.15s\]:is(.main.character-page[data-ch-theme=pop] *) {
    transition: transform .08s,box-shadow .08s,background .15s;
  }
  .ch-pop\:\[transition\:width_\.25s_steps\(8\,end\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    transition: width .25s steps(8,end);
  }
  .ch-pop\:group-hover\/tab\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.group\/tab):hover *) {
    border-color: var(--t-ink);
  }
  .ch-pop\:group-hover\/tab\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.group\/tab):hover *) {
    color: var(--t-ink);
  }
  .ch-pop\:group-aria-pressed\/tab\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.group\/tab)[aria-pressed="true"] *) {
    border-color: var(--t-ink);
  }
  .ch-pop\:group-aria-pressed\/tab\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.group\/tab)[aria-pressed="true"] *) {
    color: var(--t-ink);
  }
  .ch-pop\:group-data-\[lv\=3\]\/day\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.group\/day)[data-lv="3"] *) {
    background: var(--t-ink);
  }
  .ch-pop\:group-data-\[lv\=4\]\/day\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.group\/day)[data-lv="4"] *) {
    background: var(--t-ink);
  }
  .ch-pop\:group-\[\.is-done\]\/todo\:\[text-decoration-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.group\/todo):is(.is-done) *) {
    text-decoration-color: var(--t-ink);
  }
  .ch-pop\:group-\[\.is-done\]\/todo\:opacity-50:is(.main.character-page[data-ch-theme=pop] *):is(:where(.group\/todo):is(.is-done) *) {
    opacity: 50%;
  }
  .ch-pop\:group-\[\.is-on\]\/now\:h-\[7px\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.group\/now):is(.is-on) *) {
    height: 7px;
  }
  .ch-pop\:group-\[\.is-on\]\/now\:w-\[7px\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.group\/now):is(.is-on) *) {
    width: 7px;
  }
  .ch-pop\:group-\[\.is-on\]\/now\:\[box-shadow\:0_0_0_1\.5px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.group\/now):is(.is-on) *) {
    box-shadow: 0 0 0 1.5px var(--t-ink);
  }
  .ch-pop\:group-\[\.is-today\]\/rmday\:font-\[400\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.group\/rmday):is(.is-today) *) {
    --tw-font-weight: 400;
    font-weight: 400;
  }
  .ch-pop\:peer-checked\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.peer):checked ~ *) {
    border-color: var(--t-ink);
  }
  .ch-pop\:peer-checked\:\[background\:var\(--t-cool\)\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.peer):checked ~ *) {
    background: var(--t-cool);
  }
  .ch-pop\:before\:top-\[-7px\]:is(.main.character-page[data-ch-theme=pop] *)::before {
    content: var(--tw-content);
    top: -7px;
  }
  .ch-pop\:before\:left-\[-8px\]:is(.main.character-page[data-ch-theme=pop] *)::before {
    content: var(--tw-content);
    left: -8px;
  }
  .ch-pop\:before\:hidden:is(.main.character-page[data-ch-theme=pop] *)::before {
    content: var(--tw-content);
    display: none;
  }
  .ch-pop\:before\:h-\[11px\]:is(.main.character-page[data-ch-theme=pop] *)::before {
    content: var(--tw-content);
    height: 11px;
  }
  .ch-pop\:before\:w-\[9px\]:is(.main.character-page[data-ch-theme=pop] *)::before {
    content: var(--tw-content);
    width: 9px;
  }
  .ch-pop\:before\:rounded-none:is(.main.character-page[data-ch-theme=pop] *)::before {
    content: var(--tw-content);
    border-radius: 0;
  }
  .ch-pop\:before\:\[background\:var\(--t-surface\)\]:is(.main.character-page[data-ch-theme=pop] *)::before {
    content: var(--tw-content);
    background: var(--t-surface);
  }
  .ch-pop\:before\:\[clip-path\:polygon\(0_0\,100\%_50\%\,0_100\%\)\]:is(.main.character-page[data-ch-theme=pop] *)::before {
    content: var(--tw-content);
    clip-path: polygon(0 0,100% 50%,0 100%);
  }
  .ch-pop\:after\:hidden:is(.main.character-page[data-ch-theme=pop] *)::after {
    content: var(--tw-content);
    display: none;
  }
  .ch-pop\:after\:\[border-top\:1px_dashed_var\(--t-line-2\)\]:is(.main.character-page[data-ch-theme=pop] *)::after {
    content: var(--tw-content);
    border-top: 1px dashed var(--t-line-2);
  }
  .ch-pop\:peer-checked\:after\:top-0:is(.main.character-page[data-ch-theme=pop] *):is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    top: 0px;
  }
  .ch-pop\:peer-checked\:after\:left-\[3px\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    left: 3px;
  }
  .ch-pop\:peer-checked\:after\:\[border-width\:0_2px_2px_0\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    border-width: 0 2px 2px 0;
  }
  .ch-pop\:peer-checked\:after\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    border-color: var(--t-ink);
  }
  .ch-pop\:last\:\[border-bottom\:0\]:is(.main.character-page[data-ch-theme=pop] *):last-child {
    border-bottom: 0;
  }
  .ch-pop\:hover\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):hover {
    border-color: var(--t-ink);
  }
  .ch-pop\:hover\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):hover {
    color: var(--t-ink);
  }
  .ch-pop\:hover\:\[text-underline-offset\:3px\]:is(.main.character-page[data-ch-theme=pop] *):hover {
    text-underline-offset: 3px;
  }
  .ch-pop\:hover\:\[background\:\#fff\]:is(.main.character-page[data-ch-theme=pop] *):hover {
    background: #fff;
  }
  .ch-pop\:hover\:\[background\:color-mix\(in_srgb\,var\(--c\)_38\%\,var\(--t-surface\)\)\]:is(.main.character-page[data-ch-theme=pop] *):hover {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 38%,var(--t-surface));
    }
  }
  .ch-pop\:hover\:\[background\:var\(--t-hover\)\]:is(.main.character-page[data-ch-theme=pop] *):hover {
    background: var(--t-hover);
  }
  .ch-pop\:hover\:\[text-decoration\:underline_2px_var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=pop] *):hover {
    text-decoration: underline 2px var(--t-accent);
  }
  .ch-pop\:focus\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):focus {
    border-color: var(--t-ink);
  }
  .ch-pop\:focus\:\[box-shadow\:4px_4px_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):focus {
    box-shadow: 4px 4px 0 var(--t-ink);
  }
  .ch-pop\:active\:\[transform\:translate\(3px\,3px\)\]:is(.main.character-page[data-ch-theme=pop] *):active {
    transform: translate(3px,3px);
  }
  .ch-pop\:active\:\[box-shadow\:0_0_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):active {
    box-shadow: 0 0 0 var(--t-ink);
  }
  .ch-pop\:enabled\:hover\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):enabled:hover {
    color: var(--t-ink);
  }
  .ch-pop\:enabled\:hover\:\[background\:var\(--t-hover\)\]:is(.main.character-page[data-ch-theme=pop] *):enabled:hover {
    background: var(--t-hover);
  }
  .ch-pop\:aria-checked\:\[transform\:translate\(-1px\,-1px\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-checked="true"] {
    transform: translate(-1px,-1px);
  }
  .ch-pop\:aria-checked\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-checked="true"] {
    border-color: var(--t-ink);
  }
  .ch-pop\:aria-checked\:\[box-shadow\:0_0_0_2px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-checked="true"] {
    box-shadow: 0 0 0 2px var(--t-ink);
  }
  .ch-pop\:aria-checked\:\[box-shadow\:2px_2px_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-checked="true"] {
    box-shadow: 2px 2px 0 var(--t-ink);
  }
  .ch-pop\:aria-checked\:\[background\:var\(--t-pop\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-checked="true"] {
    background: var(--t-pop);
  }
  .ch-pop\:aria-pressed\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"] {
    border-color: var(--t-ink);
  }
  .ch-pop\:aria-pressed\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"] {
    color: var(--t-ink);
  }
  .ch-pop\:aria-pressed\:\[text-underline-offset\:3px\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"] {
    text-underline-offset: 3px;
  }
  .ch-pop\:aria-pressed\:\[box-shadow\:0_0_0_1\.5px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"] {
    box-shadow: 0 0 0 1.5px var(--t-ink);
  }
  .ch-pop\:aria-pressed\:\[background\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"] {
    background: var(--t-accent);
  }
  .ch-pop\:aria-pressed\:\[background\:var\(--t-pop\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"] {
    background: var(--t-pop);
  }
  .ch-pop\:aria-pressed\:\[text-decoration\:underline_2px_var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"] {
    text-decoration: underline 2px var(--t-accent);
  }
  .ch-pop\:aria-pressed\:after\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"]::after {
    content: var(--tw-content);
    border-color: var(--t-ink);
  }
  .ch-pop\:data-\[done\]\:\[background\:color-mix\(in_srgb\,var\(--t-pop\)_45\%\,\#fff\)\]:is(.main.character-page[data-ch-theme=pop] *)[data-done] {
    background: var(--t-pop);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-pop) 45%,#fff);
    }
  }
  .ch-pop\:data-\[editing\]\:\[background\:var\(--t-hover\)\]:is(.main.character-page[data-ch-theme=pop] *)[data-editing] {
    background: var(--t-hover);
  }
  .ch-pop\:data-\[lv\=1\]\:\[background\:color-mix\(in_srgb\,var\(--t-cool\)_28\%\,\#fff\)\]:is(.main.character-page[data-ch-theme=pop] *)[data-lv="1"] {
    background: var(--t-cool);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-cool) 28%,#fff);
    }
  }
  .ch-pop\:data-\[lv\=2\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[data-lv="2"] {
    color: var(--t-ink);
  }
  .ch-pop\:data-\[lv\=2\]\:\[background\:color-mix\(in_srgb\,var\(--t-cool\)_52\%\,\#fff\)\]:is(.main.character-page[data-ch-theme=pop] *)[data-lv="2"] {
    background: var(--t-cool);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-cool) 52%,#fff);
    }
  }
  .ch-pop\:data-\[lv\=3\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[data-lv="3"] {
    color: var(--t-ink);
  }
  .ch-pop\:data-\[lv\=3\]\:\[background\:color-mix\(in_srgb\,var\(--t-cool\)_76\%\,\#fff\)\]:is(.main.character-page[data-ch-theme=pop] *)[data-lv="3"] {
    background: var(--t-cool);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-cool) 76%,#fff);
    }
  }
  .ch-pop\:data-\[lv\=4\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[data-lv="4"] {
    color: var(--t-ink);
  }
  .ch-pop\:data-\[lv\=4\]\:\[background\:var\(--t-cool\)\]:is(.main.character-page[data-ch-theme=pop] *)[data-lv="4"] {
    background: var(--t-cool);
  }
  .ch-pop\:data-\[on\=true\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[data-on="true"] {
    color: var(--t-ink);
  }
  .ch-pop\:data-\[on\=true\]\:\[border\:1\.5px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[data-on="true"] {
    border: 1.5px solid var(--t-ink);
  }
  .ch-pop\:data-\[state\=none\]\:\[background\:\#fff\]:is(.main.character-page[data-ch-theme=pop] *)[data-state="none"] {
    background: #fff;
  }
  .ch-pop\:data-\[today\]\:\[background\:color-mix\(in_srgb\,var\(--t-pop\)_35\%\,\#fff\)\]:is(.main.character-page[data-ch-theme=pop] *)[data-today] {
    background: var(--t-pop);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-pop) 35%,#fff);
    }
  }
  .ch-pop\:nth-\[6n\+1\]\:\[border-top\:2px_solid_var\(--t-line\)\]:is(.main.character-page[data-ch-theme=pop] *):nth-child(6n+1) {
    border-top: 2px solid var(--t-line);
  }
  @media (max-width: 820px) {
    .narrow\:ch-pop\:text-\[16px\]:is(.main.character-page[data-ch-theme=pop] *) {
      font-size: 16px;
    }
  }
  @media (min-width: 821px) {
    .wide\:ch-pop\:h-\[calc\(100dvh-90px-var\(--quick-h\,0px\)\)\]:is(.main.character-page[data-ch-theme=pop] *) {
      height: calc(100dvh - 90px - var(--quick-h,0px));
    }
  }
  .ch-line\:h-\[8px\]:is(.main.character-page[data-ch-theme=line] *) {
    height: 8px;
  }
  .ch-line\:h-\[10px\]:is(.main.character-page[data-ch-theme=line] *) {
    height: 10px;
  }
  .ch-line\:h-\[14px\]:is(.main.character-page[data-ch-theme=line] *) {
    height: 14px;
  }
  .ch-line\:w-\[27px\]:is(.main.character-page[data-ch-theme=line] *) {
    width: 27px;
  }
  .ch-line\:w-auto:is(.main.character-page[data-ch-theme=line] *) {
    width: auto;
  }
  .ch-line\:flex-1:is(.main.character-page[data-ch-theme=line] *) {
    flex: 1;
  }
  .ch-line\:\[scrollbar-color\:var\(--t-ink\)_transparent\]:is(.main.character-page[data-ch-theme=line] *) {
    scrollbar-color: var(--t-ink) transparent;
  }
  .ch-line\:flex-nowrap:is(.main.character-page[data-ch-theme=line] *) {
    flex-wrap: nowrap;
  }
  .ch-line\:gap-0:is(.main.character-page[data-ch-theme=line] *) {
    gap: 0px;
  }
  .ch-line\:gap-\[4px\]:is(.main.character-page[data-ch-theme=line] *) {
    gap: 4px;
  }
  .ch-line\:gap-\[5px\]:is(.main.character-page[data-ch-theme=line] *) {
    gap: 5px;
  }
  .ch-line\:rounded-none:is(.main.character-page[data-ch-theme=line] *) {
    border-radius: 0;
  }
  .ch-line\:\[border-width\:0_0_0_3px\]:is(.main.character-page[data-ch-theme=line] *) {
    border-width: 0 0 0 3px;
  }
  .ch-line\:\[border-width\:1\.4px_1\.4px_1\.4px_4px\]:is(.main.character-page[data-ch-theme=line] *) {
    border-width: 1.4px 1.4px 1.4px 4px;
  }
  .ch-line\:\[border-style\:none_none_none_solid\]:is(.main.character-page[data-ch-theme=line] *) {
    border-style: none none none solid;
  }
  .ch-line\:\[border-style\:solid\]:is(.main.character-page[data-ch-theme=line] *) {
    border-style: solid;
  }
  .ch-line\:\[border-color\:currentcolor_currentcolor_currentcolor_var\(--c\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border-color: currentcolor currentcolor currentcolor var(--c);
  }
  .ch-line\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border-color: var(--t-ink);
  }
  .ch-line\:\[border-color\:var\(--t-line\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border-color: var(--t-line);
  }
  .ch-line\:\[border-bottom-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border-bottom-color: var(--t-ink);
  }
  .ch-line\:\[background-color\:transparent\]:is(.main.character-page[data-ch-theme=line] *) {
    background-color: transparent;
  }
  .ch-line\:\[background-image\:conic-gradient\(var\(--t-ink\)_90deg\,transparent_90deg_180deg\,var\(--t-ink\)_180deg_270deg\,transparent_270deg\)\]:is(.main.character-page[data-ch-theme=line] *) {
    background-image: conic-gradient(var(--t-ink) 90deg,transparent 90deg 180deg,var(--t-ink) 180deg 270deg,transparent 270deg);
  }
  .ch-line\:\[background-size\:4px_4px\]:is(.main.character-page[data-ch-theme=line] *) {
    background-size: 4px 4px;
  }
  .ch-line\:\[fill\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    fill: var(--t-ink);
  }
  .ch-line\:\[fill\:var\(--t-line\)\]:is(.main.character-page[data-ch-theme=line] *) {
    fill: var(--t-line);
  }
  .ch-line\:\[stroke\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    stroke: var(--t-ink);
  }
  .ch-line\:\[stroke\:var\(--t-muted\)\]:is(.main.character-page[data-ch-theme=line] *) {
    stroke: var(--t-muted);
  }
  .ch-line\:\[padding\:5px_8px_5px_9px\]:is(.main.character-page[data-ch-theme=line] *) {
    padding: 5px 8px 5px 9px;
  }
  .ch-line\:p-0:is(.main.character-page[data-ch-theme=line] *) {
    padding: 0px;
  }
  .ch-line\:\[font-family\:var\(--t-font\)\]:is(.main.character-page[data-ch-theme=line] *) {
    font-family: var(--t-font);
  }
  .ch-line\:text-\[10px\]:is(.main.character-page[data-ch-theme=line] *) {
    font-size: 10px;
  }
  .ch-line\:font-\[600\]:is(.main.character-page[data-ch-theme=line] *) {
    --tw-font-weight: 600;
    font-weight: 600;
  }
  .ch-line\:font-\[700\]:is(.main.character-page[data-ch-theme=line] *) {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .ch-line\:font-\[800\]:is(.main.character-page[data-ch-theme=line] *) {
    --tw-font-weight: 800;
    font-weight: 800;
  }
  .ch-line\:tracking-\[-\.02em\]:is(.main.character-page[data-ch-theme=line] *) {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }
  .ch-line\:tracking-\[-\.03em\]:is(.main.character-page[data-ch-theme=line] *) {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }
  .ch-line\:tracking-\[-\.06em\]:is(.main.character-page[data-ch-theme=line] *) {
    --tw-tracking: -.06em;
    letter-spacing: -.06em;
  }
  .ch-line\:tracking-\[\.1em\]:is(.main.character-page[data-ch-theme=line] *) {
    --tw-tracking: .1em;
    letter-spacing: .1em;
  }
  .ch-line\:tracking-\[\.02em\]:is(.main.character-page[data-ch-theme=line] *) {
    --tw-tracking: .02em;
    letter-spacing: .02em;
  }
  .ch-line\:tracking-\[\.04em\]:is(.main.character-page[data-ch-theme=line] *) {
    --tw-tracking: .04em;
    letter-spacing: .04em;
  }
  .ch-line\:tracking-\[\.06em\]:is(.main.character-page[data-ch-theme=line] *) {
    --tw-tracking: .06em;
    letter-spacing: .06em;
  }
  .ch-line\:tracking-\[\.08em\]:is(.main.character-page[data-ch-theme=line] *) {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }
  .ch-line\:tracking-\[\.14em\]:is(.main.character-page[data-ch-theme=line] *) {
    --tw-tracking: .14em;
    letter-spacing: .14em;
  }
  .ch-line\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *) {
    color: #fff;
  }
  .ch-line\:\[color\:inherit\]:is(.main.character-page[data-ch-theme=line] *) {
    color: inherit;
  }
  .ch-line\:\[color\:rgba\(255\,255\,255\,\.74\)\]:is(.main.character-page[data-ch-theme=line] *) {
    color: rgba(255,255,255,.74);
  }
  .ch-line\:\[color\:var\(--t-danger\)\]:is(.main.character-page[data-ch-theme=line] *) {
    color: var(--t-danger);
  }
  .ch-line\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    color: var(--t-ink);
  }
  .ch-line\:\[color\:var\(--t-line\)\]:is(.main.character-page[data-ch-theme=line] *) {
    color: var(--t-line);
  }
  .ch-line\:\[color\:var\(--t-muted\)\]:is(.main.character-page[data-ch-theme=line] *) {
    color: var(--t-muted);
  }
  .ch-line\:uppercase:is(.main.character-page[data-ch-theme=line] *) {
    text-transform: uppercase;
  }
  .ch-line\:opacity-\[\.55\]:is(.main.character-page[data-ch-theme=line] *) {
    opacity: .55;
  }
  .ch-line\:\[box-shadow\:0_0_0_1\.4px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    box-shadow: 0 0 0 1.4px var(--t-ink);
  }
  .ch-line\:\[box-shadow\:0_0_0_1\.5px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    box-shadow: 0 0 0 1.5px var(--t-ink);
  }
  .ch-line\:\[box-shadow\:none\]:is(.main.character-page[data-ch-theme=line] *) {
    box-shadow: none;
  }
  .ch-line\:\[background\:\#fff\]:is(.main.character-page[data-ch-theme=line] *) {
    background: #fff;
  }
  .ch-line\:\[background\:radial-gradient\(circle\,transparent_2\.3px\,\#fff_2\.5px_3\.5px\,transparent_3\.7px\)_0_0\/9px_8px_repeat-x\]:is(.main.character-page[data-ch-theme=line] *) {
    background: radial-gradient(circle,transparent 2.3px,#fff 2.5px 3.5px,transparent 3.7px) 0 0/9px 8px repeat-x;
  }
  .ch-line\:\[background\:rgba\(24\,24\,24\,\.05\)\]:is(.main.character-page[data-ch-theme=line] *) {
    background: rgba(24,24,24,.05);
  }
  .ch-line\:\[background\:rgba\(24\,24\,24\,\.08\)\]:is(.main.character-page[data-ch-theme=line] *) {
    background: rgba(24,24,24,.08);
  }
  .ch-line\:\[background\:rgba\(255\,255\,255\,\.72\)\]:is(.main.character-page[data-ch-theme=line] *) {
    background: rgba(255,255,255,.72);
  }
  .ch-line\:\[background\:transparent\]:is(.main.character-page[data-ch-theme=line] *) {
    background: transparent;
  }
  .ch-line\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    background: var(--t-ink);
  }
  .ch-line\:\[background\:var\(--t-muted\)\]:is(.main.character-page[data-ch-theme=line] *) {
    background: var(--t-muted);
  }
  .ch-line\:\[border-bottom\:0\]:is(.main.character-page[data-ch-theme=line] *) {
    border-bottom: 0;
  }
  .ch-line\:\[border-bottom\:1\.4px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border-bottom: 1.4px solid var(--t-ink);
  }
  .ch-line\:\[border-bottom\:1\.6px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border-bottom: 1.6px solid var(--t-ink);
  }
  .ch-line\:\[border-bottom\:1px_solid_var\(--t-line\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border-bottom: 1px solid var(--t-line);
  }
  .ch-line\:\[border-bottom\:1px_solid_var\(--t-line-2\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border-bottom: 1px solid var(--t-line-2);
  }
  .ch-line\:\[border-top\:1\.6px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border-top: 1.6px solid var(--t-ink);
  }
  .ch-line\:\[border-top\:1\.6px_solid_var\(--t-now\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border-top: 1.6px solid var(--t-now);
  }
  .ch-line\:\[border-top\:1px_solid_rgba\(24\,24\,24\,\.1\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border-top: 1px solid rgba(24,24,24,.1);
  }
  .ch-line\:\[border\:0\]:is(.main.character-page[data-ch-theme=line] *) {
    border: 0;
  }
  .ch-line\:\[border\:1\.4px_dashed_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border: 1.4px dashed var(--t-ink);
  }
  .ch-line\:\[border\:1\.4px_dashed_var\(--t-line\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border: 1.4px dashed var(--t-line);
  }
  .ch-line\:\[border\:1\.4px_solid_\#fff\]:is(.main.character-page[data-ch-theme=line] *) {
    border: 1.4px solid #fff;
  }
  .ch-line\:\[border\:1\.4px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border: 1.4px solid var(--t-ink);
  }
  .ch-line\:\[border\:1\.6px_dashed_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border: 1.6px dashed var(--t-ink);
  }
  .ch-line\:\[border\:1\.6px_solid_\#fff\]:is(.main.character-page[data-ch-theme=line] *) {
    border: 1.6px solid #fff;
  }
  .ch-line\:\[border\:1\.6px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border: 1.6px solid var(--t-ink);
  }
  .ch-line\:\[border\:1px_solid_currentColor\]:is(.main.character-page[data-ch-theme=line] *) {
    border: 1px solid currentColor;
  }
  .ch-line\:\[border\:1px_solid_var\(--t-line\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border: 1px solid var(--t-line);
  }
  .ch-line\:\[border\:2\.2px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border: 2.2px solid var(--t-ink);
  }
  .ch-line\:\[border\:2px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border: 2px solid var(--t-ink);
  }
  .ch-line\:group-hover\/tab\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.group\/tab):hover *) {
    border-color: var(--t-ink);
  }
  .ch-line\:group-hover\/tab\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.group\/tab):hover *) {
    color: var(--t-ink);
  }
  .ch-line\:group-aria-pressed\/tab\:\[border-color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.group\/tab)[aria-pressed="true"] *) {
    border-color: #fff;
  }
  .ch-line\:group-aria-pressed\/tab\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.group\/tab)[aria-pressed="true"] *) {
    color: #fff;
  }
  .ch-line\:group-data-\[lv\=3\]\/day\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.group\/day)[data-lv="3"] *) {
    background: var(--t-ink);
  }
  .ch-line\:group-data-\[lv\=4\]\/day\:\[background\:\#fff\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.group\/day)[data-lv="4"] *) {
    background: #fff;
  }
  .ch-line\:group-\[\.is-done\]\/todo\:\[color\:var\(--t-muted\)\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.group\/todo):is(.is-done) *) {
    color: var(--t-muted);
  }
  .ch-line\:group-\[\.is-done\]\/todo\:\[text-decoration-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.group\/todo):is(.is-done) *) {
    text-decoration-color: var(--t-ink);
  }
  .ch-line\:group-\[\.is-done\]\/todo\:opacity-50:is(.main.character-page[data-ch-theme=line] *):is(:where(.group\/todo):is(.is-done) *) {
    opacity: 50%;
  }
  .ch-line\:group-\[\.is-on\]\/now\:\[animation\:none\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.group\/now):is(.is-on) *) {
    animation: none;
  }
  .ch-line\:group-\[\.is-on\]\/now\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.group\/now):is(.is-on) *) {
    background: var(--t-ink);
  }
  .ch-line\:peer-checked\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.peer):checked ~ *) {
    border-color: var(--t-ink);
  }
  .ch-line\:peer-checked\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.peer):checked ~ *) {
    background: var(--t-ink);
  }
  .ch-line\:before\:hidden:is(.main.character-page[data-ch-theme=line] *)::before {
    content: var(--tw-content);
    display: none;
  }
  .ch-line\:before\:h-\[8px\]:is(.main.character-page[data-ch-theme=line] *)::before {
    content: var(--tw-content);
    height: 8px;
  }
  .ch-line\:before\:w-\[27px\]:is(.main.character-page[data-ch-theme=line] *)::before {
    content: var(--tw-content);
    width: 27px;
  }
  .ch-line\:before\:flex-none:is(.main.character-page[data-ch-theme=line] *)::before {
    content: var(--tw-content);
    flex: none;
  }
  .ch-line\:before\:content-\[\'\'\]:is(.main.character-page[data-ch-theme=line] *)::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .ch-line\:before\:\[background\:\#fff\]:is(.main.character-page[data-ch-theme=line] *)::before {
    content: var(--tw-content);
    background: #fff;
  }
  .ch-line\:before\:\[background\:radial-gradient\(circle\,transparent_2\.3px\,\#fff_2\.5px_3\.5px\,transparent_3\.7px\)_0_0\/9px_8px_repeat-x\]:is(.main.character-page[data-ch-theme=line] *)::before {
    content: var(--tw-content);
    background: radial-gradient(circle,transparent 2.3px,#fff 2.5px 3.5px,transparent 3.7px) 0 0/9px 8px repeat-x;
  }
  .ch-line\:after\:hidden:is(.main.character-page[data-ch-theme=line] *)::after {
    content: var(--tw-content);
    display: none;
  }
  .ch-line\:peer-checked\:after\:\[border-color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.peer):checked ~ *)::after {
    content: var(--tw-content);
    border-color: #fff;
  }
  .ch-line\:last\:\[border-bottom\:0\]:is(.main.character-page[data-ch-theme=line] *):last-child {
    border-bottom: 0;
  }
  .ch-line\:focus-within\:\[border-bottom-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):focus-within {
    border-bottom-color: var(--t-ink);
  }
  .ch-line\:hover\:\[border-color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *):hover {
    border-color: #fff;
  }
  .ch-line\:hover\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):hover {
    border-color: var(--t-ink);
  }
  .ch-line\:hover\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *):hover {
    color: #fff;
  }
  .ch-line\:hover\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):hover {
    color: var(--t-ink);
  }
  .ch-line\:hover\:\[text-underline-offset\:3px\]:is(.main.character-page[data-ch-theme=line] *):hover {
    text-underline-offset: 3px;
  }
  .ch-line\:hover\:\[background\:\#333\]:is(.main.character-page[data-ch-theme=line] *):hover {
    background: #333;
  }
  .ch-line\:hover\:\[background\:var\(--t-hover\)\]:is(.main.character-page[data-ch-theme=line] *):hover {
    background: var(--t-hover);
  }
  .ch-line\:hover\:\[text-decoration\:underline_1\.6px\]:is(.main.character-page[data-ch-theme=line] *):hover {
    text-decoration: underline 1.6px;
  }
  .ch-line\:focus\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):focus {
    border-color: var(--t-ink);
  }
  .ch-line\:focus\:\[box-shadow\:inset_0_0_0_1px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):focus {
    box-shadow: inset 0 0 0 1px var(--t-ink);
  }
  .ch-line\:focus-visible\:\[box-shadow\:inset_0_0_0_1\.5px_\#fff\]:is(.main.character-page[data-ch-theme=line] *):focus-visible {
    box-shadow: inset 0 0 0 1.5px #fff;
  }
  .ch-line\:active\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *):active {
    color: #fff;
  }
  .ch-line\:active\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):active {
    background: var(--t-ink);
  }
  .ch-line\:active\:hover\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *):active:hover {
    color: #fff;
  }
  .ch-line\:active\:hover\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):active:hover {
    background: var(--t-ink);
  }
  .ch-line\:enabled\:hover\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):enabled:hover {
    color: var(--t-ink);
  }
  .ch-line\:enabled\:hover\:\[background\:var\(--t-hover\)\]:is(.main.character-page[data-ch-theme=line] *):enabled:hover {
    background: var(--t-hover);
  }
  .ch-line\:aria-checked\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[aria-checked="true"] {
    border-color: var(--t-ink);
  }
  .ch-line\:aria-checked\:\[box-shadow\:0_0_0_1\.5px_\#fff\,0_0_0_3\.5px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[aria-checked="true"] {
    box-shadow: 0 0 0 1.5px #fff,0 0 0 3.5px var(--t-ink);
  }
  .ch-line\:aria-checked\:\[box-shadow\:0_0_0_1\.5px_\#fff\,0_0_0_3px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[aria-checked="true"] {
    box-shadow: 0 0 0 1.5px #fff,0 0 0 3px var(--t-ink);
  }
  .ch-line\:aria-checked\:\[box-shadow\:0_0_0_2px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[aria-checked="true"] {
    box-shadow: 0 0 0 2px var(--t-ink);
  }
  .ch-line\:aria-checked\:\[background\:var\(--t-hi\)\]:is(.main.character-page[data-ch-theme=line] *)[aria-checked="true"] {
    background: var(--t-hi);
  }
  .ch-line\:aria-checked\:\[border\:0\]:is(.main.character-page[data-ch-theme=line] *)[aria-checked="true"] {
    border: 0;
  }
  .ch-line\:aria-pressed\:rounded-none:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"] {
    border-radius: 0;
  }
  .ch-line\:aria-pressed\:\[border-color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"] {
    border-color: #fff;
  }
  .ch-line\:aria-pressed\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"] {
    color: #fff;
  }
  .ch-line\:aria-pressed\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"] {
    color: var(--t-ink);
  }
  .ch-line\:aria-pressed\:\[text-underline-offset\:3px\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"] {
    text-underline-offset: 3px;
  }
  .ch-line\:aria-pressed\:\[background\:\#fff\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"] {
    background: #fff;
  }
  .ch-line\:aria-pressed\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"] {
    background: var(--t-ink);
  }
  .ch-line\:aria-pressed\:\[text-decoration\:underline_1\.6px\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"] {
    text-decoration: underline 1.6px;
  }
  .ch-line\:data-\[done\]\:\[background\:var\(--t-hover\)\]:is(.main.character-page[data-ch-theme=line] *)[data-done] {
    background: var(--t-hover);
  }
  .ch-line\:data-\[editing\]\:\[box-shadow\:inset_0_0_0_1\.4px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[data-editing] {
    box-shadow: inset 0 0 0 1.4px var(--t-ink);
  }
  .ch-line\:data-\[gone\]\:\[border-color\:transparent\]:is(.main.character-page[data-ch-theme=line] *)[data-gone] {
    border-color: transparent;
  }
  .ch-line\:data-\[lv\=1\]\:\[background\:rgba\(24\,24\,24\,\.08\)\]:is(.main.character-page[data-ch-theme=line] *)[data-lv="1"] {
    background: rgba(24,24,24,.08);
  }
  .ch-line\:data-\[lv\=2\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[data-lv="2"] {
    color: var(--t-ink);
  }
  .ch-line\:data-\[lv\=2\]\:\[background\:rgba\(24\,24\,24\,\.18\)\]:is(.main.character-page[data-ch-theme=line] *)[data-lv="2"] {
    background: rgba(24,24,24,.18);
  }
  .ch-line\:data-\[lv\=3\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[data-lv="3"] {
    color: var(--t-ink);
  }
  .ch-line\:data-\[lv\=3\]\:\[background\:rgba\(24\,24\,24\,\.34\)\]:is(.main.character-page[data-ch-theme=line] *)[data-lv="3"] {
    background: rgba(24,24,24,.34);
  }
  .ch-line\:data-\[lv\=4\]\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *)[data-lv="4"] {
    color: #fff;
  }
  .ch-line\:data-\[lv\=4\]\:\[background\:rgba\(24\,24\,24\,\.62\)\]:is(.main.character-page[data-ch-theme=line] *)[data-lv="4"] {
    background: rgba(24,24,24,.62);
  }
  .ch-line\:data-\[none\]\:\[border-color\:var\(--t-faint\)\]:is(.main.character-page[data-ch-theme=line] *)[data-none] {
    border-color: var(--t-faint);
  }
  .ch-line\:data-\[none\]\:\[color\:var\(--t-faint\)\]:is(.main.character-page[data-ch-theme=line] *)[data-none] {
    color: var(--t-faint);
  }
  .ch-line\:data-\[on\=true\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[data-on="true"] {
    color: var(--t-ink);
  }
  .ch-line\:data-\[on\=true\]\:\[border\:1\.4px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[data-on="true"] {
    border: 1.4px solid var(--t-ink);
  }
  .ch-line\:data-\[state\=error\]\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *)[data-state="error"] {
    color: #fff;
  }
  .ch-line\:data-\[state\=error\]\:before\:\[background\:\#ff6b6b\]:is(.main.character-page[data-ch-theme=line] *)[data-state="error"]::before {
    content: var(--tw-content);
    background: #ff6b6b;
  }
  .ch-line\:data-\[state\=none\]\:\[border-left\:1\.4px_dashed_var\(--t-line\)\]:is(.main.character-page[data-ch-theme=line] *)[data-state="none"] {
    border-left: 1.4px dashed var(--t-line);
  }
  .ch-line\:data-\[state\=offline\]\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *)[data-state="offline"] {
    color: #fff;
  }
  .ch-line\:data-\[state\=offline\]\:before\:\[background\:\#ff6b6b\]:is(.main.character-page[data-ch-theme=line] *)[data-state="offline"]::before {
    content: var(--tw-content);
    background: #ff6b6b;
  }
  .ch-line\:data-\[today\]\:\[box-shadow\:inset_0_0_0_2px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[data-today] {
    box-shadow: inset 0 0 0 2px var(--t-ink);
  }
  .ch-line\:nth-\[3n\+1\]\:\[border-top-color\:rgba\(24\,24\,24\,\.24\)\]:is(.main.character-page[data-ch-theme=line] *):nth-child(3n+1) {
    border-top-color: rgba(24,24,24,.24);
  }
  #view.leave .\[\#view\.leave_\&\]\:animate-\[fadeOut_\.25s_ease-in_forwards\] {
    animation: fadeOut .25s ease-in forwards;
  }
  .\[\&\]\:top-\[16px\] {
    top: 16px;
  }
  .\[\&\]\:top-\[17px\] {
    top: 17px;
  }
  .\[\&\]\:h-\[4px\] {
    height: 4px;
  }
  .\[\&\]\:h-\[5px\] {
    height: 5px;
  }
  .\[\&\]\:min-h-\[22px\] {
    min-height: 22px;
  }
  .\[\&\]\:min-h-\[26px\] {
    min-height: 26px;
  }
  .\[\&\]\:w-\[40px\] {
    width: 40px;
  }
  .\[\&\]\:w-\[52px\] {
    width: 52px;
  }
  .\[\&\]\:min-w-\[28px\] {
    min-width: 28px;
  }
  .\[\&\]\:rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .\[\&\]\:\[border-color\:var\(--t-danger\)\] {
    border-color: var(--t-danger);
  }
  .\[\&\]\:p-\[0_7px\] {
    padding: 0 7px;
  }
  .\[\&\]\:p-\[3px_7px\] {
    padding: 3px 7px;
  }
  .\[\&\]\:p-\[5px_8px\] {
    padding: 5px 8px;
  }
  .\[\&\]\:p-\[6px_13px\] {
    padding: 6px 13px;
  }
  .\[\&\]\:p-\[10px_20px\] {
    padding: 10px 20px;
  }
  .\[\&\]\:pr-\[26px\] {
    padding-right: 26px;
  }
  .\[\&\]\:\[font-family\:ui-monospace\,SFMono-Regular\,Menlo\,monospace\] {
    font-family: ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[\&\]\:text-\[10px\] {
    font-size: 10px;
  }
  .\[\&\]\:text-\[11px\] {
    font-size: 11px;
  }
  .\[\&\]\:text-\[12px\] {
    font-size: 12px;
  }
  .\[\&\]\:text-\[13px\] {
    font-size: 13px;
  }
  .\[\&\]\:text-\[15px\] {
    font-size: 15px;
  }
  .\[\&\]\:text-\[18px\] {
    font-size: 18px;
  }
  .\[\&\]\:text-\[clamp\(18px\,9\.5cqi\,30px\)\] {
    font-size: clamp(18px, 9.5cqi, 30px);
  }
  .\[\&\]\:leading-\[1\.32\] {
    --tw-leading: 1.32;
    line-height: 1.32;
  }
  .\[\&\]\:leading-\[1\.45\] {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  .\[\&\]\:\[color\:var\(--t-accent-ink\)\] {
    color: var(--t-accent-ink);
  }
  .\[\&\]\:\[color\:var\(--t-danger\)\] {
    color: var(--t-danger);
  }
  .\[\&\]\:\[color\:var\(--t-ink\)\] {
    color: var(--t-ink);
  }
  .\[\&\]\:\[color\:var\(--t-ink-2\)\] {
    color: var(--t-ink-2);
  }
  .\[\&\]\:\[color\:var\(--t-warn\)\] {
    color: var(--t-warn);
  }
  .\[\&\]\:\[font-variant-numeric\:tabular-nums\] {
    font-variant-numeric: tabular-nums;
  }
  .\[\&\]\:\[box-shadow\:inset_0_0_0_1\.5px_var\(--t-ink\)\] {
    box-shadow: inset 0 0 0 1.5px var(--t-ink);
  }
  .\[\&\]\:\[box-shadow\:inset_0_0_0_1px_var\(--t-accent\)\] {
    box-shadow: inset 0 0 0 1px var(--t-accent);
  }
  .\[\&\]\:\[box-shadow\:none\] {
    box-shadow: none;
  }
  .\[\&\]\:\[background\:conic-gradient\(var\(--t-ink\)_90deg\,transparent_90deg_180deg\,var\(--t-ink\)_180deg_270deg\,transparent_270deg\)_0_0\/2px_2px\] {
    background: conic-gradient(var(--t-ink) 90deg,transparent 90deg 180deg,var(--t-ink) 180deg 270deg,transparent 270deg) 0 0/2px 2px;
  }
  .\[\&\]\:\[background\:linear-gradient\(135deg\,var\(--t-sheen\)\,transparent_50\%\)\,var\(--t-bg\)\] {
    background: linear-gradient(135deg,var(--t-sheen),transparent 50%),var(--t-bg);
  }
  .\[\&\]\:\[background\:linear-gradient\(var\(--t-grad\)\,\#fff\)_top\/100\%_7px_no-repeat\,\#fff\] {
    background: linear-gradient(var(--t-grad),#fff) top/100% 7px no-repeat,#fff;
  }
  .\[\&\]\:\[background\:linear-gradient\(var\(--t-ink\)\,var\(--t-ink\)\)_top\/100\%_5px_no-repeat\,\#fff\] {
    background: linear-gradient(var(--t-ink),var(--t-ink)) top/100% 5px no-repeat,#fff;
  }
  .\[\&\]\:\[background\:linear-gradient\(var\(--t-pop\)\,var\(--t-pop\)\)_top\/100\%_6px_no-repeat\,var\(--t-surface\)\] {
    background: linear-gradient(var(--t-pop),var(--t-pop)) top/100% 6px no-repeat,var(--t-surface);
  }
  .\[\&\]\:\[background\:radial-gradient\(var\(--t-accent\)_\.8px\,transparent_1\.2px\)_0_0\/8px_8px\,var\(--t-bg\)\] {
    background: radial-gradient(var(--t-accent) .8px,transparent 1.2px) 0 0/8px 8px,var(--t-bg);
  }
  .\[\&\]\:\[background\:var\(--t-cool\)\] {
    background: var(--t-cool);
  }
  .\[\&\]\:\[background\:var\(--t-mesh\)\] {
    background: var(--t-mesh);
  }
  .data-\[len\=long\]\:\[\&\]\:text-\[clamp\(13px\,5\.6cqi\,17px\)\][data-len="long"] {
    font-size: clamp(13px, 5.6cqi, 17px);
  }
  .data-\[len\=long\]\:\[\&\]\:leading-\[1\.5\][data-len="long"] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .data-\[len\=mid\]\:\[\&\]\:text-\[clamp\(16px\,7\.5cqi\,23px\)\][data-len="mid"] {
    font-size: clamp(16px, 7.5cqi, 23px);
  }
  @media (max-width: 820px) {
    .narrow\:\[\&\]\:min-h-\[40px\] {
      min-height: 40px;
    }
    .narrow\:\[\&\]\:min-w-\[40px\] {
      min-width: 40px;
    }
    .narrow\:\[\&\]\:text-\[16px\] {
      font-size: 16px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:ch-themed\:\[\&\]\:\[transition\:none\]:is(.main.character-page[data-ch-theme] *) {
      transition: none;
    }
  }
  .ch-line\:group-aria-pressed\/day\:\[\&\]\:\[background\:\#fff\]:is(.main.character-page[data-ch-theme=line] *):is(:where(.group\/day)[aria-pressed="true"] *) {
    background: #fff;
  }
  .\[\&_\.ch-chart-empty\]\:m-0 .ch-chart-empty {
    margin: 0px;
  }
  .\[\&_\.ch-chart-empty\]\:flex .ch-chart-empty {
    display: flex;
  }
  .\[\&_\.ch-chart-empty\]\:h-full .ch-chart-empty {
    height: 100%;
  }
  .\[\&_\.ch-chart-empty\]\:items-center .ch-chart-empty {
    align-items: center;
  }
  .\[\&_\.ch-chart-empty\]\:justify-center .ch-chart-empty {
    justify-content: center;
  }
  .\[\&_\.ch-chart-empty\]\:p-\[0_12px\] .ch-chart-empty {
    padding: 0 12px;
  }
  .\[\&_\.ch-chart-empty\]\:text-center .ch-chart-empty {
    text-align: center;
  }
  .\[\&_\.ch-chart-empty\]\:text-\[10px\] .ch-chart-empty {
    font-size: 10px;
  }
  .\[\&_\.ch-chart-empty\]\:leading-\[1\.6\] .ch-chart-empty {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .\[\&_\.ch-chart-empty\]\:\[word-break\:keep-all\] .ch-chart-empty {
    word-break: keep-all;
  }
  .\[\&_\.ch-chart-empty\]\:text-\[\#4d7073\] .ch-chart-empty {
    color: #4d7073;
  }
  .\[\&_\.ch-chart-empty\]\:\[border\:1px_dashed_\#173032\] .ch-chart-empty {
    border: 1px dashed #173032;
  }
  .ch-themed\:\[\&_\.ch-chart-empty\]\:\[border-color\:var\(--t-line-2\)\]:is(.main.character-page[data-ch-theme] *) .ch-chart-empty {
    border-color: var(--t-line-2);
  }
  .ch-themed\:\[\&_\.ch-chart-empty\]\:\[color\:var\(--t-muted\)\]:is(.main.character-page[data-ch-theme] *) .ch-chart-empty {
    color: var(--t-muted);
  }
  .ch-soft\:\[\&_\.ch-chart-empty\]\:rounded-\[14px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) .ch-chart-empty {
    border-radius: 14px;
  }
  .ch-dot\:\[\&_\.ch-chart-empty\]\:rounded-\[8px\]:is(.main.character-page[data-ch-theme=dot] *) .ch-chart-empty {
    border-radius: 8px;
  }
  .ch-dot\:\[\&_\.ch-chart-empty\]\:\[font-family\:var\(--t-font\)\]:is(.main.character-page[data-ch-theme=dot] *) .ch-chart-empty {
    font-family: var(--t-font);
  }
  .ch-dot\:\[\&_\.ch-chart-empty\]\:\[border\:1px_dashed_var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=dot] *) .ch-chart-empty {
    border: 1px dashed var(--t-accent);
  }
  .ch-pop\:\[\&_\.ch-chart-empty\]\:rounded-\[8px\]:is(.main.character-page[data-ch-theme=pop] *) .ch-chart-empty {
    border-radius: 8px;
  }
  .ch-pop\:\[\&_\.ch-chart-empty\]\:\[font-family\:var\(--t-font\)\]:is(.main.character-page[data-ch-theme=pop] *) .ch-chart-empty {
    font-family: var(--t-font);
  }
  .ch-pop\:\[\&_\.ch-chart-empty\]\:\[border\:2\.5px_dashed_var\(--t-line\)\]:is(.main.character-page[data-ch-theme=pop] *) .ch-chart-empty {
    border: 2.5px dashed var(--t-line);
  }
  .ch-line\:\[\&_\.ch-chart-empty\]\:rounded-none:is(.main.character-page[data-ch-theme=line] *) .ch-chart-empty {
    border-radius: 0;
  }
  .ch-line\:\[\&_\.ch-chart-empty\]\:\[font-family\:var\(--t-font\)\]:is(.main.character-page[data-ch-theme=line] *) .ch-chart-empty {
    font-family: var(--t-font);
  }
  .ch-line\:\[\&_\.ch-chart-empty\]\:\[border\:1\.4px_dashed_var\(--t-line\)\]:is(.main.character-page[data-ch-theme=line] *) .ch-chart-empty {
    border: 1.4px dashed var(--t-line);
  }
  .ch-themed\:\[\&_\.ch-save\]\:\[color\:var\(--t-ink-2\)\]:is(.main.character-page[data-ch-theme] *) .ch-save {
    color: var(--t-ink-2);
  }
  .ch-line\:\[\&_\.ch-save\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) .ch-save {
    color: var(--t-ink);
  }
  .ch-line\:\[\&_\.ch-save\]\:before\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) .ch-save::before {
    content: var(--tw-content);
    background: var(--t-ink);
  }
  .\[\&_\.ch-save\[data-state\=saved\]\]\:before\:h-\[7px\] .ch-save[data-state=saved]::before {
    content: var(--tw-content);
    height: 7px;
  }
  .\[\&_\.ch-save\[data-state\=saved\]\]\:before\:w-\[7px\] .ch-save[data-state=saved]::before {
    content: var(--tw-content);
    width: 7px;
  }
  .\[\&_\.ch-save\[data-state\=saved\]\]\:before\:\[box-shadow\:0_0_0_3px_rgb\(47_180_124\/\.2\)\,0_0_8px_1px_rgb\(47_180_124\/\.75\)\] .ch-save[data-state=saved]::before {
    content: var(--tw-content);
    box-shadow: 0 0 0 3px rgb(47 180 124/.2),0 0 8px 1px rgb(47 180 124/.75);
  }
  .ch-themed\:\[\&_\.ch-save\[data-state\=saved\]\]\:before\:\[background\:\#2fb47c\]:is(.main.character-page[data-ch-theme] *) .ch-save[data-state=saved]::before {
    content: var(--tw-content);
    background: #2fb47c;
  }
  .ch-line\:\[\&_\.ch-tile-meta\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) .ch-tile-meta {
    color: var(--t-ink);
  }
  .\[\&_\.ch-tip\]\:pointer-events-none .ch-tip {
    pointer-events: none;
  }
  .\[\&_\.ch-tip\]\:absolute .ch-tip {
    position: absolute;
  }
  .\[\&_\.ch-tip\]\:z-\[3\] .ch-tip {
    z-index: 3;
  }
  .\[\&_\.ch-tip\]\:flex .ch-tip {
    display: flex;
  }
  .\[\&_\.ch-tip\]\:flex-col .ch-tip {
    flex-direction: column;
  }
  .\[\&_\.ch-tip\]\:gap-\[1px\] .ch-tip {
    gap: 1px;
  }
  .\[\&_\.ch-tip\]\:p-\[5px_8px\] .ch-tip {
    padding: 5px 8px;
  }
  .\[\&_\.ch-tip\]\:text-\[10px\] .ch-tip {
    font-size: 10px;
  }
  .\[\&_\.ch-tip\]\:whitespace-nowrap .ch-tip {
    white-space: nowrap;
  }
  .\[\&_\.ch-tip\]\:text-\[\#8fb0ae\] .ch-tip {
    color: #8fb0ae;
  }
  .\[\&_\.ch-tip\]\:\[background\:\#0b1417f2\] .ch-tip {
    background: #0b1417f2;
  }
  .\[\&_\.ch-tip\]\:\[border\:1px_solid_\#264341\] .ch-tip {
    border: 1px solid #264341;
  }
  .ch-themed\:\[\&_\.ch-tip\]\:\[border-color\:var\(--t-edge\)\]:is(.main.character-page[data-ch-theme] *) .ch-tip {
    border-color: var(--t-edge);
  }
  .ch-themed\:\[\&_\.ch-tip\]\:\[color\:var\(--t-ink-2\)\]:is(.main.character-page[data-ch-theme] *) .ch-tip {
    color: var(--t-ink-2);
  }
  .ch-themed\:\[\&_\.ch-tip\]\:\[background\:var\(--t-surface\)\]:is(.main.character-page[data-ch-theme] *) .ch-tip {
    background: var(--t-surface);
  }
  .ch-soft\:\[\&_\.ch-tip\]\:rounded-\[10px\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) .ch-tip {
    border-radius: 10px;
  }
  .ch-soft\:\[\&_\.ch-tip\]\:\[border-color\:transparent\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) .ch-tip {
    border-color: transparent;
  }
  .ch-soft\:\[\&_\.ch-tip\]\:\[box-shadow\:var\(--t-out-sm\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *) .ch-tip {
    box-shadow: var(--t-out-sm);
  }
  .ch-dot\:\[\&_\.ch-tip\]\:rounded-\[8px\]:is(.main.character-page[data-ch-theme=dot] *) .ch-tip {
    border-radius: 8px;
  }
  .ch-dot\:\[\&_\.ch-tip\]\:\[box-shadow\:0_4px_14px_var\(--t-glowshadow\)\]:is(.main.character-page[data-ch-theme=dot] *) .ch-tip {
    box-shadow: 0 4px 14px var(--t-glowshadow);
  }
  .ch-dot\:\[\&_\.ch-tip\]\:\[border\:1px_solid_var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=dot] *) .ch-tip {
    border: 1px solid var(--t-accent);
  }
  .ch-pop\:\[\&_\.ch-tip\]\:rounded-\[6px\]:is(.main.character-page[data-ch-theme=pop] *) .ch-tip {
    border-radius: 6px;
  }
  .ch-pop\:\[\&_\.ch-tip\]\:\[box-shadow\:3px_3px_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) .ch-tip {
    box-shadow: 3px 3px 0 var(--t-ink);
  }
  .ch-pop\:\[\&_\.ch-tip\]\:\[border\:2px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *) .ch-tip {
    border: 2px solid var(--t-ink);
  }
  .ch-line\:\[\&_\.ch-tip\]\:rounded-none:is(.main.character-page[data-ch-theme=line] *) .ch-tip {
    border-radius: 0;
  }
  .ch-line\:\[\&_\.ch-tip\]\:\[box-shadow\:none\]:is(.main.character-page[data-ch-theme=line] *) .ch-tip {
    box-shadow: none;
  }
  .ch-line\:\[\&_\.ch-tip\]\:\[border\:1\.6px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) .ch-tip {
    border: 1.6px solid var(--t-ink);
  }
  .\[\&_\.ch-tip_b\]\:text-\[12px\] .ch-tip b {
    font-size: 12px;
  }
  .\[\&_\.ch-tip_b\]\:font-\[500\] .ch-tip b {
    --tw-font-weight: 500;
    font-weight: 500;
  }
  .\[\&_\.ch-tip_b\]\:text-\[\#e3eeec\] .ch-tip b {
    color: #e3eeec;
  }
  .ch-themed\:\[\&_\.ch-tip_b\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme] *) .ch-tip b {
    color: var(--t-ink);
  }
  .ch-pop\:\[\&_\.ch-tip_b\]\:font-\[400\]:is(.main.character-page[data-ch-theme=pop] *) .ch-tip b {
    --tw-font-weight: 400;
    font-weight: 400;
  }
  .ch-dot\:\[\&_\.ch-tip_span\]\:\[font-family\:var\(--t-font\)\]:is(.main.character-page[data-ch-theme=dot] *) .ch-tip span {
    font-family: var(--t-font);
  }
  .ch-pop\:\[\&_\.ch-tip_span\]\:\[font-family\:var\(--t-font\)\]:is(.main.character-page[data-ch-theme=pop] *) .ch-tip span {
    font-family: var(--t-font);
  }
  .ch-line\:\[\&_\.ch-tip_span\]\:\[font-family\:var\(--t-font\)\]:is(.main.character-page[data-ch-theme=line] *) .ch-tip span {
    font-family: var(--t-font);
  }
  .\[\&_\.ch-tip\[hidden\]\]\:hidden .ch-tip[hidden] {
    display: none;
  }
  .\[\&_\.chev\]\:\[transform\:rotate\(90deg\)\] .chev {
    transform: rotate(90deg);
  }
  .\[\&_\.chev\]\:\[transition\:transform_\.15s\] .chev {
    transition: transform .15s;
  }
  .\[\&_\.cs-i\]\:mt-\[2px\] .cs-i {
    margin-top: 2px;
  }
  .\[\&_\.cs-i\]\:size-\[13px\] .cs-i {
    width: 13px;
    height: 13px;
  }
  .\[\&_\.cs-i\]\:size-\[14px\] .cs-i {
    width: 14px;
    height: 14px;
  }
  .\[\&_\.cs-i\]\:text-accent-ink .cs-i {
    color: var(--accent-ink);
  }
  .\[\&_\.cs-i\]\:text-ink-3 .cs-i {
    color: var(--ink-3);
  }
  .\[\&_\.cs-i\]\:text-warn .cs-i {
    color: var(--warn);
  }
  .\[\&_\.is-editor-empty\:first-child\]\:before\:pointer-events-none .is-editor-empty:first-child::before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .\[\&_\.is-editor-empty\:first-child\]\:before\:float-left .is-editor-empty:first-child::before {
    content: var(--tw-content);
    float: left;
  }
  .\[\&_\.is-editor-empty\:first-child\]\:before\:h-0 .is-editor-empty:first-child::before {
    content: var(--tw-content);
    height: 0px;
  }
  .\[\&_\.is-editor-empty\:first-child\]\:before\:\[color\:var\(--t-faint\)\] .is-editor-empty:first-child::before {
    content: var(--tw-content);
    color: var(--t-faint);
  }
  .\[\&_\.is-editor-empty\:first-child\]\:before\:content-\[attr\(data-placeholder\)\] .is-editor-empty:first-child::before {
    --tw-content: attr(data-placeholder);
    content: var(--tw-content);
  }
  @media (max-width: 820px) {
    .narrow\:\[\&_\.nav-ava\]\:hidden .nav-ava {
      display: none;
    }
  }
  .\[\&_\.orb\]\:m-0 .orb {
    margin: 0px;
  }
  .\[\&_\.orb\]\:m-\[0_auto_4px\] .orb {
    margin: 0 auto 4px;
  }
  .\[\&_\.orb\]\:mr-\[4px\] .orb {
    margin-right: 4px;
  }
  .\[\&_\.orb\]\:h-\[14px\] .orb {
    height: 14px;
  }
  .\[\&_\.orb\]\:w-\[14px\] .orb {
    width: 14px;
  }
  .\[\&_\.orb\]\:align-\[-5px\] .orb {
    vertical-align: -5px;
  }
  .\[\&_\.orb\]\:\[color\:\#8eeadd\] .orb {
    color: #8eeadd;
  }
  .\[\&_\.orb\]\:\[color\:inherit\] .orb {
    color: inherit;
  }
  .\[\&_\.orb\]\:\[color\:var\(--t-accent\)\] .orb {
    color: var(--t-accent);
  }
  .\[\&_\.orb\]\:\[color\:var\(--t-accent-ink\)\] .orb {
    color: var(--t-accent-ink);
  }
  .ch-themed\:\[\&_\.orb\]\:\[color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *) .orb {
    color: var(--t-accent);
  }
  .ch-themed\:\[\&_\.orb\]\:\[color\:var\(--t-warn\)\]:is(.main.character-page[data-ch-theme] *) .orb {
    color: var(--t-warn);
  }
  .ch-dot\:\[\&_\.orb\]\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme=dot] *) .orb {
    color: var(--t-accent-ink);
  }
  .\[\&_\.recharts-surface\]\:overflow-visible .recharts-surface {
    overflow: visible;
  }
  .\[\&_\.recharts-wrapper\:focus\]\:outline-none .recharts-wrapper:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[\&_\.recharts-wrapper\:focus-visible\]\:\[outline\:2px_solid_var\(--ch-cyan\)\] .recharts-wrapper:focus-visible {
    outline: 2px solid var(--ch-cyan);
  }
  .\[\&_\:not\(pre\)\>code\]\:rounded-\[4px\] :not(pre) > code {
    border-radius: 4px;
  }
  .\[\&_\:not\(pre\)\>code\]\:px-\[4px\] :not(pre) > code {
    padding-inline: 4px;
  }
  .\[\&_\:not\(pre\)\>code\]\:py-\[1px\] :not(pre) > code {
    padding-block: 1px;
  }
  .\[\&_\:not\(pre\)\>code\]\:\[color\:var\(--t-danger\)\] :not(pre) > code {
    color: var(--t-danger);
  }
  .\[\&_\:not\(pre\)\>code\]\:\[background\:var\(--t-field\)\] :not(pre) > code {
    background: var(--t-field);
  }
  .\[\&_\:not\(pre\)\>code\]\:\[font\:\.9em_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] :not(pre) > code {
    font: .9em ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[\&_\[data-ai-mic\]\]\:hidden [data-ai-mic] {
    display: none;
  }
  .ch-themed\:\[\&_\[fill\=\"\#77dfd6\"\]\]\:\[fill\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *) [fill="#77dfd6"] {
    fill: var(--t-accent);
  }
  .ch-dot\:\[\&_\[fill\=\"\#77dfd6\"\]\]\:\[fill\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *) [fill="#77dfd6"] {
    fill: var(--t-edge-2);
  }
  .ch-themed\:\[\&_\[stroke\=\"\#0a1316\"\]\]\:\[stroke\:var\(--t-surface\)\]:is(.main.character-page[data-ch-theme] *) [stroke="#0a1316"] {
    stroke: var(--t-surface);
  }
  .ch-themed\:\[\&_\[stroke\=\"\#15292b\"\]\]\:\[stroke\:var\(--t-line\)\]:is(.main.character-page[data-ch-theme] *) [stroke="#15292b"] {
    stroke: var(--t-line);
  }
  .ch-themed\:\[\&_\[stroke\=\"\#436669\"\]\]\:\[stroke\:var\(--t-muted\)\]:is(.main.character-page[data-ch-theme] *) [stroke="#436669"] {
    stroke: var(--t-muted);
  }
  .ch-themed\:\[\&_\[stroke\=\"\#77dfd6\"\]\]\:\[stroke\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *) [stroke="#77dfd6"] {
    stroke: var(--t-accent);
  }
  .ch-dot\:\[\&_\[stroke\=\"\#77dfd6\"\]\]\:\[stroke\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *) [stroke="#77dfd6"] {
    stroke: var(--t-edge-2);
  }
  .ch-themed\:\[\&_\[stroke\=\"\#8aa9a8\"\]\]\:\[stroke\:var\(--t-muted\)\]:is(.main.character-page[data-ch-theme] *) [stroke="#8aa9a8"] {
    stroke: var(--t-muted);
  }
  .\[\&_a\]\:cursor-pointer a {
    cursor: pointer;
  }
  .\[\&_a\]\:\[color\:var\(--t-accent-ink\)\] a {
    color: var(--t-accent-ink);
  }
  .\[\&_a\]\:text-accent a {
    color: var(--accent);
  }
  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }
  .\[\&_a\]\:underline-offset-2 a {
    text-underline-offset: 2px;
  }
  .\[\&_a\]\:\[border-bottom\:1px_solid_currentColor\] a {
    border-bottom: 1px solid currentColor;
  }
  .\[\&_blockquote\]\:my-\[6px\] blockquote {
    margin-block: 6px;
  }
  .\[\&_blockquote\]\:my-\[8px\] blockquote {
    margin-block: 8px;
  }
  .\[\&_blockquote\]\:border-l-\[3px\] blockquote {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .\[\&_blockquote\]\:border-line-strong blockquote {
    border-color: var(--line-strong);
  }
  .\[\&_blockquote\]\:pl-\[12px\] blockquote {
    padding-left: 12px;
  }
  .\[\&_blockquote\]\:\[color\:var\(--t-ink-2\)\] blockquote {
    color: var(--t-ink-2);
  }
  .\[\&_blockquote\]\:text-ink-3 blockquote {
    color: var(--ink-3);
  }
  .\[\&_blockquote\]\:\[border-left\:3px_solid_var\(--t-ink\)\] blockquote {
    border-left: 3px solid var(--t-ink);
  }
  .\[\&_button\:focus-visible\]\:\[outline\:2px_solid_var\(--pc-accent\)\] button:focus-visible {
    outline: 2px solid var(--pc-accent);
  }
  .\[\&_button\:focus-visible\]\:\[outline-offset\:3px\] button:focus-visible {
    outline-offset: 3px;
  }
  .\[\&_canvas\]\:pointer-events-none canvas {
    pointer-events: none;
  }
  .\[\&_canvas\]\:absolute canvas {
    position: absolute;
  }
  .\[\&_canvas\]\:inset-0 canvas {
    inset: 0px;
  }
  .\[\&_canvas\]\:z-\[1\] canvas {
    z-index: 1;
  }
  .\[\&_canvas\]\:block canvas {
    display: block;
  }
  .\[\&_canvas\]\:h-full canvas {
    height: 100%;
  }
  .\[\&_canvas\]\:w-full canvas {
    width: 100%;
  }
  .\[\&_canvas\]\:opacity-0 canvas {
    opacity: 0%;
  }
  .\[\&_canvas\]\:outline-offset-\[-3px\] canvas {
    outline-offset: -3px;
  }
  .\[\&_canvas\]\:\[transition\:opacity_\.9s_ease\] canvas {
    transition: opacity .9s ease;
  }
  .\[\&_canvas\.grabbing\]\:cursor-grabbing canvas.grabbing {
    cursor: grabbing;
  }
  .\[\&_canvas\.on\]\:opacity-100 canvas.on {
    opacity: 100%;
  }
  .\[\&_canvas\.orb\[data-size\]\]\:m-0 canvas.orb[data-size] {
    margin: 0px;
  }
  .\[\&_canvas\.orb\[data-size\]\]\:h-\[14px\] canvas.orb[data-size] {
    height: 14px;
  }
  .\[\&_canvas\.orb\[data-size\]\]\:w-\[14px\] canvas.orb[data-size] {
    width: 14px;
  }
  .\[\&_canvas\.orb\[data-size\]\]\:\[color\:\#f9e2af\] canvas.orb[data-size] {
    color: #f9e2af;
  }
  .\[\&_canvas\:active\]\:cursor-grabbing canvas:active {
    cursor: grabbing;
  }
  .\[\&_canvas\:focus-visible\]\:\[outline\:1px_solid_var\(--ch-cyan\)\] canvas:focus-visible {
    outline: 1px solid var(--ch-cyan);
  }
  .\[\&_canvas\:focus-visible\]\:outline-offset-\[-6px\] canvas:focus-visible {
    outline-offset: -6px;
  }
  .\[\&_canvas\:not\(\.orb\)\]\:absolute canvas:not(.orb) {
    position: absolute;
  }
  .\[\&_canvas\:not\(\.orb\)\]\:inset-0 canvas:not(.orb) {
    inset: 0px;
  }
  .\[\&_canvas\:not\(\.orb\)\]\:h-full canvas:not(.orb) {
    height: 100%;
  }
  .\[\&_canvas\:not\(\.orb\)\]\:w-full canvas:not(.orb) {
    width: 100%;
  }
  .\[\&_canvas\:not\(\.orb\)\]\:cursor-grab canvas:not(.orb) {
    cursor: grab;
  }
  .\[\&_canvas\:not\(\.orb\)\]\:touch-none canvas:not(.orb) {
    touch-action: none;
  }
  .\[\&_code\]\:rounded-\[4px\] code {
    border-radius: 4px;
  }
  .\[\&_code\]\:bg-surface-2 code {
    background-color: var(--surface-2);
  }
  .\[\&_code\]\:p-\[1px_5px\] code {
    padding: 1px 5px;
  }
  .\[\&_code\]\:px-\[5px\] code {
    padding-inline: 5px;
  }
  .\[\&_code\]\:py-\[1px\] code {
    padding-block: 1px;
  }
  .\[\&_code\]\:font-mono code {
    font-family: var(--mono);
  }
  .\[\&_code\]\:text-\[\.9em\] code {
    font-size: .9em;
  }
  .\[\&_code\]\:text-\[12px\] code {
    font-size: 12px;
  }
  .\[\&_h1\]\:m-\[16px_0_6px\] h1 {
    margin: 16px 0 6px;
  }
  .\[\&_h1\]\:mt-\[14px\] h1 {
    margin-top: 14px;
  }
  .\[\&_h1\]\:mt-\[20px\] h1 {
    margin-top: 20px;
  }
  .\[\&_h1\]\:mb-\[4px\] h1 {
    margin-bottom: 4px;
  }
  .\[\&_h1\]\:mb-\[8px\] h1 {
    margin-bottom: 8px;
  }
  .\[\&_h1\]\:text-\[15px\] h1 {
    font-size: 15px;
  }
  .\[\&_h1\]\:text-\[18px\] h1 {
    font-size: 18px;
  }
  .\[\&_h1\]\:text-\[20px\] h1 {
    font-size: 20px;
  }
  .\[\&_h1\]\:leading-\[1\.3\] h1 {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .\[\&_h1\]\:font-\[650\] h1 {
    --tw-font-weight: 650;
    font-weight: 650;
  }
  .\[\&_h1\]\:font-\[700\] h1 {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .\[\&_h1\]\:font-bold h1 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .\[\&_h1\]\:tracking-\[-\.02em\] h1 {
    --tw-tracking: -.02em;
    letter-spacing: -.02em;
  }
  .\[\&_h1\]\:text-ink h1 {
    color: var(--ink);
  }
  .\[\&_h1\:first-child\]\:mt-0 h1:first-child {
    margin-top: 0px;
  }
  .\[\&_h2\]\:m-\[16px_0_6px\] h2 {
    margin: 16px 0 6px;
  }
  .\[\&_h2\]\:mt-\[12px\] h2 {
    margin-top: 12px;
  }
  .\[\&_h2\]\:mt-\[22px\] h2 {
    margin-top: 22px;
  }
  .\[\&_h2\]\:mb-\[3px\] h2 {
    margin-bottom: 3px;
  }
  .\[\&_h2\]\:mb-\[8px\] h2 {
    margin-bottom: 8px;
  }
  .\[\&_h2\]\:text-\[15px\] h2 {
    font-size: 15px;
  }
  .\[\&_h2\]\:text-\[16px\] h2 {
    font-size: 16px;
  }
  .\[\&_h2\]\:text-\[17px\] h2 {
    font-size: 17px;
  }
  .\[\&_h2\]\:leading-\[1\.35\] h2 {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  .\[\&_h2\]\:font-\[650\] h2 {
    --tw-font-weight: 650;
    font-weight: 650;
  }
  .\[\&_h2\]\:font-\[700\] h2 {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .\[\&_h2\]\:font-bold h2 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .\[\&_h2\]\:tracking-\[-\.015em\] h2 {
    --tw-tracking: -.015em;
    letter-spacing: -.015em;
  }
  .\[\&_h2\]\:text-ink h2 {
    color: var(--ink);
  }
  .\[\&_h3\]\:m-\[16px_0_6px\] h3 {
    margin: 16px 0 6px;
  }
  .\[\&_h3\]\:mt-\[10px\] h3 {
    margin-top: 10px;
  }
  .\[\&_h3\]\:mt-\[18px\] h3 {
    margin-top: 18px;
  }
  .\[\&_h3\]\:mb-\[2px\] h3 {
    margin-bottom: 2px;
  }
  .\[\&_h3\]\:mb-\[6px\] h3 {
    margin-bottom: 6px;
  }
  .\[\&_h3\]\:text-\[14\.5px\] h3 {
    font-size: 14.5px;
  }
  .\[\&_h3\]\:text-\[15px\] h3 {
    font-size: 15px;
  }
  .\[\&_h3\]\:leading-\[1\.4\] h3 {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .\[\&_h3\]\:font-\[650\] h3 {
    --tw-font-weight: 650;
    font-weight: 650;
  }
  .\[\&_h3\]\:font-\[700\] h3 {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .\[\&_h3\]\:font-semibold h3 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_h3\]\:text-ink h3 {
    color: var(--ink);
  }
  .\[\&_h4\]\:mt-\[14px\] h4 {
    margin-top: 14px;
  }
  .\[\&_h4\]\:mb-\[4px\] h4 {
    margin-bottom: 4px;
  }
  .\[\&_h4\]\:text-\[13\.5px\] h4 {
    font-size: 13.5px;
  }
  .\[\&_h4\]\:font-semibold h4 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_h4\]\:text-ink h4 {
    color: var(--ink);
  }
  .\[\&_hr\]\:my-\[12px\] hr {
    margin-block: 12px;
  }
  .\[\&_hr\]\:my-\[16px\] hr {
    margin-block: 16px;
  }
  .\[\&_hr\]\:border-0 hr {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .\[\&_hr\]\:border-line hr {
    border-color: var(--line);
  }
  .\[\&_hr\]\:\[border-top\:1px_solid_var\(--t-line\)\] hr {
    border-top: 1px solid var(--t-line);
  }
  .\[\&_hr\.ProseMirror-selectednode\]\:\[border-top-color\:var\(--t-accent\)\] hr.ProseMirror-selectednode {
    border-top-color: var(--t-accent);
  }
  .\[\&_img\]\:max-w-full img {
    max-width: 100%;
  }
  .\[\&_input\:focus-visible\]\:\[outline\:2px_solid_var\(--pc-accent\)\] input:focus-visible {
    outline: 2px solid var(--pc-accent);
  }
  .\[\&_input\:focus-visible\]\:\[outline-offset\:3px\] input:focus-visible {
    outline-offset: 3px;
  }
  .\[\&_input\[type\=checkbox\]\]\:h-\[14px\] input[type=checkbox] {
    height: 14px;
  }
  .\[\&_input\[type\=checkbox\]\]\:w-\[14px\] input[type=checkbox] {
    width: 14px;
  }
  .\[\&_input\[type\=checkbox\]\]\:cursor-pointer input[type=checkbox] {
    cursor: pointer;
  }
  .\[\&_input\[type\=checkbox\]\]\:\[accent-color\:var\(--t-accent\)\] input[type=checkbox] {
    accent-color: var(--t-accent);
  }
  .\[\&_li\]\:m-\[3px_0\] li {
    margin: 3px 0;
  }
  .\[\&_li\]\:my-\[1px\] li {
    margin-block: 1px;
  }
  .\[\&_li\]\:my-\[2px\] li {
    margin-block: 2px;
  }
  .\[\&_li\:\:marker\]\:\[color\:var\(--t-muted\)\] li::marker {
    color: var(--t-muted);
  }
  .\[\&_li\>p\]\:my-0 li > p {
    margin-block: 0px;
  }
  .\[\&_li\[data-checked\=true\]\>div\]\:line-through li[data-checked=true] > div {
    text-decoration-line: line-through;
  }
  .\[\&_li\[data-checked\=true\]\>div\]\:opacity-50 li[data-checked=true] > div {
    opacity: 50%;
  }
  .\[\&_mark\]\:rounded-\[2px\] mark {
    border-radius: 2px;
  }
  .\[\&_mark\]\:px-\[1px\] mark {
    padding-inline: 1px;
  }
  .\[\&_mark\]\:\[color\:inherit\] mark {
    color: inherit;
  }
  .\[\&_mark\]\:\[background\:color-mix\(in_srgb\,var\(--t-accent\)_32\%\,transparent\)\] mark {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 32%,transparent);
    }
  }
  .\[\&_ol\]\:m-\[8px_0_8px_20px\] ol {
    margin: 8px 0 8px 20px;
  }
  .\[\&_ol\]\:my-\[2px\] ol {
    margin-block: 2px;
  }
  .\[\&_ol\]\:my-\[6px\] ol {
    margin-block: 6px;
  }
  .\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal;
  }
  .\[\&_ol\]\:pl-\[22px\] ol {
    padding-left: 22px;
  }
  .\[\&_p\]\:m-\[8px_0\] p {
    margin: 8px 0;
  }
  .\[\&_p\]\:my-\[2px\] p {
    margin-block: 2px;
  }
  .\[\&_p\]\:my-\[6px\] p {
    margin-block: 6px;
  }
  .\[\&_pre\]\:m-\[10px_0\] pre {
    margin: 10px 0;
  }
  .\[\&_pre\]\:my-\[6px\] pre {
    margin-block: 6px;
  }
  .\[\&_pre\]\:my-\[8px\] pre {
    margin-block: 8px;
  }
  .\[\&_pre\]\:overflow-x-auto pre {
    overflow-x: auto;
  }
  .\[\&_pre\]\:rounded-\[6px\] pre {
    border-radius: 6px;
  }
  .\[\&_pre\]\:rounded-\[8px\] pre {
    border-radius: 8px;
  }
  .\[\&_pre\]\:bg-surface-2 pre {
    background-color: var(--surface-2);
  }
  .\[\&_pre\]\:p-\[10px_12px\] pre {
    padding: 10px 12px;
  }
  .\[\&_pre\]\:p-\[12px\] pre {
    padding: 12px;
  }
  .\[\&_pre\]\:px-\[12px\] pre {
    padding-inline: 12px;
  }
  .\[\&_pre\]\:py-\[10px\] pre {
    padding-block: 10px;
  }
  .\[\&_pre\]\:text-\[12px\] pre {
    font-size: 12px;
  }
  .\[\&_pre\]\:leading-\[1\.6\] pre {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .\[\&_pre\]\:\[background\:var\(--t-field\)\] pre {
    background: var(--t-field);
  }
  .\[\&_pre\]\:\[border\:1px_solid_var\(--t-line\)\] pre {
    border: 1px solid var(--t-line);
  }
  .\[\&_pre\]\:\[font\:12px\/1\.55_ui-monospace\,SFMono-Regular\,Menlo\,monospace\] pre {
    font: 12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;
  }
  .\[\&_pre_code\]\:bg-transparent pre code {
    background-color: transparent;
  }
  .\[\&_pre_code\]\:p-0 pre code {
    padding: 0px;
  }
  .\[\&_pre_code\]\:\[background\:none\] pre code {
    background: none;
  }
  .\[\&_strong\]\:font-\[650\] strong {
    --tw-font-weight: 650;
    font-weight: 650;
  }
  .\[\&_strong\]\:font-\[700\] strong {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .\[\&_strong\]\:font-semibold strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_strong\]\:text-ink strong {
    color: var(--ink);
  }
  .\[\&_svg\]\:block svg {
    display: block;
  }
  .\[\&_svg\]\:size-\[13px\] svg {
    width: 13px;
    height: 13px;
  }
  .\[\&_svg\]\:size-\[14px\] svg {
    width: 14px;
    height: 14px;
  }
  .\[\&_svg\]\:size-\[16px\] svg {
    width: 16px;
    height: 16px;
  }
  .\[\&_svg\]\:size-\[17px\] svg {
    width: 17px;
    height: 17px;
  }
  .\[\&_svg\]\:size-\[18px\] svg {
    width: 18px;
    height: 18px;
  }
  .\[\&_svg\]\:flex-none svg {
    flex: none;
  }
  .\[\&_svg\]\:overflow-visible svg {
    overflow: visible;
  }
  .\[\&_svg\]\:fill-current svg {
    fill: currentcolor;
  }
  .\[\&_svg\]\:text-\[\#f2b01e\] svg {
    color: #f2b01e;
  }
  @media (max-width: 820px) {
    .narrow\:\[\&_svg\]\:hidden svg {
      display: none;
    }
  }
  .\[\&_svg\:focus\]\:outline-none svg:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[\&_svg\:focus-visible\]\:\[outline\:2px_solid_var\(--ch-cyan\)\] svg:focus-visible {
    outline: 2px solid var(--ch-cyan);
  }
  .\[\&_svg\:focus-visible\]\:outline-offset-\[2px\] svg:focus-visible {
    outline-offset: 2px;
  }
  .\[\&_table\]\:w-full table {
    width: 100%;
  }
  .\[\&_table\]\:border-collapse table {
    border-collapse: collapse;
  }
  .\[\&_table\]\:text-\[12\.5px\] table {
    font-size: 12.5px;
  }
  .\[\&_td\]\:min-w-\[90px\] td {
    min-width: 90px;
  }
  .\[\&_td\]\:border-b td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[\&_td\]\:border-line td {
    border-color: var(--line);
  }
  .\[\&_td\]\:px-\[8px\] td {
    padding-inline: 8px;
  }
  .\[\&_td\]\:py-\[6px\] td {
    padding-block: 6px;
  }
  .\[\&_td\]\:align-top td {
    vertical-align: top;
  }
  .ch-themed\:\[\&_text\]\:\[fill\:var\(--t-muted\)\]:is(.main.character-page[data-ch-theme] *) text {
    fill: var(--t-muted);
  }
  .ch-dot\:\[\&_text\]\:\[font-family\:var\(--t-font\)\]:is(.main.character-page[data-ch-theme=dot] *) text {
    font-family: var(--t-font);
  }
  .ch-pop\:\[\&_text\]\:\[font-family\:var\(--t-font\)\]:is(.main.character-page[data-ch-theme=pop] *) text {
    font-family: var(--t-font);
  }
  .ch-line\:\[\&_text\]\:\[font-family\:var\(--t-font\)\]:is(.main.character-page[data-ch-theme=line] *) text {
    font-family: var(--t-font);
  }
  .ch-themed\:\[\&_text\[fill\=\"\#c8dad8\"\]\]\:\[fill\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme] *) text[fill="#c8dad8"] {
    fill: var(--t-ink);
  }
  .\[\&_th\]\:border-b th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[\&_th\]\:border-line-strong th {
    border-color: var(--line-strong);
  }
  .\[\&_th\]\:px-\[8px\] th {
    padding-inline: 8px;
  }
  .\[\&_th\]\:py-\[6px\] th {
    padding-block: 6px;
  }
  .\[\&_th\]\:text-left th {
    text-align: left;
  }
  .\[\&_th\]\:align-bottom th {
    vertical-align: bottom;
  }
  .\[\&_th\]\:font-semibold th {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .\[\&_th\]\:whitespace-nowrap th {
    white-space: nowrap;
  }
  .\[\&_th\]\:text-ink-3 th {
    color: var(--ink-3);
  }
  .\[\&_ul\]\:m-\[8px_0_8px_20px\] ul {
    margin: 8px 0 8px 20px;
  }
  .\[\&_ul\]\:my-\[2px\] ul {
    margin-block: 2px;
  }
  .\[\&_ul\]\:my-\[6px\] ul {
    margin-block: 6px;
  }
  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }
  .\[\&_ul\]\:pl-\[20px\] ul {
    padding-left: 20px;
  }
  .\[\&_ul\]\:pl-\[22px\] ul {
    padding-left: 22px;
  }
  .\[\&_ul\[data-type\=taskList\]\]\:list-none ul[data-type=taskList] {
    list-style-type: none;
  }
  .\[\&_ul\[data-type\=taskList\]\]\:pl-\[2px\] ul[data-type=taskList] {
    padding-left: 2px;
  }
  .\[\&_ul\[data-type\=taskList\]\>li\]\:flex ul[data-type=taskList] > li {
    display: flex;
  }
  .\[\&_ul\[data-type\=taskList\]\>li\]\:items-start ul[data-type=taskList] > li {
    align-items: flex-start;
  }
  .\[\&_ul\[data-type\=taskList\]\>li\]\:gap-\[8px\] ul[data-type=taskList] > li {
    gap: 8px;
  }
  .\[\&_ul\[data-type\=taskList\]\>li\>div\]\:min-w-0 ul[data-type=taskList] > li > div {
    min-width: 0px;
  }
  .\[\&_ul\[data-type\=taskList\]\>li\>div\]\:flex-1 ul[data-type=taskList] > li > div {
    flex: 1;
  }
  .\[\&_ul\[data-type\=taskList\]\>li\>label\]\:mt-\[3px\] ul[data-type=taskList] > li > label {
    margin-top: 3px;
  }
  .\[\&_ul\[data-type\=taskList\]\>li\>label\]\:flex-none ul[data-type=taskList] > li > label {
    flex: none;
  }
  .\[\&_ul\[data-type\=taskList\]\>li\>label\]\:select-none ul[data-type=taskList] > li > label {
    -webkit-user-select: none;
    user-select: none;
  }
  @media (max-width: 820px) {
    .narrow\:\[\&\.away\]\:\[transform\:translateY\(calc\(-100\%_-_20px\)\)\].away {
      transform: translateY(calc(-100% - 20px));
    }
  }
  .aria-pressed\:\[\&\.ch-cal-day\]\:\[border-color\:\#e3eeec\][aria-pressed="true"].ch-cal-day {
    border-color: #e3eeec;
  }
  .aria-pressed\:\[\&\.ch-cal-day\]\:\[box-shadow\:inset_0_0_0_1px_\#e3eeec\][aria-pressed="true"].ch-cal-day {
    box-shadow: inset 0 0 0 1px #e3eeec;
  }
  .ch-themed\:aria-pressed\:\[\&\.ch-cal-day\]\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme] *)[aria-pressed="true"].ch-cal-day {
    border-color: var(--t-ink);
  }
  .ch-themed\:aria-pressed\:\[\&\.ch-cal-day\]\:\[box-shadow\:inset_0_0_0_1px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme] *)[aria-pressed="true"].ch-cal-day {
    box-shadow: inset 0 0 0 1px var(--t-ink);
  }
  .ch-soft\:aria-pressed\:\[\&\.ch-cal-day\]\:\[border-color\:transparent\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"].ch-cal-day {
    border-color: transparent;
  }
  .ch-soft\:aria-pressed\:\[\&\.ch-cal-day\]\:\[box-shadow\:var\(--t-in\)\,inset_0_0_0_1\.5px_var\(--t-ink\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"].ch-cal-day {
    box-shadow: var(--t-in),inset 0 0 0 1.5px var(--t-ink);
  }
  .ch-dot\:aria-pressed\:\[\&\.ch-cal-day\]\:\[border-color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme=dot] *)[aria-pressed="true"].ch-cal-day {
    border-color: var(--t-accent-ink);
  }
  .ch-dot\:aria-pressed\:\[\&\.ch-cal-day\]\:\[box-shadow\:inset_0_0_0_1px_var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme=dot] *)[aria-pressed="true"].ch-cal-day {
    box-shadow: inset 0 0 0 1px var(--t-accent-ink);
  }
  .ch-pop\:aria-pressed\:\[\&\.ch-cal-day\]\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"].ch-cal-day {
    border-color: var(--t-ink);
  }
  .ch-pop\:aria-pressed\:\[\&\.ch-cal-day\]\:\[box-shadow\:2px_2px_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"].ch-cal-day {
    box-shadow: 2px 2px 0 var(--t-ink);
  }
  .ch-pop\:aria-pressed\:\[\&\.ch-cal-day\]\:\[background\:var\(--t-pop\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"].ch-cal-day {
    background: var(--t-pop);
  }
  .ch-line\:aria-pressed\:\[\&\.ch-cal-day\]\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"].ch-cal-day {
    border-color: var(--t-ink);
  }
  .ch-line\:aria-pressed\:\[\&\.ch-cal-day\]\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"].ch-cal-day {
    color: #fff;
  }
  .ch-line\:aria-pressed\:\[\&\.ch-cal-day\]\:\[box-shadow\:none\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"].ch-cal-day {
    box-shadow: none;
  }
  .ch-line\:aria-pressed\:\[\&\.ch-cal-day\]\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"].ch-cal-day {
    background: var(--t-ink);
  }
  .disabled\:\[\&\.ch-rm-refresh\]\:cursor-progress:disabled.ch-rm-refresh {
    cursor: progress;
  }
  .disabled\:\[\&\.ch-rm-refresh\]\:opacity-100:disabled.ch-rm-refresh {
    opacity: 100%;
  }
  .ch-themed\:aria-pressed\:\[\&\.ch-rt-cell\]\:\[border-color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *)[aria-pressed="true"].ch-rt-cell {
    border-color: var(--t-accent);
  }
  .ch-themed\:aria-pressed\:\[\&\.ch-rt-cell\]\:\[background\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *)[aria-pressed="true"].ch-rt-cell {
    background: var(--t-accent);
  }
  .ch-soft\:aria-pressed\:\[\&\.ch-rt-cell\]\:\[border-color\:transparent\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"].ch-rt-cell {
    border-color: transparent;
  }
  .ch-soft\:aria-pressed\:\[\&\.ch-rt-cell\]\:\[box-shadow\:inset_2px_2px_5px_rgba\(0\,0\,0\,\.22\)\,inset_-2px_-2px_5px_rgba\(255\,255\,255\,\.2\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"].ch-rt-cell {
    box-shadow: inset 2px 2px 5px rgba(0,0,0,.22),inset -2px -2px 5px rgba(255,255,255,.2);
  }
  .ch-soft\:aria-pressed\:\[\&\.ch-rt-cell\]\:\[background\:var\(--t-accent\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"].ch-rt-cell {
    background: var(--t-accent);
  }
  .ch-pop\:aria-pressed\:\[\&\.ch-rt-cell\]\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"].ch-rt-cell {
    border-color: var(--t-ink);
  }
  .ch-pop\:aria-pressed\:\[\&\.ch-rt-cell\]\:\[background\:var\(--t-pop\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"].ch-rt-cell {
    background: var(--t-pop);
  }
  .ch-line\:aria-pressed\:\[\&\.ch-rt-cell\]\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"].ch-rt-cell {
    border-color: var(--t-ink);
  }
  .ch-line\:aria-pressed\:\[\&\.ch-rt-cell\]\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"].ch-rt-cell {
    background: var(--t-ink);
  }
  .ch-soft\:disabled\:\[\&\.ch-rt-cell\.ch-rt-cell\]\:\[box-shadow\:inset_1px_1px_3px_var\(--t-lo\)\,inset_-1px_-1px_3px_var\(--t-hi\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):disabled.ch-rt-cell.ch-rt-cell {
    box-shadow: inset 1px 1px 3px var(--t-lo),inset -1px -1px 3px var(--t-hi);
  }
  .ch-line\:disabled\:\[\&\.ch-rt-cell\.ch-rt-cell\]\:\[border-style\:dashed\]:is(.main.character-page[data-ch-theme=line] *):disabled.ch-rt-cell.ch-rt-cell {
    border-style: dashed;
  }
  .ch-line\:disabled\:\[\&\.ch-rt-cell\.ch-rt-cell\]\:\[border-color\:var\(--t-line\)\]:is(.main.character-page[data-ch-theme=line] *):disabled.ch-rt-cell.ch-rt-cell {
    border-color: var(--t-line);
  }
  .ch-dot\:focus-visible\:\[\&\.ch-tl-block\]\:\[box-shadow\:0_0_0_2px_var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *):focus-visible.ch-tl-block {
    box-shadow: 0 0 0 2px var(--t-edge-2);
  }
  .ch-pop\:focus-visible\:\[\&\.ch-tl-block\]\:\[box-shadow\:inset_5px_0_0_var\(--c\)\,0_0_0_2px_var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=pop] *):focus-visible.ch-tl-block {
    box-shadow: inset 5px 0 0 var(--c),0 0 0 2px var(--t-accent);
  }
  .\[\&\.dragging\]\:cursor-grabbing.dragging {
    cursor: grabbing;
  }
  .\[\&\.dragging_\*\]\:cursor-grabbing.dragging * {
    cursor: grabbing;
  }
  .\[\&\.flash\]\:animate-pay-flash.flash {
    animation: var(--animate-pay-flash);
  }
  .\[\&\.flash\]\:animate-ws-flash.flash {
    animation: var(--animate-ws-flash);
  }
  .\[\&\.is-dragging\]\:before\:ml-\[-26px\].is-dragging::before {
    content: var(--tw-content);
    margin-left: -26px;
  }
  .\[\&\.is-dragging\]\:before\:w-\[52px\].is-dragging::before {
    content: var(--tw-content);
    width: 52px;
  }
  .\[\&\.is-dragging\]\:before\:\[background\:var\(--t-accent\,var\(--ch-cyan\)\)\].is-dragging::before {
    content: var(--tw-content);
    background: var(--t-accent,var(--ch-cyan));
  }
  .\[\&\.is-dragging\~\*\]\:select-none.is-dragging ~ * {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[\&\.is-focus-mode\]\:fixed.is-focus-mode {
    position: fixed;
  }
  .\[\&\.is-focus-mode\]\:inset-0.is-focus-mode {
    inset: 0px;
  }
  .\[\&\.is-focus-mode\]\:z-\[1000\].is-focus-mode {
    z-index: 1000;
  }
  .\[\&\.is-focus-mode\]\:h-\[100dvh\].is-focus-mode {
    height: 100dvh;
  }
  .\[\&\.is-focus-mode\]\:w-full.is-focus-mode {
    width: 100%;
  }
  .\[\&\.is-focus-mode\]\:bg-bg.is-focus-mode {
    background-color: var(--bg);
  }
  .\[\&\.is-focus-mode\]\:p-\[env\(safe-area-inset-top\)_env\(safe-area-inset-right\)_env\(safe-area-inset-bottom\)_env\(safe-area-inset-left\)\].is-focus-mode {
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
  .\[\&\.is-look-push\]\:pr-\[calc\(var\(--look-w\)\+12px\+var\(--look-gap\)\)\].is-look-push {
    padding-right: calc(var(--look-w) + 12px + var(--look-gap));
  }
  .\[\&\.is-look-sheet\]\:pb-\[calc\(45svh\+24px\+env\(safe-area-inset-bottom\)\)\].is-look-sheet {
    padding-bottom: calc(45svh + 24px + env(safe-area-inset-bottom));
  }
  .\[\&\.is-moving\]\:z-\[5\].is-moving {
    z-index: 5;
  }
  .\[\&\.is-moving\]\:cursor-grabbing.is-moving {
    cursor: grabbing;
  }
  .\[\&\.is-moving\]\:opacity-\[\.9\].is-moving {
    opacity: .9;
  }
  .\[\&\.is-moving\]\:\[box-shadow\:0_6px_16px_\#000a\].is-moving {
    box-shadow: 0 6px 16px #000a;
  }
  .ch-themed\:\[\&\.is-moving\]\:\[box-shadow\:var\(--t-shadow\)\]:is(.main.character-page[data-ch-theme] *).is-moving {
    box-shadow: var(--t-shadow);
  }
  .ch-dot\:\[\&\.is-moving\]\:\[box-shadow\:0_4px_12px_rgba\(0\,0\,0\,\.2\)\]:is(.main.character-page[data-ch-theme=dot] *).is-moving {
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
  }
  .ch-pop\:\[\&\.is-moving\]\:\[box-shadow\:inset_5px_0_0_var\(--c\)\,4px_4px_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *).is-moving {
    box-shadow: inset 5px 0 0 var(--c),4px 4px 0 var(--t-ink);
  }
  .ch-line\:\[\&\.is-moving\]\:opacity-\[\.85\]:is(.main.character-page[data-ch-theme=line] *).is-moving {
    opacity: .85;
  }
  .ch-line\:\[\&\.is-moving\]\:\[box-shadow\:none\]:is(.main.character-page[data-ch-theme=line] *).is-moving {
    box-shadow: none;
  }
  .\[\&\.is-now\]\:\[background\:color-mix\(in_srgb\,var\(--c\)_28\%\,\#0b1417\)\].is-now {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 28%,#0b1417);
    }
  }
  .ch-themed\:\[\&\.is-now\]\:\[background\:light-dark\(color-mix\(in_srgb\,var\(--c\)_52\%\,var\(--t-surface\)\)\,color-mix\(in_srgb\,var\(--c\)_30\%\,var\(--t-surface\)\)\)\]:is(.main.character-page[data-ch-theme] *).is-now {
    background: light-dark(var(--c),var(--c));
    @supports (color: color-mix(in lab, red, red)) {
      background: light-dark(color-mix(in srgb,var(--c) 52%,var(--t-surface)),color-mix(in srgb,var(--c) 30%,var(--t-surface)));
    }
  }
  .ch-dot\:\[\&\.is-now\]\:\[border-color\:var\(--c\)\]:is(.main.character-page[data-ch-theme=dot] *).is-now {
    border-color: var(--c);
  }
  .ch-dot\:\[\&\.is-now\]\:\[background\:color-mix\(in_srgb\,var\(--c\)_38\%\,\#fff\)\]:is(.main.character-page[data-ch-theme=dot] *).is-now {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 38%,#fff);
    }
  }
  .ch-pop\:\[\&\.is-now\]\:\[background\:color-mix\(in_srgb\,var\(--c\)_45\%\,var\(--t-surface\)\)\]:is(.main.character-page[data-ch-theme=pop] *).is-now {
    background: var(--c);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--c) 45%,var(--t-surface));
    }
  }
  .ch-line\:\[\&\.is-now\]\:\[outline\:1\.6px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *).is-now {
    outline: 1.6px solid var(--t-ink);
  }
  .ch-line\:\[\&\.is-now\]\:outline-offset-\[1\.5px\]:is(.main.character-page[data-ch-theme=line] *).is-now {
    outline-offset: 1.5px;
  }
  .ch-line\:\[\&\.is-now\]\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *).is-now {
    background: var(--t-ink);
  }
  .\[\&\.is-on\]\:\[color\:var\(--ch-cyan\)\].is-on {
    color: var(--ch-cyan);
  }
  .ch-themed\:\[\&\.is-on\]\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme] *).is-on {
    color: var(--t-accent-ink);
  }
  .ch-pop\:\[\&\.is-on\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *).is-on {
    color: var(--t-ink);
  }
  .ch-line\:\[\&\.is-on\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *).is-on {
    color: var(--t-ink);
  }
  .\[\&\.is-out\]\:opacity-40.is-out {
    opacity: 40%;
  }
  .\[\&\.is-panning\]\:cursor-grabbing.is-panning {
    cursor: grabbing;
  }
  .\[\&\.is-panning\]\:select-none.is-panning {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[\&\.is-short\]\:flex.is-short {
    display: flex;
  }
  .\[\&\.is-short\]\:items-center.is-short {
    align-items: center;
  }
  .\[\&\.is-short\]\:gap-\[6px\].is-short {
    gap: 6px;
  }
  .\[\&\.is-short\]\:pt-0.is-short {
    padding-top: 0px;
  }
  .\[\&\.is-short\]\:pb-0.is-short {
    padding-bottom: 0px;
  }
  .ch-dot\:\[\&\.is-short\]\:pt-0:is(.main.character-page[data-ch-theme=dot] *).is-short {
    padding-top: 0px;
  }
  .ch-dot\:\[\&\.is-short\]\:pb-0:is(.main.character-page[data-ch-theme=dot] *).is-short {
    padding-bottom: 0px;
  }
  .ch-pop\:\[\&\.is-short\]\:pt-0:is(.main.character-page[data-ch-theme=pop] *).is-short {
    padding-top: 0px;
  }
  .ch-pop\:\[\&\.is-short\]\:pb-0:is(.main.character-page[data-ch-theme=pop] *).is-short {
    padding-bottom: 0px;
  }
  .\[\&\.is-today\]\:\[border-color\:var\(--ch-cyan\)\].is-today {
    border-color: var(--ch-cyan);
  }
  .\[\&\.is-today\]\:\[color\:var\(--ch-cyan\)\].is-today {
    color: var(--ch-cyan);
  }
  .ch-themed\:\[\&\.is-today\]\:\[border-color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *).is-today {
    border-color: var(--t-accent);
  }
  .ch-themed\:\[\&\.is-today\]\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme] *).is-today {
    color: var(--t-accent-ink);
  }
  .ch-soft\:\[\&\.is-today\]\:\[border-color\:transparent\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *).is-today {
    border-color: transparent;
  }
  .ch-soft\:\[\&\.is-today\]\:\[box-shadow\:inset_0_0_0_1\.5px_var\(--t-accent\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *).is-today {
    box-shadow: inset 0 0 0 1.5px var(--t-accent);
  }
  .ch-soft\:\[\&\.is-today\]\:\[box-shadow\:var\(--t-out-sm\)\,inset_0_0_0_1\.5px_var\(--t-accent\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *).is-today {
    box-shadow: var(--t-out-sm),inset 0 0 0 1.5px var(--t-accent);
  }
  .ch-dot\:\[\&\.is-today\]\:\[border-color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme=dot] *).is-today {
    border-color: var(--t-accent-ink);
  }
  .ch-dot\:\[\&\.is-today\]\:\[border-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *).is-today {
    border-color: var(--t-edge-2);
  }
  .ch-dot\:\[\&\.is-today\]\:\[background\:var\(--t-soft\)\]:is(.main.character-page[data-ch-theme=dot] *).is-today {
    background: var(--t-soft);
  }
  .ch-pop\:\[\&\.is-today\]\:\[border-color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=pop] *).is-today {
    border-color: var(--t-accent);
  }
  .ch-line\:\[\&\.is-today\]\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *).is-today {
    border-color: var(--t-ink);
  }
  .ch-line\:\[\&\.is-today\]\:\[box-shadow\:inset_0_0_0_1px_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *).is-today {
    box-shadow: inset 0 0 0 1px var(--t-ink);
  }
  .ch-line\:\[\&\.is-today\]\:\[background\:var\(--t-hi\)\]:is(.main.character-page[data-ch-theme=line] *).is-today {
    background: var(--t-hi);
  }
  .ch-line\:\[\&\.is-today\]\:\[border\:1\.6px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *).is-today {
    border: 1.6px solid var(--t-ink);
  }
  .ch-dot\:\[\&\.is-today\:not\(\[aria-pressed\=true\]\)\]\:\[background\:var\(--t-soft\)\]:is(.main.character-page[data-ch-theme=dot] *).is-today:not([aria-pressed=true]) {
    background: var(--t-soft);
  }
  .ch-line\:\[\&\.is-today\:not\(\[aria-pressed\=true\]\)\]\:\[background\:var\(--t-hi\)\]:is(.main.character-page[data-ch-theme=line] *).is-today:not([aria-pressed=true]) {
    background: var(--t-hi);
  }
  .\[\&\.kdrag\]\:cursor-grabbing.kdrag {
    cursor: grabbing;
  }
  .\[\&\.kdrag\]\:opacity-\[\.45\].kdrag {
    opacity: .45;
  }
  .\[\&\.kover\]\:bg-accent-soft.kover {
    background-color: var(--accent-soft);
  }
  .\[\&\.kover\]\:\[outline\:2px_dashed_var\(--accent\)\].kover {
    outline: 2px dashed var(--accent);
  }
  .\[\&\.kover\]\:outline-offset-\[-4px\].kover {
    outline-offset: -4px;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:\[\&\.leave_\*\]\:\[animation-duration\:0s\]\!.leave * {
      animation-duration: 0s !important;
    }
  }
  .\[\&\.narrow\]\:grid-cols-\[1fr\].narrow {
    grid-template-columns: 1fr;
  }
  .\[\&\.nav-drag\]\:rounded-\[9px\].nav-drag {
    border-radius: 9px;
  }
  .\[\&\.nav-drag\]\:bg-surface.nav-drag {
    background-color: var(--surface);
  }
  .\[\&\.nav-drag\]\:\[box-shadow\:0_8px_24px_rgba\(0\,0\,0\,\.18\)\].nav-drag {
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
  }
  .\[\&\.nav-ghost\]\:opacity-\[\.35\].nav-ghost {
    opacity: .35;
  }
  .\[\&\.no-orb\]\:justify-items-center.no-orb {
    justify-items: center;
  }
  .\[\&\.no-orb\]\:p-\[24px\].no-orb {
    padding: 24px;
  }
  .\[\&\.off\]\:hidden.off {
    display: none;
  }
  .\[\&\.over\]\:\[mask-image\:linear-gradient\(to_bottom\,\#000_calc\(100\%_-_24px\)\,transparent\)\].over {
    mask-image: linear-gradient(to bottom,#000 calc(100% - 24px),transparent);
  }
  .\[\&\.over\]\:\[-webkit-mask-image\:linear-gradient\(to_bottom\,\#000_calc\(100\%_-_24px\)\,transparent\)\].over {
    -webkit-mask-image: linear-gradient(to bottom,#000 calc(100% - 24px),transparent);
  }
  .\[\&\:-webkit-autofill\]\:\[box-shadow\:0_0_0_40px_\#141b1a_inset\]:-webkit-autofill {
    box-shadow: 0 0 0 40px #141b1a inset;
  }
  .\[\&\:-webkit-autofill\]\:\[-webkit-text-fill-color\:\#eef3f1\]:-webkit-autofill {
    -webkit-text-fill-color: #eef3f1;
  }
  .\[\&\:-webkit-autofill\]\:\[transition\:background-color_9999s\]:-webkit-autofill {
    transition: background-color 9999s;
  }
  .\[\&\:\:-moz-color-swatch\]\:rounded-\[2px\]::-moz-color-swatch {
    border-radius: 2px;
  }
  .\[\&\:\:-moz-color-swatch\]\:\[border\:0\]::-moz-color-swatch {
    border: 0;
  }
  .\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator {
    display: none;
  }
  .\[\&\:\:-webkit-color-swatch\]\:rounded-\[2px\]::-webkit-color-swatch {
    border-radius: 2px;
  }
  .\[\&\:\:-webkit-color-swatch\]\:\[border\:0\]::-webkit-color-swatch {
    border: 0;
  }
  .\[\&\:\:-webkit-color-swatch-wrapper\]\:p-0::-webkit-color-swatch-wrapper {
    padding: 0px;
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }
  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
    appearance: none;
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }
  @media (max-width: 820px) {
    .narrow\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
      display: none;
    }
  }
  .\[\&\:fullscreen\]\:rounded-none:fullscreen {
    border-radius: 0;
  }
  .\[\&\:fullscreen\]\:border-0:fullscreen {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .\[\&\:fullscreen\]\:bg-bg:fullscreen {
    background-color: var(--bg);
  }
  .ch-dot\:\[\&\:has\(\>\.ch-side-bottom\)\]\:\[background\:linear-gradient\(var\(--t-grad\)\,\#fff\)_top\/100\%_40px_no-repeat\,linear-gradient\(to_top\,var\(--t-grad\)\,\#fff\)_bottom\/100\%_40px_no-repeat\,var\(--t-dots\)\,radial-gradient\(circle_at_50\%_15\%\,var\(--t-glow\)_0\%\,\#fff_75\%\)\]:is(.main.character-page[data-ch-theme=dot] *):has( > .ch-side-bottom) {
    background: linear-gradient(var(--t-grad),#fff) top/100% 40px no-repeat,linear-gradient(to top,var(--t-grad),#fff) bottom/100% 40px no-repeat,var(--t-dots),radial-gradient(circle at 50% 15%,var(--t-glow) 0%,#fff 75%);
  }
  .\[\&\:hover\:not\(\:disabled\)\]\:\[border-color\:var\(--pc-accent\)\]:hover:not(:disabled) {
    border-color: var(--pc-accent);
  }
  .\[\&\:hover\:not\(\:disabled\)\]\:bg-accent-soft:hover:not(:disabled) {
    background-color: var(--accent-soft);
  }
  .\[\&\:hover\:not\(\:disabled\)\]\:bg-surface-2:hover:not(:disabled) {
    background-color: var(--surface-2);
  }
  .\[\&\:hover\:not\(\:disabled\)\]\:text-accent-ink:hover:not(:disabled) {
    color: var(--accent-ink);
  }
  .\[\&\:hover\:not\(\:focus\)\]\:border-\[rgb\(255_255_255\/\.16\)\]:hover:not(:focus) {
    border-color: rgb(255 255 255/.16);
  }
  .\[\&\:is\(\:focus\,\:focus-visible\)\]\:text-\[15px\]:is(:focus, :focus-visible) {
    font-size: 15px;
  }
  .\[\&\:is\(\:focus\,\:focus-visible\)\]\:text-ink:is(:focus, :focus-visible) {
    color: var(--ink);
  }
  .\[\&\:is\(\:focus\,\:focus-visible\)\]\:\[background\:none\]:is(:focus, :focus-visible) {
    background: none;
  }
  .\[\&\:is\(\:focus\,\:focus-visible\)\]\:\[border\:0\]:is(:focus, :focus-visible) {
    border: 0;
  }
  .\[\&\:is\(\[data-ch-theme\=dot\]\,\[data-ch-theme\=pop\]\,\[data-ch-theme\=line\]\)\]\:\[font-family\:var\(--t-font\)\]:is([data-ch-theme=dot], [data-ch-theme=pop], [data-ch-theme=line]) {
    font-family: var(--t-font);
  }
  @media (prefers-color-scheme: dark) {
    .\[\&\:is\(\[data-ch-theme\=soft\]\,\[data-ch-theme\=glass\]\)\]\:dark\:\[color-scheme\:dark\]:is([data-ch-theme=soft], [data-ch-theme=glass]):where(:root:not([data-theme=light]) *) {
      color-scheme: dark;
    }
  }
  .\[\&\:is\(\[data-ch-theme\=soft\]\,\[data-ch-theme\=glass\]\)\]\:dark\:\[color-scheme\:dark\]:is([data-ch-theme=soft], [data-ch-theme=glass]):where(:root[data-theme=dark] *) {
    color-scheme: dark;
  }
  .\[\&\:is\(\[data-ch-theme\=soft\]\,\[data-ch-theme\=glass\]\,\[data-ch-theme\=dot\]\)\]\:selection\:\[color\:var\(--t-ink\)\]:is([data-ch-theme=soft], [data-ch-theme=glass], [data-ch-theme=dot]) ::selection {
    color: var(--t-ink);
  }
  .\[\&\:is\(\[data-ch-theme\=soft\]\,\[data-ch-theme\=glass\]\,\[data-ch-theme\=dot\]\)\]\:selection\:\[color\:var\(--t-ink\)\]:is([data-ch-theme=soft], [data-ch-theme=glass], [data-ch-theme=dot])::selection {
    color: var(--t-ink);
  }
  .\[\&\:is\(\[data-ch-theme\=soft\]\,\[data-ch-theme\=glass\]\,\[data-ch-theme\=dot\]\)\]\:selection\:\[background\:var\(--t-accent-soft\)\]:is([data-ch-theme=soft], [data-ch-theme=glass], [data-ch-theme=dot]) ::selection {
    background: var(--t-accent-soft);
  }
  .\[\&\:is\(\[data-ch-theme\=soft\]\,\[data-ch-theme\=glass\]\,\[data-ch-theme\=dot\]\)\]\:selection\:\[background\:var\(--t-accent-soft\)\]:is([data-ch-theme=soft], [data-ch-theme=glass], [data-ch-theme=dot])::selection {
    background: var(--t-accent-soft);
  }
  @media (max-width: 820px) {
    .narrow\:\[\&\:is\(\[data-ch-theme\=soft\]\,\[data-ch-theme\=glass\]\,\[data-ch-theme\=pop\]\)\]\:pt-\[60px\]:is([data-ch-theme=soft], [data-ch-theme=glass], [data-ch-theme=pop]) {
      padding-top: 60px;
    }
    .narrow\:\[\&\:last-child\]\:\[grid-column\:1\/-1\]\!:last-child {
      grid-column: 1/-1 !important;
    }
  }
  .\[\&\:not\(\:disabled\)\]\:hover\:\[border-color\:\#3b6662\]:not(:disabled):hover {
    border-color: #3b6662;
  }
  .\[\&\:not\(\:disabled\)\]\:hover\:\[border-color\:var\(--t-accent\)\]:not(:disabled):hover {
    border-color: var(--t-accent);
  }
  .\[\&\:not\(\:disabled\)\]\:hover\:\[color\:var\(--t-accent-ink\)\]:not(:disabled):hover {
    color: var(--t-accent-ink);
  }
  .\[\&\:not\(\:disabled\)\]\:hover\:text-\[\#a4e3d7\]:not(:disabled):hover {
    color: #a4e3d7;
  }
  .\[\&\:not\(\:disabled\)\]\:hover\:\[filter\:brightness\(1\.1\)\]:not(:disabled):hover {
    filter: brightness(1.1);
  }
  .\[\&\:not\(\:disabled\)\]\:hover\:\[background\:\#12262a\]:not(:disabled):hover {
    background: #12262a;
  }
  .\[\&\:not\(\:disabled\)\]\:hover\:\[background\:\#193431\]:not(:disabled):hover {
    background: #193431;
  }
  .\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-accent-soft\)\]:not(:disabled):hover {
    background: var(--t-accent-soft);
  }
  .\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-hover\)\]:not(:disabled):hover {
    background: var(--t-hover);
  }
  .aria-pressed\:\[\&\:not\(\:disabled\)\]\:hover\:\[color\:var\(--t-on-accent\)\][aria-pressed="true"]:not(:disabled):hover {
    color: var(--t-on-accent);
  }
  .ch-themed\:\[\&\:not\(\:disabled\)\]\:hover\:\[border-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme] *):not(:disabled):hover {
    border-color: var(--t-edge-2);
  }
  .ch-themed\:\[\&\:not\(\:disabled\)\]\:hover\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme] *):not(:disabled):hover {
    color: var(--t-accent-ink);
  }
  .ch-themed\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-accent-soft\)\]:is(.main.character-page[data-ch-theme] *):not(:disabled):hover {
    background: var(--t-accent-soft);
  }
  .ch-themed\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-hover\)\]:is(.main.character-page[data-ch-theme] *):not(:disabled):hover {
    background: var(--t-hover);
  }
  .ch-themed\:aria-pressed\:\[\&\:not\(\:disabled\)\]\:hover\:\[border-color\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *)[aria-pressed="true"]:not(:disabled):hover {
    border-color: var(--t-accent);
  }
  .ch-themed\:aria-pressed\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme] *)[aria-pressed="true"]:not(:disabled):hover {
    background: var(--t-accent);
  }
  .ch-soft\:\[\&\:not\(\:disabled\)\]\:hover\:\[border-color\:transparent\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):not(:disabled):hover {
    border-color: transparent;
  }
  .ch-soft\:\[\&\:not\(\:disabled\)\]\:hover\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):not(:disabled):hover {
    color: var(--t-accent-ink);
  }
  .ch-soft\:\[\&\:not\(\:disabled\)\]\:hover\:\[box-shadow\:inset_0_0_0_1px_var\(--t-edge-2\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):not(:disabled):hover {
    box-shadow: inset 0 0 0 1px var(--t-edge-2);
  }
  .ch-soft\:\[\&\:not\(\:disabled\)\]\:hover\:\[box-shadow\:var\(--t-out-sm\)\,inset_0_0_0_1px_color-mix\(in_srgb\,var\(--t-accent\)_45\%\,transparent\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):not(:disabled):hover {
    box-shadow: var(--t-out-sm),inset 0 0 0 1px var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: var(--t-out-sm),inset 0 0 0 1px color-mix(in srgb,var(--t-accent) 45%,transparent);
    }
  }
  .ch-soft\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:transparent\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):not(:disabled):hover {
    background: transparent;
  }
  .ch-soft\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-bg\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):not(:disabled):hover {
    background: var(--t-bg);
  }
  .ch-soft\:\[\&\:not\(\:disabled\)\]\:active\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):not(:disabled):active {
    color: var(--t-accent-ink);
  }
  .ch-soft\:\[\&\:not\(\:disabled\)\]\:active\:\[box-shadow\:var\(--t-in\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):not(:disabled):active {
    box-shadow: var(--t-in);
  }
  .ch-soft\:\[\&\:not\(\:disabled\)\]\:active\:\[background\:var\(--t-bg\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):not(:disabled):active {
    background: var(--t-bg);
  }
  .ch-soft\:\[\&\:not\(\:disabled\)\]\:active\:hover\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):not(:disabled):active:hover {
    color: var(--t-accent-ink);
  }
  .ch-soft\:\[\&\:not\(\:disabled\)\]\:active\:hover\:\[background\:var\(--t-bg\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *):not(:disabled):active:hover {
    background: var(--t-bg);
  }
  .ch-soft\:aria-pressed\:\[\&\:not\(\:disabled\)\]\:hover\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"]:not(:disabled):hover {
    color: var(--t-accent-ink);
  }
  .ch-soft\:aria-pressed\:\[\&\:not\(\:disabled\)\]\:hover\:\[box-shadow\:inset_2px_2px_5px_rgba\(0\,0\,0\,\.22\)\,inset_-2px_-2px_5px_rgba\(255\,255\,255\,\.2\)\,0_0_0_1px_color-mix\(in_srgb\,var\(--t-accent\)_45\%\,transparent\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"]:not(:disabled):hover {
    box-shadow: inset 2px 2px 5px rgba(0,0,0,.22),inset -2px -2px 5px rgba(255,255,255,.2),0 0 0 1px var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 2px 2px 5px rgba(0,0,0,.22),inset -2px -2px 5px rgba(255,255,255,.2),0 0 0 1px color-mix(in srgb,var(--t-accent) 45%,transparent);
    }
  }
  .ch-soft\:aria-pressed\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-bg\)\]:is(.main.character-page:is([data-ch-theme=soft], [data-ch-theme=glass]) *)[aria-pressed="true"]:not(:disabled):hover {
    background: var(--t-bg);
  }
  .ch-dot\:\[\&\:not\(\:disabled\)\]\:hover\:\[border-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *):not(:disabled):hover {
    border-color: var(--t-edge-2);
  }
  .ch-dot\:\[\&\:not\(\:disabled\)\]\:hover\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=dot] *):not(:disabled):hover {
    color: var(--t-ink);
  }
  .ch-dot\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *):not(:disabled):hover {
    background: var(--t-edge-2);
  }
  .ch-dot\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-hover\)\]:is(.main.character-page[data-ch-theme=dot] *):not(:disabled):hover {
    background: var(--t-hover);
  }
  .ch-dot\:\[\&\:not\(\:disabled\)\]\:active\:\[transform\:scale\(\.94\)\]:is(.main.character-page[data-ch-theme=dot] *):not(:disabled):active {
    transform: scale(.94);
  }
  .ch-pop\:\[\&\:not\(\:disabled\)\]\:hover\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):not(:disabled):hover {
    border-color: var(--t-ink);
  }
  .ch-pop\:\[\&\:not\(\:disabled\)\]\:hover\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):not(:disabled):hover {
    color: var(--t-ink);
  }
  .ch-pop\:\[\&\:not\(\:disabled\)\]\:hover\:\[filter\:brightness\(1\.05\)\]:is(.main.character-page[data-ch-theme=pop] *):not(:disabled):hover {
    filter: brightness(1.05);
  }
  .ch-pop\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=pop] *):not(:disabled):hover {
    background: var(--t-accent);
  }
  .ch-pop\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-hover\)\]:is(.main.character-page[data-ch-theme=pop] *):not(:disabled):hover {
    background: var(--t-hover);
  }
  .ch-pop\:\[\&\:not\(\:disabled\)\]\:active\:\[transform\:translate\(3px\,3px\)\]:is(.main.character-page[data-ch-theme=pop] *):not(:disabled):active {
    transform: translate(3px,3px);
  }
  .ch-pop\:\[\&\:not\(\:disabled\)\]\:active\:\[box-shadow\:0_0_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *):not(:disabled):active {
    box-shadow: 0 0 0 var(--t-ink);
  }
  .ch-pop\:aria-pressed\:\[\&\:not\(\:disabled\)\]\:hover\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"]:not(:disabled):hover {
    border-color: var(--t-ink);
  }
  .ch-pop\:aria-pressed\:\[\&\:not\(\:disabled\)\]\:hover\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"]:not(:disabled):hover {
    color: var(--t-ink);
  }
  .ch-pop\:aria-pressed\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-pop\)\]:is(.main.character-page[data-ch-theme=pop] *)[aria-pressed="true"]:not(:disabled):hover {
    background: var(--t-pop);
  }
  .ch-line\:\[\&\:not\(\:disabled\)\]\:hover\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):not(:disabled):hover {
    border-color: var(--t-ink);
  }
  .ch-line\:\[\&\:not\(\:disabled\)\]\:hover\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *):not(:disabled):hover {
    color: #fff;
  }
  .ch-line\:\[\&\:not\(\:disabled\)\]\:hover\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):not(:disabled):hover {
    color: var(--t-ink);
  }
  .ch-line\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:\#333\]:is(.main.character-page[data-ch-theme=line] *):not(:disabled):hover {
    background: #333;
  }
  .ch-line\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-hover\)\]:is(.main.character-page[data-ch-theme=line] *):not(:disabled):hover {
    background: var(--t-hover);
  }
  .ch-line\:\[\&\:not\(\:disabled\)\]\:active\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *):not(:disabled):active {
    color: #fff;
  }
  .ch-line\:\[\&\:not\(\:disabled\)\]\:active\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):not(:disabled):active {
    background: var(--t-ink);
  }
  .ch-line\:\[\&\:not\(\:disabled\)\]\:active\:hover\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *):not(:disabled):active:hover {
    color: #fff;
  }
  .ch-line\:\[\&\:not\(\:disabled\)\]\:active\:hover\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):not(:disabled):active:hover {
    background: var(--t-ink);
  }
  .ch-line\:aria-pressed\:\[\&\:not\(\:disabled\)\]\:hover\:\[border-color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"]:not(:disabled):hover {
    border-color: var(--t-ink);
  }
  .ch-line\:aria-pressed\:\[\&\:not\(\:disabled\)\]\:hover\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"]:not(:disabled):hover {
    color: #fff;
  }
  .ch-line\:aria-pressed\:\[\&\:not\(\:disabled\)\]\:hover\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[aria-pressed="true"]:not(:disabled):hover {
    background: var(--t-ink);
  }
  .\[\&\:not\(\:disabled\)\]\:hover\:\[\&\]\:\[color\:var\(--t-danger\)\]:not(:disabled):hover {
    color: var(--t-danger);
  }
  .ch-line\:\[\&\:not\(\:empty\)\]\:rounded-\[50\%\]:is(.main.character-page[data-ch-theme=line] *):not(:empty) {
    border-radius: 50%;
  }
  .ch-line\:\[\&\:not\(\:empty\)\]\:p-\[0_9px\]:is(.main.character-page[data-ch-theme=line] *):not(:empty) {
    padding: 0 9px;
  }
  .ch-line\:\[\&\:not\(\:empty\)\]\:font-\[700\]:is(.main.character-page[data-ch-theme=line] *):not(:empty) {
    --tw-font-weight: 700;
    font-weight: 700;
  }
  .ch-line\:\[\&\:not\(\:empty\)\]\:\[color\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):not(:empty) {
    color: var(--t-ink);
  }
  .ch-line\:\[\&\:not\(\:empty\)\]\:\[border\:1\.4px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *):not(:empty) {
    border: 1.4px solid var(--t-ink);
  }
  @container goal (width < 240px) {
    .\@max-\[240px\]\/goal\:\[\&\:not\(\:first-child\)\]\:mt-\[6px\]:not(:first-child) {
      margin-top: 6px;
    }
  }
  .\[\&\>\*\]\:pointer-events-auto > * {
    pointer-events: auto;
  }
  .\[\&\>\*\]\:min-h-0 > * {
    min-height: 0px;
  }
  .\[\&\>\*\]\:min-w-0 > * {
    min-width: 0px;
  }
  .\[\&\>\*\]\:flex-1 > * {
    flex: 1;
  }
  .\[\&\>\*\]\:flex-none > * {
    flex: none;
  }
  .\[\&\>\*\]\:shrink-0 > * {
    flex-shrink: 0;
  }
  @media (max-width: 820px) {
    .narrow\:\[\&\>\*\]\:shrink-0 > * {
      flex-shrink: 0;
    }
  }
  .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
    margin-top: 0px;
  }
  .\[\&\>\*\:last-child\>\*\]\:border-b-0 > :last-child > * {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .\[\&\>\*\>\*\:nth-child\(8\)\]\:border-r-0 > * > :nth-child(8) {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .\[\&\>\.ProseMirror\]\:min-h-full > .ProseMirror {
    min-height: 100%;
  }
  .\[\&\>\.cs-i\]\:text-accent-ink > .cs-i {
    color: var(--accent-ink);
  }
  .\[\&\>\.cs-i\]\:text-ok > .cs-i {
    color: var(--ok);
  }
  .\[\&\>\.cs-i\]\:text-warn > .cs-i {
    color: var(--warn);
  }
  .\[\&\>\.orb\]\:m-0 > .orb {
    margin: 0px;
  }
  .\[\&\>\:first-child\]\:mt-0 > :first-child {
    margin-top: 0px;
  }
  .ch-glass\:\[\&\>\:is\(\.ch-fold\,\.ch-controls-body\)\]\:relative:is(.main.character-page.character-page[data-ch-theme=glass] *) > :is(.ch-fold, .ch-controls-body) {
    position: relative;
  }
  .\[\&\>canvas\]\:absolute > canvas {
    position: absolute;
  }
  .\[\&\>canvas\]\:inset-0 > canvas {
    inset: 0px;
  }
  .\[\&\>canvas\]\:z-\[1\] > canvas {
    z-index: 1;
  }
  .\[\&\>canvas\]\:block > canvas {
    display: block;
  }
  .\[\&\>canvas\]\:h-full > canvas {
    height: 100%;
  }
  .\[\&\>canvas\]\:w-full > canvas {
    width: 100%;
  }
  .\[\&\>canvas\]\:cursor-crosshair > canvas {
    cursor: crosshair;
  }
  .\[\&\>canvas\]\:cursor-grab > canvas {
    cursor: grab;
  }
  .\[\&\>canvas\]\:touch-none > canvas {
    touch-action: none;
  }
  .\[\&\>canvas\:active\]\:cursor-grabbing > canvas:active {
    cursor: grabbing;
  }
  .\[\&\>canvas\:focus-visible\]\:\[outline\:1px_solid_var\(--ch-cyan\)\] > canvas:focus-visible {
    outline: 1px solid var(--ch-cyan);
  }
  .\[\&\>canvas\:focus-visible\]\:\[outline\:2px_solid_var\(--pc-accent\)\] > canvas:focus-visible {
    outline: 2px solid var(--pc-accent);
  }
  .\[\&\>canvas\:focus-visible\]\:\[outline-offset\:3px\] > canvas:focus-visible {
    outline-offset: 3px;
  }
  .\[\&\>canvas\:focus-visible\]\:outline-offset-\[-6px\] > canvas:focus-visible {
    outline-offset: -6px;
  }
  .\[\&\>span\]\:absolute > span {
    position: absolute;
  }
  .\[\&\>span\]\:inset-x-0 > span {
    inset-inline: 0px;
  }
  .\[\&\>span\]\:top-\[calc\(50\%\+44px\)\] > span {
    top: calc(50% + 44px);
  }
  .\[\&\>svg\]\:mt-\[3px\] > svg {
    margin-top: 3px;
  }
  .\[\&\>svg\]\:size-\[17px\] > svg {
    width: 17px;
    height: 17px;
  }
  .\[\&\>svg\]\:flex-none > svg {
    flex: none;
  }
  .\[\&\[hidden\]\]\:hidden[hidden] {
    display: none;
  }
  .ch-dot\:\[\&\[name\=title\]\]\:rounded-none:is(.main.character-page[data-ch-theme=dot] *)[name=title] {
    border-radius: 0;
  }
  .ch-dot\:\[\&\[name\=title\]\]\:\[border-width\:0_0_2px_0\]:is(.main.character-page[data-ch-theme=dot] *)[name=title] {
    border-width: 0 0 2px 0;
  }
  .ch-dot\:\[\&\[name\=title\]\]\:\[border-style\:none_none_solid_none\]:is(.main.character-page[data-ch-theme=dot] *)[name=title] {
    border-style: none none solid none;
  }
  .ch-dot\:\[\&\[name\=title\]\]\:\[border-color\:currentcolor_currentcolor_var\(--t-accent\)_currentcolor\]:is(.main.character-page[data-ch-theme=dot] *)[name=title] {
    border-color: currentcolor currentcolor var(--t-accent) currentcolor;
  }
  .ch-dot\:\[\&\[name\=title\]\]\:text-center:is(.main.character-page[data-ch-theme=dot] *)[name=title] {
    text-align: center;
  }
  .ch-dot\:\[\&\[name\=title\]\]\:\[background\:color-mix\(in_srgb\,var\(--t-accent\)_8\%\,\#fff\)\]:is(.main.character-page[data-ch-theme=dot] *)[name=title] {
    background: var(--t-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb,var(--t-accent) 8%,#fff);
    }
  }
  .ch-dot\:\[\&\[name\=title\]\]\:focus\:\[border-bottom-color\:var\(--t-edge-2\)\]:is(.main.character-page[data-ch-theme=dot] *)[name=title]:focus {
    border-bottom-color: var(--t-edge-2);
  }
  .ch-dot\:\[\&\[name\=title\]\]\:focus\:\[box-shadow\:none\]:is(.main.character-page[data-ch-theme=dot] *)[name=title]:focus {
    box-shadow: none;
  }
  .ch-line\:\[\&\[name\=title\]\]\:\[border-width\:0_0_2px_0\]:is(.main.character-page[data-ch-theme=line] *)[name=title] {
    border-width: 0 0 2px 0;
  }
  .ch-line\:\[\&\[name\=title\]\]\:\[border-style\:none_none_solid_none\]:is(.main.character-page[data-ch-theme=line] *)[name=title] {
    border-style: none none solid none;
  }
  .ch-line\:\[\&\[name\=title\]\]\:\[border-color\:currentcolor_currentcolor_var\(--t-ink\)_currentcolor\]:is(.main.character-page[data-ch-theme=line] *)[name=title] {
    border-color: currentcolor currentcolor var(--t-ink) currentcolor;
  }
  .ch-line\:\[\&\[name\=title\]\]\:pl-0:is(.main.character-page[data-ch-theme=line] *)[name=title] {
    padding-left: 0px;
  }
  .ch-line\:\[\&\[name\=title\]\]\:font-\[800\]:is(.main.character-page[data-ch-theme=line] *)[name=title] {
    --tw-font-weight: 800;
    font-weight: 800;
  }
  .ch-line\:\[\&\[name\=title\]\]\:focus\:\[box-shadow\:0_1px_0_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *)[name=title]:focus {
    box-shadow: 0 1px 0 var(--t-ink);
  }
  .\[\&\[open\]\]\:flex[open] {
    display: flex;
  }
  .\[\&\[open\]\]\:flex-col[open] {
    flex-direction: column;
  }
  .\[\&\[readonly\]\]\:opacity-\[\.7\][readonly] {
    opacity: .7;
  }
  @media (min-width: 821px) {
    .app.rail .wide\:\[\.app\.rail_\&\]\:fixed {
      position: fixed;
    }
    .app.rail .wide\:\[\.app\.rail_\&\]\:left-0 {
      left: 0px;
    }
    .app.rail .wide\:\[\.app\.rail_\&\]\:z-20 {
      z-index: 20;
    }
    .app.rail .wide\:\[\.app\.rail_\&\]\:mt-0 {
      margin-top: 0px;
    }
    .app.rail .wide\:\[\.app\.rail_\&\]\:w-\[var\(--rail-w\)\] {
      width: var(--rail-w);
    }
    .app.rail .wide\:\[\.app\.rail_\&\]\:\[transition\:width_\.26s_cubic-bezier\(\.22\,\.61\,\.36\,1\)\,box-shadow_\.26s\] {
      transition: width .26s cubic-bezier(.22,.61,.36,1),box-shadow .26s;
    }
    .app.rail .wide\:\[\.app\.rail_\&\:is\(\:hover\,\:has\(\:focus-visible\)\,\.dragging\)\]\:w-\[calc\(var\(--side-w\)_-_8px\)\]:is(:hover, :has(:focus-visible), .dragging) {
      width: calc(var(--side-w) - 8px);
    }
    .app.rail .wide\:\[\.app\.rail_\&\:is\(\:hover\,\:has\(\:focus-visible\)\,\.dragging\)\]\:\[transition-delay\:\.08s\]:is(:hover, :has(:focus-visible), .dragging) {
      transition-delay: .08s;
    }
    .app.rail .wide\:\[\.app\.rail_\&\:is\(\:hover\,\:has\(\:focus-visible\)\,\.dragging\)\]\:\[--glass-bg\:var\(--glass-bg-strong\)\]:is(:hover, :has(:focus-visible), .dragging) {
      --glass-bg: var(--glass-bg-strong);
    }
    .app.rail .wide\:\[\.app\.rail_\&\:is\(\:hover\,\:has\(\:focus-visible\)\,\.dragging\)\]\:\[--glass-blur\:20px\]:is(:hover, :has(:focus-visible), .dragging) {
      --glass-blur: 20px;
    }
    .app.rail .wide\:\[\.app\.rail_\&\:is\(\:hover\,\:has\(\:focus-visible\)\,\.dragging\)\]\:\[--glass-shadow\:0_16px_44px_rgba\(0\,0\,0\,\.16\)\]:is(:hover, :has(:focus-visible), .dragging) {
      --glass-shadow: 0 16px 44px rgba(0,0,0,.16);
    }
    .app.rail .side:not(:hover):not(:has(:focus-visible)):not(.dragging) .wide\:\[\.app\.rail_\.side\:not\(\:hover\)\:not\(\:has\(\:focus-visible\)\)\:not\(\.dragging\)_\&\]\:pointer-events-none {
      pointer-events: none;
    }
    .app.rail .side:not(:hover):not(:has(:focus-visible)):not(.dragging) .wide\:\[\.app\.rail_\.side\:not\(\:hover\)\:not\(\:has\(\:focus-visible\)\)\:not\(\.dragging\)_\&\]\:ml-\[-1px\] {
      margin-left: -1px;
    }
    .app.rail .side:not(:hover):not(:has(:focus-visible)):not(.dragging) .wide\:\[\.app\.rail_\.side\:not\(\:hover\)\:not\(\:has\(\:focus-visible\)\)\:not\(\.dragging\)_\&\]\:border-transparent {
      border-color: transparent;
    }
    .app.rail .side:not(:hover):not(:has(:focus-visible)):not(.dragging) .wide\:\[\.app\.rail_\.side\:not\(\:hover\)\:not\(\:has\(\:focus-visible\)\)\:not\(\.dragging\)_\&\]\:border-l-transparent {
      border-left-color: transparent;
    }
    .app.rail .side:not(:hover):not(:has(:focus-visible)):not(.dragging) .wide\:\[\.app\.rail_\.side\:not\(\:hover\)\:not\(\:has\(\:focus-visible\)\)\:not\(\.dragging\)_\&\]\:bg-transparent {
      background-color: transparent;
    }
    .app.rail .side:not(:hover):not(:has(:focus-visible)):not(.dragging) .wide\:\[\.app\.rail_\.side\:not\(\:hover\)\:not\(\:has\(\:focus-visible\)\)\:not\(\.dragging\)_\&\]\:pl-0 {
      padding-left: 0px;
    }
    .app.rail .side:not(:hover):not(:has(:focus-visible)):not(.dragging) .wide\:\[\.app\.rail_\.side\:not\(\:hover\)\:not\(\:has\(\:focus-visible\)\)\:not\(\.dragging\)_\&\]\:opacity-0 {
      opacity: 0%;
    }
    .app.rail .side:not(:hover):not(:has(:focus-visible)):not(.dragging) .wide\:\[\.app\.rail_\.side\:not\(\:hover\)\:not\(\:has\(\:focus-visible\)\)\:not\(\.dragging\)_\&\]\:\[transition-delay\:0s\] {
      transition-delay: 0s;
    }
    .app.rail .side:not(:hover):not(:has(:focus-visible)):not(.dragging) .wide\:\[\.app\.rail_\.side\:not\(\:hover\)\:not\(\:has\(\:focus-visible\)\)\:not\(\.dragging\)_\&\]\:\[transition-duration\:\.1s\] {
      transition-duration: .1s;
    }
    .app.rail .side:not(:hover):not(:has(:focus-visible)):not(.dragging) .wide\:\[\.app\.rail_\.side\:not\(\:hover\)\:not\(\:has\(\:focus-visible\)\)\:not\(\.dragging\)_\&\]\:before\:opacity-100::before {
      content: var(--tw-content);
      opacity: 100%;
    }
  }
  @media (max-width: 820px) {
    .app:has(.side.away) .narrow\:\[\.app\:has\(\.side\.away\)_\&\]\:\[translate\:0_-90px\] {
      translate: 0 -90px;
    }
  }
  .app:has( > .main.character-page) .\[\.app\:has\(\>\.main\.character-page\)_\&\]\:hidden {
    display: none;
  }
  .app:has( > .main.home) .\[\.app\:has\(\>\.main\.home\)_\&\]\:hidden {
    display: none;
  }
  .ch-rm-scroll:not(.is-panning) .\[\.ch-rm-scroll\:not\(\.is-panning\)_\&\]\:cursor-pointer {
    cursor: pointer;
  }
  .character-page:has(#ch-body-panel[data-sheet]) .\[\.character-page\:has\(\#ch-body-panel\[data-sheet\]\)_\&\]\:invisible {
    visibility: hidden;
  }
  .is-goal-open .\[\.is-goal-open_\&\]\:hidden {
    display: none;
  }
  .is-look-open .\[\.is-look-open_\&\:has\(\.ch-look-panel\)\]\:z-\[40\]:has(.ch-look-panel) {
    z-index: 40;
  }
  .is-look-push .\[\.is-look-push_\&\]\:\[grid-template-columns\:minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)_minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,1fr);
  }
  .is-look-sheet .\[\.is-look-sheet_\&\]\:scroll-mt-\[calc\(var\(--quick-h\,0px\)\+8px\)\] {
    scroll-margin-top: calc(var(--quick-h,0px) + 8px);
  }
  .is-sized > .\[\.is-sized\>\&\]\:max-h-none {
    max-height: none;
  }
  .is-sized > .\[\.is-sized\>\&\]\:min-h-0 {
    min-height: 0px;
  }
  .is-sized > .\[\.is-sized\>\&\]\:flex-1 {
    flex: 1;
  }
  .is-sized > .\[\.is-sized\>\&\]\:auto-rows-\[minmax\(0\,1fr\)\] {
    grid-auto-rows: minmax(0,1fr);
  }
  .is-today > .\[\.is-today\>\&\]\:\[color\:var\(--ch-cyan\)\] {
    color: var(--ch-cyan);
  }
  .is-today > .ch-themed\:\[\.is-today\>\&\]\:\[color\:var\(--t-accent-ink\)\]:is(.main.character-page[data-ch-theme] *) {
    color: var(--t-accent-ink);
  }
  .is-today > .ch-pop\:\[\.is-today\>\&\]\:rounded-\[3px\]:is(.main.character-page[data-ch-theme=pop] *) {
    border-radius: 3px;
  }
  .is-today > .ch-pop\:\[\.is-today\>\&\]\:p-\[0_3px\]:is(.main.character-page[data-ch-theme=pop] *) {
    padding: 0 3px;
  }
  .is-today > .ch-pop\:\[\.is-today\>\&\]\:\[background\:var\(--t-accent\)\]:is(.main.character-page[data-ch-theme=pop] *) {
    background: var(--t-accent);
  }
  .is-today > .ch-line\:\[\.is-today\>\&\]\:p-\[0_3px\]:is(.main.character-page[data-ch-theme=line] *) {
    padding: 0 3px;
  }
  .is-today > .ch-line\:\[\.is-today\>\&\]\:\[color\:\#fff\]:is(.main.character-page[data-ch-theme=line] *) {
    color: #fff;
  }
  .is-today > .ch-line\:\[\.is-today\>\&\]\:\[background\:var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    background: var(--t-ink);
  }
  .model-combined-business + .\[\.model-combined-business\+\&\]\:border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .model-combined-business + .\[\.model-combined-business\+\&\]\:border-t-line {
    border-top-color: var(--line);
  }
  @media (max-width: 820px) {
    .model-combined-business + .narrow\:\[\.model-combined-business\+\&\]\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    .model-combined-business + .narrow\:\[\.model-combined-business\+\&\]\:border-t-line {
      border-top-color: var(--line);
    }
  }
  .model-reading-card + .\[\.model-reading-card\+\&\]\:border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .model-reading-card + .\[\.model-reading-card\+\&\]\:border-t-line {
    border-top-color: var(--line);
  }
  .model-reading-card + .\[\.model-reading-card\+\&\]\:pt-\[20px\] {
    padding-top: 20px;
  }
  .model-workspace.is-focus-mode .\[\.model-workspace\.is-focus-mode_\&\]\:hidden {
    display: none;
  }
  .nav-row:hover .\[\.nav-row\:hover_\&\]\:opacity-100 {
    opacity: 100%;
  }
  .nav-row:hover .\[\.nav-row\:hover_\&\]\:opacity-\[\.75\] {
    opacity: .75;
  }
  .pay.mini .\[\.pay\.mini_\&\]\:hidden {
    display: none;
  }
  .pay.mini .\[\.pay\.mini_\&\]\:gap-y-\[1px\] {
    row-gap: 1px;
  }
  .pay.mini .\[\.pay\.mini_\&\]\:text-\[10px\] {
    font-size: 10px;
  }
  .pay.mini .\[\.pay\.mini_\&\:not\(\.key\)\]\:hidden:not(.key) {
    display: none;
  }
  .pay.narrow .\[\.pay\.narrow_\&\]\:text-\[20px\] {
    font-size: 20px;
  }
  .side:hover .\[\.side\:hover_\&\]\:opacity-100 {
    opacity: 100%;
  }
  .tri.enter:not(.leave) .\[\.tri\.enter\:not\(\.leave\)_\&\]\:animate-\[fadeIn_\.6s\] {
    animation: fadeIn .6s;
  }
  .tri.enter:not(.leave) + .\[\.tri\.enter\:not\(\.leave\)\+\&\]\:animate-\[fadeIn_\.6s\] {
    animation: fadeIn .6s;
  }
  .tri.enter:not(.leave):not(.glass-ready) .\[\.tri\.enter\:not\(\.leave\)\:not\(\.glass-ready\)_\&\]\:animate-\[fadeIn_\.6s\] {
    animation: fadeIn .6s;
  }
  .tri.enter:not(.leave) ~ .\[\.tri\.enter\:not\(\.leave\)\~\&\]\:animate-\[fadeIn_\.6s\] {
    animation: fadeIn .6s;
  }
  .tri.glass-bare .\[\.tri\.glass-bare_\&\]\:invisible {
    visibility: hidden;
  }
  .tri.glass-bare .\[\.tri\.glass-bare_\&\]\:opacity-0 {
    opacity: 0%;
  }
  .tri.glass-bare:not(.glass-ready) .\[\.tri\.glass-bare\:not\(\.glass-ready\)_\&\]\:opacity-0 {
    opacity: 0%;
  }
  .tri.glass-ready .\[\.tri\.glass-ready_\&\]\:pointer-events-none {
    pointer-events: none;
  }
  .tri.glass-ready .\[\.tri\.glass-ready_\&\]\:animate-none {
    animation: none;
  }
  .tri.glass-ready .\[\.tri\.glass-ready_\&\]\:bg-\[color-mix\(in_srgb\,var\(--ee-card\)_58\%\,transparent\)\] {
    background-color: var(--ee-card);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ee-card) 58%,transparent);
    }
  }
  .tri.glass-ready .\[\.tri\.glass-ready_\&\]\:bg-\[rgb\(24_24_24\/\.55\)\] {
    background-color: rgb(24 24 24/.55);
  }
  .tri.glass-ready .\[\.tri\.glass-ready_\&\]\:opacity-0 {
    opacity: 0%;
  }
  .tri.glass-ready .\[\.tri\.glass-ready_\&\]\:opacity-100 {
    opacity: 100%;
  }
  .tri.glass-ready .\[\.tri\.glass-ready_\&\]\:\[box-shadow\:0_0_0_1px_var\(--glass-ring\)\,0_6px_18px_rgb\(0_0_0\/\.08\)\] {
    box-shadow: 0 0 0 1px var(--glass-ring),0 6px 18px rgb(0 0 0/.08);
  }
  .tri.glass-ready .\[\.tri\.glass-ready_\&\]\:\[box-shadow\:inset_0_1px_0_rgb\(255_255_255\/\.1\)\,0_0_0_1px_rgb\(255_255_255\/\.07\)\,0_14px_34px_rgb\(0_0_0\/\.55\)\] {
    box-shadow: inset 0 1px 0 rgb(255 255 255/.1),0 0 0 1px rgb(255 255 255/.07),0 14px 34px rgb(0 0 0/.55);
  }
  .tri.glass-ready .\[\.tri\.glass-ready_\&\]\:\[box-shadow\:inset_0_1px_0_var\(--glass-hi\)\,0_0_0_1px_color-mix\(in_srgb\,var\(--ee-line\)_80\%\,transparent\)\,0_14px_34px_rgb\(20_60_40\/\.09\)\] {
    box-shadow: inset 0 1px 0 var(--glass-hi),0 0 0 1px var(--ee-line),0 14px 34px rgb(20 60 40/.09);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 var(--glass-hi),0 0 0 1px color-mix(in srgb,var(--ee-line) 80%,transparent),0 14px 34px rgb(20 60 40/.09);
    }
  }
  .tri.glass-ready .\[\.tri\.glass-ready_\&\]\:\[backdrop-filter\:blur\(14px\)_saturate\(1\.3\)\] {
    backdrop-filter: blur(14px) saturate(1.3);
  }
  .tri.glass-ready .\[\.tri\.glass-ready_\&\]\:\[-webkit-backdrop-filter\:blur\(14px\)_saturate\(1\.3\)\] {
    -webkit-backdrop-filter: blur(14px) saturate(1.3);
  }
  .tri.glass-ready .\[\.tri\.glass-ready_\&\]\:hover\:\[box-shadow\:inset_0_1px_0_rgb\(255_255_255\/\.12\)\,0_0_0_1px_\#5a5a5a\,0_16px_38px_rgb\(0_0_0\/\.7\)\]:hover {
    box-shadow: inset 0 1px 0 rgb(255 255 255/.12),0 0 0 1px #5a5a5a,0 16px 38px rgb(0 0 0/.7);
  }
  .tri.glass-ready .\[\.tri\.glass-ready_\&\]\:hover\:\[box-shadow\:inset_0_1px_0_var\(--glass-hi\)\,0_0_0_1px_var\(--ee-accent\)\,0_16px_38px_rgb\(20_60_40\/\.14\)\]:hover {
    box-shadow: inset 0 1px 0 var(--glass-hi),0 0 0 1px var(--ee-accent),0 16px 38px rgb(20 60 40/.14);
  }
  .tri.glass-ready.leave .\[\.tri\.glass-ready\.leave_\&\]\:opacity-0 {
    opacity: 0%;
  }
  .tri.glass-ready.leave .\[\.tri\.glass-ready\.leave_\&\]\:opacity-100 {
    opacity: 100%;
  }
  .tri.glass-ready.leave .\[\.tri\.glass-ready\.leave_\&\]\:\[transition-duration\:\.35s\] {
    transition-duration: .35s;
  }
  .tri.glass-ready:not(.leave) .\[\.tri\.glass-ready\:not\(\.leave\)_\&\]\:opacity-0 {
    opacity: 0%;
  }
  .tri.glass-wait .\[\.tri\.glass-wait_\&\]\:invisible {
    visibility: hidden;
  }
  .tri.glass-wait .\[\.tri\.glass-wait_\&\]\:opacity-0 {
    opacity: 0%;
  }
  .tri.glass-wait:not(.glass-ready) .\[\.tri\.glass-wait\:not\(\.glass-ready\)_\&\]\:opacity-0 {
    opacity: 0%;
  }
  .tri.leave .\[\.tri\.leave_\&\]\:animate-\[fadeOut_\.35s_ease-in-out_forwards\] {
    animation: fadeOut .35s ease-in-out forwards;
  }
  .tri.leave + .\[\.tri\.leave\+\&\]\:animate-\[fadeOut_\.35s_ease-in-out_forwards\] {
    animation: fadeOut .35s ease-in-out forwards;
  }
  .tri.leave:not(.glass-ready) .\[\.tri\.leave\:not\(\.glass-ready\)_\&\]\:animate-\[fadeOut_\.35s_ease-in-out_forwards\] {
    animation: fadeOut .35s ease-in-out forwards;
  }
  .tri.leave ~ .\[\.tri\.leave\~\&\]\:animate-\[fadeOut_\.2s_ease-in_forwards\] {
    animation: fadeOut .2s ease-in forwards;
  }
  .tri.paying .\[\.tri\.paying_\&\]\:pointer-events-none {
    pointer-events: none;
  }
  .tri.paying .\[\.tri\.paying_\&\]\:opacity-0 {
    opacity: 0%;
  }
  .tri.paying .\[\.tri\.paying_\&\]\:\[transition\:opacity_\.18s\] {
    transition: opacity .18s;
  }
  .tri.wsb-on .\[\.tri\.wsb-on_\&\]\:hidden {
    display: none;
  }
  .tri ~ .b2bs .\[\.tri\~\.b2bs_\&\]\:border-\[var\(--glass-line\)\] {
    border-color: var(--glass-line);
  }
  .tri ~ .b2bs .\[\.tri\~\.b2bs_\&\]\:bg-\[var\(--glass-bg\)\] {
    background-color: var(--glass-bg);
  }
  .tri ~ .b2bs .\[\.tri\~\.b2bs_\&\]\:\[box-shadow\:inset_0_1px_0_var\(--glass-hi\)\,inset_0_-1px_0_var\(--glass-lo\)\,var\(--glass-shadow\)\] {
    box-shadow: inset 0 1px 0 var(--glass-hi),inset 0 -1px 0 var(--glass-lo),var(--glass-shadow);
  }
  .tri ~ .b2bs .\[\.tri\~\.b2bs_\&\]\:\[backdrop-filter\:blur\(var\(--glass-blur\)\)_saturate\(1\.3\)\] {
    backdrop-filter: blur(var(--glass-blur)) saturate(1.3);
  }
  .tri ~ .b2bs .\[\.tri\~\.b2bs_\&\]\:\[-webkit-backdrop-filter\:blur\(var\(--glass-blur\)\)_saturate\(1\.3\)\] {
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.3);
  }
  .tri ~ .pay .\[\.tri\~\.pay_\&\]\:border-\[var\(--glass-line\)\] {
    border-color: var(--glass-line);
  }
  .tri ~ .pay .\[\.tri\~\.pay_\&\]\:bg-\[var\(--glass-bg\)\] {
    background-color: var(--glass-bg);
  }
  .tri ~ .pay .\[\.tri\~\.pay_\&\]\:\[box-shadow\:inset_0_1px_0_var\(--glass-hi\)\,inset_0_-1px_0_var\(--glass-lo\)\,var\(--glass-shadow\)\] {
    box-shadow: inset 0 1px 0 var(--glass-hi),inset 0 -1px 0 var(--glass-lo),var(--glass-shadow);
  }
  .tri ~ .pay .\[\.tri\~\.pay_\&\]\:\[backdrop-filter\:blur\(var\(--glass-blur\)\)_saturate\(1\.3\)\] {
    backdrop-filter: blur(var(--glass-blur)) saturate(1.3);
  }
  .tri ~ .pay .\[\.tri\~\.pay_\&\]\:\[-webkit-backdrop-filter\:blur\(var\(--glass-blur\)\)_saturate\(1\.3\)\] {
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.3);
  }
  .tri ~ .wsb .\[\.tri\~\.wsb_\&\]\:border-\[rgb\(255_255_255\/\.1\)\] {
    border-color: rgb(255 255 255/.1);
  }
  .tri ~ .wsb .\[\.tri\~\.wsb_\&\]\:bg-\[rgb\(36_36_38\/\.5\)\] {
    background-color: rgb(36 36 38/.5);
  }
  .tri ~ .wsb .\[\.tri\~\.wsb_\&\]\:\[box-shadow\:inset_0_1px_0_rgb\(255_255_255\/\.12\)\,inset_0_-1px_0_rgb\(255_255_255\/\.03\)\,0_10px_30px_-6px_rgb\(0_0_0\/\.6\)\] {
    box-shadow: inset 0 1px 0 rgb(255 255 255/.12),inset 0 -1px 0 rgb(255 255 255/.03),0 10px 30px -6px rgb(0 0 0/.6);
  }
  .tri ~ .wsb .\[\.tri\~\.wsb_\&\]\:\[backdrop-filter\:blur\(var\(--glass-blur\)\)_saturate\(1\.3\)\] {
    backdrop-filter: blur(var(--glass-blur)) saturate(1.3);
  }
  .tri ~ .wsb .\[\.tri\~\.wsb_\&\]\:\[-webkit-backdrop-filter\:blur\(var\(--glass-blur\)\)_saturate\(1\.3\)\] {
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.3);
  }
  .wsb[data-mode=line] .\[\.wsb\[data-mode\=line\]_\&\]\:flex {
    display: flex;
  }
  .wsb[data-mode=line] .\[\.wsb\[data-mode\=line\]_\&\]\:hidden {
    display: none;
  }
  .wsb[data-mode=short] .\[\.wsb\[data-mode\=short\]_\&\]\:hidden {
    display: none;
  }
  .wsb[data-mode=short] .\[\.wsb\[data-mode\=short\]_\&\]\:gap-\[5px\] {
    gap: 5px;
  }
  .wsb[data-mode=short] .\[\.wsb\[data-mode\=short\]_\&\]\:p-\[7px_11px\] {
    padding: 7px 11px;
  }
  .wsb[data-mode=short] .\[\.wsb\[data-mode\=short\]_\&\]\:text-\[19px\] {
    font-size: 19px;
  }
  :is(button, .ch-rm-open) + .ch-line\:\[\:is\(button\,\.ch-rm-open\)\+\&\]\:\[border-left\:1\.4px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border-left: 1.4px solid var(--t-ink);
  }
  @container (480px<=width<760px) {
    .\[\@container_\(480px\<\=width\<760px\)\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (820px<=width<1040px) {
    .\[\@container_\(820px\<\=width\<1040px\)\]\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .\[\@container_\(820px\<\=width\<1040px\)\]\:grid-cols-\[230px_minmax\(0\,1fr\)\] {
      grid-template-columns: 230px minmax(0,1fr);
    }
  }
  @container (max-width:1000px) {
    .\[\@container_\(max-width\:1000px\)\]\:hidden {
      display: none;
    }
  }
  @container (max-width:185px) {
    .\[\@container_\(max-width\:185px\)\]\:hidden {
      display: none;
    }
    .\[\@container_\(max-width\:185px\)\]\:w-full {
      width: 100%;
    }
    .\[\@container_\(max-width\:185px\)\]\:flex-1 {
      flex: 1;
    }
    .\[\@container_\(max-width\:185px\)\]\:flex-none {
      flex: none;
    }
    .\[\@container_\(max-width\:185px\)\]\:basis-full {
      flex-basis: 100%;
    }
    .\[\@container_\(max-width\:185px\)\]\:grid-cols-\[1fr\] {
      grid-template-columns: 1fr;
    }
    .\[\@container_\(max-width\:185px\)\]\:flex-wrap {
      flex-wrap: wrap;
    }
    .\[\@container_\(max-width\:185px\)\]\:gap-\[3px\] {
      gap: 3px;
    }
    .\[\@container_\(max-width\:185px\)\]\:gap-\[6px\] {
      gap: 6px;
    }
    .\[\@container_\(max-width\:185px\)\]\:gap-y-\[8px\] {
      row-gap: 8px;
    }
    .\[\@container_\(max-width\:185px\)\]\:p-\[6px_5px\] {
      padding: 6px 5px;
    }
    .\[\@container_\(max-width\:185px\)\]\:p-\[7px_8px\] {
      padding: 7px 8px;
    }
  }
  @media (min-width: 821px) {
    @container (max-width:185px) {
      .wide\:\[\@container_\(max-width\:185px\)\]\:\[\&\]\:text-\[11px\] {
        font-size: 11px;
      }
    }
  }
  @container (max-width:200px) {
    .\[\@container_\(max-width\:200px\)\]\:hidden {
      display: none;
    }
    .\[\@container_\(max-width\:200px\)\]\:grid-cols-\[minmax\(0\,1fr\)_auto_40px\] {
      grid-template-columns: minmax(0,1fr) auto 40px;
    }
    .\[\@container_\(max-width\:200px\)\]\:gap-\[2px\] {
      gap: 2px;
    }
    .\[\@container_\(max-width\:200px\)\]\:gap-\[3px\] {
      gap: 3px;
    }
  }
  @container (max-width:205px) {
    .\[\@container_\(max-width\:205px\)\]\:hidden {
      display: none;
    }
    .\[\@container_\(max-width\:205px\)\]\:inline {
      display: inline;
    }
    .\[\@container_\(max-width\:205px\)\]\:flex-1 {
      flex: 1;
    }
    .\[\@container_\(max-width\:205px\)\]\:gap-\[1px\] {
      gap: 1px;
    }
  }
  @container (max-width:230px) {
    .\[\@container_\(max-width\:230px\)\]\:p-\[7px_8px_8px\] {
      padding: 7px 8px 8px;
    }
    .\[\@container_\(max-width\:230px\)\]\:text-\[18px\] {
      font-size: 18px;
    }
    .\[\@container_\(max-width\:230px\)\]\:text-\[20px\] {
      font-size: 20px;
    }
  }
  @container (max-width:300px) {
    .\[\@container_\(max-width\:300px\)\]\:text-\[20px\] {
      font-size: 20px;
    }
    .\[\@container_\(max-width\:300px\)\]\:text-\[26px\] {
      font-size: 26px;
    }
  }
  @container (max-width:320px) {
    .\[\@container_\(max-width\:320px\)\]\:hidden {
      display: none;
    }
  }
  @container (max-width:520px) {
    .\[\@container_\(max-width\:520px\)\]\:hidden {
      display: none;
    }
    .\[\@container_\(max-width\:520px\)\]\:\[--rm-label\:0px\] {
      --rm-label: 0px;
    }
  }
  @container (max-width:640px) {
    .\[\@container_\(max-width\:640px\)\]\:group-\[\:not\(\.is-mon\)\:not\(\.is-today\)\]\/rmday\:invisible:is(:where(.group\/rmday):is(:not(.is-mon):not(.is-today)) *) {
      visibility: hidden;
    }
  }
  @container (max-width:800px) {
    .\[\@container_\(max-width\:800px\)\]\:ml-auto {
      margin-left: auto;
    }
    .\[\@container_\(max-width\:800px\)\]\:hidden {
      display: none;
    }
  }
  @container (min-width:1028px) {
    .\[\@container_\(min-width\:1028px\)\]\:sticky {
      position: sticky;
    }
    .\[\@container_\(min-width\:1028px\)\]\:top-\[76px\] {
      top: 76px;
    }
    .\[\@container_\(min-width\:1028px\)\]\:max-h-\[calc\(100dvh-96px\)\] {
      max-height: calc(100dvh - 96px);
    }
    .\[\@container_\(min-width\:1028px\)\]\:grid-cols-\[minmax\(0\,1fr\)_288px\] {
      grid-template-columns: minmax(0,1fr) 288px;
    }
    .\[\@container_\(min-width\:1028px\)\]\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
      grid-template-columns: minmax(0,1fr) 320px;
    }
    .\[\@container_\(min-width\:1028px\)\]\:overflow-auto {
      overflow: auto;
    }
  }
  @container (min-width:300px) {
    .\[\@container_\(min-width\:300px\)\]\:grid-cols-\[1fr_1fr\] {
      grid-template-columns: 1fr 1fr;
    }
  }
  @container (min-width:400px) {
    .\[\@container_\(min-width\:400px\)\]\:sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
    .\[\@container_\(min-width\:400px\)\]\:m-0 {
      margin: 0px;
    }
    .\[\@container_\(min-width\:400px\)\]\:contents {
      display: contents;
    }
    .\[\@container_\(min-width\:400px\)\]\:flex {
      display: flex;
    }
    .\[\@container_\(min-width\:400px\)\]\:grid {
      display: grid;
    }
    .\[\@container_\(min-width\:400px\)\]\:grid-cols-\[minmax\(0\,1fr\)_repeat\(7\,minmax\(26px\,38px\)\)\] {
      grid-template-columns: minmax(0,1fr) repeat(7,minmax(26px,38px));
    }
    .\[\@container_\(min-width\:400px\)\]\:items-center {
      align-items: center;
    }
    .\[\@container_\(min-width\:400px\)\]\:gap-\[5px\] {
      gap: 5px;
    }
    .\[\@container_\(min-width\:400px\)\]\:p-\[2px_0\] {
      padding: 2px 0;
    }
    .\[\@container_\(min-width\:400px\)\]\:pt-\[8px\] {
      padding-top: 8px;
    }
  }
  @media (width >= 821px) {
    @container (min-width:400px) {
      .min-\[821px\]\:\[\@container_\(min-width\:400px\)\]\:h-\[20px\] {
        height: 20px;
      }
    }
  }
  @container (min-width:440px) {
    .\[\@container_\(min-width\:440px\)\]\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .\[\@container_\(min-width\:440px\)\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    }
    .\[\@container_\(min-width\:440px\)\]\:gap-x-\[14px\] {
      column-gap: 14px;
    }
  }
  @container (min-width:560px) {
    .\[\@container_\(min-width\:560px\)\]\:grid {
      display: grid;
    }
    .\[\@container_\(min-width\:560px\)\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .\[\@container_\(min-width\:560px\)\]\:gap-x-\[28px\] {
      column-gap: 28px;
    }
  }
  @container (min-width:760px) {
    .\[\@container_\(min-width\:760px\)\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (min-width:860px) {
    .\[\@container_\(min-width\:860px\)\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @container (min-width:900px) {
    .\[\@container_\(min-width\:900px\)\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (width<=700px) {
    .\[\@container_\(width\<\=700px\)\]\:min-h-0 {
      min-height: 0px;
    }
    .\[\@container_\(width\<\=700px\)\]\:\[grid-template-columns\:minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1fr);
    }
  }
  @container (width<=720px) {
    .\[\@container_\(width\<\=720px\)\]\:hidden {
      display: none;
    }
    .\[\@container_\(width\<\=720px\)\]\:\[grid-template-columns\:repeat\(4\,minmax\(0\,1fr\)\)\] {
      grid-template-columns: repeat(4,minmax(0,1fr));
    }
    .\[\@container_\(width\<\=720px\)\]\:\[\&\>\:first-child\]\:\[grid-column\:1\/-1\] > :first-child {
      grid-column: 1/-1;
    }
    .\[\@container_\(width\<\=720px\)\]\:\[\&\>\:nth-child\(2\)\]\:\[grid-column\:span_2\] > :nth-child(2) {
      grid-column: span 2;
    }
  }
  @container (width>=1040px) {
    .\[\@container_\(width\>\=1040px\)\]\:sticky {
      position: sticky;
    }
    .\[\@container_\(width\>\=1040px\)\]\:top-\[12px\] {
      top: 12px;
    }
    .\[\@container_\(width\>\=1040px\)\]\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .\[\@container_\(width\>\=1040px\)\]\:col-start-3 {
      grid-column-start: 3;
    }
    .\[\@container_\(width\>\=1040px\)\]\:row-span-2 {
      grid-row: span 2 / span 2;
    }
    .\[\@container_\(width\>\=1040px\)\]\:row-start-1 {
      grid-row-start: 1;
    }
    .\[\@container_\(width\>\=1040px\)\]\:max-h-\[calc\(100dvh-24px\)\] {
      max-height: calc(100dvh - 24px);
    }
    .\[\@container_\(width\>\=1040px\)\]\:grid-cols-\[240px_minmax\(0\,1fr\)_360px\] {
      grid-template-columns: 240px minmax(0,1fr) 360px;
    }
    .\[\@container_\(width\>\=1040px\)\]\:overflow-y-auto {
      overflow-y: auto;
    }
    .\[\@container_\(width\>\=1040px\)\]\:overscroll-contain {
      overscroll-behavior: contain;
    }
  }
  @container (width>=760px) {
    .\[\@container_\(width\>\=760px\)\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @container (width>=820px) {
    .\[\@container_\(width\>\=820px\)\]\:col-start-1 {
      grid-column-start: 1;
    }
    .\[\@container_\(width\>\=820px\)\]\:col-start-2 {
      grid-column-start: 2;
    }
    .\[\@container_\(width\>\=820px\)\]\:row-span-2 {
      grid-row: span 2 / span 2;
    }
    .\[\@container_\(width\>\=820px\)\]\:row-start-1 {
      grid-row-start: 1;
    }
    .\[\@container_\(width\>\=820px\)\]\:row-start-2 {
      grid-row-start: 2;
    }
    .\[\@container_\(width\>\=820px\)\]\:grid-rows-\[auto_1fr\] {
      grid-template-rows: auto 1fr;
    }
  }
  @container (width>=900px) {
    .\[\@container_\(width\>\=900px\)\]\:grid-cols-\[minmax\(0\,1fr\)_340px\] {
      grid-template-columns: minmax(0,1fr) 340px;
    }
  }
  @container ch (640px<width<=1060px) {
    .\[\@container_ch_\(640px\<width\<\=1060px\)\]\:\[grid-column\:1\/-1\] {
      grid-column: 1/-1;
    }
    .\[\@container_ch_\(640px\<width\<\=1060px\)\]\:\[grid-column\:var\(--bc-m\)\] {
      grid-column: var(--bc-m);
    }
    .\[\@container_ch_\(640px\<width\<\=1060px\)\]\:\[grid-row\:var\(--br-m\)\] {
      grid-row: var(--br-m);
    }
    .\[\@container_ch_\(640px\<width\<\=1060px\)\]\:\[grid-row\:var\(--tr-r-m\)\] {
      grid-row: var(--tr-r-m);
    }
    .\[\@container_ch_\(640px\<width\<\=1060px\)\]\:min-h-\(--bh-m\) {
      min-height: var(--bh-m);
    }
    .\[\@container_ch_\(640px\<width\<\=1060px\)\]\:\[grid-template-columns\:repeat\(3\,minmax\(0\,1fr\)\)\] {
      grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .\[\@container_ch_\(640px\<width\<\=1060px\)\]\:\[contain\:var\(--bk-m\)\] {
      contain: var(--bk-m);
    }
  }
  @container ch (width<=1060px) {
    .\[\@container_ch_\(width\<\=1060px\)\]\:mb-\[64px\] {
      margin-bottom: 64px;
    }
    .\[\@container_ch_\(width\<\=1060px\)\]\:\[grid-template-columns\:repeat\(2\,minmax\(0\,1fr\)\)\] {
      grid-template-columns: repeat(2,minmax(0,1fr));
    }
  }
  @container ch (width<=640px) {
    .\[\@container_ch_\(width\<\=640px\)\]\:order-\(--bo-p\) {
      order: var(--bo-p);
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:order-\[999\] {
      order: 999;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:\[grid-column\:1\] {
      grid-column: 1;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:\[grid-column\:auto\] {
      grid-column: auto;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:\[grid-row\:auto\] {
      grid-row: auto;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:block {
      display: block;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:hidden {
      display: none;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:h-\[170px\] {
      height: 170px;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:h-\[320px\] {
      height: 320px;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:h-\[380px\] {
      height: 380px;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:h-\[520px\] {
      height: 520px;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:max-h-none {
      max-height: none;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:min-h-\(--bh-p\) {
      min-height: var(--bh-p);
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:min-h-0 {
      min-height: 0px;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:flex-none {
      flex: none;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:auto-rows-\[38px\] {
      grid-auto-rows: 38px;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:\[grid-template-columns\:minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1fr);
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:gap-0 {
      gap: 0px;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:overflow-visible {
      overflow: visible;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:p-\[8px\] {
      padding: 8px;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:text-\[10px\] {
      font-size: 10px;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:leading-\[1\.4\] {
      --tw-leading: 1.4;
      line-height: 1.4;
    }
    .\[\@container_ch_\(width\<\=640px\)\]\:\[contain\:none\] {
      contain: none;
    }
  }
  @container tr (640px<width<=1180px) {
    .\[\@container_tr_\(640px\<width\<\=1180px\)\]\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .\[\@container_tr_\(640px\<width\<\=1180px\)\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container tr (width>1180px) {
    .\[\@container_tr_\(width\>1180px\)\]\:flex {
      display: flex;
    }
    .\[\@container_tr_\(width\>1180px\)\]\:h-\[calc\(100dvh-var\(--quick-h\,0px\)-196px\)\] {
      height: calc(100dvh - var(--quick-h,0px) - 196px);
    }
    .\[\@container_tr_\(width\>1180px\)\]\:h-auto {
      height: auto;
    }
    .\[\@container_tr_\(width\>1180px\)\]\:min-h-0 {
      min-height: 0px;
    }
    .\[\@container_tr_\(width\>1180px\)\]\:min-h-\[720px\] {
      min-height: 720px;
    }
    .\[\@container_tr_\(width\>1180px\)\]\:\[grid-template-columns\:minmax\(250px\,1fr\)_minmax\(0\,2\.3fr\)_minmax\(250px\,1fr\)\] {
      grid-template-columns: minmax(250px,1fr) minmax(0,2.3fr) minmax(250px,1fr);
    }
    .\[\@container_tr_\(width\>1180px\)\]\:\[grid-template-rows\:minmax\(0\,1fr\)\] {
      grid-template-rows: minmax(0,1fr);
    }
    .\[\@container_tr_\(width\>1180px\)\]\:flex-col {
      flex-direction: column;
    }
    .\[\@container_tr_\(width\>1180px\)\]\:gap-\[12px\] {
      gap: 12px;
    }
    .\[\@container_tr_\(width\>1180px\)\]\:\[grid-area\:1\/1\] {
      grid-area: 1/1;
    }
    .\[\@container_tr_\(width\>1180px\)\]\:\[grid-area\:1\/2\] {
      grid-area: 1/2;
    }
    .\[\@container_tr_\(width\>1180px\)\]\:\[grid-area\:1\/3\] {
      grid-area: 1/3;
    }
  }
  @container tr (width>760px) {
    .\[\@container_tr_\(width\>760px\)\]\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .\[\@container_tr_\(width\>760px\)\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (1000px<width<=1150px) {
    .\[\@media\(1000px\<width\<\=1150px\)\]\:\[grid-template-columns\:minmax\(135px\,1fr\)_minmax\(200px\,1\.5fr\)_minmax\(200px\,1\.5fr\)_minmax\(135px\,1fr\)\] {
      grid-template-columns: minmax(135px,1fr) minmax(200px,1.5fr) minmax(200px,1.5fr) minmax(135px,1fr);
    }
  }
  @media (820px<width<=1150px) {
    .\[\@media\(820px\<width\<\=1150px\)\]\:gap-\[12px\] {
      gap: 12px;
    }
    .\[\@media\(820px\<width\<\=1150px\)\]\:pt-\[20px\] {
      padding-top: 20px;
    }
    .\[\@media\(820px\<width\<\=1150px\)\]\:pr-\[20px\] {
      padding-right: 20px;
    }
    .\[\@media\(820px\<width\<\=1150px\)\]\:pb-\[18px\] {
      padding-bottom: 18px;
    }
    .\[\@media\(820px\<width\<\=1150px\)\]\:pl-\[20px\] {
      padding-left: 20px;
    }
    .\[\@media\(820px\<width\<\=1150px\)\]\:\[--bgap\:12px\] {
      --bgap: 12px;
    }
  }
  @media (hover:none) {
    .\[\@media\(hover\:none\)\]\:visible {
      visibility: visible;
    }
    .\[\@media\(hover\:none\)\]\:group-data-\[on\=true\]\/tab\:flex:is(:where(.group\/tab)[data-on="true"] *) {
      display: flex;
    }
  }
  @media (max-height:820px) and (min-width:821px) {
    .\[\@media\(max-height\:820px\)_and_\(min-width\:821px\)\]\:mb-\[5px\] {
      margin-bottom: 5px;
    }
    .\[\@media\(max-height\:820px\)_and_\(min-width\:821px\)\]\:auto-rows-\[19px\] {
      grid-auto-rows: 19px;
    }
    .\[\@media\(max-height\:820px\)_and_\(min-width\:821px\)\]\:p-\[7px_0_8px\] {
      padding: 7px 0 8px;
    }
  }
  @media (max-width:1180px) {
    .\[\@media\(max-width\:1180px\)\]\:hidden {
      display: none;
    }
    .\[\@media\(max-width\:1180px\)\]\:gap-\[12px\] {
      gap: 12px;
    }
  }
  @media (max-width:560px) {
    .\[\@media\(max-width\:560px\)\]\:col-\[1\/-1\] {
      grid-column: 1/-1;
    }
    .\[\@media\(max-width\:560px\)\]\:col-\[1\] {
      grid-column: 1;
    }
    .\[\@media\(max-width\:560px\)\]\:col-\[2\] {
      grid-column: 2;
    }
    .\[\@media\(max-width\:560px\)\]\:row-\[1\] {
      grid-row: 1;
    }
    .\[\@media\(max-width\:560px\)\]\:row-\[2\] {
      grid-row: 2;
    }
    .\[\@media\(max-width\:560px\)\]\:contents {
      display: contents;
    }
    .\[\@media\(max-width\:560px\)\]\:w-\[168px\] {
      width: 168px;
    }
    .\[\@media\(max-width\:560px\)\]\:grid-cols-\[1fr\] {
      grid-template-columns: 1fr;
    }
    .\[\@media\(max-width\:560px\)\]\:grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)\] {
      grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .\[\@media\(max-width\:560px\)\]\:flex-col {
      flex-direction: column;
    }
    .\[\@media\(max-width\:560px\)\]\:gap-\[26px\] {
      gap: 26px;
    }
    .\[\@media\(max-width\:560px\)\]\:gap-\[34px\] {
      gap: 34px;
    }
    .\[\@media\(max-width\:560px\)\]\:p-\[6px_2px\] {
      padding: 6px 2px;
    }
    .\[\@media\(max-width\:560px\)\]\:p-\[6px_3px\] {
      padding: 6px 3px;
    }
    .\[\@media\(max-width\:560px\)\]\:p-\[8px_4px_10px\] {
      padding: 8px 4px 10px;
    }
    .\[\@media\(max-width\:560px\)\]\:p-\[10px_10px_12px\] {
      padding: 10px 10px 12px;
    }
    .\[\@media\(max-width\:560px\)\]\:p-\[18px_10px_22px\] {
      padding: 18px 10px 22px;
    }
    .\[\@media\(max-width\:560px\)\]\:p-\[18px_26px_22px_10px\] {
      padding: 18px 26px 22px 10px;
    }
    .\[\@media\(max-width\:560px\)\]\:p-\[38px_10px_16px\] {
      padding: 38px 10px 16px;
    }
    .\[\@media\(max-width\:560px\)\]\:text-\[9\.5px\] {
      font-size: 9.5px;
    }
    .\[\@media\(max-width\:560px\)\]\:text-\[11\.5px\] {
      font-size: 11.5px;
    }
    .\[\@media\(max-width\:560px\)\]\:text-\[11px\] {
      font-size: 11px;
    }
  }
  @media (max-width:720px) {
    .\[\@media\(max-width\:720px\)\]\:w-full {
      width: 100%;
    }
    .\[\@media\(max-width\:720px\)\]\:grid-cols-\[1fr_10px_1fr_10px_1fr_26px_1fr\] {
      grid-template-columns: 1fr 10px 1fr 10px 1fr 26px 1fr;
    }
    .\[\@media\(max-width\:720px\)\]\:\[grid-template-areas\:\'\._\._\._\._stake_\._\.\'_\'\._\._value_\._\._\._\.\'_\'company_\._inter_\._target_\._need\'_\'\._\._money_\._\._\._\.\'\] {
      grid-template-areas: '. . . . stake . .' '. . value . . . .' 'company . inter . target . need' '. . money . . . .';
    }
    .\[\@media\(max-width\:720px\)\]\:\[grid-template-areas\:\'cost_\._\._\._stake_\._\.\'_\'\._\._value_\._\._\._\.\'_\'company_\._inter_\._target_\._need\'_\'\._\._money_\._\._\._\.\'\] {
      grid-template-areas: 'cost . . . stake . .' '. . value . . . .' 'company . inter . target . need' '. . money . . . .';
    }
  }
  @media (max-width:860px) {
    .\[\@media\(max-width\:860px\)\]\:\[align-items\:end\] {
      align-items: end;
    }
    .\[\@media\(max-width\:860px\)\]\:justify-items-center {
      justify-items: center;
    }
    .\[\@media\(max-width\:860px\)\]\:p-\[24px_18px_calc\(24px_\+_env\(safe-area-inset-bottom\)\)\] {
      padding: 24px 18px calc(24px + env(safe-area-inset-bottom));
    }
    .\[\@media\(max-width\:860px\)\]\:p-\[28px_24px_22px\] {
      padding: 28px 24px 22px;
    }
  }
  @media (max-width:900px) {
    .\[\@media\(max-width\:900px\)\]\:static {
      position: static;
    }
    .\[\@media\(max-width\:900px\)\]\:top-auto {
      top: auto;
    }
    .\[\@media\(max-width\:900px\)\]\:left-auto {
      left: auto;
    }
    .\[\@media\(max-width\:900px\)\]\:order-\[-1\] {
      order: -1;
    }
    .\[\@media\(max-width\:900px\)\]\:order-\[-2\] {
      order: -2;
    }
    .\[\@media\(max-width\:900px\)\]\:m-\[0_16px_16px\] {
      margin: 0 16px 16px;
    }
    .\[\@media\(max-width\:900px\)\]\:m-\[12px_16px_0\] {
      margin: 12px 16px 0;
    }
    .\[\@media\(max-width\:900px\)\]\:m-\[16px_16px_0\] {
      margin: 16px 16px 0;
    }
    .\[\@media\(max-width\:900px\)\]\:flex {
      display: flex;
    }
    .\[\@media\(max-width\:900px\)\]\:hidden {
      display: none;
    }
    .\[\@media\(max-width\:900px\)\]\:h-\[520px\] {
      height: 520px;
    }
    .\[\@media\(max-width\:900px\)\]\:max-h-none {
      max-height: none;
    }
    .\[\@media\(max-width\:900px\)\]\:min-h-\[400px\] {
      min-height: 400px;
    }
    .\[\@media\(max-width\:900px\)\]\:w-auto\! {
      width: auto !important;
    }
    .\[\@media\(max-width\:900px\)\]\:max-w-none {
      max-width: none;
    }
    .\[\@media\(max-width\:900px\)\]\:grid-cols-\[1fr\] {
      grid-template-columns: 1fr;
    }
    .\[\@media\(max-width\:900px\)\]\:flex-col {
      flex-direction: column;
    }
    .\[\@media\(max-width\:900px\)\]\:overflow-visible {
      overflow: visible;
    }
    .\[\@media\(max-width\:900px\)\]\:rounded-\[0_0_var\(--radius\)_var\(--radius\)\] {
      border-radius: 0 0 var(--radius) var(--radius);
    }
    .\[\@media\(max-width\:900px\)\]\:bg-\[\#000\] {
      background-color: #000;
    }
    .\[\@media\(max-width\:900px\)\]\:p-\[10px\] {
      padding: 10px;
    }
    .\[\@media\(max-width\:900px\)\]\:\[\&\:first-child\]\:col-span-full:first-child {
      grid-column: 1 / -1;
    }
  }
  @media (min-width:1100px) {
    .\[\@media\(min-width\:1100px\)\]\:grid-cols-\[minmax\(220px\,1fr\)_minmax\(0\,1\.6fr\)_minmax\(220px\,1fr\)\] {
      grid-template-columns: minmax(220px,1fr) minmax(0,1.6fr) minmax(220px,1fr);
    }
    .\[\@media\(min-width\:1100px\)\]\:items-stretch {
      align-items: stretch;
    }
  }
  @media (min-width:1280px) {
    .\[\@media\(min-width\:1280px\)\]\:sticky {
      position: sticky;
    }
    .\[\@media\(min-width\:1280px\)\]\:top-\[12px\] {
      top: 12px;
    }
    .\[\@media\(min-width\:1280px\)\]\:max-h-\[calc\(100dvh-24px\)\] {
      max-height: calc(100dvh - 24px);
    }
    .\[\@media\(min-width\:1280px\)\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(320px\,380px\)\] {
      grid-template-columns: minmax(0,1fr) minmax(320px,380px);
    }
    .\[\@media\(min-width\:1280px\)\]\:overflow-y-auto {
      overflow-y: auto;
    }
    .\[\@media\(min-width\:1280px\)\]\:overscroll-contain {
      overscroll-behavior: contain;
    }
  }
  @media (min-width:1600px) {
    .\[\@media\(min-width\:1600px\)\]\:\[grid-template-columns\:minmax\(220px\,1fr\)_minmax\(320px\,1\.6fr\)_minmax\(320px\,1\.6fr\)_minmax\(220px\,1fr\)\] {
      grid-template-columns: minmax(220px,1fr) minmax(320px,1.6fr) minmax(320px,1.6fr) minmax(220px,1fr);
    }
    .\[\@media\(min-width\:1600px\)\]\:gap-\[24px\] {
      gap: 24px;
    }
    .\[\@media\(min-width\:1600px\)\]\:pt-\[48px\] {
      padding-top: 48px;
    }
    .\[\@media\(min-width\:1600px\)\]\:pr-\[48px\] {
      padding-right: 48px;
    }
    .\[\@media\(min-width\:1600px\)\]\:pb-\[22px\] {
      padding-bottom: 22px;
    }
    .\[\@media\(min-width\:1600px\)\]\:pl-\[48px\] {
      padding-left: 48px;
    }
    .\[\@media\(min-width\:1600px\)\]\:\[--bgap\:24px\] {
      --bgap: 24px;
    }
    .is-look-push .\[\@media\(min-width\:1600px\)\]\:\[\.is-look-push_\&\]\:\[grid-template-columns\:minmax\(0\,1fr\)_minmax\(0\,1\.6fr\)_minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,1.6fr) minmax(0,1.6fr) minmax(0,1fr);
    }
  }
  @media (min-width:541px) and (max-width:1180px) {
    .\[\@media\(min-width\:541px\)_and_\(max-width\:1180px\)\]\:p-\[8px_11px\] {
      padding: 8px 11px;
    }
  }
  @media (min-width:561px) and (max-width:900px) {
    .\[\@media\(min-width\:561px\)_and_\(max-width\:900px\)\]\:grid-cols-\[1fr_1fr\] {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (min-width:641px) {
    .\[\@media\(min-width\:641px\)\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width:700px) {
    .\[\@media\(min-width\:700px\)\]\:\[place-items\:center\] {
      place-items: center;
    }
    .\[\@media\(min-width\:700px\)\]\:rounded-\[14px\] {
      border-radius: 14px;
    }
  }
  @media (min-width:821px) and (max-width:1000px) {
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1000px\)\]\:inset-\[50px_12px_16px\] {
      inset: 50px 12px 16px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1000px\)\]\:hidden {
      display: none;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1000px\)\]\:min-w-\[40px\] {
      min-width: 40px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1000px\)\]\:\[grid-template-columns\:minmax\(112px\,1fr\)_minmax\(170px\,1\.5fr\)_minmax\(170px\,1\.5fr\)_minmax\(112px\,1fr\)\] {
      grid-template-columns: minmax(112px,1fr) minmax(170px,1.5fr) minmax(170px,1.5fr) minmax(112px,1fr);
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1000px\)\]\:p-\[8px_10px\] {
      padding: 8px 10px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1000px\)\]\:tracking-\[1px\] {
      --tw-tracking: 1px;
      letter-spacing: 1px;
    }
  }
  @media (min-width:821px) and (max-width:1100px) {
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1100px\)\]\:min-w-\[150px\] {
      min-width: 150px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1100px\)\]\:grid-cols-\[minmax\(280px\,340px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(280px,340px) minmax(0,1fr);
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1100px\)\]\:p-\[16px_18px\] {
      padding: 16px 18px;
    }
  }
  @media (min-width:821px) and (max-width:1180px) {
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1180px\)\]\:hidden {
      display: none;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1180px\)\]\:gap-\[4px\] {
      gap: 4px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1180px\)\]\:gap-\[7px\] {
      gap: 7px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1180px\)\]\:p-\[0_5px\] {
      padding: 0 5px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1180px\)\]\:p-\[0_7px\] {
      padding: 0 7px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1180px\)\]\:p-\[5px_9px\] {
      padding: 5px 9px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1180px\)\]\:p-\[10px_6px\] {
      padding: 10px 6px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1180px\)\]\:px-\[15px\] {
      padding-inline: 15px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1180px\)\]\:pl-\[13px\] {
      padding-left: 13px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1180px\)\]\:text-\[9px\] {
      font-size: 9px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1180px\)\]\:\[--pc-left\:166px\] {
      --pc-left: 166px;
    }
    .\[\@media\(min-width\:821px\)_and_\(max-width\:1180px\)\]\:\[--pc-right\:212px\] {
      --pc-right: 212px;
    }
  }
  @media (min-width:901px) {
    .\[\@media\(min-width\:901px\)\]\:\[\&\.mini\]\:grid-cols-\[1fr\].mini {
      grid-template-columns: 1fr;
    }
  }
  @media (width<=1000px) {
    .\[\@media\(width\<\=1000px\)\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\[\@media\(width\<\=1000px\)\]\:overflow-auto {
      overflow: auto;
    }
    .\[\@media\(width\<\=1000px\)\]\:\[\&\>\*\]\:h-\[520px\] > * {
      height: 520px;
    }
  }
  @media (width<=1100px) {
    .\[\@media\(width\<\=1100px\)\]\:hidden {
      display: none;
    }
    .\[\@media\(width\<\=1100px\)\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (width<=640px) {
    .\[\@media\(width\<\=640px\)\]\:order-1 {
      order: 1;
    }
    .\[\@media\(width\<\=640px\)\]\:order-2 {
      order: 2;
    }
    .\[\@media\(width\<\=640px\)\]\:grid {
      display: grid;
    }
    .\[\@media\(width\<\=640px\)\]\:h-\[320px\] {
      height: 320px;
    }
    .\[\@media\(width\<\=640px\)\]\:h-\[calc\(100dvh-16px\)\] {
      height: calc(100dvh - 16px);
    }
    .\[\@media\(width\<\=640px\)\]\:h-auto {
      height: auto;
    }
    .\[\@media\(width\<\=640px\)\]\:max-h-\[60dvh\] {
      max-height: 60dvh;
    }
    .\[\@media\(width\<\=640px\)\]\:w-full {
      width: 100%;
    }
    .\[\@media\(width\<\=640px\)\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .\[\@media\(width\<\=640px\)\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .\[\@media\(width\<\=640px\)\]\:grid-rows-none {
      grid-template-rows: none;
    }
    .\[\@media\(width\<\=640px\)\]\:content-start {
      align-content: flex-start;
    }
    .\[\@media\(width\<\=640px\)\]\:self-end {
      align-self: flex-end;
    }
    .\[\@media\(width\<\=640px\)\]\:overflow-y-auto {
      overflow-y: auto;
    }
    .\[\@media\(width\<\=640px\)\]\:rounded-t-\[18px\] {
      border-top-left-radius: 18px;
      border-top-right-radius: 18px;
    }
    .\[\@media\(width\<\=640px\)\]\:bg-surface {
      background-color: var(--surface);
    }
    .\[\@media\(width\<\=640px\)\]\:p-0 {
      padding: 0px;
    }
    .\[\@media\(width\<\=640px\)\]\:px-\[6px\] {
      padding-inline: 6px;
    }
    .\[\@media\(width\<\=640px\)\]\:px-\[10px\] {
      padding-inline: 10px;
    }
    .\[\@media\(width\<\=640px\)\]\:pt-\[6px\] {
      padding-top: 6px;
    }
  }
  @media (width<=900px) {
    .\[\@media\(width\<\=900px\)\]\:hidden {
      display: none;
    }
    .\[\@media\(width\<\=900px\)\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (width>900px) {
    .\[\@media\(width\>900px\)\]\:inline {
      display: inline;
    }
  }
  [data-now] > .\[\[data-now\]\>\&\]\:font-\[600\] {
    --tw-font-weight: 600;
    font-weight: 600;
  }
  button + .ch-line\:\[button\+\&\]\:\[border-left\:1\.4px_solid_var\(--t-ink\)\]:is(.main.character-page[data-ch-theme=line] *) {
    border-left: 1.4px solid var(--t-ink);
  }
  li + .\[li\+\&\]\:mt-\[5px\] {
    margin-top: 5px;
  }
}
@property --glass-filter {
  syntax: "*";
  inherits: false;
}
@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-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;
}
@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-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  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: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  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: "<percentage>";
  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: "<percentage>";
  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: "<length>";
  inherits: false;
  initial-value: 0px;
}
@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: "<percentage>";
  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-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@keyframes ch-blink {
  50% {
    opacity: .25;
  }
}
@keyframes cs-fresh {
  from {
    background: color-mix(in srgb, var(--accent) 24%, transparent);
  }
  to {
    background: transparent;
  }
}
@keyframes skPulse {
  50% {
    opacity: .45;
  }
}
@keyframes payFlash {
  from {
    background: var(--accent-soft);
    border-color: var(--accent);
  }
}
@keyframes wsFlash {
  from {
    background: #262626;
    border-color: #bdb8b2;
  }
}
@keyframes lc-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --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-content: "";
      --tw-scroll-snap-strictness: proximity;
      --glass-filter: initial;
    }
  }
}