:root{--font-family-base:'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-family-body:'Noto Serif KR', Georgia, 'Times New Roman', serif;--light-bg-primary:#ffffff;--light-bg-secondary:#f8fafc;--light-text-primary:#0f172a;--light-text-secondary:#334155;--light-text-tertiary:#64748b;--light-border:#e2e8f0;--light-card-bg:#ffffff;--light-accent:#2563eb;--light-accent-hover:#1d4ed8;--dark-bg-primary:#0f172a;--dark-bg-secondary:#1e293b;--dark-text-primary:#f8fafc;--dark-text-secondary:#cbd5e1;--dark-text-tertiary:#94a3b8;--dark-border:#334155;--dark-card-bg:#1e293b;--dark-accent:#60a5fa;--dark-accent-hover:#93c5fd;--color-religion:#667eea;--color-philosophy:#f5576c;--color-engineering:#4facfe;--color-writing:#43e97b;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--transition-base:all 0.2s ease-in-out}html{direction:ltr !important}body{font-family:var(--font-family-base) !important;transition:background-color .3s ease,color .3s ease;text-align:left !important}body:not(.dark){background-color:var(--light-bg-secondary) !important;color:var(--light-text-secondary);--bg-primary:var(--light-bg-primary);--bg-secondary:var(--light-bg-secondary);--text-primary:var(--light-text-primary);--text-secondary:var(--light-text-secondary);--text-tertiary:var(--light-text-tertiary);--bg-card:var(--light-card-bg);--border-color:var(--light-border);--border-light:var(--light-border);--primary-color:var(--light-accent)}.dark{background-color:var(--dark-bg-primary) !important;color:var(--dark-text-secondary);--bg-primary:var(--dark-bg-primary);--bg-secondary:var(--dark-bg-secondary);--text-primary:var(--dark-text-primary);--text-secondary:var(--dark-text-secondary);--text-tertiary:var(--dark-text-tertiary);--bg-card:var(--dark-card-bg);--border-color:var(--dark-border);--border-light:var(--dark-border);--primary-color:var(--dark-accent)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:1rem;text-align:left !important}body:not(.dark) h1,body:not(.dark) h2,body:not(.dark) h3,body:not(.dark) h4,body:not(.dark) h5,body:not(.dark) h6{color:var(--light-text-primary)}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:var(--dark-text-primary)}a{text-decoration:none;transition:var(--transition-base)}body:not(.dark) a{color:var(--light-accent)}.dark a{color:var(--dark-accent)}body:not(.dark) a:hover{color:var(--light-accent-hover)}.dark a:hover{color:var(--dark-accent-hover)}.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;width:100%}body:not(.dark) .header{background-color:rgba(255,255,255,.8) !important;border-bottom:1px solid var(--light-border)}.dark .header{background-color:rgba(15,23,42,.8) !important;border-bottom:1px solid var(--dark-border)}.nav{display:flex !important;justify-content:space-between !important;align-items:center !important;max-width:1200px;margin:0 auto;padding:0 1rem;height:60px}.logo{display:flex;align-items:center;flex:none}#menu{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem;justify-content:center;flex:1}.logo-switches{display:flex;align-items:center;flex:none;margin-left:1rem}#menu li{list-style:none}.header a{font-weight:600;font-size:.95rem}body:not(.dark) .header a{color:var(--light-text-primary) !important}.dark .header a{color:var(--dark-text-primary) !important}body:not(.dark) .header a:hover{color:var(--light-accent) !important}.dark .header a:hover{color:var(--dark-accent) !important}#theme-toggle{padding:.5rem;border-radius:var(--radius-sm);transition:var(--transition-base);background:0 0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}body:not(.dark) #theme-toggle{color:var(--light-text-primary)}.dark #theme-toggle{color:var(--dark-text-primary)}body:not(.dark) #theme-toggle:hover{background-color:var(--light-border)}.dark #theme-toggle:hover{background-color:var(--dark-border)}#moon{display:none}#sun{display:block}.dark #moon{display:block}.dark #sun{display:none}main{max-width:1000px;margin:0 auto;padding:2rem 1rem}.post-entry,.first-entry,.post-card{border-radius:var(--radius-md) !important;padding:1.5rem !important;margin-bottom:1.5rem !important;transition:transform .2s ease,box-shadow .2s ease !important;border:1px solid transparent !important;text-align:left !important}body:not(.dark) .post-entry,body:not(.dark) .first-entry,body:not(.dark) .post-card{background-color:var(--light-card-bg) !important;border-color:var(--light-border) !important;box-shadow:var(--shadow-sm) !important}body:not(.dark) .post-entry:hover,body:not(.dark) .first-entry:hover,body:not(.dark) .post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md) !important;border-color:var(--light-accent) !important}.dark .post-entry,.dark .first-entry,.dark .post-card{background-color:var(--dark-card-bg) !important;border-color:var(--dark-border) !important}.dark .post-entry:hover,.dark .first-entry:hover,.dark .post-card:hover{transform:translateY(-2px);border-color:var(--dark-accent) !important;background-color:#263345 !important}.entry-header h2{font-size:1.5rem;margin-bottom:.5rem;text-align:left !important}.entry-content{font-size:1rem;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left !important}body:not(.dark) .entry-content{color:var(--light-text-secondary)}.dark .entry-content{color:var(--dark-text-secondary)}.entry-footer{font-size:.875rem;display:flex;gap:.5rem;align-items:center;text-align:left !important}body:not(.dark) .entry-footer{color:var(--light-text-tertiary)}.dark .entry-footer{color:var(--dark-text-tertiary)}.post-content{font-size:1.1rem;line-height:1.8;text-align:left !important}.post-content h2{margin-top:2.5rem;padding-bottom:.5rem;border-bottom:1px solid;text-align:left !important}body:not(.dark) .post-content h2{border-color:var(--light-border)}.dark .post-content h2{border-color:var(--dark-border)}blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid;border-radius:0 var(--radius-sm)var(--radius-sm)0;font-style:italic;text-align:left !important}body:not(.dark) blockquote{background-color:transparent;border-color:var(--light-accent);color:var(--light-text-secondary)}.dark blockquote{background-color:transparent;border-color:var(--dark-accent);color:var(--dark-text-secondary)}blockquote{position:relative}blockquote::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(99,102,241,6%),transparent 60%);border-radius:0 var(--radius-sm)var(--radius-sm)0;pointer-events:none;z-index:-1}.post-content pre{border-radius:var(--radius-md);margin:1.5rem 0;padding:1.25rem;overflow-x:auto;text-align:left !important}code{font-family:jetbrains mono,fira code,Consolas,monospace;font-size:.9em;padding:.2em .4em;border-radius:4px}body:not(.dark) code{background-color:#f1f5f9;color:#0f172a}.dark code{background-color:#334155;color:#f8fafc}table{width:100%;border-collapse:collapse;margin:1.5rem 0;display:block;overflow-x:auto;text-align:left !important}th,td{padding:.75rem 1rem;border:1px solid;text-align:left !important}body:not(.dark) th,body:not(.dark) td{border-color:var(--light-border)}.dark th,.dark td{border-color:var(--dark-border)}body:not(.dark) th{background-color:var(--light-bg-secondary)}.dark th{background-color:#1e293b}.button,.filter-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:500;transition:var(--transition-base);cursor:pointer;border:1px solid transparent}body:not(.dark) .filter-btn{background-color:#fff;border-color:var(--light-border);color:var(--light-text-secondary)}body:not(.dark) .filter-btn:hover,body:not(.dark) .filter-btn.active{background-color:var(--light-accent);color:#fff;border-color:var(--light-accent)}.dark .filter-btn{background-color:#334155;border-color:var(--dark-border);color:#f8fafc}.dark .filter-btn:hover,.dark .filter-btn.active{background-color:var(--dark-accent);color:#0f172a;border-color:var(--dark-accent)}.post-tags a{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;margin-right:.5rem;margin-bottom:.5rem;transition:var(--transition-base)}body:not(.dark) .post-tags a{background-color:#f1f5f9;color:var(--light-text-secondary)}body:not(.dark) .post-tags a:hover{background-color:var(--light-accent);color:#fff}.dark .post-tags a{background-color:#334155;color:#f8fafc}.dark .post-tags a:hover{background-color:var(--dark-accent);color:#0f172a}footer{padding:3rem 1rem;text-align:center;margin-top:4rem}body:not(.dark) footer{background-color:#fff;border-top:1px solid var(--light-border);color:var(--light-text-tertiary)}.dark footer{background-color:var(--dark-bg-secondary);border-top:1px solid var(--dark-border);color:var(--dark-text-tertiary)}.hidden{display:none !important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:4px}body:not(.dark) ::-webkit-scrollbar-thumb{background-color:#cbd5e1}.dark ::-webkit-scrollbar-thumb{background-color:#475569}.featured-post{background:var(--bg-card);border-radius:24px;padding:40px;margin-bottom:60px;border:1px solid var(--border-light);box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:transform .3s ease}.featured-post:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.featured-post::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-religion) 0%,#764ba2 100%)}.featured-title{font-size:2.5rem;font-weight:800;margin:20px 0;line-height:1.2}.featured-title a{color:var(--text-primary);text-decoration:none;background:linear-gradient(to right,var(--text-primary),var(--text-primary));background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s}.featured-title a:hover{background-size:100% 2px}.featured-excerpt{font-size:1.1rem;color:var(--text-secondary);margin-bottom:30px;max-width:800px}.read-more-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--text-primary);color:var(--bg-primary);border-radius:100px;font-weight:600;text-decoration:none;transition:opacity .2s}.read-more-btn:hover{opacity:.9}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;position:relative;z-index:1}.post-card{background:var(--bg-card);border-radius:16px;padding:30px;border:1px solid var(--border-light);transition:all .3s ease;display:flex;flex-direction:column;height:100%}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.post-meta-top{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:.85rem}.meta-dot{color:var(--text-tertiary)}.post-date-text{color:var(--text-tertiary);font-weight:500}.category-text{font-weight:700;text-transform:uppercase;letter-spacing:.5px}.category-text-religion{color:var(--color-religion)}.category-text-philosophy{color:var(--color-philosophy)}.category-text-engineering{color:var(--color-engineering)}.category-text-writing{color:var(--color-writing)}.post-title{font-size:1.4rem;font-weight:700;margin-bottom:12px;line-height:1.4}.post-title a{color:var(--text-primary);text-decoration:none}.post-excerpt{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.post-footer-simple{margin-top:auto;padding-top:20px;border-top:1px solid var(--border-light)}.read-more-simple{font-size:.9rem;font-weight:600;color:var(--primary-color);text-decoration:none}@media(max-width:768px){.featured-title{font-size:1.8rem}.featured-post{padding:24px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.post-card:nth-child(1){animation-delay:.1s}.post-card:nth-child(2){animation-delay:.2s}.post-card:nth-child(3){animation-delay:.3s}.post-card:nth-child(4){animation-delay:.4s}.post-card:nth-child(5){animation-delay:.5s}.post-card:nth-child(6){animation-delay:.6s}.page-header{margin-bottom:60px;padding-bottom:1px;position:relative;z-index:10}.search-container{position:relative;max-width:400px;margin:24px auto}.search-input{width:100%;padding:14px 48px 14px 20px;font-size:1rem;border:2px solid var(--border-color);border-radius:30px;background:var(--bg-card);color:var(--text-primary);outline:none;transition:all .3s ease}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(99,102,241,.1)}.search-input::placeholder{color:var(--text-tertiary)}.search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);padding:4px;margin:0;border:none;border-radius:4px;background:0 0;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.search-clear svg{display:block;width:14px;height:14px}.search-clear:hover{color:var(--primary-color)}.dark .search-input{background:var(--dark-card-bg);border-color:var(--dark-border)}.dark .search-input:focus{border-color:var(--dark-accent);box-shadow:0 0 0 4px rgba(99,102,241,.2)}.category-filters{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}.filter-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:25px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:var(--text-primary)}.filter-btn .icon{font-size:1.2rem}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.category-section{margin-bottom:80px;opacity:1;transition:opacity .3s ease}.category-section.hidden{display:none}.category-header{margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid var(--border-color);position:relative;z-index:10;background-color:var(--bg-primary)}.category-title{font-size:2rem;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:12px;color:var(--text-primary)}.category-icon{font-size:2.5rem}.category-description{color:var(--text-secondary);font-size:1.1rem}.ai-summary-box{position:relative;margin:32px 0;padding:0;background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:12px;font-size:16px;line-height:1.7;overflow:hidden}.ai-summary-box::before{content:"🤖 AI Summary";display:block;padding:12px 20px;background:linear-gradient(135deg,var(--primary-color),#8b5cf6);color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;border-bottom:2px solid var(--primary-color)}.ai-summary-box p,.ai-summary-box strong{display:block;padding:20px;margin:0;background:0 0}.ai-summary-box strong{display:none}.ai-summary-box p{padding:20px 24px;color:var(--text-primary);font-size:15px;line-height:1.8}.ai-summary-box p:last-child{margin-bottom:0}.ai-summary-box ul,.ai-summary-box ol{margin:0;padding:0 24px 20px 44px}.ai-summary-box li{margin-bottom:8px;color:var(--text-primary)}.ai-summary-box p strong:first-child{display:inline;color:var(--primary-color);font-weight:700}.dark .ai-summary-box{background:rgba(30,41,59,.9);border-color:var(--primary-color)}.dark .ai-summary-box::before{background:linear-gradient(135deg,var(--primary-color),#7c3aed)}.timeline{position:relative;padding:20px 0;margin-top:40px}.timeline::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary-color),var(--border-color));border-radius:1px}.timeline-year{position:relative;margin-bottom:40px}.timeline-year-label{position:relative;display:inline-flex;align-items:center;padding:8px 20px;margin-left:0;margin-bottom:24px;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),#8b5cf6);color:#fff;border-radius:30px;box-shadow:0 4px 15px rgba(99,102,241,.3);z-index:2}.timeline-items{display:flex;flex-direction:column;gap:16px;margin-left:50px}.timeline-item{display:flex;align-items:flex-start;gap:20px;padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .3s ease;position:relative}.timeline-item:hover{transform:translateX(8px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.timeline-marker{position:absolute;left:-38px;top:28px;width:14px;height:14px;border-radius:50%;border:3px solid var(--bg-primary);box-shadow:0 0 0 3px var(--bg-secondary);z-index:3;transition:transform .3s ease}.timeline-item:hover .timeline-marker{transform:scale(1.3)}.timeline-content{flex:1;min-width:0}.timeline-meta{display:flex;align-items:center;gap:16px;margin-bottom:12px;font-size:.9rem}.timeline-date{color:var(--text-tertiary);font-weight:600;font-variant-numeric:tabular-nums}.timeline-category{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.timeline-title{font-size:1.3rem;font-weight:700;margin-bottom:10px;line-height:1.4}.timeline-title a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.timeline-title a:hover{color:var(--primary-color)}.timeline-excerpt{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.timeline::before{left:12px}.timeline-year-label{font-size:1.2rem;padding:6px 16px}.timeline-items{margin-left:36px}.timeline-marker{left:-30px;width:10px;height:10px}.timeline-item{padding:16px}.timeline-title{font-size:1.1rem}.timeline-meta{flex-wrap:wrap;gap:8px}}.timeline-item{animation:slideInFromLeft .5s ease-out;animation-fill-mode:both}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.timeline-item:nth-child(1){animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.15s}.timeline-item:nth-child(3){animation-delay:.2s}.timeline-item:nth-child(4){animation-delay:.25s}.timeline-item:nth-child(5){animation-delay:.3s}.timeline-item:nth-child(6){animation-delay:.35s}.timeline-item:nth-child(7){animation-delay:.4s}.timeline-item:nth-child(8){animation-delay:.45s}.dark .timeline-year-label{box-shadow:0 4px 15px rgba(99,102,241,.4)}.dark .timeline-item{background:var(--dark-card-bg);border-color:var(--dark-border)}.dark .timeline-item:hover{background:#263345;border-color:var(--dark-accent)}.dark .timeline-marker{border-color:var(--dark-bg-primary);box-shadow:0 0 0 3px var(--dark-bg-secondary)}