:root{color-scheme:dark;--tier-platinum-60: #83A4EC;--tier-gold-60: #F3C150;--tier-silver-60: #DADADA;--tier-bronze-60: #F9B58B;--basic-black: #000000;--basic-white: #ffffff;--basic-white-a4: rgba(255, 255, 255, .04);--basic-white-a6: rgba(255, 255, 255, .06);--basic-white-a8: rgba(255, 255, 255, .08);--basic-white-a10: rgba(255, 255, 255, .1);--basic-white-a12: rgba(255, 255, 255, .12);--basic-white-a25: rgba(255, 255, 255, .25);--basic-white-a30: rgba(255, 255, 255, .3);--basic-white-a35: rgba(255, 255, 255, .35);--basic-white-a40: rgba(255, 255, 255, .4);--basic-white-a45: rgba(255, 255, 255, .45);--basic-white-a50: rgba(255, 255, 255, .5);--basic-white-a55: rgba(255, 255, 255, .55);--basic-white-a60: rgba(255, 255, 255, .6);--basic-white-a65: rgba(255, 255, 255, .65);--basic-white-a70: rgba(255, 255, 255, .7);--basic-white-a75: rgba(255, 255, 255, .75);--basic-white-a80: rgba(255, 255, 255, .8);--basic-black-a4: rgba(0, 0, 0, .04);--basic-black-a8: rgba(0, 0, 0, .08);--basic-black-a10: rgba(0, 0, 0, .1);--basic-black-a12: rgba(0, 0, 0, .12);--basic-black-a15: rgba(0, 0, 0, .15);--basic-black-a20: rgba(0, 0, 0, .2);--basic-black-a25: rgba(0, 0, 0, .25);--basic-black-a30: rgba(0, 0, 0, .3);--basic-black-a35: rgba(0, 0, 0, .35);--basic-black-a40: rgba(0, 0, 0, .4);--basic-black-a45: rgba(0, 0, 0, .45);--basic-black-a50: rgba(0, 0, 0, .5);--basic-black-a55: rgba(0, 0, 0, .55);--basic-black-a60: rgba(0, 0, 0, .6);--basic-black-a65: rgba(0, 0, 0, .65);--basic-black-a70: rgba(0, 0, 0, .7);--basic-black-a75: rgba(0, 0, 0, .75);--basic-black-a80: rgba(0, 0, 0, .8);--milk-98: #f6f2f1;--gray-5: #0f0f10;--gray-7: #141415;--gray-10: #171719;--gray-15: #1b1c1e;--gray-17: #212225;--gray-18: #242528;--gray-19: #27282a;--gray-20: #292a2d;--gray-22: #2e2f33;--gray-23: #333438;--gray-25: #37383c;--gray-30: #46474c;--gray-40: #5a5c63;--gray-50: #70737c;--gray-60: #878a93;--gray-70: #989ba2;--gray-80: #aeb0b6;--gray-90: #c2c4c8;--gray-95: #dbdcdf;--gray-96: #e1e2e4;--gray-97: #eaebec;--gray-98: #f4f4f5;--gray-99: #f7f7f8;--blue-10: #001536;--blue-20: #002966;--blue-30: #003e9c;--blue-40: #0054d1;--blue-45: #005eeb;--blue-50: #0066ff;--blue-55: #1a75ff;--blue-60: #3385ff;--blue-70: #69a5ff;--blue-80: #9ec5ff;--blue-90: #c9defe;--blue-95: #eaf2fe;--blue-99: #f7fbff;--light-blue-10: #002130;--light-blue-20: #004261;--light-blue-30: #006796;--light-blue-40: #008dcf;--light-blue-50: #00aeff;--light-blue-60: #3dc2ff;--light-blue-70: #70d2ff;--light-blue-80: #a1e1ff;--light-blue-90: #c4ecfe;--light-blue-95: #e5f6fe;--light-blue-99: #f7fdff;--cyan-10: #00252b;--cyan-20: #004854;--cyan-30: #006f82;--cyan-40: #0098b2;--cyan-50: #00bdde;--cyan-60: #28d0ed;--cyan-70: #57dff7;--cyan-80: #8aedff;--cyan-90: #b5f4ff;--cyan-95: #defaff;--cyan-99: #f7feff;--red-10: #3b0101;--red-20: #730303;--red-30: #b00c0c;--red-40: #e52222;--red-50: #ff4242;--red-60: #ff6363;--red-70: #ff8c8c;--red-80: #ffb5b5;--red-90: #fed5d5;--red-95: #feecec;--red-99: #fffafa;--red-orange-10: #290f00;--red-orange-20: #592100;--red-orange-30: #913500;--red-orange-40: #c94a00;--red-orange-50: #ff5e00;--red-orange-60: #ff7b2e;--red-orange-70: #ff9b61;--red-orange-80: #ffbd96;--red-orange-90: #fed9c4;--red-orange-95: #feeee5;--red-orange-99: #fffaf7;--orange-10: #361e00;--orange-20: #663a00;--orange-30: #9c5800;--orange-40: #d47800;--orange-50: #ff9200;--orange-60: #ffa938;--orange-70: #ffc06e;--orange-80: #ffd49c;--orange-90: #fee6c6;--orange-95: #fef4e6;--orange-99: #fffcf7;--green-10: #00240c;--green-20: #004517;--green-30: #006e25;--green-40: #009632;--green-50: #00bf40;--green-60: #1ed45a;--green-70: #49e57d;--green-80: #7df5a5;--green-90: #acfcc7;--green-95: #d9ffe6;--green-99: #f2fff6;--lime-10: #112900;--lime-20: #225200;--lime-30: #347d00;--lime-40: #48ad00;--lime-50: #58cf04;--lime-60: #6be016;--lime-70: #88f03e;--lime-80: #aef779;--lime-90: #ccfca9;--lime-95: #e6ffd4;--lime-99: #f8fff2;--violet-10: #11024d;--violet-20: #23098f;--violet-30: #3a16c9;--violet-40: #4f29e5;--violet-50: #6541f2;--violet-60: #7d5ef7;--violet-70: #9e86fc;--violet-80: #c0b0ff;--violet-90: #dbd3fe;--violet-95: #f0ecfe;--violet-99: #fbfaff;--purple-10: #290247;--purple-20: #580a7d;--purple-30: #861cb8;--purple-40: #ad36e3;--purple-50: #cb59ff;--purple-60: #d478ff;--purple-70: #de96ff;--purple-80: #e9baff;--purple-90: #f2d6ff;--purple-95: #f9edff;--purple-99: #fefbff;--pink-10: #3d0133;--pink-20: #730560;--pink-30: #a81690;--pink-40: #d331b8;--pink-50: #f553da;--pink-60: #fa73e3;--pink-70: #ff94ed;--pink-80: #ffb8f3;--pink-90: #fed3f7;--pink-95: #feecfb;--pink-99: #fffafe;--color-text-primary: var(--gray-99);--color-text-primary-inverse: var(--gray-10);--color-text-secondary: var(--gray-90);--color-text-tertiary: var(--gray-70);--color-text-quaternary: var(--gray-50);--color-text-inactive: var(--gray-50);--color-text-placeholder: var(--gray-50);--color-text-disabled: var(--gray-40);--color-text-on-overlay-white-primary: var(--basic-white);--color-text-on-overlay-white-secondary: var(--basic-white-a80);--color-text-on-overlay-white-tertiary: var(--basic-white-a60);--color-text-on-overlay-white-quaternary: var(--basic-white-a40);--color-text-on-overlay-white-inactive: var(--basic-white-a40);--color-text-accent: var(--cyan-60);--color-text-on-accent: var(--gray-10);--color-text-brand: var(--milk-98);--color-text-on-brand: var(--gray-10);--color-text-negative: var(--red-60);--color-text-essential: var(--red-60);--color-text-positive: var(--green-60);--color-text-caution: var(--orange-60);--color-text-tag: var(--cyan-60);--color-text-tier-platinum: var(--tier-platinum-60);--color-text-tier-gold: var(--tier-gold-60);--color-text-tier-silver: var(--tier-silver-60);--color-text-tier-bronze: var(--tier-bronze-60);--color-icon-primary: var(--gray-99);--color-icon-primary-inverse: var(--gray-10);--color-icon-secondary: var(--gray-90);--color-icon-tertiary: var(--gray-70);--color-icon-quaternary: var(--gray-50);--color-icon-inactive: var(--gray-50);--color-icon-disabled: var(--gray-40);--color-icon-placeholder: var(--gray-30);--color-icon-on-overlay-white-primary: var(--basic-white);--color-icon-on-overlay-white-secondary: var(--basic-white-a80);--color-icon-on-overlay-white-tertiary: var(--basic-white-a60);--color-icon-on-overlay-white-quaternary: var(--basic-white-a40);--color-icon-on-overlay-white-disabled: var(--basic-white-a25);--color-icon-accent: var(--cyan-60);--color-icon-on-accent: var(--gray-10);--color-icon-brand: var(--milk-98);--color-icon-on-brand: var(--gray-10);--color-icon-negative: var(--red-60);--color-icon-positive: var(--green-60);--color-icon-caution: var(--orange-60);--color-icon-likes: var(--red-60);--color-bg-primary: var(--gray-15);--color-bg-secondary: var(--gray-18);--color-bg-tertiary: var(--gray-22);--color-bg-quaternary: var(--gray-25);--color-bg-elevated: var(--gray-15);--color-bg-accent: var(--cyan-60);--color-bg-brand: var(--milk-98);--color-fill-primary: var(--gray-15);--color-fill-primary-inverse: var(--gray-99);--color-fill-secondary: var(--gray-18);--color-fill-tertiary: var(--gray-22);--color-fill-quaternary: var(--gray-25);--color-fill-disabled: var(--gray-18);--color-fill-on-overlay-white-primary: var(--basic-white);--color-fill-on-overlay-white-secondary: var(--basic-white-a80);--color-fill-on-overlay-white-tertiary: var(--basic-white-a60);--color-fill-on-overlay-white-quaternary: var(--basic-white-a40);--color-fill-on-overlay-black-primary: var(--basic-black-a80);--color-fill-on-overlay-black-secondary: var(--basic-black-a60);--color-fill-on-overlay-black-tertiary: var(--basic-black-a40);--color-fill-on-overlay-black-quaternary: var(--basic-black-a25);--color-fill-accent: var(--cyan-60);--color-fill-brand: var(--milk-98);--color-fill-negative: var(--red-60);--color-fill-positive: var(--green-60);--color-fill-caution: var(--orange-60);--color-fill-notification: var(--red-60);--color-border-media: var(--basic-white-a8);--color-border-subtle: var(--gray-22);--color-border-default: var(--gray-25);--color-border-focus: var(--gray-50);--color-border-strong: var(--gray-60);--color-border-contrast: var(--gray-99);--color-border-accent: var(--cyan-60);--color-border-brand: var(--milk-98);--color-border-negative: var(--red-60);--color-border-positive: var(--green-60);--color-border-button-primary: var(--gray-15);--color-border-button-secondary: var(--gray-17);--color-border-button-tertiary: var(--gray-20);--color-border-button-quaternary: var(--gray-22);--color-divider-subtle: var(--gray-22);--color-divider-default: var(--gray-25);--color-divider-strong: var(--gray-40);--color-divider-contrast: var(--gray-99);--color-divider-accent: var(--cyan-60);--color-divider-brand: var(--milk-98);--color-divider-on-overlay-white-subtle: var(--basic-white-a4);--color-divider-on-overlay-white-default: var(--basic-white-a10);--color-divider-on-overlay-white-strong: var(--basic-white-a25);--color-divider-on-overlay-black-subtle: var(--basic-black-a4);--color-divider-on-overlay-black-default: var(--basic-black-a10);--color-divider-on-overlay-black-strong: var(--basic-black-a25);--color-indicator-accent: var(--cyan-60);--color-indicator-active: var(--gray-99);--color-indicator-on-overlay-white: var(--basic-white);--color-bubble-user-bg: var(--cyan-60);--color-bubble-user-dialogue: var(--gray-10);--color-bubble-user-narrative: var(--basic-black-a50);--color-bubble-char-bg: var(--gray-20);--color-bubble-char-dialogue: var(--gray-99);--color-bubble-char-narrative: var(--gray-70);--color-bubble-edit-bg: var(--gray-22);--color-state-layer-white-hover: var(--basic-white-a6);--color-state-layer-white-pressed: var(--basic-white-a8);--color-state-layer-black-hover: var(--basic-black-a12);--color-state-layer-black-pressed: var(--basic-black-a15);--color-state-layer-on-accent-hover: var(--basic-black-a12);--color-state-layer-on-accent-pressed: var(--basic-black-a15);--color-state-layer-on-brand-hover: var(--basic-black-a8);--color-state-layer-on-brand-pressed: var(--basic-black-a12);--color-overlay-scrim-default: var(--basic-black-a60);--color-overlay-scrim-strong: var(--basic-black-a80);--color-overlay-black-subtle: var(--basic-black-a25);--color-overlay-black-default: var(--basic-black-a60);--color-overlay-black-strong: var(--basic-black-a80)}:root{--font-family-base: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-8: 8px;--font-size-9: 9px;--font-size-10: 10px;--font-size-11: 11px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-15: 15px;--font-size-16: 16px;--font-size-17: 17px;--font-size-18: 18px;--font-size-20: 20px;--font-size-22: 22px;--font-size-24: 24px;--font-size-28: 28px;--font-size-32: 32px;--font-size-36: 36px;--font-size-40: 40px;--line-height-120: 1.2;--line-height-140: 1.4;--line-height-large-title: var(--line-height-120);--line-height-title: var(--line-height-120);--line-height-body: var(--line-height-140);--line-height-caption: var(--line-height-140);--letter-spacing-negative-2: -.02em;--letter-spacing-negative-1-5: -.015em;--letter-spacing-negative-1: -.01em;--letter-spacing-negative-0-5: -.005em;--letter-spacing-negative-0-25: -.0025em;--letter-spacing-0: 0;--letter-spacing-positive-1: .01em;--tracking-large-title-40-bold: var(--letter-spacing-negative-2);--tracking-large-title-36-bold: var(--letter-spacing-negative-2);--tracking-large-title-32-bold: var(--letter-spacing-negative-1-5);--tracking-large-title-28-bold: var(--letter-spacing-negative-1);--tracking-title-24-bold: var(--letter-spacing-negative-1-5);--tracking-title-24-semibold: var(--letter-spacing-negative-1-5);--tracking-title-22-bold: var(--letter-spacing-negative-1-5);--tracking-title-22-medium: var(--letter-spacing-negative-1-5);--tracking-title-20-bold: var(--letter-spacing-negative-1);--tracking-title-20-semibold: var(--letter-spacing-negative-1);--tracking-title-20-medium: var(--letter-spacing-negative-1);--tracking-title-18-bold: var(--letter-spacing-negative-1);--tracking-title-18-semibold: var(--letter-spacing-negative-1);--tracking-title-18-medium: var(--letter-spacing-negative-1);--tracking-title-17-bold: var(--letter-spacing-negative-1);--tracking-title-17-medium: var(--letter-spacing-negative-1);--tracking-title-16-bold: var(--letter-spacing-negative-1);--tracking-title-16-semibold: var(--letter-spacing-negative-1);--tracking-title-16-medium: var(--letter-spacing-negative-0-5);--tracking-title-15-bold: var(--letter-spacing-negative-0-5);--tracking-title-15-medium: var(--letter-spacing-negative-0-5);--tracking-title-14-bold: var(--letter-spacing-negative-0-5);--tracking-body-17-regular: var(--letter-spacing-negative-0-5);--tracking-body-16-regular: var(--letter-spacing-negative-0-5);--tracking-body-15-medium: var(--letter-spacing-negative-0-25);--tracking-body-15-regular: var(--letter-spacing-negative-0-25);--tracking-body-14-medium: var(--letter-spacing-0);--tracking-body-14-regular: var(--letter-spacing-0);--tracking-caption-13-bold: var(--letter-spacing-0);--tracking-caption-13-medium: var(--letter-spacing-0);--tracking-caption-13-regular: var(--letter-spacing-0);--tracking-caption-12-bold: var(--letter-spacing-0);--tracking-caption-12-medium: var(--letter-spacing-0);--tracking-caption-12-regular: var(--letter-spacing-0);--tracking-caption-11-bold: var(--letter-spacing-positive-1);--tracking-caption-11-medium: var(--letter-spacing-positive-1);--tracking-caption-11-regular: var(--letter-spacing-positive-1);--tracking-caption-10-medium: var(--letter-spacing-positive-1);--tracking-caption-10-regular: var(--letter-spacing-positive-1);--tracking-caption-9-bold: var(--letter-spacing-positive-1);--tracking-caption-8-bold: var(--letter-spacing-positive-1);--typography-large-title-40-bold: var(--font-weight-bold) var(--font-size-40) / var(--line-height-large-title) var(--font-family-base);--typography-large-title-36-bold: var(--font-weight-bold) var(--font-size-36) / var(--line-height-large-title) var(--font-family-base);--typography-large-title-32-bold: var(--font-weight-bold) var(--font-size-32) / var(--line-height-large-title) var(--font-family-base);--typography-large-title-28-bold: var(--font-weight-bold) var(--font-size-28) / var(--line-height-large-title) var(--font-family-base);--typography-title-24-bold: var(--font-weight-bold) var(--font-size-24) / var(--line-height-title) var(--font-family-base);--typography-title-24-semibold: var(--font-weight-semibold) var(--font-size-24) / var(--line-height-title) var(--font-family-base);--typography-title-22-bold: var(--font-weight-bold) var(--font-size-22) / var(--line-height-title) var(--font-family-base);--typography-title-22-medium: var(--font-weight-medium) var(--font-size-22) / var(--line-height-title) var(--font-family-base);--typography-title-20-bold: var(--font-weight-bold) var(--font-size-20) / var(--line-height-title) var(--font-family-base);--typography-title-20-semibold: var(--font-weight-semibold) var(--font-size-20) / var(--line-height-title) var(--font-family-base);--typography-title-20-medium: var(--font-weight-medium) var(--font-size-20) / var(--line-height-title) var(--font-family-base);--typography-title-18-bold: var(--font-weight-bold) var(--font-size-18) / var(--line-height-title) var(--font-family-base);--typography-title-18-semibold: var(--font-weight-semibold) var(--font-size-18) / var(--line-height-title) var(--font-family-base);--typography-title-18-medium: var(--font-weight-medium) var(--font-size-18) / var(--line-height-title) var(--font-family-base);--typography-title-17-bold: var(--font-weight-bold) var(--font-size-17) / var(--line-height-title) var(--font-family-base);--typography-title-17-medium: var(--font-weight-medium) var(--font-size-17) / var(--line-height-title) var(--font-family-base);--typography-title-16-bold: var(--font-weight-bold) var(--font-size-16) / var(--line-height-title) var(--font-family-base);--typography-title-16-semibold: var(--font-weight-semibold) var(--font-size-16) / var(--line-height-title) var(--font-family-base);--typography-title-16-medium: var(--font-weight-medium) var(--font-size-16) / var(--line-height-title) var(--font-family-base);--typography-title-15-bold: var(--font-weight-bold) var(--font-size-15) / var(--line-height-title) var(--font-family-base);--typography-title-15-medium: var(--font-weight-medium) var(--font-size-15) / var(--line-height-title) var(--font-family-base);--typography-title-14-bold: var(--font-weight-bold) var(--font-size-14) / var(--line-height-title) var(--font-family-base);--typography-body-17-regular: var(--font-weight-regular) var(--font-size-17) / var(--line-height-body) var(--font-family-base);--typography-body-16-regular: var(--font-weight-regular) var(--font-size-16) / var(--line-height-body) var(--font-family-base);--typography-body-15-medium: var(--font-weight-medium) var(--font-size-15) / var(--line-height-body) var(--font-family-base);--typography-body-15-regular: var(--font-weight-regular) var(--font-size-15) / var(--line-height-body) var(--font-family-base);--typography-body-14-medium: var(--font-weight-medium) var(--font-size-14) / var(--line-height-body) var(--font-family-base);--typography-body-14-regular: var(--font-weight-regular) var(--font-size-14) / var(--line-height-body) var(--font-family-base);--typography-caption-13-bold: var(--font-weight-bold) var(--font-size-13) / var(--line-height-caption) var(--font-family-base);--typography-caption-13-medium: var(--font-weight-medium) var(--font-size-13) / var(--line-height-caption) var(--font-family-base);--typography-caption-13-regular: var(--font-weight-regular) var(--font-size-13) / var(--line-height-caption) var(--font-family-base);--typography-caption-12-bold: var(--font-weight-bold) var(--font-size-12) / var(--line-height-caption) var(--font-family-base);--typography-caption-12-medium: var(--font-weight-medium) var(--font-size-12) / var(--line-height-caption) var(--font-family-base);--typography-caption-12-regular: var(--font-weight-regular) var(--font-size-12) / var(--line-height-caption) var(--font-family-base);--typography-caption-11-bold: var(--font-weight-bold) var(--font-size-11) / var(--line-height-caption) var(--font-family-base);--typography-caption-11-medium: var(--font-weight-medium) var(--font-size-11) / var(--line-height-caption) var(--font-family-base);--typography-caption-11-regular: var(--font-weight-regular) var(--font-size-11) / var(--line-height-caption) var(--font-family-base);--typography-caption-10-medium: var(--font-weight-medium) var(--font-size-10) / var(--line-height-caption) var(--font-family-base);--typography-caption-10-regular: var(--font-weight-regular) var(--font-size-10) / var(--line-height-caption) var(--font-family-base);--typography-caption-9-bold: var(--font-weight-bold) var(--font-size-9) / var(--line-height-caption) var(--font-family-base);--typography-caption-8-bold: var(--font-weight-bold) var(--font-size-8) / var(--line-height-caption) var(--font-family-base)}:root{--spacing-0: 0px;--spacing-2: 2px;--spacing-4: 4px;--spacing-5: 5px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-14: 14px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-36: 36px;--spacing-40: 40px;--spacing-44: 44px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px;--spacing-72: 72px;--spacing-80: 80px;--spacing-100: 100px;--component-gap-0: var(--spacing-0);--component-gap-2: var(--spacing-2);--component-gap-4: var(--spacing-4);--component-gap-6: var(--spacing-6);--component-gap-8: var(--spacing-8);--component-gap-12: var(--spacing-12);--component-gap-16: var(--spacing-16);--component-gap-20: var(--spacing-20);--component-gap-24: var(--spacing-24);--component-padding-0: var(--spacing-0);--component-padding-2: var(--spacing-2);--component-padding-4: var(--spacing-4);--component-padding-5: var(--spacing-5);--component-padding-6: var(--spacing-6);--component-padding-8: var(--spacing-8);--component-padding-10: var(--spacing-10);--component-padding-12: var(--spacing-12);--component-padding-14: var(--spacing-14);--component-padding-16: var(--spacing-16);--component-padding-20: var(--spacing-20);--component-padding-24: var(--spacing-24);--section-padding-0: var(--spacing-0);--section-padding-2: var(--spacing-2);--section-padding-4: var(--spacing-4);--section-padding-6: var(--spacing-6);--section-padding-8: var(--spacing-8);--section-padding-10: var(--spacing-10);--section-padding-12: var(--spacing-12);--section-padding-16: var(--spacing-16);--section-padding-20: var(--spacing-20);--section-padding-24: var(--spacing-24);--section-padding-28: var(--spacing-28);--section-padding-32: var(--spacing-32);--section-padding-36: var(--spacing-36);--section-padding-40: var(--spacing-40);--section-padding-56: var(--spacing-56);--layout-section-gap-12: var(--spacing-12);--layout-section-gap-16: var(--spacing-16);--layout-section-gap-24: var(--spacing-24);--layout-section-gap-32: var(--spacing-32);--layout-section-gap-40: var(--spacing-40);--layout-section-gap-48: var(--spacing-48);--layout-margin-4: var(--spacing-4);--layout-margin-6: var(--spacing-6);--layout-margin-8: var(--spacing-8);--layout-margin-12: var(--spacing-12);--layout-margin-16: var(--spacing-16);--layout-margin-20: var(--spacing-20);--layout-margin-24: var(--spacing-24);--layout-margin-32: var(--spacing-32);--layout-margin-48: var(--spacing-48);--layout-margin-56: var(--spacing-56);--layout-margin-72: var(--spacing-72);--layout-margin-100: var(--spacing-100)}:root{--radius-0: 0px;--radius-2: 2px;--radius-4: 4px;--radius-5: 5px;--radius-6: 6px;--radius-7: 7px;--radius-8: 8px;--radius-10: 10px;--radius-12: 12px;--radius-14: 14px;--radius-16: 16px;--radius-20: 20px;--radius-24: 24px;--radius-26: 26px;--radius-28: 28px;--radius-32: 32px;--radius-40: 40px;--radius-46: 46px;--radius-48: 48px;--radius-52: 52px;--radius-56: 56px;--radius-60: 60px;--radius-64: 64px;--radius-68: 68px;--radius-72: 72px;--radius-full: 9999px}:root{--blur-8: 8px;--blur-12: 12px;--blur-24: 24px;--effect-backdrop-blur-8: blur(var(--blur-8));--effect-backdrop-blur-12: blur(var(--blur-12));--effect-backdrop-blur-24: blur(var(--blur-24));--effect-asset-tier: -2px 2px 4px 0 var(--basic-black-a20);--effect-shadow-fab: -2px 2px 4px 0 var(--basic-black-a20);--effect-shadow-floating-object: 1px 1px 4px 0 var(--basic-black-a20);--effect-shadow-rank: 2px 2px 4px 0 var(--basic-black-a60)}:root{--opacity-50: .5;--opacity-disabled: var(--opacity-50)}:root{--shell-content-max: 1200px;--shell-nav-width: 240px;--shell-bottom-nav-height: 58px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg-primary);color:var(--color-text-primary);font:var(--typography-body-15-regular);letter-spacing:var(--tracking-body-15-regular);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.shell{display:flex;min-height:100%;justify-content:center}.shell__side{display:none}.shell__main{flex:1 1 auto;width:100%;max-width:600px;padding-bottom:calc(var(--shell-bottom-nav-height) + env(safe-area-inset-bottom,0px))}.shell__bottom{position:fixed;inset-inline:0;bottom:0;z-index:10;height:calc(var(--shell-bottom-nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-bg-secondary);border-top:1px solid var(--color-divider-default)}@media(min-width:1024px){.shell{max-width:var(--shell-content-max);margin:0 auto;gap:var(--spacing-24);padding-inline:var(--spacing-24)}.shell__side{display:block;flex:0 0 var(--shell-nav-width);position:sticky;top:0;align-self:flex-start;height:100vh;padding-block:var(--spacing-24)}.shell__main{max-width:none;padding-bottom:var(--spacing-24)}.shell__bottom{display:none}}.nav{display:flex}.nav--bottom{height:var(--shell-bottom-nav-height)}.nav--side{flex-direction:column;gap:var(--spacing-4)}.nav__item{display:flex;flex:1 1 0;align-items:center;justify-content:center;gap:var(--spacing-8);color:var(--color-text-inactive);font:var(--typography-caption-11-medium);letter-spacing:var(--tracking-caption-11-medium)}.nav--bottom .nav__item{flex-direction:column;gap:var(--spacing-2)}.nav--side .nav__item{flex:0 0 auto;justify-content:flex-start;padding:var(--spacing-12) var(--spacing-16);border-radius:var(--radius-12);font:var(--typography-body-15-medium);letter-spacing:var(--tracking-body-15-medium)}.nav--side .nav__item:hover{background:var(--color-bg-tertiary)}.nav__item[aria-current=page]{color:var(--color-text-primary)}.nav--side .nav__item[aria-current=page]{background:var(--color-bg-tertiary)}.nav__icon{font-size:var(--font-size-20);line-height:1}.page{padding:var(--spacing-20) var(--spacing-16)}.page__title{margin:0 0 var(--spacing-12);font:var(--typography-title-20-bold);letter-spacing:var(--tracking-title-20-bold)}.coming-soon{display:flex;min-height:60vh;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-8);color:var(--color-text-tertiary);text-align:center}.coming-soon__title{font:var(--typography-body-16-regular);letter-spacing:var(--tracking-body-16-regular);color:var(--color-text-secondary)}