:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#111318);--color-surface:var(--lightningcss-light,#f6f7f9)var(--lightningcss-dark,#1a1d24);--color-fg:var(--lightningcss-light,#16181d)var(--lightningcss-dark,#eef0f3);--color-muted:var(--lightningcss-light,#5b6270)var(--lightningcss-dark,#a2a9b6);--color-border:var(--lightningcss-light,#d9dde3)var(--lightningcss-dark,#303540);--color-control-border:var(--lightningcss-light,#868d99)var(--lightningcss-dark,#6b7280);--color-warn-bg:var(--lightningcss-light,#fff4e5)var(--lightningcss-dark,#3a2a10);--color-warn-fg:var(--lightningcss-light,#8a4b00)var(--lightningcss-dark,#ffd28a);--color-warn-border:var(--lightningcss-light,#f5c68a)var(--lightningcss-dark,#6b4a12);--color-success-bg:var(--lightningcss-light,#e8f6ec)var(--lightningcss-dark,#12301c);--color-success-fg:var(--lightningcss-light,#1a7f37)var(--lightningcss-dark,#6ee7a0);--color-error:var(--lightningcss-light,#b42318)var(--lightningcss-dark,#f87171);--color-focus:var(--lightningcss-light,#2563eb)var(--lightningcss-dark,#60a5fa);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius:10px;--radius-sm:6px;--container:1120px;--measure:760px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 16px #0000001a;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--text-xs:.85rem;--text-sm:.9rem;--text-base:1rem;--text-lg:1.05rem;--text-xl:1.35rem;--leading:1.55;--leading-tight:1.25;--dur-fast:.12s;--dur-base:.2s;--ease:cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-contrast:more){:root{--color-border:var(--lightningcss-light,#8b929e)var(--lightningcss-dark,#6b7280);--color-control-border:var(--lightningcss-light,#6b7280)var(--lightningcss-dark,#8a919d);--color-muted:var(--lightningcss-light,#3a4150)var(--lightningcss-dark,#d2d7e0)}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--color-accent:var(--lightningcss-light,#0f766e)var(--lightningcss-dark,#2dd4bf);--color-accent-fg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0b1512);--color-accent-soft:var(--lightningcss-light,#e6f4f2)var(--lightningcss-dark,#163632)}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:16px;line-height:var(--leading);color:var(--color-fg);background:var(--color-bg);margin:0}h1,h2,h3{line-height:var(--leading-tight);margin:0 0 var(--space-3);font-weight:700}h1{font-size:clamp(1.6rem,2.5vw + 1rem,2.2rem)}h2{font-size:var(--text-xl);margin-top:var(--space-6)}h3{font-size:var(--text-lg)}p{margin:0 0 var(--space-3)}a{color:var(--color-accent)}a:hover{text-decoration-thickness:2px}ul,ol{padding-left:1.4em}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.container{width:100%;max-width:var(--container);padding:0 var(--space-4);margin:0 auto}main{padding:var(--space-5) 0 var(--space-7)}.content{max-width:var(--measure)}.content h2:first-child{margin-top:0}label{font-size:var(--text-sm);margin-bottom:var(--space-1);font-weight:600;display:block}input[type=text],input[type=url],input[type=email],input[type=tel],input[type=password],select,textarea{width:100%;font:inherit;color:var(--color-fg);background:var(--color-bg);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);min-height:42px;padding:10px 12px}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-error)}input:disabled,select:disabled{opacity:.55}textarea{resize:vertical}input[type=color]{border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;block-size:42px;inline-size:44px;padding:2px}input[type=range]{width:100%;accent-color:var(--color-accent)}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent);width:18px;height:18px}button{font:inherit}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-control-border);background:var(--color-surface);min-height:44px;color:var(--color-fg);cursor:pointer;transition:border-color var(--dur-fast) var(--ease);padding:11px 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--color-accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btnPrimary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}.btnPrimary:hover:not(:disabled){filter:brightness(1.05)}.hint{font-size:var(--text-xs);color:var(--color-muted);margin:var(--space-1) 0 0}.error{font-size:var(--text-xs);color:var(--color-error);margin:var(--space-1) 0 0}.visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skipLink{left:var(--space-3);z-index:100;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-fg);padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-100px}.skipLink:focus{top:var(--space-3)}