@view-transition{navigation: auto;}::view-transition-old(root){animation:slide-out 0.35s ease both;}::view-transition-new(root){animation:slide-in 0.35s ease both;}::view-transition-old(blog-logo),::view-transition-new(blog-logo),::view-transition-old(blog-nav),::view-transition-new(blog-nav),::view-transition-old(blog-mobile),::view-transition-new(blog-mobile),::view-transition-old(blog-bar),::view-transition-new(blog-bar){animation:none;mix-blend-mode:normal;}@keyframes slide-out{to{transform:translateX(-30px);opacity:0}}@keyframes slide-in{from{transform:translateX(30px);opacity:0}}*, *::before, *::after{box-sizing: border-box; margin: 0; padding: 0;}@font-face{font-family: 'Inter';font-style: normal;font-weight: 300;font-display: swap;src: url('assets/fonts/Inter-300.woff2') format('woff2');}@font-face{font-family: 'Inter';font-style: normal;font-weight: 400;font-display: swap;src: url('assets/fonts/Inter-400.woff2') format('woff2');}@font-face{font-family: 'Inter';font-style: normal;font-weight: 500;font-display: swap;src: url('assets/fonts/Inter-500.woff2') format('woff2');}@font-face{font-family: 'Inter';font-style: normal;font-weight: 600;font-display: swap;src: url('assets/fonts/Inter-600.woff2') format('woff2');}@font-face{font-family: 'Inter';font-style: normal;font-weight: 700;font-display: swap;src: url('assets/fonts/Inter-700.woff2') format('woff2');}:root{--bg: #faf8f5;--bg-2: #f5f3ee;--bg-3: #f0ede6;--bg-card: #ffffff;--border: rgba(0,0,0,0.09);--border-hover: rgba(0,0,0,0.18);--text: #1a1a1e;--text-secondary: rgba(26,26,30,0.60);--text-tertiary: rgba(26,26,30,0.42);--accent: #2997ff;--accent-green: #34c759;--accent-purple: #bf5af2;--accent-orange: #ff9f0a;--radius: 18px;--radius-sm: 12px;--nav-h: 96px;--font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;}html{scroll-behavior: smooth; font-size: 16px; overflow-x: hidden; overflow-y: scroll;}body{background: var(--bg);color: var(--text);font-family: var(--font);-webkit-font-smoothing: antialiased;}a{color: inherit; text-decoration: none;}ul{list-style: none;}img{display: block; max-width: 100%;}.skip-link{position:absolute;top:-100%;left:0;z-index:999;padding:10px 16px;background:var(--text);color:var(--bg);font-size:14px;transition:top 0.2s;}.skip-link:focus{top:0;}.nav{position: fixed;top: 0; left: 0; right: 0;width: 100%;z-index: 100;height: var(--nav-h);--nav-text-size: 18px;transition: height 0.4s, background 0.4s, backdrop-filter 0.4s, border-color 0.4s;border-bottom: 1px solid transparent;}.nav.scrolled{height: 48px;--nav-text-size: 14px;background: rgba(250,248,245,0.88);backdrop-filter: blur(20px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);border-color: var(--border);}.nav-inner{max-width: 1100px;margin: 0 auto;padding: 0 24px;height: 100%;display: flex;align-items: center;justify-content: space-between;}.nav-logo{display: flex;align-items: center;gap: 10px;height: 100%;}.nav-logo-img{height: 100%;width: auto;opacity: 0.55;mix-blend-mode: multiply;}.nav-logo:hover .nav-logo-img{opacity: 0.80;}.nav-logo-text{font-size: var(--nav-text-size);font-weight: 500;color: var(--text-secondary);letter-spacing: -0.01em;white-space: nowrap;transition: font-size 0.4s;}.nav.scrolled .nav-logo-text{color: var(--text-tertiary);}.nav-links{display: flex;gap: 36px;}.nav-links a{font-size: 14px;color: var(--text-secondary);font-weight: 400;letter-spacing: -0.01em;transition: color 0.2s;}.nav-links a:hover{color: var(--text);}.nav-hamburger{display: none;flex-direction: column;gap: 5px;background: none;border: none;cursor: pointer;padding: 4px;}.nav-hamburger span{display: block;width: 22px;height: 1.5px;background: var(--text);transition: all 0.3s;}.mobile-menu{position: fixed;inset: 0;z-index: 90;background: rgba(250,248,245,0.97);backdrop-filter: blur(30px);display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;transition: opacity 0.3s;}.mobile-menu.open{opacity: 1; pointer-events: all;}.mobile-menu ul{display: flex; flex-direction: column; gap: 32px; text-align: center;}.mobile-menu a{font-size: 28px; font-weight: 600; color: var(--text); transition: color 0.2s;}.mobile-menu a:hover{color: var(--accent);}.hero{position: relative;min-height: 80vh;display: flex;align-items: center;justify-content: center;overflow: hidden;padding: calc(var(--nav-h) + 10px) 24px 80px;}.hero-bg{position: absolute;inset: 0;overflow: hidden;}.hero-watermark{position: absolute;right: 0;top: 50%;transform: translateX(-150vw) translateY(-50%) rotate(-12deg);height: 520px;width: auto;opacity: 0.05;mix-blend-mode: multiply;pointer-events: none;user-select: none;}.hero-orb{position: absolute;border-radius: 50%;filter: blur(80px);opacity: 0.35;animation: float 8s ease-in-out infinite;}.hero-orb--1{width: 600px; height: 600px;background: radial-gradient(circle, #a8c8e8 0%, transparent 70%);top: -100px; left: -150px;animation-delay: 0s;}.hero-orb--2{width: 500px; height: 500px;background: radial-gradient(circle, #c8a8e8 0%, transparent 70%);bottom: -50px; right: -100px;animation-delay: -3s;}.hero-orb--3{width: 350px; height: 350px;background: radial-gradient(circle, #a8d8b8 0%, transparent 70%);top: 50%; left: 50%;transform: translate(-50%, -50%);animation-delay: -6s;}@keyframes float{0%, 100%{transform: translateY(0) scale(1);}50%{transform: translateY(-30px) scale(1.05);}}.hero-content{position: relative;text-align: center;max-width: 800px;}.hero-badge{display: inline-flex;align-items: center;gap: 8px;padding: 6px 16px;border: 1px solid var(--border);border-radius: 50px;font-size: 13px;color: var(--text-secondary);margin-bottom: 32px;background: rgba(0,0,0,0.04);}.badge-dot{width: 7px; height: 7px;border-radius: 50%;background: var(--accent-green);box-shadow: 0 0 8px var(--accent-green);animation: pulse-dot 2s ease-in-out infinite;}@keyframes pulse-dot{0%, 100%{opacity: 1; transform: scale(1);}50%{opacity: 0.6; transform: scale(0.8);}}.hero-title{margin-bottom: 20px;}.hero-heading{font-size: clamp(36px, 6vw, 64px);font-weight: 700;letter-spacing: -0.03em;line-height: 1.07;color: var(--text);margin-bottom: 16px;}.hero-desc{font-size: clamp(15px, 2vw, 18px);color: var(--text-secondary);line-height: 1.65;font-weight: 300;margin-bottom: 40px;}.hero-cta{display: flex;gap: 14px;justify-content: center;flex-wrap: wrap;}.hero-scroll{position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: 10px;color: var(--text-tertiary);font-size: 11px;letter-spacing: 0.1em;text-transform: uppercase;}.scroll-line{width: 1px;height: 40px;background: linear-gradient(to bottom, var(--text-tertiary), transparent);animation: scroll-line 2s ease-in-out infinite;}@keyframes scroll-line{0%{opacity: 0; transform: scaleY(0); transform-origin: top;}50%{opacity: 1; transform: scaleY(1);}100%{opacity: 0; transform: scaleY(1); transform-origin: bottom;}}.btn{display: inline-flex;align-items: center;gap: 8px;padding: 13px 26px;border-radius: 50px;font-size: 15px;font-weight: 500;letter-spacing: -0.01em;transition: all 0.25s;cursor: pointer;border: none;}.btn svg{width: 16px; height: 16px;}.btn--primary{background: var(--accent);color: #fff;}.btn--primary:hover{background: #4aa8ff;transform: translateY(-1px);box-shadow: 0 8px 30px rgba(41,151,255,0.35);}.btn--ghost{background: rgba(0,0,0,0.05);color: var(--text);border: 1px solid var(--border);}.btn--ghost:hover{background: rgba(0,0,0,0.09);border-color: var(--border-hover);transform: translateY(-1px);}.btn--lg{padding: 16px 36px; font-size: 17px;}.section{padding: 120px 0;}.container{max-width: 1100px;margin: 0 auto;padding: 0 24px;}.section-label{font-size: 12px;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: var(--accent);margin-bottom: 20px;}.section-title{font-size: clamp(32px, 5vw, 54px);font-weight: 700;letter-spacing: -0.03em;line-height: 1.07;color: var(--text);margin-bottom: 24px;}.section-desc{font-size: 17px;color: var(--text-secondary);line-height: 1.65;max-width: 560px;margin-bottom: 60px;font-weight: 300;}.about{background: var(--bg);}.about-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 80px;align-items: start;margin-bottom: 60px;}.about-text p{font-size: 16px;color: var(--text-secondary);line-height: 1.75;margin-bottom: 18px;font-weight: 300;}.about-text .section-title{margin-bottom: 28px;}.about-cards{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;}.stat-card{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 24px 20px;display: flex;flex-direction: column;gap: 8px;transition: border-color 0.25s;}.stat-card:hover{border-color: var(--border-hover);}.stat-number{font-size: 30px;font-weight: 700;letter-spacing: -0.03em;background: linear-gradient(135deg, #1a1a1e 0%, rgba(26,26,30,0.65) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.stat-label{font-size: 12px;color: var(--text-tertiary);letter-spacing: 0.02em;}.skills{display: flex;flex-wrap: wrap;gap: 10px;}.skill-tag{padding: 7px 16px;border: 1px solid var(--border);border-radius: 50px;font-size: 13px;color: var(--text-secondary);background: rgba(0,0,0,0.03);transition: all 0.2s;}.skill-tag:hover{border-color: var(--border-hover);color: var(--text);background: rgba(0,0,0,0.06);}.apps{background: var(--bg-2);}.apps-list{display:flex;flex-direction:column;gap:80px;margin-bottom:60px;}.app-row{display:flex;align-items:center;gap:60px;}.app-row--reverse{flex-direction:row-reverse;}.app-row-visual{display:flex;flex-direction:column;align-items:center;gap:16px;}.app-row-visual .app-icon{width:120px;height:120px;border-radius:28px;}.app-row-visual .app-icon svg{width:56px;height:56px;}.app-row-visual .app-icon--img{border-radius:28px;}.app-row-content{flex:1;min-width:0;}.app-card{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);padding: 28px;display: flex;flex-direction: column;gap: 0;transition: border-color 0.25s, transform 0.25s;position: relative;overflow: hidden;}.app-card::before{content: '';position: absolute;top: 0; left: 0; right: 0;height: 1px;background: linear-gradient(90deg, transparent, rgba(0,0,0,0.06), transparent);}.app-card:hover{border-color: var(--border-hover);transform: translateY(-4px);}.app-card--featured{background: linear-gradient(145deg, #e8f2fc 0%, #eff0f8 100%);border-color: rgba(41,151,255,0.2);}.app-card--featured:hover{border-color: rgba(41,151,255,0.4);}.app-card-header{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 20px;}.app-icon{width: 48px; height: 48px;border-radius: 12px;display: flex;align-items: center;justify-content: center;}.app-icon svg{width: 24px; height: 24px;}.app-icon--img{background: none;overflow: hidden;}.app-icon--img img{width: 100%;height: 100%;object-fit: cover;border-radius: 12px;}.app-icon--blue{background: rgba(41,151,255,0.15); color: var(--accent);}.app-icon--green{background: rgba(52,199,89,0.15); color: var(--accent-green);}.app-icon--purple{background: rgba(191,90,242,0.15); color: var(--accent-purple);}.app-badge{font-size: 11px;font-weight: 500;padding: 4px 10px;border-radius: 50px;background: rgba(0,0,0,0.05);color: var(--text-tertiary);letter-spacing: 0.04em;border: 1px solid var(--border);}.app-badge--featured{background: rgba(41,151,255,0.12);color: var(--accent);border-color: rgba(41,151,255,0.25);}.app-title{font-size: 20px;font-weight: 600;letter-spacing: -0.02em;margin-bottom: 10px;}.title-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;}.title-row .app-title{margin-bottom:0;}.app-desc{font-size: 14px;color: var(--text-secondary);line-height: 1.65;font-weight: 300;flex: 1;margin-bottom: 24px;}.app-tagline{font-size: 12px;font-weight: 500;letter-spacing: 0.06em;text-transform: uppercase;color: var(--text-tertiary);margin-bottom: 14px;}.app-badges{display: flex;gap: 6px;flex-wrap: wrap;align-items: flex-start;}.app-badge--live{background: rgba(52,199,89,0.12);color: var(--accent-green);border-color: rgba(52,199,89,0.25);}.app-badge--local{background: rgba(255,159,10,0.1);color: var(--accent-orange);border-color: rgba(255,159,10,0.2);}.app-badge--server{background: rgba(191,90,242,0.12);color: var(--accent-purple);border-color: rgba(191,90,242,0.25);}.app-badge--locked{background: rgba(0,0,0,0.04);color: var(--text-tertiary);border-color: var(--border);}.app-version{font-size:12px;color:var(--text-tertiary);font-weight:400;letter-spacing:0.02em;}.app-badge--admin{background: rgba(255,159,10,0.1);color: var(--accent-orange);border-color: rgba(255,159,10,0.2);}.app-icon--orange{background: rgba(255,159,10,0.15); color: var(--accent-orange);}.app-icon--gold{background: rgba(201,168,76,0.15);  color: #C9A84C;}.app-card--editor{background: linear-gradient(145deg, #fdf5e0 0%, #fafaf5 100%);border-color: rgba(255,159,10,0.18);}.app-card--editor:hover{border-color: rgba(255,159,10,0.28);}.app-badge--wip{background: rgba(255,214,10,0.12);color: #F5C400;border-color: rgba(255,214,10,0.25);}.app-card--wip{opacity: 0.72;}.app-card--wip:hover{opacity: 0.88;}.app-badge--beta{background: rgba(41,151,255,0.12);color: var(--accent);border-color: rgba(41,151,255,0.25);}.app-tags{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 22px;}.app-tags span{font-size: 11px;padding: 3px 10px;border-radius: 50px;background: rgba(0,0,0,0.04);color: var(--text-tertiary);border: 1px solid var(--border);letter-spacing: 0.02em;}.apps-note{display: flex;align-items: center;gap: 10px;font-size: 14px;color: var(--text-tertiary);padding: 16px 20px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: rgba(0,0,0,0.02);}.apps-note svg{width: 16px; height: 16px; flex-shrink: 0; color: var(--accent);}.apps-note a{color: var(--accent); text-decoration: underline; text-underline-offset: 3px;}.blog{background: var(--bg);}.blog-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-bottom: 48px;}.blog-card{background: var(--bg-card);border: 1px solid var(--border);border-radius: var(--radius);transition: border-color 0.25s, transform 0.25s;}.blog-card:hover{border-color: var(--border-hover);transform: translateY(-3px);}.blog-card--featured{padding: 40px;display: flex;flex-direction: column;justify-content: space-between;min-height: 340px;background: linear-gradient(145deg, #ecf8ec 0%, #f8f8f8 100%);border-color: rgba(52,199,89,0.15);}.blog-card--featured:hover{border-color: rgba(52,199,89,0.3);}.blog-card-inner{height: 100%; display: flex; flex-direction: column;}.blog-aside{display: flex; flex-direction: column; gap: 20px;}.blog-card--sm{padding: 28px;}.blog-meta{display: flex;align-items: center;gap: 12px;margin-bottom: 20px;}.blog-cat{font-size: 11px;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase;color: var(--accent-green);}.blog-date{font-size: 12px;color: var(--text-tertiary);}.blog-title{font-size: 22px;font-weight: 600;letter-spacing: -0.02em;line-height: 1.3;color: var(--text);margin-bottom: 16px;flex: 1;}.blog-excerpt{font-size: 14px;color: var(--text-secondary);line-height: 1.7;font-weight: 300;margin-bottom: 28px;}.blog-link{display: inline-flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 500;color: var(--accent-green);transition: gap 0.2s;}.blog-link svg{width: 14px; height: 14px;}.blog-link:hover{gap: 14px;}.blog-card--sm .blog-cat{margin-bottom: 10px; display: block;}.blog-card--sm h4{font-size: 15px;font-weight: 500;letter-spacing: -0.01em;line-height: 1.45;color: var(--text);margin-bottom: 16px;}.blog-link-sm{font-size: 13px;color: var(--text-secondary);transition: color 0.2s;}.blog-link-sm:hover{color: var(--text);}.blog-cta{text-align: center;}.contact{background: var(--bg-2);}.contact-box{text-align: center;max-width: 600px;margin: 0 auto;}.contact-box .section-label{margin-bottom: 16px;}.contact-box .section-title{margin-bottom: 20px;}.contact-desc{font-size: 17px;color: var(--text-secondary);line-height: 1.65;font-weight: 300;margin-bottom: 36px;}.contact-social{display: flex;align-items: center;justify-content: center;gap: 20px;margin-top: 28px;}.social-link{display: inline-flex;align-items: center;gap: 8px;font-size: 14px;color: var(--text-secondary);transition: color 0.2s;}.social-link svg{width: 18px; height: 18px;}.social-link:hover{color: var(--text);}.footer{padding: 16px 0;border-top: 1px solid var(--border);}.footer-inner{display: grid;grid-template-columns: 1fr auto 1fr;align-items: start;gap: 8px;}.footer-shield-wrap{justify-self: center;}.footer-links{justify-self: end;}.footer-address{font-style: normal;display: flex;flex-direction: column;gap: 2px;}.footer-address strong{font-size: 11px;font-weight: 600;color: var(--text-secondary);margin-bottom: 2px;}.footer-address span{font-size: 10px;color: var(--text-tertiary);line-height: 1.4;}.footer-bottom{margin-top: 10px;padding-top: 8px;border-top: 1px solid var(--border);width: 100%;text-align: center;}.footer-copy{font-size: 10px;color: var(--text-tertiary);display: inline-block;width: 100%;text-align: center;}.footer-links{display: flex;gap: 10px;}.footer-links a{font-size: 11px;color: var(--text-tertiary);transition: color 0.2s;}.footer-links a:hover{color: var(--text);}.footer-shield-wrap{display: flex;justify-content: center;align-items: center;}.footer-shield{height: 112px;width: auto;object-fit: contain;opacity: 0.55;mix-blend-mode: multiply;transition: opacity 0.3s;pointer-events: none;}.footer-shield:hover{opacity: 0.80; pointer-events: auto;}.reveal{opacity: 0;transform: translateY(28px);transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);}.reveal.visible{opacity: 1;transform: translateY(0);}.br-desktop{display: block;}@media (max-width: 900px){.about-grid{grid-template-columns: 1fr; gap: 48px;}.apps-list{gap:60px;}.app-row{gap:40px;}.app-row-visual .app-icon{width:90px;height:90px;border-radius:22px;}.app-row-visual .app-icon svg{width:42px;height:42px;}.blog-grid{grid-template-columns: 1fr;}.nav-links{display: none;}.nav-hamburger{display: flex;}.br-desktop{display: none;}.footer-inner{grid-template-columns: 1fr;justify-items: center;text-align: center;}.footer-address{align-items: center;}.footer-links{justify-self: center;}.footer-shield{height: 80px;}.hero-watermark{height: 380px; right: -40px;}}@media (max-width: 600px){.section{padding: 80px 0;}.hero{min-height: 70vh; padding: calc(var(--nav-h) + 10px) 20px 60px;}.about-cards{grid-template-columns: 1fr 1fr;}.apps-list{gap:48px;}.app-row{flex-direction:column;text-align:center;gap:24px;}.app-row--reverse{flex-direction:column;}.app-row-visual .app-icon{width:80px;height:80px;border-radius:20px;}.app-row-visual .app-icon svg{width:38px;height:38px;}.app-badges{justify-content:center;}.app-tags{justify-content:center;}.app-tagline{margin-bottom:10px;}.hero-scroll{display: none;}.footer-shield{height: 60px;}.hero-watermark{height: 260px; right: -30px;}}@media (max-width: 500px){.nav{--nav-h: 80px; --nav-text-size: 14px;}.nav.scrolled{height: 42px; --nav-text-size: 12px;}.nav-logo{gap: 6px;}}.license-bar{display: flex; flex-direction: column; align-items: center; gap: 3px;max-width: 700px; margin: 0.5rem auto 2rem;padding: 0.7rem 1.25rem;background: rgba(0,0,0,0.02);border: 1px solid rgba(0,0,0,0.07);border-radius: 10px;font-size: 11.5px; color: var(--text-tertiary); line-height: 1.6;text-align: center;}.license-bar a{color: var(--accent-green); text-decoration: none; font-weight: 600;}.license-bar a:hover{text-decoration: underline;}.license-sub{font-size: 10.5px; color: var(--text-quaternary, rgba(0,0,0,0.3)); letter-spacing: 0.3px;}.license-logo{width: 44px; height: 44px; margin-top: 4px; object-fit: contain; opacity: 0.15; mix-blend-mode: multiply; transition: opacity 0.2s;}.license-logo:hover{opacity: 0.30;}body{height:100vh;overflow:hidden;}.view{display:flex;width:200vw;height:100vh;overflow:hidden;transition:transform 0.5s cubic-bezier(0.22,1,0.36,1);will-change:transform;}.view-panel{width:100vw;height:100%;-webkit-overflow-scrolling:touch;}.view-panel--main{overflow-y:auto;}.view-panel--apps{overflow-y:auto;}.view--apps .view-panel--main{overflow-y:hidden;}.view:not(.view--apps) .view-panel--apps{overflow-y:hidden;}.view--apps{transform:translateX(-100vw);}.view--noani{transition:none!important;}[hidden]{display:none!important;}.blog-card{display:flex;flex-direction:column;}.blog-card-tag{font-size:11px;padding:3px 10px;border-radius:50px;background:rgba(0,0,0,0.04);color:var(--text-tertiary);border:1px solid var(--border);letter-spacing:0.02em;}.blog-meta{flex-wrap:wrap;}.blog-loading{font-size:14px;color:var(--text-tertiary);padding:24px 0;}.blog-post{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:48px;}@media(max-width:600px){.blog-post{padding:28px;}}.blog-post-head{margin-bottom:32px;}.blog-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary);transition:color 0.2s;margin-bottom:20px;}.blog-back:hover{color:var(--text);}.blog-post-title{font-size:clamp(26px,4vw,38px);font-weight:700;letter-spacing:-0.03em;line-height:1.15;color:var(--text);margin-bottom:14px;}.blog-post-body{font-size:16px;color:var(--text-secondary);line-height:1.8;font-weight:300;}.blog-post-body h1,.blog-post-body h2,.blog-post-body h3,.blog-post-body h4{color:var(--text);font-weight:600;letter-spacing:-0.02em;line-height:1.25;margin:32px 0 12px;}.blog-post-body h1{font-size:28px;}.blog-post-body h2{font-size:24px;}.blog-post-body h3{font-size:20px;}.blog-post-body h4{font-size:17px;}.blog-post-body p{margin-bottom:18px;}.blog-post-body ul,.blog-post-body ol{margin:0 0 18px 22px;list-style:disc;}.blog-post-body ol{list-style:decimal;}.blog-post-body li{margin-bottom:8px;}.blog-post-body blockquote{border-left:3px solid var(--accent-green);padding:4px 0 4px 20px;margin:0 0 18px;color:var(--text-tertiary);font-style:italic;}.blog-post-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;}.blog-post-body img{border-radius:var(--radius-sm);margin:8px 0 20px;}.blog-post-body pre{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px;overflow-x:auto;font-size:13px;line-height:1.6;margin-bottom:18px;}.blog-post-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.9em;background:rgba(0,0,0,0.05);padding:2px 5px;border-radius:5px;}.blog-post-body pre code{background:none;padding:0;}.blog-post-body table{border-collapse:collapse;width:100%;margin-bottom:18px;font-size:14px;}.blog-post-body th,.blog-post-body td{border:1px solid var(--border);padding:8px 12px;text-align:left;}.blog-post-body th{background:var(--bg-2);font-weight:600;color:var(--text);}.blog-post-end{margin-top:36px;padding-top:20px;border-top:1px solid var(--border);}.blog-post-end a{font-size:14px;font-weight:500;color:var(--accent);}