:root{--c-navy:#1E3A8A;--c-blue:#3B82F6;--c-blue-light:#EFF6FF;--c-blue-pale:#DBEAFE;--c-text:#334155;--c-text-muted:#94A3B8;--c-border:#f8fafc;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}body{margin:0;font-family:var(--font-sans);background:linear-gradient(180deg,#E0F2FE 0%,#FFFFFF 50%,#FFFFFF 100%);background-attachment:fixed;color:var(--c-text)}a{text-decoration:none;color:inherit}nav{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;max-width:1e3px;margin:0 auto;position:relative;z-index:1000}.logo{font-size:1.5rem;font-weight:700;color:var(--c-navy)}.desktop-menu a{margin-left:25px;font-weight:500;color:var(--c-navy);transition:color .3s}.desktop-menu a:hover{color:var(--c-blue)}.hamburger{display:none;cursor:pointer;font-size:1.5rem;color:var(--c-navy)}.mobile-menu{display:flex;flex-direction:column;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);position:absolute;top:70px;left:5%;right:5%;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(-15px);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:999}.mobile-menu a{padding:15px 20px;border-bottom:1px solid #f1f5f9;color:var(--c-navy)}.mobile-menu.active{opacity:1;visibility:visible;transform:translateY(0)}footer{text-align:center;padding:40px 20px;color:#64748b;font-size:.9rem;margin-top:40px}main{max-width:800px;margin:0 auto;padding:20px;min-height:50vh}.main--narrow{max-width:600px}.main--medium{max-width:700px}.main--bare{max-width:none;margin:0;padding:0;min-height:0}.page-header{text-align:center;padding:60px 20px}.page-header--tight{padding:60px 20px 20px}.page-header--timeline{padding:60px 20px 30px}.list-title{font-size:2rem;font-weight:300;color:var(--c-navy);letter-spacing:2px;margin:0}.article-card{background:#fff;padding:30px;border-radius:16px;margin-bottom:30px;box-shadow:0 4px 6px -1px rgba(0,0,0,5%);transition:all .3s ease;border:1px solid var(--c-border)}.article-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.article-title{color:var(--c-navy)}.article-card .article-title{font-size:1.4rem;margin:0 0 10px}.article-meta{color:var(--c-text-muted)}.article-card .article-meta{font-size:.9rem;margin-bottom:15px}.article-excerpt{line-height:1.7}.read-more{margin-top:12px}.read-more a{color:var(--c-blue);font-size:.95rem;font-weight:500;transition:color .3s}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{font-size:.85rem;color:var(--c-blue);background:var(--c-blue-light);padding:4px 10px;border-radius:12px;display:inline-block}.article-card .tag-list{margin-top:15px}.article-meta .tag-list{display:inline-flex;margin-left:15px;gap:6px}.loader{text-align:center;padding:20px;color:var(--c-text-muted);font-size:.9rem}.back-btn{display:inline-block;margin:20px 0;padding:8px 16px;background:var(--c-blue-light);color:var(--c-blue);border-radius:8px;font-weight:500;transition:background .3s;font-size:.95rem}.back-btn:hover{background:var(--c-blue-pale)}.bottom-back{text-align:center;margin-top:30px}.article-container{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,5%);border:1px solid var(--c-border)}.article-container .article-title{font-size:2rem;margin:0 0 15px}.article-container .article-meta{font-size:1rem;margin-bottom:30px;border-bottom:1px solid #f1f5f9;padding-bottom:20px}.article-content{line-height:1.8;color:var(--c-text);word-wrap:break-word;overflow-wrap:break-word}.article-content a,.moment-content a{color:var(--c-blue);text-decoration:none;border-bottom:1px dashed var(--c-blue);transition:all .2s}.article-content a:hover,.moment-content a:hover{color:var(--c-navy);border-bottom:1px solid var(--c-navy)}.article-content img{max-width:100%;height:auto;border-radius:8px;display:block;margin:20px auto}.article-content code,.moment-content code{font-family:var(--font-mono);background:#f1f5f9;color:#e11d48;padding:2px 6px;border-radius:4px;font-size:.9em}.code-block{margin:20px 0;border-radius:10px;overflow:hidden;background:#1e293b;box-shadow:0 4px 6px -1px rgba(0,0,0,8%)}.code-block-bar{display:flex;align-items:center;padding:7px 14px;background:#0f172a;border-bottom:1px solid rgba(148,163,184,.15)}.code-block-lang{font-family:var(--font-mono);font-size:.75rem;color:#93c5fd;letter-spacing:.06em}.code-block-body pre{margin:0;padding:15px 16px;border-radius:0;overflow-x:auto;background:#1e293b!important;color:#f8fafc;font-size:.9rem;line-height:1.6}.code-block-body code{font-family:var(--font-mono);background:0 0;color:inherit;padding:0;font-size:inherit}.article-content table,.moment-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;white-space:nowrap}.article-content table{margin:20px 0}.article-content th,.article-content td{border:1px solid #e2e8f0;padding:12px 15px;text-align:left}.article-content th{background:#f8fafc;font-weight:600}.article-content blockquote,.moment-content blockquote{border-left:4px solid var(--c-blue);color:#475569;background:#f8fafc;border-radius:0 8px 8px 0}.article-content blockquote{margin:20px 0;padding:15px 20px}.article-content blockquote p{margin:0 0 10px}.article-content blockquote p:last-child{margin:0}.article-content blockquote blockquote{margin:12px 0 0;border-left:4px solid var(--c-text-muted);background:#f1f5f9;color:#64748b}.moment-card{background:#fff;padding:25px;border-radius:16px;margin-bottom:30px;box-shadow:0 4px 6px -1px rgba(0,0,0,5%);border:1px solid var(--c-border)}.moment-time{font-size:.85rem;color:var(--c-text-muted);margin-bottom:12px;display:flex;align-items:center}.moment-time::before{content:"•";color:var(--c-blue);font-size:1.2rem;margin-right:6px}.moment-content{line-height:1.6;font-size:1.05rem}.moment-content img{max-width:100%;height:auto;border-radius:12px;margin-top:15px}.moment-content table{margin:15px 0;font-size:.95rem}.moment-content th,.moment-content td{border:1px solid #e2e8f0;padding:10px 12px;text-align:left}.moment-content th{background:#f8fafc;font-weight:600;color:var(--c-navy)}.moment-content blockquote{margin:15px 0;padding:12px 18px;font-size:.95rem}.moment-content blockquote p{margin:0 0 8px}.moment-content blockquote p:last-child{margin:0}.moment-content blockquote blockquote{margin:10px 0 0;border-left:4px solid var(--c-text-muted);background:#f1f5f9;color:#64748b}.timeline-container{border-left:2px solid #bae6fd;padding-left:25px;margin-left:15px}.timeline-item{position:relative;margin-bottom:35px}.timeline-item::before{content:"";position:absolute;left:-32px;top:6px;width:12px;height:12px;background:var(--c-blue);border-radius:50%;box-shadow:0 0 0 4px #F0F9FF}.timeline-date{font-size:.85rem;color:var(--c-text-muted);margin-bottom:6px;font-family:monospace}.timeline-content{font-size:1rem;color:#475569;background:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,5%);border:1px solid var(--c-border);display:inline-block;word-break:break-word}.timeline-content a{color:var(--c-navy);font-weight:700}.cloud-container{max-width:800px;margin:0 auto;padding:20px;min-height:40vh;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.tag-item{display:inline-flex;align-items:center;gap:6px;background-color:var(--c-blue-light);border:1px solid var(--c-blue-pale);color:var(--c-navy);padding:7px 16px;border-radius:999px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1.4;max-width:100%;word-break:break-all}.tag-item:hover{background-color:var(--c-blue);border-color:var(--c-blue);color:#fff;transform:translateY(-3px)scale(1.03);box-shadow:0 6px 14px rgba(59,130,246,.25)}.tag-count{font-size:.7em;font-weight:600;color:var(--c-blue);background:var(--c-blue-pale);border-radius:999px;padding:1px 7px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tag-item:hover .tag-count{color:var(--c-navy);background:#fff}.hero{text-align:center;padding:100px 20px;min-height:20vh;position:relative;z-index:1}.hero-text{font-size:1.8rem;font-weight:300;color:var(--c-navy);letter-spacing:2px}.cursor{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}@media(max-width:768px){.desktop-menu{display:none}.hamburger{display:block}.hero-text{font-size:1.3rem}main{padding:15px}.article-card{padding:20px}.article-container{padding:25px 20px}.article-container .article-title{font-size:1.6rem}.moment-card{padding:20px}.cloud-container{gap:8px;padding:15px}}