@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");:root{--color-base-white:#ffffff;--color-base-black:#000000;--color-base-blackAlpha50:rgba(0,0,0,0.5);--color-gray-10:#f7f7f8;--color-gray-20:#efefef;--color-gray-30:#e0e0e0;--color-gray-40:#c8c8c8;--color-gray-50:#a0a0a0;--color-gray-60:#7a7a7a;--color-gray-70:#585858;--color-gray-80:#383838;--color-gray-90:#191919;--color-darkmode_gray-10:#f0f0f0;--color-darkmode_gray-20:#d4d4d4;--color-darkmode_gray-30:#ababab;--color-darkmode_gray-40:#858585;--color-darkmode_gray-50:#5e5e5e;--color-darkmode_gray-55:#4e4e4e;--color-darkmode_gray-60:#3e3e3e;--color-darkmode_gray-70:#2e2e2e;--color-darkmode_gray-80:#1e1e1e;--color-darkmode_gray-90:#111111;--color-po_blue-05:#eef4ff;--color-po_blue-10:#ddeaff;--color-po_blue-20:#b8d0ff;--color-po_blue-40:#5b96f7;--color-po_blue-50:#2d6ef5;--color-po_blue-70:#1a4ab8;--color-po_blue-80:#0f2f7a;--color-po_blue-90:#091d4d;--color-po_green-05:#edfaf3;--color-po_green-50:#22c55e;--color-po_green-90:#0a3d21;--color-po_orange-05:#fff7ed;--color-po_orange-50:#f97316;--color-po_orange-90:#431407;--color-po_red-05:#fef2f2;--color-po_red-50:#ef4444;--color-po_red-90:#450a0a;--color-etc-red:#ef4444;--label-normal:var(--color-gray-90);--label-neutral:var(--color-gray-80);--label-alternative:var(--color-gray-70);--label-assistive:var(--color-gray-60);--label-inverse:var(--color-base-white);--label-disabled:var(--color-gray-40);--background-base:var(--color-base-white);--background-disabled:var(--color-gray-20);--layer-surface:var(--color-base-white);--layer-overlay:var(--color-base-blackAlpha50);--interaction-hover:var(--color-gray-20);--interaction-pressed:var(--color-gray-30);--line-neutral:var(--color-gray-30);--line-normal:var(--color-gray-40);--line-strong:var(--color-gray-50);--line-disabled:var(--color-gray-20);--accent-brand-normal:var(--color-po_blue-50);--accent-brand-strong:var(--color-po_blue-70);--accent-brand-bg:var(--color-po_blue-10);--accent-brand-bg-hover:var(--color-po_blue-20);--accent-action-normal:var(--color-base-black);--accent-action-strong:var(--color-gray-80);--fill-neutral:var(--color-gray-10);--fill-normal:var(--color-gray-20);--fill-strong:var(--color-gray-30);--state-new:var(--color-etc-red);--state-success:var(--color-po_green-50);--state-success-bg:var(--color-po_green-05);--state-warning:var(--color-po_orange-50);--state-warning-bg:var(--color-po_orange-05);--state-error:var(--color-po_red-50);--state-error-bg:var(--color-po_red-05);--state-info:var(--color-po_blue-50);--state-info-bg:var(--color-po_blue-05);--focus-ring:var(--color-po_blue-40);--static-white:var(--color-base-white);--static-black:var(--color-base-black);--font-size-5xl:2.5rem;--font-size-4xl:2rem;--font-size-3xl:1.75rem;--font-size-2xl:1.5rem;--font-size-xl:1.25rem;--font-size-lg:1.125rem;--font-size-md:1rem;--font-size-sm:0.875rem;--font-size-xs:0.8125rem;--font-size-xxs:0.75rem;--font-size-xxxs:0.6875rem;--weight-bold:700;--weight-medium:500;--weight-regular:400;--spacing-none:0px;--spacing-4xs:2px;--spacing-3xs:4px;--spacing-2xs:8px;--spacing-xs:12px;--spacing-sm:16px;--spacing-md:20px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-3xl:48px;--spacing-4xl:64px;--radius-none:0px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:38px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-md:0 2px 8px rgba(0,0,0,0.06);--shadow-lg:0 4px 16px rgba(0,0,0,0.08);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-dim:300;--z-modal:400;--z-toast:500;--duration-instant:100ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--pixel-cat-orange:#f4a23a;--pixel-cat-shadow:#c17820;--pixel-bg-room:#fef9f0;--pixel-floor:#e8d5b0;--pixel-wall:#f0e6d3}[data-theme=dark]{--label-normal:var(--color-darkmode_gray-10);--label-neutral:var(--color-darkmode_gray-20);--label-alternative:var(--color-darkmode_gray-30);--label-assistive:var(--color-darkmode_gray-40);--label-inverse:var(--color-darkmode_gray-90);--label-disabled:var(--color-darkmode_gray-50);--background-base:var(--color-darkmode_gray-90);--background-disabled:var(--color-darkmode_gray-70);--layer-surface:var(--color-darkmode_gray-80);--interaction-hover:var(--color-darkmode_gray-55);--interaction-pressed:var(--color-darkmode_gray-50);--line-neutral:var(--color-darkmode_gray-60);--line-normal:var(--color-darkmode_gray-50);--line-strong:var(--color-darkmode_gray-40);--line-disabled:var(--color-darkmode_gray-70);--accent-brand-strong:var(--color-po_blue-40);--accent-brand-bg:var(--color-po_blue-90);--accent-brand-bg-hover:var(--color-po_blue-80);--accent-action-normal:var(--color-base-white);--accent-action-strong:var(--color-gray-20);--fill-neutral:var(--color-darkmode_gray-70);--fill-normal:var(--color-darkmode_gray-60);--fill-strong:var(--color-darkmode_gray-50);--state-success-bg:var(--color-po_green-90);--state-warning-bg:var(--color-po_orange-90);--state-error-bg:var(--color-po_red-90);--state-info-bg:var(--color-po_blue-90);--shadow-sm:0 1px 3px rgba(0,0,0,0.12);--shadow-md:0 2px 8px rgba(0,0,0,0.16);--shadow-lg:0 4px 16px rgba(0,0,0,0.20);--pixel-bg-room:#1a1410;--pixel-floor:#2a2018;--pixel-wall:#221c14}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background-base);color:var(--label-normal);font-family:PretendardVariable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--font-size-md);font-weight:var(--weight-regular);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}img{display:block;max-width:100%}ol,ul{list-style:none}.pixel-art{image-rendering:pixelated;image-rendering:crisp-edges}.role-heading2{font-size:var(--font-size-2xl)}.role-heading2,.role-heading3{font-weight:var(--weight-bold);line-height:1.4}.role-heading3{font-size:var(--font-size-xl)}.role-heading4{font-size:var(--font-size-lg);font-weight:var(--weight-bold);line-height:1.4}.role-body1{font-size:var(--font-size-md)}.role-body1,.role-body2{font-weight:var(--weight-regular);line-height:1.5}.role-body2{font-size:var(--font-size-sm)}@media (max-width:767px){.role-heading2{font-size:var(--font-size-xl)}.role-heading3{font-size:var(--font-size-lg)}.role-heading4{font-size:var(--font-size-md)}.role-body1{font-size:var(--font-size-sm)}.role-body2{font-size:var(--font-size-xs)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;font-family:inherit;transition:background var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn-48{height:48px;padding:0 var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--weight-bold);border-radius:var(--radius-md)}.btn-40{height:40px;padding:0 var(--spacing-xs)}.btn-32,.btn-40{font-size:var(--font-size-sm);font-weight:var(--weight-medium);border-radius:var(--radius-sm)}.btn-32{height:32px;padding:0 var(--spacing-2xs)}.btn-primary{background:var(--accent-brand-normal);color:var(--static-white)}.btn-primary:hover{background:var(--accent-brand-strong)}.btn-sub{background:var(--accent-brand-bg);color:var(--accent-brand-normal)}.btn-sub:hover{background:var(--accent-brand-bg-hover)}.btn-default{background:var(--background-base);color:var(--label-neutral);border:1px solid var(--line-neutral)}.btn-default:hover{background:var(--interaction-hover)}.btn-gray{background:var(--fill-normal);color:var(--label-normal)}.btn-gray:hover{background:var(--fill-strong)}.btn-danger{background:var(--state-error);color:var(--static-white)}.btn-danger:hover{opacity:.85}.btn:disabled{background:var(--background-disabled);color:var(--label-disabled);border:1px solid var(--line-disabled);cursor:not-allowed}.card{background:var(--layer-surface);border:1px solid var(--line-neutral);border-radius:var(--radius-md);padding:var(--spacing-lg)}.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xxs);font-weight:var(--weight-bold);line-height:1.3}.badge-brand{background:var(--accent-brand-bg);color:var(--accent-brand-normal)}.badge-success{background:var(--state-success-bg);color:var(--state-success)}.badge-warning{background:var(--state-warning-bg);color:var(--state-warning)}.toast-container{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;pointer-events:none}.toast,.toast-container{gap:var(--spacing-2xs);align-items:center}.toast{display:inline-flex;min-height:48px;padding:var(--spacing-xs) var(--spacing-sm);background:rgba(25,25,25,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);color:var(--static-white);font-size:var(--font-size-sm);font-weight:var(--weight-medium);pointer-events:auto;animation:toastIn var(--duration-slow) var(--ease-out)}.toast-success .toast-icon{color:#4ade80}.toast-error .toast-icon{color:#f87171}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;inset:0;background:var(--layer-overlay);z-index:var(--z-dim);display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);animation:fadeIn var(--duration-normal) var(--ease-out)}.modal{background:var(--layer-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);width:100%;max-width:480px;z-index:var(--z-modal);animation:slideUp var(--duration-slow) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes catIdle{0%,to{transform:translateY(0) rotate(0deg)}30%{transform:translateY(-6px) rotate(-1deg)}70%{transform:translateY(-4px) rotate(1deg)}}@keyframes catJump{0%{transform:translateY(0) scale(1)}20%{transform:translateY(-22px) scale(1.08,.95)}45%{transform:translateY(-30px) scale(.95,1.08) rotate(-4deg)}65%{transform:translateY(-14px) scale(1.04,.97) rotate(3deg)}82%{transform:translateY(-20px) scale(.98,1.02) rotate(-2deg)}to{transform:translateY(0) scale(1) rotate(0deg)}}@keyframes catSleep{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(2px) rotate(-1.5deg)}}@keyframes catSaving{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-5px) scale(1.04)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-3px) scale(1.02)}}@keyframes catPlay{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-10px) rotate(-3deg) scale(1.05)}75%{transform:translateY(-7px) rotate(3deg) scale(1.03)}}@keyframes pointPop{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-30px) scale(.8);opacity:0}}.cat-idle{animation:catIdle 2.4s ease-in-out infinite}.cat-jump{animation:catJump .7s cubic-bezier(.36,.07,.19,.97) forwards}.cat-sleep{animation:catSleep 3.5s ease-in-out infinite}.cat-saving{animation:catSaving .9s ease-in-out infinite}.cat-play{animation:catPlay 1.2s ease-in-out infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-normal);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}:root{--lk-brand:#4e4e78;--lk-brand-hover:#3c3c62;--lk-brand-bg:#f0f0f8;--lk-brand-bg2:#e4e4f2;--lk-accent:#4e4e78;--lk-accent-warm:#c8c8e0;--lk-surface-0:#f6f6f9;--lk-surface-1:#ffffff;--lk-surface-2:#efeff4;--lk-text-1:#18181e;--lk-text-2:#42425a;--lk-text-3:#8a8aa8;--lk-border:#e4e4ee;--lk-border-med:#ccccde;--lk-shadow-sm:0 1px 4px rgba(20,20,40,0.06),0 1px 2px rgba(20,20,40,0.03);--lk-shadow-md:0 4px 16px rgba(20,20,40,0.08),0 2px 4px rgba(20,20,40,0.04);--lk-shadow-lg:0 8px 32px rgba(20,20,40,0.10),0 4px 8px rgba(20,20,40,0.05);--lk-grad-brand:linear-gradient(135deg,#4e4e78,#6e6e9a);--lk-grad-hero:linear-gradient(160deg,#ffffff,#f4f4fa 40%,#f0f0f8);--lk-ease-spring:cubic-bezier(0.34,1.56,0.64,1)}[data-theme=dark]{--lk-brand:#8888b8;--lk-brand-hover:#a0a0cc;--lk-brand-bg:#1c1c2e;--lk-brand-bg2:#24243c;--lk-surface-0:#10101a;--lk-surface-1:#18182a;--lk-surface-2:#20203a;--lk-text-1:#ececf4;--lk-text-2:#9494b4;--lk-text-3:#585878;--lk-border:#28283e;--lk-border-med:#34345a;--lk-shadow-sm:0 1px 4px rgba(0,0,0,0.35);--lk-shadow-md:0 4px 16px rgba(0,0,0,0.45);--lk-shadow-lg:0 8px 32px rgba(0,0,0,0.55);--lk-grad-hero:linear-gradient(160deg,#14141e,#10101a 50%,#14141e)}:root{--pixel-bg-room:#f5f5fa;--pixel-floor:#dddde8;--pixel-wall:#ebebf2}[data-theme=dark]{--pixel-bg-room:#10101a;--pixel-floor:#18182a;--pixel-wall:#1c1c2e}.btn.btn-primary{background:var(--lk-grad-brand)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px rgba(78,78,120,.28)!important;transition:transform .15s var(--lk-ease-spring),box-shadow .15s ease!important}.btn.btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 4px 16px rgba(78,78,120,.38)!important}.btn.btn-primary:active{transform:translateY(0)!important}