:root{--font-family-base:'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-family-body:'Noto Serif KR', Georgia, 'Times New Roman', serif;--light-bg:#f8fafc;--dark-bg:#0f172a;--primary:#135bec;--primary-color:#0f6b5f;--primary-color-rgb:15, 107, 95;--bg-primary:#f5f7fb;--bg-secondary:#ffffff;--text-primary:#171717;--text-secondary:#5c6675;--text-tertiary:#7d8794;--border-color:rgba(23, 23, 23, 0.12);--dark-border:rgba(255, 255, 255, 0.14);--content-width:760px;--shadow-md:0 18px 48px rgba(15, 23, 42, 0.12);--radius-md:12px}html.dark,body.dark{--primary-color:#5dd4c2;--primary-color-rgb:93, 212, 194;--bg-primary:#0d0f12;--bg-secondary:#171a1f;--text-primary:#f4f0e8;--text-secondary:#b4bbc8;--text-tertiary:#818b9d;--border-color:rgba(244, 240, 232, 0.14);--shadow-md:0 18px 52px rgba(0, 0, 0, 0.35)}body{font-family:var(--font-family-base);margin:0;padding:0;transition:background-color .3s;overflow-x:hidden;line-height:1.6}body.dark{background-color:var(--dark-bg);color:#f8fafc}body:not(.dark){background-color:var(--light-bg);color:#1e293b}.header{position:fixed;top:0;left:0;width:100%;height:64px;z-index:20000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.dark .header{background-color:rgba(16,22,34,.95)}body:not(.dark) .header{background-color:rgba(255,255,255,.95);border-bottom:1px solid rgba(0,0,0,.1)}.nav{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 24px;height:100%}.main.pt-16{width:100%;padding-top:4rem}.post-card{background:#fff;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;transition:transform .2s,box-shadow .2s}.dark .post-card{background:#1e293b;border:1px solid rgba(255,255,255,5%)}.post-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.1)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.mobile-menu-hidden{display:none !important}.mobile-menu-open{display:flex !important}@media(min-width:640px){.d-desktop-flex{display:flex !important}.d-mobile-none{display:none !important}}@media(max-width:639px){.d-desktop-none{display:none !important}.d-mobile-block{display:block !important}}