@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Sora:wght@300;400;500;600;700&display=swap");:root{--color-bg-primary:#0d0d0f;--color-bg-secondary:#141418;--color-bg-elevated:#1a1a1f;--color-bg-card:#1f1f26;--color-bg-hover:#252530;--color-accent:#e8a54b;--color-accent-light:#f5c77a;--color-accent-dark:#c4872e;--color-accent-glow:rgba(232,165,75,.15);--color-text-primary:#f5f5f7;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-text-inverse:#0d0d0f;--color-border:hsla(0,0%,100%,.08);--color-border-hover:hsla(0,0%,100%,.15);--gradient-hero:linear-gradient(135deg,#0d0d0f,#1a1a1f 50%,#141418);--gradient-card:linear-gradient(145deg,#1f1f26,#1a1a1f);--gradient-accent:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);--gradient-glow:radial-gradient(ellipse at center,var(--color-accent-glow) 0%,transparent 70%);--font-display:"Playfair Display",Georgia,serif;--font-body:"Sora",-apple-system,BlinkMacSystemFont,sans-serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 20px rgba(0,0,0,.4);--shadow-lg:0 8px 40px rgba(0,0,0,.5);--shadow-glow:0 0 40px var(--color-accent-glow);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.7;overflow-x:hidden}#__next,body{min-height:100vh}#__next{background:var(--gradient-hero);position:relative}#__next:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--color-text-primary)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2vw,1.5rem)}p{color:var(--color-text-secondary);font-size:1rem;line-height:1.8}a{color:var(--color-accent)!important;text-decoration:none;transition:color var(--transition-fast);position:relative}a:hover{color:var(--color-accent-light)!important;text-decoration:none!important}.post-text a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-accent);transition:width var(--transition-base)}.post-text a:hover:after{width:100%}::selection{background:var(--color-accent);color:var(--color-text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-dark)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.container-narrow{max-width:720px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--color-accent-glow)}50%{box-shadow:0 0 40px var(--color-accent-glow),0 0 60px var(--color-accent-glow)}}.card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}img{max-width:100%;height:auto;border-radius:var(--radius-md)}.post-text{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.9}.post-text h1,.post-text h2,.post-text h3,.post-text h4{margin-top:var(--space-2xl);margin-bottom:var(--space-md);color:var(--color-text-primary)}.post-text ol,.post-text p,.post-text ul{margin-bottom:var(--space-lg)}.post-text ol,.post-text ul{padding-left:var(--space-xl)}.post-text li{margin-bottom:var(--space-sm)}.post-text blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-lg);margin:var(--space-xl) 0;font-style:italic;color:var(--color-text-muted)}.post-text code{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em}.post-text code,.post-text pre{background:var(--color-bg-elevated)}.post-text pre{padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-xl) 0}.post-text pre code{background:none;padding:0}.post-text img{margin:var(--space-xl) auto;display:block;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-body);font-size:.9rem;font-weight:500;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.btn-primary{background:var(--gradient-accent);color:var(--color-text-inverse)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (max-width:768px){:root{--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--space-4xl:4rem}body{font-size:15px}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skeleton{background:linear-gradient(90deg,var(--color-bg-elevated) 25%,var(--color-bg-hover) 50%,var(--color-bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}