html{color-scheme:light}:root{--surface:#ffffff;--surface-subtle:#f6f7f9;--surface-disabled:#eef0f3;--surface-skeleton:#e6e9ed;--text-strong:#111827;--text-muted:#5b6370;--text-disabled:var(--text-muted);--border:#e3e6ea;--border-control:#7c8490;--accent:#2f6b67;--accent-hover:#245351;--accent-subtle:#f0f5f4;--accent-text:#ffffff;--danger:#b91c1c;--danger-subtle:#fef2f2;--success:#15803d;--focus:var(--accent);--overlay:rgb(17 24 39/0.45);--shadow-float:0 8px 24px rgb(17 24 39/0.12);--font-sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;--font-size-meta:0.8125rem;--font-size-sub:0.875rem;--font-size-button:0.9375rem;--font-size-body:1rem;--font-size-section:1.125rem;--font-size-title:1.5rem;--line-height-body:1.6;--line-height-tight:1.35;--font-weight-regular:400;--font-weight-medium:500;--font-weight-strong:600;--font-weight-heading:700;--underline-offset:0.2em;--icon-baseline-shift:-0.125em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-card:8px;--radius-control:6px;--radius-full:999px;--border-width:1px;--focus-width:2px;--focus-offset:2px;--indicator-width:2px;--control-height-lg:3.25rem;--control-height-md:2.75rem;--control-height-sm:2.5rem;--control-height-xs:2.25rem;--badge-height:1.5rem;--checkbox-size:1.25rem;--textarea-min-height:7.5rem;--icon-md:20px;--icon-sm:16px;--icon-xs:14px;--content-read:720px;--content-list:1200px;--content-dialog:560px;--content-toast:480px;--reading-panel-width:28rem;--grid-column-min:18rem;--label-column:5.5rem;--gutter:var(--space-4);--header-height:3.5rem;--menu-min-width:12rem;--tabbar-height:3.5rem;--tabbar-offset:calc(var(--tabbar-height) + env(safe-area-inset-bottom, 0px));--motion-duration:180ms;--motion-duration-fast:150ms;--motion-ease:cubic-bezier(0.2,0,0,1);--motion-spin:800ms;--motion-pulse:1600ms;--z-sticky:100;--z-tabbar:200;--z-toast:400}@media (min-width:768px){:root{--gutter:var(--space-5);--header-height:4rem;--tabbar-height:0px;--reading-panel-width:24rem}}@media (min-width:1024px){:root{--font-size-section:1.25rem;--font-size-title:1.75rem;--reading-panel-width:28rem}}@media (prefers-reduced-motion:reduce){:root{--motion-duration:0ms;--motion-duration-fast:0ms;--motion-spin:1600ms}}:root{--surface-tint:#eef4f3;--content-home:60rem;--header-surface:var(--accent);--header-hover:var(--accent-hover);--header-text:var(--accent-text);--header-text-muted:#dcebe8;--header-focus:var(--header-text)}@layer base{*,:after,:before{box-sizing:border-box}html{text-size-adjust:100%;scroll-padding-bottom:var(--tabbar-offset)}html:has(dialog:modal){overflow:hidden}body{background:var(--surface);color:var(--text-strong);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4,p{margin:0}fieldset{min-width:0;margin:0;border:0}fieldset,legend{padding:0}h1,h2,h3,h4{line-height:var(--line-height-tight)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}}