@layer theme{:root{--color-gray-0:#fff;--color-gray-50:#f8f8f8;--color-gray-100:#f1f1f2;--color-gray-200:#dedfe1;--color-gray-300:#c3c4c9;--color-gray-400:#a2a5ac;--color-gray-500:#80848e;--color-gray-600:#60646e;--color-gray-700:#43464f;--color-gray-800:#2b2d33;--color-gray-900:#17181c;--color-gray-950:#08090b}@supports (color:lab(0% 0 0)){:root{--color-gray-50:lab(97.6789% .000804663 -.0761271);--color-gray-100:lab(95.2972% .00369549 -.342369);--color-gray-200:lab(88.8258% .013262 -1.06401);--color-gray-300:lab(79.2825% .039041 -2.4268);--color-gray-400:lab(67.6897% .0934899 -4.23241);--color-gray-500:lab(55.0313% .17193 -5.79606);--color-gray-600:lab(42.1435% .23374 -6.37593);--color-gray-700:lab(29.7505% .237778 -5.80139);--color-gray-800:lab(18.38% .188321 -4.4894);--color-gray-900:lab(8.43994% .119574 -2.99577);--color-gray-950:lab(2.46601% .0293329 -.85628)}}:root{--color-background:#fff;--color-foreground:var(--color-gray-950);--color-muted:var(--color-gray-100);--color-muted-foreground:var(--color-gray-500);--color-popover:#fff;--color-popover-foreground:var(--color-gray-950);--color-card:#fff;--color-card-foreground:var(--color-gray-950);--color-border:var(--color-gray-200);--color-input:var(--color-gray-200);--color-primary:var(--color-gray-900);--color-primary-foreground:var(--color-gray-50);--color-secondary:var(--color-gray-100);--color-secondary-foreground:var(--color-gray-900);--color-accent:var(--color-gray-100);--color-accent-foreground:var(--color-gray-900);--color-focus:var(--color-gray-400);--color-shadow:#0000000d;--text-sm:.875rem;--text-lg:1.125rem;--radius:.375rem}[data-theme=dark]{--color-background:var(--color-gray-950);--color-foreground:var(--color-gray-50);--color-muted:var(--color-gray-800);--color-muted-foreground:var(--color-gray-400);--color-popover:var(--color-gray-950);--color-popover-foreground:var(--color-gray-50);--color-card:var(--color-gray-950);--color-card-foreground:var(--color-gray-50);--color-border:var(--color-gray-800);--color-input:var(--color-gray-800);--color-primary:var(--color-gray-50);--color-primary-foreground:var(--color-gray-900);--color-secondary:var(--color-gray-800);--color-secondary-foreground:var(--color-gray-50);--color-accent:var(--color-gray-800);--color-accent-foreground:var(--color-gray-50);--color-focus:var(--color-gray-300);--color-shadow:#ffffff0f}}
@layer components{.btn{--hover-mix-rate:90%;border-radius:var(--radius);background-color:var(--bg-color);font-family:inherit;font-size:var(--text-sm);white-space:nowrap;box-shadow:0 1px 2px 0 var(--color-shadow);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn.primary{--bg-color:var(--color-primary);color:var(--color-primary-foreground)}.btn.secondary{--bg-color:var(--color-secondary);color:var(--color-secondary-foreground);--hover-mix-rate:80%}.btn.outline{--bg-color:var(--color-background);color:inherit;border:1px solid var(--color-border)}.btn.ghost{--bg-color:transparent;color:inherit;box-shadow:none}.btn:disabled{opacity:.5;pointer-events:none}.btn>svg{width:1rem;height:1rem}.btn:has(>svg){gap:.5rem}.btn.sm{height:2rem;padding-inline:.75rem}.btn.md{height:2.25rem;padding-inline:1rem}.btn.lg{height:2.5rem;padding-inline:1.25rem}.btn.icon-only{aspect-ratio:1;padding-inline:0}.btn:hover{background-color:color-mix(in oklab,var(--bg-color)var(--hover-mix-rate),transparent)}.btn:hover.outline,.btn:hover.ghost{--bg-color:var(--color-accent);color:var(--color-accent-foreground);--hover-mix-rate:100%}}

@layer layout{:root{--header-height:48px;--layout-width:1024px;--layout-spacing:20px}*{box-sizing:border-box;transition-property:background-color,color,border,box-shadow,opacity,width,height;transition-duration:.15s}a{color:var(--color-foreground);text-decoration:none}body{background-color:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}header{border-bottom:1px solid var(--color-border);width:100%;height:var(--header-height);background-color:var(--color-background);justify-content:center;align-items:center;display:flex;position:fixed;top:0}nav{width:100%;height:100%;max-width:var(--layout-width);padding-inline:var(--layout-spacing);justify-content:space-between;align-items:center;display:flex}nav .left{align-items:center;gap:1rem;display:flex}nav .title{align-items:center;gap:.5rem;display:flex}nav .title h1{margin:0;font-size:1.125rem}nav .menu{justify-content:space-between;align-items:center;gap:.5rem;display:flex}nav .menu button{font-size:1rem}nav .right{align-items:center;gap:1.25rem;display:flex}.main-wrapper{margin-top:var(--header-height);justify-content:center;align-items:center;display:flex}main{width:100%;height:100%;max-width:var(--layout-width);min-height:calc(100vh - var(--header-height));padding:var(--layout-spacing);flex-direction:column;align-items:center;margin-top:40px;display:flex}}@media screen and (orientation:landscape){html{-webkit-text-size-adjust:none}}
@layer theme,components,layout;
@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.77d5d991.woff2)format("woff2");font-display:swap;font-weight:45 920}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.pretendard_7d5302ff-module__HQwxXq__className{font-family:pretendard,pretendard Fallback,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}.pretendard_7d5302ff-module__HQwxXq__variable{--font-pretendard:"pretendard","pretendard Fallback",-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}
.ThemePicker-module__criXGa__wrapper{display:inline-block;position:relative}.ThemePicker-module__criXGa__popover{background:var(--color-popover);border:1px solid var(--color-border);border-radius:var(--radius);min-width:160px;box-shadow:0 1px 2px 0 var(--color-shadow);z-index:100;padding:.25rem;position:absolute;top:calc(100% + .25rem);right:0}.ThemePicker-module__criXGa__item{justify-content:left;width:100%}.ThemePicker-module__criXGa__check{margin-left:auto}