@charset "UTF-8";:root{--background: #ffffff;--background-warm: #fdfbf7;--card: #ffffff;--popover: #ffffff;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--foreground: #1a1a1a;--card-foreground: #1a1a1a;--popover-foreground: #1a1a1a;--muted-foreground: #999999;--muted: #f5f5f5;--secondary: #f8f8f8;--secondary-foreground: #1a1a1a;--border: #e0e0e0;--border-strong: #999999;--border-hover: #cccccc;--border-active: #999999;--primary: transparent;--primary-foreground: #1a1a1a;--primary-border: #1a1a1a;--accent: transparent;--accent-foreground: #1a1a1a;--accent-border: #1a1a1a;--destructive: transparent;--destructive-foreground: #1a1a1a;--destructive-border: #1a1a1a;--input: transparent;--input-border: #e0e0e0;--ring: #1a1a1a;--radius: 0px;--font-sans: "Gowun Batang", serif;--font-serif: "Nanum Pen Script", cursive;--font-mono: "IBM Plex Mono", monospace;--shadow-sm: none;--shadow: none;--shadow-md: none;--shadow-lg: none;--shadow-xl: none;--hover-background: transparent;--hover-border: var(--border-hover);--active-background: transparent;--active-border: var(--border-strong);--active-border-width: 1px;--focus-ring: var(--border-strong);--focus-ring-width: 1px;--overlay-background: rgba(255, 255, 255, .95);--overlay-backdrop: blur(4px);--modal-radius: 1rem;--modal-backdrop: rgba(0, 0, 0, .5);--modal-shadow: 0 .5rem 2rem rgba(0, 0, 0, .2);--p1-bg: #ffffff;--p1-text: #1a1a1a;--p1-text-muted: #666666;--p1-text-placeholder: #999999;--p1-border: #e0e0e0;--p1-border-divider: #e0e0e0;--p1-border-strong: #999999;--p1-bg-card: #ffffff;--p1-hover: #f5f5f5;--p1-muted: #f5f5f5;--p1-input-bg: #ffffff;--p1-input-focus: #f8f8f8;--p1-shadow: none;--p1-card-glass: #ffffff;--p1-modal: #ffffff;--p1-dropdown: #ffffff;--p1-overlay: rgba(0, 0, 0, .5);--p1-active: #e8e8e8;--p1-text-glass: #1a1a1a;--p1-text-glass-muted: #666666;--p1-text-glass-placeholder: #999999;--p1-border-glass: #e0e0e0;--p1-border-glass-strong: #999999;--p1-border-glass-divider: #e0e0e0;--p1-blur: none;--p1-radius-card: 1.25rem;--p1-radius-modal: .75rem;--p1-shadow-glass: 0 .125rem .5rem rgba(0, 0, 0, .08);--p1-btn-primary-bg: #f5f5f5;--p1-btn-primary-hover: #e8e8e8;--p1-btn-primary-text: #1a1a1a;--p1-btn-secondary-bg: #ffffff;--p1-btn-secondary-border: #e0e0e0;--p1-btn-secondary-text: #1a1a1a;--p1-status-error: #dc2626;--p1-status-error-bg: rgba(220, 80, 70, .2);--p1-status-success: #16a34a;--p1-status-warning: #f59e0b;--p1-chat-user-bg: #f5f5f5;--p1-chat-user-text: #1a1a1a;--p1-chat-user-border: #f5f5f5;--p1-chat-bot-bg: #f5f5f5;--p1-chat-bot-text: #1a1a1a;--p1-chat-bot-border: #e0e0e0;--p1-chat-bubble-radius: .75rem;--p1-chat-bubble-radius-tail: .25rem;--p1-chat-bubble-padding: .625rem .875rem;--p1-surface-modal-opaque: #ffffff;--p2-bg: transparent;--p2-bg-card: rgba(255, 255, 255, .15);--p2-text: #ffffff;--p2-text-muted: rgba(255, 255, 255, .7);--p2-text-placeholder: rgba(255, 255, 255, .5);--p2-border: rgba(255, 255, 255, .3);--p2-border-divider: rgba(255, 255, 255, .25);--p2-border-strong: rgba(255, 255, 255, .6);--p2-hover: rgba(255, 255, 255, .25);--p2-muted: rgba(255, 255, 255, .08);--p2-input-bg: rgba(255, 255, 255, .1);--p2-input-focus: rgba(255, 255, 255, .2);--p2-shadow: 0 .25rem 1.5rem rgba(0, 0, 0, .08);--p2-card-glass: rgba(255, 255, 255, .15);--p2-modal: rgba(255, 255, 255, .2);--p2-dropdown: rgba(255, 255, 255, .15);--p2-overlay: rgba(0, 0, 0, .5);--p2-active: rgba(255, 255, 255, .3);--p2-text-glass: #ffffff;--p2-text-glass-muted: rgba(255, 255, 255, .7);--p2-text-glass-placeholder: rgba(255, 255, 255, .5);--p2-border-glass: rgba(255, 255, 255, .3);--p2-border-glass-strong: rgba(255, 255, 255, .6);--p2-border-glass-divider: rgba(255, 255, 255, .25);--p2-blur: blur(1.5rem);--p2-radius-card: 1.25rem;--p2-radius-modal: .75rem;--p2-shadow-glass: 0 .25rem 1.5rem rgba(0, 0, 0, .08);--p2-btn-primary-bg: rgba(255, 255, 255, .25);--p2-btn-primary-hover: rgba(255, 255, 255, .4);--p2-btn-primary-text: #ffffff;--p2-btn-secondary-bg: transparent;--p2-btn-secondary-border: rgba(255, 255, 255, .3);--p2-btn-secondary-text: #ffffff;--p2-status-error: #dc2626;--p2-status-error-bg: rgba(220, 80, 70, .2);--p2-status-success: #16a34a;--p2-status-warning: #f59e0b;--p2-chat-user-bg: rgba(255, 255, 255, .25);--p2-chat-user-text: #ffffff;--p2-chat-user-border: rgba(255, 255, 255, .25);--p2-chat-bot-bg: rgba(255, 255, 255, .08);--p2-chat-bot-text: #ffffff;--p2-chat-bot-border: rgba(255, 255, 255, .3);--p2-chat-bubble-radius: .75rem;--p2-chat-bubble-radius-tail: .25rem;--p2-chat-bubble-padding: .625rem .875rem;--p2-surface-modal-opaque: #1a1a1a;--p3-bg: rgba(30, 30, 30, .85);--p3-text: #ffffff;--p3-text-muted: rgba(255, 255, 255, .7);--p3-text-placeholder: rgba(255, 255, 255, .5);--p3-border: rgba(255, 255, 255, .2);--p3-border-divider: rgba(255, 255, 255, .15);--p3-hover: rgba(255, 255, 255, .1);--p3-muted: rgba(255, 255, 255, .08);--p3-input-bg: rgba(255, 255, 255, .1);--p3-input-focus: rgba(255, 255, 255, .2);--p3-shadow: 0 .25rem 1.5rem rgba(0, 0, 0, .15);--p3-card-glass: rgba(255, 255, 255, .15);--p3-modal: rgba(30, 30, 30, .85);--p3-dropdown: rgba(30, 30, 30, .85);--p3-overlay: rgba(0, 0, 0, .5);--p3-active: rgba(255, 255, 255, .3);--p3-text-glass: #ffffff;--p3-text-glass-muted: rgba(255, 255, 255, .7);--p3-text-glass-placeholder: rgba(255, 255, 255, .5);--p3-border-glass: rgba(255, 255, 255, .3);--p3-border-glass-strong: rgba(255, 255, 255, .6);--p3-border-glass-divider: rgba(255, 255, 255, .25);--p3-blur: blur(1.5rem);--p3-radius-card: 1.25rem;--p3-radius-modal: .75rem;--p3-shadow-glass: 0 .25rem 1.5rem rgba(0, 0, 0, .08);--p3-btn-primary-bg: rgba(255, 255, 255, .25);--p3-btn-primary-hover: rgba(255, 255, 255, .4);--p3-btn-primary-text: #ffffff;--p3-btn-secondary-bg: transparent;--p3-btn-secondary-border: rgba(255, 255, 255, .3);--p3-btn-secondary-text: #ffffff;--p3-status-error: #dc2626;--p3-status-error-bg: rgba(220, 80, 70, .2);--p3-status-success: #16a34a;--p3-status-warning: #f59e0b;--p3-chat-user-bg: rgba(255, 255, 255, .25);--p3-chat-user-text: #ffffff;--p3-chat-user-border: rgba(255, 255, 255, .25);--p3-chat-bot-bg: rgba(255, 255, 255, .08);--p3-chat-bot-text: #ffffff;--p3-chat-bot-border: rgba(255, 255, 255, .2);--p3-chat-bubble-radius: .75rem;--p3-chat-bubble-radius-tail: .25rem;--p3-chat-bubble-padding: .625rem .875rem;--p3-surface-modal-opaque: #1a1a1a;--p4-bg: #fdfbf7;--p4-text: #2c2417;--p4-text-muted: #8a7e6d;--p4-text-placeholder: #b5aa98;--p4-border: #e8dfd3;--p4-border-divider: #e8dfd3;--p4-hover: #f5f0e8;--p4-muted: #f5f0e8;--p4-input-bg: #fdfbf7;--p4-input-focus: #ffffff;--p4-shadow: 0 .125rem .5rem rgba(44, 36, 23, .06);--p4-card-glass: rgba(255, 255, 255, .15);--p4-modal: rgba(253, 251, 247, .9);--p4-dropdown: rgba(30, 30, 30, .85);--p4-overlay: rgba(0, 0, 0, .5);--p4-active: rgba(255, 255, 255, .3);--p4-text-glass: #ffffff;--p4-text-glass-muted: rgba(255, 255, 255, .7);--p4-text-glass-placeholder: rgba(255, 255, 255, .5);--p4-border-glass: rgba(255, 255, 255, .3);--p4-border-glass-strong: rgba(255, 255, 255, .6);--p4-border-glass-divider: rgba(255, 255, 255, .25);--p4-blur: blur(1.5rem);--p4-radius-card: 1.25rem;--p4-radius-modal: .75rem;--p4-shadow-glass: 0 .25rem 1.5rem rgba(0, 0, 0, .08);--p4-btn-primary-bg: rgba(255, 255, 255, .25);--p4-btn-primary-hover: rgba(255, 255, 255, .4);--p4-btn-primary-text: #ffffff;--p4-btn-secondary-bg: transparent;--p4-btn-secondary-border: rgba(255, 255, 255, .3);--p4-btn-secondary-text: #ffffff;--p4-status-error: #dc2626;--p4-status-error-bg: rgba(220, 80, 70, .2);--p4-status-success: #16a34a;--p4-status-warning: #f59e0b;--p4-chat-user-bg: #e8dfd3;--p4-chat-user-text: #2c2417;--p4-chat-user-border: #e8dfd3;--p4-chat-bot-bg: #f5f0e8;--p4-chat-bot-text: #2c2417;--p4-chat-bot-border: #e8dfd3;--p4-chat-bubble-radius: .75rem;--p4-chat-bubble-radius-tail: .25rem;--p4-chat-bubble-padding: .625rem .875rem;--p4-surface-modal-opaque: #fdfbf7;--p5-bg: #ffffff;--p5-text: #1a1a1a;--p5-text-muted: #666666;--p5-text-placeholder: #999999;--p5-border: #e0e0e0;--p5-border-divider: #e0e0e0;--p5-hover: #f5f5f5;--p5-muted: #f5f5f5;--p5-input-bg: #ffffff;--p5-input-focus: #f8f8f8;--p5-shadow: none;--p5-card-glass: rgba(255, 255, 255, .15);--p5-modal: #ffffff;--p5-dropdown: rgba(30, 30, 30, .85);--p5-overlay: rgba(0, 0, 0, .5);--p5-active: rgba(255, 255, 255, .3);--p5-text-glass: #ffffff;--p5-text-glass-muted: rgba(255, 255, 255, .7);--p5-text-glass-placeholder: rgba(255, 255, 255, .5);--p5-border-glass: rgba(255, 255, 255, .3);--p5-border-glass-strong: rgba(255, 255, 255, .6);--p5-border-glass-divider: rgba(255, 255, 255, .25);--p5-blur: blur(1.5rem);--p5-radius-card: 1.25rem;--p5-radius-modal: .75rem;--p5-shadow-glass: 0 .25rem 1.5rem rgba(0, 0, 0, .08);--p5-btn-primary-bg: rgba(255, 255, 255, .25);--p5-btn-primary-hover: rgba(255, 255, 255, .4);--p5-btn-primary-text: #ffffff;--p5-btn-secondary-bg: transparent;--p5-btn-secondary-border: rgba(255, 255, 255, .3);--p5-btn-secondary-text: #ffffff;--p5-status-error: #dc2626;--p5-status-error-bg: rgba(220, 80, 70, .2);--p5-status-success: #16a34a;--p5-status-warning: #f59e0b;--p5-chat-user-bg: #f5f5f5;--p5-chat-user-text: #1a1a1a;--p5-chat-user-border: #f5f5f5;--p5-chat-bot-bg: #f5f5f5;--p5-chat-bot-text: #1a1a1a;--p5-chat-bot-border: #e0e0e0;--p5-chat-bubble-radius: .75rem;--p5-chat-bubble-radius-tail: .25rem;--p5-chat-bubble-padding: .625rem .875rem;--p5-surface-modal-opaque: #ffffff;--surface-page: var(--p2-bg);--surface-card: var(--p2-bg-card);--surface-modal: var(--p2-modal);--surface-modal-opaque: var(--p2-surface-modal-opaque);--surface-dropdown: var(--p2-dropdown);--surface-overlay: var(--p2-overlay);--surface-input: var(--p2-input-bg);--surface-input-focus: var(--p2-input-focus);--surface-hover: var(--p2-hover);--surface-muted: var(--p2-muted);--surface-active: var(--p2-active);--text: var(--p2-text);--text-muted: var(--p2-text-muted);--text-placeholder: var(--p2-text-placeholder);--border: var(--p2-border);--border-divider: var(--p2-border-divider);--border-strong: var(--p2-border-strong);--blur: var(--p2-blur);--radius-card: var(--p2-radius-card);--radius-modal: var(--p2-radius-modal);--shadow: var(--p2-shadow);--shadow-card: var(--p2-shadow);--btn-primary-bg: var(--p2-btn-primary-bg);--btn-primary-hover: var(--p2-btn-primary-hover);--btn-primary-text: var(--p2-btn-primary-text);--btn-secondary-bg: var(--p2-btn-secondary-bg);--btn-secondary-border: var(--p2-btn-secondary-border);--btn-secondary-text: var(--p2-btn-secondary-text);--status-error: var(--p2-status-error);--status-error-bg: var(--p2-status-error-bg);--status-success: var(--p2-status-success);--status-warning: var(--p2-status-warning);--chat-user-bg: var(--p2-chat-user-bg);--chat-user-text: var(--p2-chat-user-text);--chat-user-border: var(--p2-chat-user-border);--chat-bot-bg: var(--p2-chat-bot-bg);--chat-bot-text: var(--p2-chat-bot-text);--chat-bot-border: var(--p2-chat-bot-border);--chat-bubble-radius: var(--p2-chat-bubble-radius);--chat-bubble-radius-tail: var(--p2-chat-bubble-radius-tail);--chat-bubble-padding: var(--p2-chat-bubble-padding);--text-on-solid: var(--text);--text-on-solid-muted: var(--text-muted);--text-on-solid-placeholder: var(--text-placeholder);--text-on-glass: var(--text);--text-on-glass-muted: var(--text-muted);--text-on-glass-placeholder: var(--text-placeholder);--border-on-solid: var(--border);--border-on-glass: var(--border);--border-on-glass-strong: var(--border-strong);--border-divider-solid: var(--border-divider);--border-divider-glass: var(--border-divider);--surface-card-solid: var(--surface-card);--shadow-modal: var(--shadow);--shadow-glass: var(--shadow-card);--blur-glass: var(--blur);--btn-primary-bg-hover: var(--btn-primary-hover);--content-viewer-dim: color-mix(in srgb, var(--surface-overlay) 90%, transparent);--reading-modal-underlay: color-mix(in srgb, var(--surface-overlay) 76%, var(--surface-card) 24%);--reading-modal-underlay-vignette: color-mix(in srgb, var(--surface-overlay) 66%, var(--surface-card) 34%);--reading-modal-overlay: color-mix(in srgb, var(--surface-overlay) 74%, var(--surface-card) 26%);--reading-modal-overlay-vignette: color-mix(in srgb, var(--surface-overlay) 64%, var(--surface-card) 36%);--reading-modal-surface: color-mix(in srgb, var(--surface-modal) 56%, var(--border-strong) 44%);--reading-modal-header-surface: color-mix(in srgb, var(--reading-modal-surface) 84%, var(--surface-card) 16%);--reading-modal-border: color-mix(in srgb, var(--border-strong) 72%, var(--border) 28%);--reading-modal-shadow: var(--shadow-lg);--reading-modal-sheen: linear-gradient( 180deg, color-mix(in srgb, var(--border-strong) 24%, transparent), color-mix(in srgb, var(--surface-card) 18%, transparent) 24%, transparent 44% );--reading-modal-veil: linear-gradient( 180deg, color-mix(in srgb, var(--border-strong) 20%, transparent), color-mix(in srgb, var(--surface-card) 34%, transparent) 40%, color-mix(in srgb, var(--surface-muted) 24%, transparent) );--reading-modal-blockquote-surface: color-mix(in srgb, var(--surface-muted) 78%, var(--surface-modal));--reading-modal-table-head-surface: color-mix(in srgb, var(--surface-muted) 84%, var(--surface-modal));--tracking-normal: 0em;--spacing: .25rem;--icon-xs: .75rem;--icon-sm: .875rem;--icon-md: 1rem;--icon-lg: 1.25rem;--icon-xl: 1.5rem;--icon-2xl: 2rem;--icon-3xl: 3rem;--btn-kakao-bg: #FEE500;--btn-kakao-text: #191919;--shadow-hero-text: 0 .0625rem .5rem rgba(0, 0, 0, .3);--shadow-hero-text-sub: 0 .0625rem .25rem rgba(0, 0, 0, .2);--shadow-hero-text-light: 0 .0625rem .25rem rgba(0, 0, 0, .15);--header-height: 2.25rem;--bottom-tabbar-height: 3.25rem;--layout-total-height: calc(var(--header-height) + var(--bottom-tabbar-height));--layout-gap: 0;--content-padding: 20px}html,body{margin:0;padding:0;min-height:100%}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);line-height:1.5;padding:0;background:linear-gradient(135deg,#e0e7ff,#f0f9ff,#fae8ff);background-attachment:fixed}*{box-sizing:border-box}:host{display:block;box-sizing:border-box}.icon-xs{width:var(--icon-xs);height:var(--icon-xs)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-md{width:var(--icon-md);height:var(--icon-md)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}.icon-xl{width:var(--icon-xl);height:var(--icon-xl)}.icon-2xl{width:var(--icon-2xl);height:var(--icon-2xl)}.icon-3xl{width:var(--icon-3xl);height:var(--icon-3xl)}:root{--text: #1a1a2e;--text-muted: #4a4a6a;--text-placeholder: #8a8aa0;--border: rgba(26, 26, 46, .12);--border-divider: rgba(26, 26, 46, .08);--border-strong: rgba(26, 26, 46, .25);--btn-primary-bg: rgba(26, 26, 46, .85);--btn-primary-hover: rgba(26, 26, 46, 1);--btn-primary-text: #ffffff;--btn-secondary-text: #1a1a2e;--btn-secondary-border: rgba(26, 26, 46, .2)}