:root{--brand-black:#030812;--brand-dark:#050632;--brand-primary:#03f;--brand-lime:#cfff5e;--brand-off-white:#fafaf8;--cool-grey-light:#f4f5f7;--cool-grey-light-hover:#eff0f3;--cool-grey-light-active:#dee0e5;--cool-grey:#969cac;--cool-grey-hover:#878c9b;--cool-grey-active:#787d8a;--cool-grey-dark:#717581;--cool-grey-dark-hover:#5a5e67;--cool-grey-dark-active:#44464d;--cool-grey-darker:#35373c;--blue-light:#e6ebff;--blue-light-hover:#d9e0ff;--blue-light-active:#b0c0ff;--blue:#03f;--blue-hover:#002ee6;--blue-active:#0029cc;--blue-dark:#0026bf;--blue-dark-hover:#001f99;--blue-dark-active:#001773;--blue-darker:#001259;--purple-light:#f2f2ff;--purple-light-hover:#ececff;--purple-light-active:#d8d7ff;--purple:#807dfe;--purple-hover:#7371e5;--purple-active:#6664cb;--purple-dark:#605ebf;--purple-dark-hover:#4d4b98;--purple-dark-active:#3a3872;--purple-darker:#2d2c59;--accent-light:#f3e9ff;--accent-light-hover:#eddeff;--accent-light-active:#d9bbff;--accent:#8624ff;--accent-hover:#7920e6;--accent-active:#6b1dcc;--accent-dark:#651bbf;--accent-dark-hover:#501699;--accent-dark-active:#3c1073;--accent-darker:#2f0d59;--lime-light:#faffef;--lime-light-hover:#f8ffe7;--lime-light-active:#f0ffcd;--lime:#cfff5e;--lime-hover:#bae655;--lime-active:#a6cc4b;--lime-dark:#9bbf47;--lime-dark-hover:#7c9938;--lime-dark-active:#5d732a;--lime-darker:#485921;--background:var(--cool-grey-light);--surface:#fff;--surface-secondary:var(--cool-grey-light);--primary:var(--blue);--primary-hover:var(--blue-hover);--primary-active:var(--blue-active);--text-primary:var(--cool-grey-darker);--text-secondary:var(--cool-grey-dark);--text-disabled:var(--cool-grey);--text-on-primary:#fff;--border:#e9ebf8;--border-active:var(--primary);--success:var(--lime);--focus:var(--blue-light);--overlay:#03081280;--radius-xs:4px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:28px;--radius-2xl:32px;--radius-pill:40px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 20px #0f172a14;--shadow-lg:0 18px 50px #0f172a14;--shadow-card:-16px -16px 16px #0000000d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--odi-page-padding-inline:clamp(16px, 2.25vw, 48px);--odi-page-padding-top:clamp(24px, 2.25vw, 36px);--odi-page-padding-bottom:clamp(32px, 2.5vw, 44px);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}.clickable{cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}.clickable:active:not(:disabled){transform:scale(.98)}.clickable:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.clickable:disabled{cursor:default;pointer-events:none}:root{--font-family:"Pretendard", sans-serif;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--title-main-size:clamp(32px, 2.25vw, 42px);--title-middle-size:clamp(22px, 1.55vw, 26px);--title-small-size:clamp(18px, 1.25vw, 20px);--title-xs-size:18px;--body-size:clamp(16px, 1.05vw, 18px);--body-large-size:clamp(19px, 1.25vw, 22px);--body-xl-size:clamp(26px, 1.8vw, 32px);--button-size:clamp(16px, 1.05vw, 18px);--button-start-size:clamp(18px, 1.25vw, 22px);--caption-nav-size:14px;--caption-size:clamp(14px, .95vw, 16px);--caption-main-size:clamp(17px, 1.15vw, 20px);--line-height-auto:normal;--line-height-tight:140%}.text-title-main{font-family:var(--font-family);font-size:var(--title-main-size);font-weight:var(--font-bold);line-height:var(--line-height-auto)}.text-title-middle{font-family:var(--font-family);font-size:var(--title-middle-size);font-weight:var(--font-bold);line-height:var(--line-height-auto)}.text-title-small{font-family:var(--font-family);font-size:var(--title-small-size);font-weight:var(--font-bold);line-height:var(--line-height-auto)}.text-title-xs{font-family:var(--font-family);font-size:var(--title-xs-size);font-weight:var(--font-bold);line-height:var(--line-height-auto)}.text-body{font-family:var(--font-family);font-size:var(--body-size);font-weight:var(--font-regular);line-height:var(--line-height-auto)}.text-body-medium{font-family:var(--font-family);font-size:var(--body-size);font-weight:var(--font-medium);line-height:var(--line-height-auto)}.text-body-active{font-family:var(--font-family);font-size:var(--body-size);font-weight:var(--font-semibold);line-height:var(--line-height-auto)}.text-body-bold{font-family:var(--font-family);font-size:var(--body-large-size);font-weight:var(--font-bold);line-height:var(--line-height-tight)}.text-body-bold-xl{font-family:var(--font-family);font-size:var(--body-xl-size);font-weight:var(--font-bold);line-height:var(--line-height-tight)}.text-button{font-family:var(--font-family);font-size:var(--button-size);font-weight:var(--font-medium);line-height:var(--line-height-auto)}.text-button-start{font-family:var(--font-family);font-size:var(--button-start-size);font-weight:var(--font-medium);line-height:var(--line-height-auto)}.text-caption-nav{font-family:var(--font-family);font-size:var(--caption-nav-size);font-weight:var(--font-medium);line-height:var(--line-height-auto)}.text-caption{font-family:var(--font-family);font-size:var(--caption-size);font-weight:var(--font-regular);line-height:var(--line-height-auto)}.text-caption-medium{font-family:var(--font-family);font-size:var(--caption-size);font-weight:var(--font-medium);line-height:var(--line-height-auto)}.text-caption-main{font-family:var(--font-family);font-size:var(--caption-main-size);font-weight:var(--font-medium);line-height:var(--line-height-auto)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{min-width:0;font-family:var(--font-family);color:var(--text-primary);background:var(--background);line-height:var(--line-height-auto);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}input:focus,textarea:focus,select:focus,button:focus{outline:none}::selection{background:var(--primary);color:var(--text-on-primary)}#app{min-width:0;min-height:100vh}.field.svelte-1s9n3jz{gap:var(--space-4);flex-direction:column;display:flex}.field-label.svelte-1s9n3jz{align-items:center;gap:var(--space-1);color:var(--brand-black);display:flex}.field-label.svelte-1s9n3jz span:where(.svelte-1s9n3jz){color:var(--primary)}.input-shell.svelte-1s9n3jz{align-items:center;gap:var(--space-3);border:1px solid var(--cool-grey-light-active);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:50px;padding:0 11px 0 20px;display:flex}.input-shell.svelte-1s9n3jz:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--blue-light)}.input-shell.error.svelte-1s9n3jz{border-color:var(--accent)}.input-shell.success.svelte-1s9n3jz{border-color:#44c699}.field-icon.svelte-1s9n3jz{object-fit:contain;flex-shrink:0;width:24px;height:24px}.field-input.svelte-1s9n3jz{min-width:0;height:100%;color:var(--brand-black);background:0 0;border:0;flex:1}.field-input.svelte-1s9n3jz::placeholder{color:var(--text-secondary)}.visibility-button.svelte-1s9n3jz{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.visibility-button.svelte-1s9n3jz img:where(.svelte-1s9n3jz){object-fit:contain;width:22px;height:22px}.feedback.svelte-1s9n3jz{align-items:center;gap:var(--space-2);color:var(--text-secondary);display:flex}.feedback.svelte-1s9n3jz img:where(.svelte-1s9n3jz){object-fit:contain;width:17px;height:17px}.feedback.error.svelte-1s9n3jz{color:var(--accent)}.feedback.success.svelte-1s9n3jz{color:#44c699}