@layer reset{@scope ([data-mochi-theme="mochi"]) to ([data-mochi-theme]){:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-family-heading);color:var(--color-text-primary)}:where(h1){font-size:24px;font-weight:var(--text-heading-1-weight);line-height:1.334}:where(h2){font-size:20px;font-weight:var(--text-heading-2-weight);line-height:1.4}:where(h3){font-size:18px;font-weight:var(--text-heading-3-weight);line-height:1.445}:where(h4){font-size:14px;font-weight:var(--text-heading-4-weight);line-height:1.429}:where(h5){font-size:12px;font-weight:var(--text-heading-5-weight);line-height:1.334}:where(h6){font-size:11px;font-weight:var(--text-heading-6-weight);line-height:1.273}:where(p){font-family:var(--font-family-body);font-size:14px;font-weight:var(--text-body-weight);line-height:1.429;color:var(--color-text-primary)}:where(small){font-size:12px;font-weight:var(--text-supporting-weight);line-height:1.334;color:var(--color-text-secondary)}:where(code,pre){font-family:var(--font-family-code);font-size:14px;line-height:1.429}:where(hr){border:none;border-top:1px solid var(--color-border)}}}@layer mochi-base{:root{--color-data-categorical-blue:light-dark(#0171E3,#0171E3);--color-data-categorical-orange:light-dark(#EB6E00,#EB6E00);--color-data-categorical-purple:light-dark(#6B1EFD,#6B1EFD);--color-data-categorical-green:light-dark(#0B991F,#0B991F);--color-data-categorical-pink:light-dark(#F351C0,#F351C0);--color-data-categorical-cyan:light-dark(#0171A4,#0171A4);--color-data-categorical-red:light-dark(#F5394F,#F5394F);--color-data-categorical-teal:light-dark(#08A3A3,#08A3A3);--color-data-categorical-brown:light-dark(#965E03,#965E03);--color-data-categorical-indigo:light-dark(#6F8AFF,#6F8AFF);--color-data-neutral:light-dark(#8494A3,#8C939B);--color-data-blue-5:light-dark(#02165E,#02165E);--color-data-blue-4:light-dark(#004CBC,#004CBC);--color-data-blue-3:light-dark(#2694FE,#2694FE);--color-data-blue-2:light-dark(#78BEFF,#78BEFF);--color-data-blue-1:light-dark(#DBECFF,#DBECFF);--color-data-shamrock-5:light-dark(#0B603D,#0B603D);--color-data-shamrock-4:light-dark(#138546,#138546);--color-data-shamrock-3:light-dark(#24BB5E,#24BB5E);--color-data-shamrock-2:light-dark(#8EF7AA,#8EF7AA);--color-data-shamrock-1:light-dark(#D6FEE4,#D6FEE4);--color-data-orange-5:light-dark(#A13F04,#A13F04);--color-data-orange-4:light-dark(#D66100,#D66100);--color-data-orange-3:light-dark(#FD9537,#FD9537);--color-data-orange-2:light-dark(#FDB876,#FDB876);--color-data-orange-1:light-dark(#FFE6CF,#FFE6CF);--color-data-pink-5:light-dark(#8E1073,#8E1073);--color-data-pink-4:light-dark(#D123A1,#D123A1);--color-data-pink-3:light-dark(#F989D3,#F989D3);--color-data-pink-2:light-dark(#FEADE3,#FEADE3);--color-data-pink-1:light-dark(#FCE3F4,#FCE3F4);--color-data-purple-5:light-dark(#3E0697,#3E0697);--color-data-purple-4:light-dark(#6B1EFD,#6B1EFD);--color-data-purple-3:light-dark(#9081FF,#9081FF);--color-data-purple-2:light-dark(#B3B0FE,#B3B0FE);--color-data-purple-1:light-dark(#E8E8FB,#E8E8FB);--color-data-red-5:light-dark(#9D0519,#9D0519);--color-data-red-4:light-dark(#D31130,#D31130);--color-data-red-3:light-dark(#FB7D87,#FB7D87);--color-data-red-2:light-dark(#FFB2B8,#FFB2B8);--color-data-red-1:light-dark(#FEE4E6,#FEE4E6);--color-data-teal-5:light-dark(#08767D,#08767D);--color-data-teal-4:light-dark(#0C9293,#0C9293);--color-data-teal-3:light-dark(#0DB7AF,#0DB7AF);--color-data-teal-2:light-dark(#6CE6D8,#6CE6D8);--color-data-teal-1:light-dark(#D7FCF8,#D7FCF8);--color-data-yellow-5:light-dark(#8A5001,#8A5001);--color-data-yellow-4:light-dark(#D69804,#D69804);--color-data-yellow-3:light-dark(#FBCE03,#FBCE03);--color-data-yellow-2:light-dark(#FCEC85,#FCEC85);--color-data-yellow-1:light-dark(#FDF6BA,#FDF6BA);--color-data-gray-5:light-dark(#25363F,#333338);--color-data-gray-4:light-dark(#5D6C7B,#666A72);--color-data-gray-3:light-dark(#AFB9C4,#B2B8BE);--color-data-gray-2:light-dark(#CCD3DB,#D0D3D6);--color-data-gray-1:light-dark(#F1F4F7,#F2F4F6)}}@layer mochi-theme{:root{color-scheme:light dark}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}@scope ([data-mochi-theme="mochi"]) to ([data-mochi-theme]){:scope{--font-family-body:"Pretendard Variable",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;--font-family-heading:"Pretendard Variable",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;--color-syntax-keyword:var(--color-text-accent);--color-syntax-string:var(--color-text-green);--color-syntax-comment:var(--color-text-secondary);--color-syntax-number:var(--color-text-orange);--color-syntax-function:var(--color-text-blue);--color-syntax-type:var(--color-text-purple);--color-syntax-variable:var(--color-text-primary);--color-syntax-operator:var(--color-text-cyan);--color-syntax-constant:var(--color-text-orange);--color-syntax-tag:var(--color-text-red);--color-syntax-attribute:var(--color-text-teal);--color-syntax-property:var(--color-text-cyan);--color-syntax-punctuation:var(--color-text-secondary);--color-syntax-background:var(--color-background-muted);--color-accent:light-dark(#d82762,#ff4d80);--color-accent-muted:light-dark(rgba(216,39,98,0.12),rgba(255,77,128,0.12));--color-on-accent:#ffffff;--color-neutral:light-dark(color-mix(in srgb,#1c1814 20%,transparent),color-mix(in srgb,#faf8f5 20%,transparent));--color-background-surface:light-dark(#e2deda,#3e3a36);--color-background-body:light-dark(#faf8f5,#1c1814);--color-background-card:light-dark(#f2eeea,#282420);--color-background-muted:light-dark(#f2eeea,#282420);--color-background-popover:light-dark(#ffffff,#332f2b);--color-background-inverted:light-dark(#1c1814,#faf8f5);--color-background-error-inverted:#dc2626;--color-overlay:light-dark(rgba(28,24,20,0.5),#000000cc);--color-overlay-hover:light-dark(#1c18140d,#ffffff0d);--color-overlay-pressed:light-dark(#1c18141a,#ffffff1a);--color-text-primary:light-dark(#1c1814,#faf8f5);--color-text-secondary:light-dark(#3e3a36,#a29e9a);--color-text-disabled:light-dark(#a29e9a,#84807c);--color-text-accent:light-dark(#ad0549,#ff4d80);--color-on-dark:#ffffff;--color-on-light:#1c1814;--color-on-success:#1c1814;--color-on-error:#ffffff;--color-on-warning:#1c1814;--color-icon-accent:light-dark(#d82762,#ff4d80);--color-icon-primary:light-dark(#1c1814,#faf8f5);--color-icon-secondary:light-dark(#67635f,#a29e9a);--color-icon-disabled:light-dark(#cecac6,#67635f);--color-success:light-dark(#16a34a,#22c55e);--color-success-muted:light-dark(rgba(22,163,74,0.12),rgba(34,197,94,0.12));--color-error:light-dark(#dc2626,#ef4444);--color-error-muted:light-dark(rgba(220,38,38,0.12),rgba(239,68,68,0.12));--color-warning:light-dark(#ca8a06,#facc16);--color-warning-muted:light-dark(rgba(202,138,6,0.12),rgba(250,204,22,0.12));--color-border:light-dark(#e2deda,#282420);--color-border-emphasized:light-dark(#84807c,#67635f);--color-skeleton:light-dark(#e2deda,#3e3a36);--color-track:light-dark(#e2deda,#3e3a36);--color-shadow:light-dark(rgba(28,24,20,0.45),rgba(0,0,0,0.45));--color-background-blue:light-dark(rgba(37,99,235,0.12),rgba(59,130,246,0.12));--color-border-blue:light-dark(#2563eb,#3b82f6);--color-icon-blue:light-dark(#2563eb,#3b82f6);--color-text-blue:light-dark(#2563eb,#60a5fa);--color-background-gray:light-dark(#e2deda,#332f2b);--color-border-gray:light-dark(#cecac6,#67635f);--color-icon-gray:light-dark(#67635f,#a29e9a);--color-text-gray:light-dark(#67635f,#cecac6);--color-background-green:light-dark(rgba(22,163,74,0.12),rgba(34,197,94,0.12));--color-border-green:light-dark(#16a34a,#22c55e);--color-icon-green:light-dark(#16a34a,#22c55e);--color-text-green:light-dark(#15803d,#4ade80);--color-background-pink:light-dark(rgba(216,39,98,0.12),rgba(255,77,128,0.12));--color-border-pink:light-dark(#d82762,#ff4d80);--color-icon-pink:light-dark(#d82762,#ff4d80);--color-text-pink:light-dark(#d82762,#ff7796);--color-background-red:light-dark(rgba(220,38,38,0.12),rgba(239,68,68,0.12));--color-border-red:light-dark(#dc2626,#ef4444);--color-icon-red:light-dark(#dc2626,#ef4444);--color-text-red:light-dark(#dc2626,#ef4444);--color-background-yellow:light-dark(rgba(202,138,6,0.12),rgba(250,204,22,0.12));--color-border-yellow:light-dark(#a16207,#eab305);--color-icon-yellow:light-dark(#a16207,#facc16);--color-text-yellow:light-dark(#a16207,#facc16);--focus-outline-width:2px;--focus-outline-color:#7a7a7a;--focus-outline-offset:2px;--radius-inner:8px;--radius-element:12px;--radius-container:16px;--radius-page:16px;--radius-chat:16px;--radius-full:1000px;--size-element-sm:32px;--size-element-md:36px;--size-element-lg:44px;--spacing-0:0;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-11:44px;--spacing-12:48px;--shadow-low:0 1px 4px light-dark(rgba(28,24,20,0.32),rgba(0,0,0,0.32));--shadow-med:0 2px 10px light-dark(rgba(28,24,20,0.45),rgba(0,0,0,0.45));--shadow-high:0 4px 16px light-dark(rgba(28,24,20,0.45),rgba(0,0,0,0.45));--shadow-inset-hover:inset 0 0 0 2px light-dark(#cecac6,#67635f);--shadow-inset-selected:inset 0 0 0 2px light-dark(#d82762,#ff4d80);--shadow-inset-success:inset 0 0 0 2px light-dark(#16a34a4d,#22c55e4d);--shadow-inset-warning:inset 0 0 0 2px light-dark(#ca8a064d,#facc164d);--shadow-inset-error:inset 0 0 0 2px light-dark(#dc26264d,#ef44444d);--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:36px;--font-size-5xl:40px;--text-heading-1-size:24px;--text-heading-1-leading:1.334;--text-heading-2-size:20px;--text-heading-2-leading:1.4;--text-heading-3-size:18px;--text-heading-3-leading:1.445;--text-heading-4-size:14px;--text-heading-4-leading:1.429;--text-heading-5-size:12px;--text-heading-5-leading:1.334;--text-heading-6-size:11px;--text-heading-6-leading:1.273;--text-body-size:14px;--text-body-leading:1.429;--text-large-size:16px;--text-large-leading:1.5;--text-label-size:14px;--text-label-leading:1.429;--text-code-size:14px;--text-code-leading:1.429;--text-supporting-size:12px;--text-supporting-leading:1.334;--text-display-1-size:56px;--text-display-1-leading:1.286;--text-display-2-size:40px;--text-display-2-leading:1.3;--text-display-3-size:36px;--text-display-3-leading:1.334}.mochi-heading.level-1{font-family:var(--font-family-heading);font-size:var(--text-heading-1-size);font-weight:var(--text-heading-1-weight);line-height:var(--text-heading-1-leading);letter-spacing:-.023em}.mochi-heading.level-2{font-family:var(--font-family-heading);font-size:var(--text-heading-2-size);font-weight:var(--text-heading-2-weight);line-height:var(--text-heading-2-leading);letter-spacing:-.012em}.mochi-heading.level-3{font-family:var(--font-family-heading);font-size:var(--text-heading-3-size);font-weight:var(--text-heading-3-weight);line-height:var(--text-heading-3-leading);letter-spacing:-.0002em}.mochi-heading.level-4{font-family:var(--font-family-heading);font-size:var(--text-heading-4-size);font-weight:var(--text-heading-4-weight);line-height:var(--text-heading-4-leading);letter-spacing:.0145em}.mochi-heading.level-5{font-family:var(--font-family-heading);font-size:var(--text-heading-5-size);font-weight:var(--text-heading-5-weight);line-height:var(--text-heading-5-leading);letter-spacing:.0252em}.mochi-heading.level-6{font-family:var(--font-family-heading);font-size:var(--text-heading-6-size);font-weight:var(--text-heading-6-weight);line-height:var(--text-heading-6-leading);letter-spacing:.0311em}.mochi-heading.display-1{font-family:var(--font-family-heading);font-size:var(--text-display-1-size);line-height:var(--text-display-1-leading);letter-spacing:-.0319em}.mochi-heading.display-2{font-family:var(--font-family-heading);font-size:var(--text-display-2-size);line-height:var(--text-display-2-leading);letter-spacing:-.0282em}.mochi-heading.display-3{font-family:var(--font-family-heading);font-size:var(--text-display-3-size);line-height:var(--text-display-3-leading);letter-spacing:-.027em}.mochi-text.body{font-size:var(--text-body-size);line-height:var(--text-body-leading);letter-spacing:.0145em}.mochi-text.body,.mochi-text.large{font-family:var(--font-family-body)}.mochi-text.large{font-size:var(--text-large-size);line-height:var(--text-large-leading);letter-spacing:.0057em}.mochi-text.label{font-family:var(--font-family-body);font-size:var(--text-label-size);line-height:var(--text-label-leading);letter-spacing:.0145em}.mochi-text.code{font-family:var(--font-family-code);font-size:var(--text-code-size);line-height:var(--text-code-leading)}.mochi-text.supporting{font-family:var(--font-family-body);font-size:var(--text-supporting-size);line-height:var(--text-supporting-leading);letter-spacing:.0252em}.mochi-text.display-1{font-family:var(--font-family-heading);font-size:var(--text-display-1-size);line-height:var(--text-display-1-leading);letter-spacing:-.0319em}.mochi-text.display-2{font-family:var(--font-family-heading);font-size:var(--text-display-2-size);line-height:var(--text-display-2-leading);letter-spacing:-.0282em}.mochi-text.display-3{font-family:var(--font-family-heading);font-size:var(--text-display-3-size);line-height:var(--text-display-3-leading);letter-spacing:-.027em}.mochi-heading.primary,.mochi-text.primary{color:var(--color-text-primary)}.mochi-heading.secondary,.mochi-text.secondary{color:var(--color-text-secondary)}.mochi-heading.disabled,.mochi-text.disabled{color:var(--color-text-disabled)}.mochi-heading.placeholder,.mochi-text.placeholder{color:var(--color-text-secondary)}.mochi-heading.accent,.mochi-text.accent{color:var(--color-text-accent)}.mochi-text.size-4xs{font-size:var(--font-size-4xs)}.mochi-text.size-3xs{font-size:var(--font-size-3xs)}.mochi-text.size-2xs{font-size:var(--font-size-2xs)}.mochi-text.xsm{font-size:var(--font-size-xs)}.mochi-text.sm{font-size:var(--font-size-sm)}.mochi-text.base{font-size:var(--font-size-base)}.mochi-text.lg{font-size:var(--font-size-lg)}.mochi-text.xl{font-size:var(--font-size-xl)}.mochi-text.size-2xl{font-size:var(--font-size-2xl)}.mochi-text.size-3xl{font-size:var(--font-size-3xl)}.mochi-text.size-4xl{font-size:var(--font-size-4xl)}[data-mochi-media=dark]{color-scheme:dark;--color-text-primary:var(--color-on-dark);--color-icon-primary:var(--color-on-dark);--color-accent:var(--color-on-dark)}[data-mochi-media=light]{color-scheme:light;--color-text-primary:var(--color-on-light);--color-icon-primary:var(--color-on-light);--color-accent:var(--color-on-light)}}}@layer mochi-theme{}