:root{--color-bg-app: #f7f7f5;--color-bg-surface: #ffffff;--color-border: #e2e2df;--color-text-primary: #1a1a18;--color-text-secondary: #6b6b66;--color-accent: #2a6bd6;--color-success: #2f8f4e;--color-warning: #c9a82d;--color-error: #b3261e}:root{--font-sans: "IBM Plex Sans KR", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace}html,body{margin:0;padding:0;background:#f2f2ef}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;color:#15181b}*{box-sizing:border-box}a{color:#14594a;text-decoration:none}a:hover{color:#0e3f34;text-decoration:underline}button{font-family:inherit}.scroll::-webkit-scrollbar{height:10px;width:10px}.scroll::-webkit-scrollbar-thumb{background:#d3d5cf;border-radius:8px;border:3px solid #f2f2ef}.scroll{-webkit-overflow-scrolling:touch}.hamburger-btn{display:none;background:transparent;border:0;color:#f2f2ef;font-size:18px;line-height:1;cursor:pointer;padding:4px 6px;flex-shrink:0}.header-search-mobile-btn{display:none;background:transparent;border:0;color:#f2f2ef;font-size:16px;cursor:pointer;padding:4px 6px;flex-shrink:0}.sidebar{width:212px;flex-shrink:0;background:#fbfbf9;border-right:1px solid #e2e3df;padding:16px 0 24px;display:flex;flex-direction:column;gap:2px}.sidebar-backdrop{display:none}@media (max-width: 768px){.hamburger-btn,.header-search-mobile-btn{display:flex;align-items:center}.header-search,.hide-mobile{display:none!important}.sidebar{position:fixed;top:52px;left:0;bottom:0;width:240px;max-width:80vw;z-index:46;box-shadow:2px 0 16px #0000002e;transform:translate(-100%);transition:transform .2s ease;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block;position:fixed;top:52px;right:0;bottom:0;left:0;background:#00000059;z-index:45}}