@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";
:root{--bg:#fff;--bg-secondary:#f5f5ff;--bg-card:#fff;--text:#111118;--text-secondary:#4b5563;--text-muted:#9ca3af;--border:#e5e7eb;--border-hover:#c7d2fe;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#eef2ff;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #6366f114;--shadow-hover:0 8px 32px #6366f126;--radius:14px;--radius-sm:8px;--cat-mindset-bg:#f3e8ff;--cat-mindset-text:#7c3aed;--cat-knowledge-bg:#eef2ff;--cat-knowledge-text:#4f46e5;--cat-setup-bg:#ecfdf5;--cat-setup-text:#059669;--cat-mental-bg:#fffbeb;--cat-mental-text:#d97706;--cat-avoid-bg:#fff1f2;--cat-avoid-text:#e11d48}[data-theme=dark]{--bg:#0c0c12;--bg-secondary:#13131f;--bg-card:#18182a;--text:#f0f0f8;--text-secondary:#a0a0b8;--text-muted:#6b7280;--border:#252535;--border-hover:#6366f1;--primary:#818cf8;--primary-hover:#6366f1;--primary-light:#1e1b4b;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0000004d;--shadow-hover:0 8px 32px #818cf826;--cat-mindset-bg:#2d1b69;--cat-mindset-text:#c4b5fd;--cat-knowledge-bg:#1e1b4b;--cat-knowledge-text:#a5b4fc;--cat-setup-bg:#022c22;--cat-setup-text:#6ee7b7;--cat-mental-bg:#292100;--cat-mental-text:#fcd34d;--cat-avoid-bg:#3f0011;--cat-avoid-text:#fda4af}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.7;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}img{max-width:100%}.container{max-width:800px;margin:0 auto;padding:0 20px}.container-wide{max-width:1100px;margin:0 auto;padding:0 24px}.header{z-index:100;background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .3s,border-color .3s;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.header-logo{color:var(--text);letter-spacing:-.3px;font-size:1.05rem;font-weight:700}.header-logo span{color:var(--primary)}.header-nav{align-items:center;gap:8px;display:flex}.nav-link{color:var(--text-secondary);border-radius:20px;padding:6px 14px;font-size:.875rem;font-weight:500;transition:color .2s,background .2s}.nav-link:hover{color:var(--primary);background:var(--primary-light)}.theme-toggle{background:var(--bg-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-left:4px;font-size:1.1rem;transition:background .2s,transform .2s;display:flex}.theme-toggle:hover{background:var(--primary-light);transform:rotate(20deg)}.hero{text-align:center;background:linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);padding:80px 0 64px}.hero-emoji{margin-bottom:16px;font-size:3.5rem;animation:3s ease-in-out infinite float;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-title{letter-spacing:-1px;color:var(--text);margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.25}.hero-title .accent{color:var(--primary)}.hero-desc{color:var(--text-secondary);max-width:480px;margin:0 auto 32px;font-size:1.05rem;line-height:1.8}.hero-cta{background:var(--primary);color:#fff;border-radius:24px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.hero-cta:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.section{padding:64px 0}.section-title{letter-spacing:-.5px;margin-bottom:32px;font-size:1.4rem;font-weight:700}.badge{letter-spacing:.2px;border-radius:20px;align-items:center;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-hover);transform:translateY(-4px)}.card-thumbnail{justify-content:center;align-items:center;height:140px;font-size:3rem;display:flex}.card-body{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-read-time{color:var(--text-muted);font-size:.78rem}.card-title{color:var(--text);letter-spacing:-.3px;font-size:1rem;font-weight:700;line-height:1.4}.card-subtitle{color:var(--text-secondary);flex:1;font-size:.85rem;line-height:1.5}.card-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag{background:var(--bg-secondary);color:var(--text-muted);border-radius:12px;padding:2px 8px;font-size:.72rem}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:7px 18px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.filter-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.post-header{border-bottom:1px solid var(--border);padding:48px 0 40px}.post-header-thumbnail{border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:2.5rem;display:flex}.post-title{letter-spacing:-.8px;margin-bottom:12px;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;line-height:1.3}.post-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:1.05rem}.post-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.85rem;display:flex}.post-meta-dot{color:var(--border)}.post-content{padding:40px 0}.content-paragraph{color:var(--text);margin-bottom:24px;font-size:1.05rem;line-height:1.9}.content-h2{letter-spacing:-.4px;color:var(--text);border-bottom:2px solid var(--primary-light);margin:48px 0 16px;padding-bottom:10px;font-size:1.4rem;font-weight:700}.content-h3{color:var(--text);margin:32px 0 12px;font-size:1.15rem;font-weight:700}.content-highlight{background:var(--primary-light);border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text);margin:24px 0;padding:16px 20px;font-size:.95rem;line-height:1.7}.content-quote{border-left:4px solid var(--primary);background:var(--bg-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:24px 0;padding:20px 24px}.content-quote p{font-size:1rem;font-style:italic;line-height:1.7}.content-quote cite{color:var(--text-muted);margin-top:8px;font-size:.8rem;display:block}.content-list{margin:16px 0 24px 20px}.content-list li{color:var(--text);margin-bottom:8px;font-size:1rem;line-height:1.7}.content-divider{border:none;border-top:1px solid var(--border);margin:40px 0}.content-conclusion{background:linear-gradient(135deg, var(--primary-light) 0%, var(--bg-secondary) 100%);border:1px solid var(--border-hover);border-radius:var(--radius);color:var(--text);margin:40px 0;padding:24px 28px;font-size:1rem;line-height:1.8}.ad-banner{background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-sm);text-align:center;color:var(--text-muted);margin:32px 0;padding:20px;font-size:.8rem}.comments-section{border-top:1px solid var(--border);margin-top:48px;padding-top:48px}.comments-title{margin-bottom:24px;font-size:1.2rem;font-weight:700}.social-login-btns{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.login-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text);align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.login-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-btn-google:hover{color:#4285f4;border-color:#4285f4}.login-btn-naver:hover{color:#03c75a;border-color:#03c75a}.comment-form{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.comment-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;min-height:100px;color:var(--text);resize:vertical;padding:14px 16px;font-family:inherit;font-size:.95rem;line-height:1.6;transition:border-color .2s}.comment-textarea:focus{border-color:var(--primary);outline:none}.comment-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:24px;align-self:flex-end;padding:10px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .2s}.comment-submit:hover{background:var(--primary-hover)}.comment-list{flex-direction:column;gap:16px;display:flex}.comment-item{background:var(--bg-secondary);border-radius:var(--radius-sm);gap:12px;padding:16px;display:flex}.comment-avatar{object-fit:cover;background:var(--primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex;overflow:hidden}.comment-body{flex:1}.comment-meta{align-items:center;gap:8px;margin-bottom:6px;display:flex}.comment-name{font-size:.875rem;font-weight:600}.comment-date{color:var(--text-muted);font-size:.75rem}.comment-text{color:var(--text);font-size:.9rem;line-height:1.6}.login-required{text-align:center;background:var(--bg-secondary);border-radius:var(--radius);color:var(--text-secondary);margin-bottom:24px;padding:24px;font-size:.9rem}.static-page{padding:64px 0}.static-page h1{letter-spacing:-.5px;margin-bottom:12px;font-size:2rem;font-weight:800}.static-page .lead{color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:48px;padding-bottom:32px;font-size:1.05rem}.static-page h2{margin:36px 0 12px;font-size:1.2rem;font-weight:700}.static-page p{color:var(--text-secondary);margin-bottom:16px;line-height:1.8}.static-page ul{color:var(--text-secondary);margin:12px 0 16px 20px}.static-page li{margin-bottom:6px;line-height:1.7}.footer{border-top:1px solid var(--border);text-align:center;padding:36px 0}.footer-logo{margin-bottom:8px;font-size:1rem;font-weight:700}.footer-logo span{color:var(--primary)}.footer-links{justify-content:center;gap:20px;margin-bottom:16px;display:flex}.footer-link{color:var(--text-muted);font-size:.85rem;transition:color .2s}.footer-link:hover{color:var(--primary)}.footer-copy{color:var(--text-muted);font-size:.8rem}.post-navigation{grid-template-columns:1fr 1fr;gap:16px;margin:48px 0;display:grid}.nav-post-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);padding:16px 20px;transition:all .25s;display:block}.nav-post-btn:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-2px)}.nav-post-btn.prev{text-align:left}.nav-post-btn.next{text-align:right}.nav-post-label{color:var(--text-muted);margin-bottom:4px;font-size:.75rem}.nav-post-title{color:var(--text);font-size:.9rem;font-weight:600}.empty-state{text-align:center;color:var(--text-muted);padding:80px 0}.empty-state-emoji{margin-bottom:16px;font-size:3rem;display:block}.empty-state p{font-size:1rem}@media (max-width:640px){.header-nav .nav-link{display:none}.posts-grid,.post-navigation{grid-template-columns:1fr}.hero{padding:56px 0 40px}.section{padding:40px 0}.social-login-btns{flex-direction:column}}