@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--card:oklch(100% 0 0);--card-foreground:oklch(20% .01 60);--primary:oklch(60% .13 40);--primary-foreground:oklch(99% 0 0);--secondary:oklch(96% .02 60);--muted:oklch(97% .01 70);--accent:oklch(93% .05 55);--input:oklch(92% .01 60)}html{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}.text-5xl,.text-6xl,.text-7xl,h1{letter-spacing:-.01em}.prose h2,.prose h3,.text-3xl,.text-4xl,.text-5xl,.text-6xl,.text-7xl,h1,h2{font-family:Crimson Text,Georgia,serif}.prose h2,.prose h3{letter-spacing:-.01em}.prose{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}button{border-radius:0}ul{list-style:none}.inline-block{display:inline-block}.place-content-center{place-content:center}.justify-end{justify-content:flex-end}.gap-7{gap:1.75rem}.gap-0\.5{gap:.125rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-y-14{row-gap:3.5rem}.space-y-3>*+*{margin-top:.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-5{padding-top:1.25rem}.pt-12{padding-top:3rem}.pb-6{padding-bottom:1.5rem}.pb-28{padding-bottom:7rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mt-7{margin-top:1.75rem}.mb-7{margin-bottom:1.75rem}.ml-4{margin-left:1rem}.h-3\.5{height:.875rem}.h-40{height:10rem}.h-56{height:14rem}.h-64{height:16rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-44{width:11rem}.w-48{width:12rem}.w-64{width:16rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-\[2\.5rem\]{border-radius:2.5rem}.border-y{border-top-width:1px;border-bottom-width:1px}.border-foreground\/30{border-color:color-mix(in oklab,var(--foreground) 30%,transparent)}.border-white\/10{border-color:color-mix(in oklab,#fff 10%,transparent)}.bg-background{background:var(--background)}.bg-white\/15{background:color-mix(in oklab,#fff 15%,transparent)}.bg-\[var\(--brand-800\)\]\/30{background:color-mix(in oklab,var(--brand-800) 30%,transparent)}.text-foreground{color:var(--foreground)}.text-foreground\/30{color:color-mix(in oklab,var(--foreground) 30%,transparent)}.text-white\/50{color:color-mix(in oklab,#fff 50%,transparent)}.text-white\/85{color:color-mix(in oklab,#fff 85%,transparent)}.text-transparent{color:transparent}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--g1),var(--g2,transparent),var(--g3,transparent))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--g1),var(--g3,transparent))}.via-\[var\(--brand-50\)\]{--g2:var(--brand-50)}.from-\[var\(--brand-600\)\]{--g1:var(--brand-600)}.to-\[var\(--brand-400\)\]{--g3:var(--brand-400)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-xl{line-height:1.75rem}.text-5xl,.text-6xl{line-height:1}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem;line-height:1}.leading-\[1\.05\]{line-height:1.05}.leading-relaxed{line-height:1.625}.leading-none{line-height:1}.opacity-50{opacity:.5}.ring-1{box-shadow:0 0 0 1px var(--ring-c,#0000000d)}.ring-black\/5{--ring-c:#0000000d}.shadow-\[0_25px_60px_-15px_rgba\(83\,40\,30\,0\.4\)\]{box-shadow:0 25px 60px -15px #53281e66}.blur-3xl{filter:blur(64px)}.pointer-events-none{pointer-events:none}.-rotate-\[10deg\]{rotate:-10deg}.rotate-\[5deg\]{rotate:5deg}.-rotate-\[3deg\]{rotate:-3deg}.rotate-\[6deg\]{rotate:6deg}.-rotate-\[6deg\]{rotate:-6deg}.transition{transition:all .15s cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.-top-24{top:-6rem}.-right-24{right:-6rem}.-bottom-32{bottom:-8rem}.-left-16{left:-4rem}.hover\:bg-\[var\(--brand-500\)\]:hover{background:var(--brand-500)}.hover\:bg-\[var\(--brand-200\)\]:hover{background:var(--brand-200)}.hover\:-translate-y-3:hover{translate:0 -.75rem}.hover\:rotate-0:hover{rotate:0deg}.hover\:scale-110:hover{scale:1.1}.hover\:shadow-\[0_20px_40px_-20px_rgba\(83\,40\,30\,0\.25\)\]:hover{box-shadow:0 20px 40px -20px #53281e40}.hover\:shadow-\[0_35px_70px_-15px_rgba\(83\,40\,30\,0\.5\)\]:hover{box-shadow:0 35px 70px -15px #53281e80}.group:hover .group-hover\:scale-110{scale:1.1}@keyframes reveal-scale{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}html.reveal-on .photo-reveal,html.reveal-on .reveal-in,html.reveal-on .reveal-in-scale{opacity:0}html.reveal-on .reveal-in.in-view{animation:reveal-up .85s cubic-bezier(.22,1,.36,1) both}html.reveal-on .reveal-in-scale.in-view{animation:reveal-scale .95s cubic-bezier(.22,1,.36,1) both}@keyframes photo-rise{0%{opacity:0;transform:translateY(70px) scale(.82);filter:blur(6px)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}html.reveal-on .photo-reveal.in-view{animation:photo-rise 1.05s cubic-bezier(.16,1,.3,1) both}html.reveal-on .photo-reveal.float-soft.in-view{animation:photo-rise 1.05s cubic-bezier(.16,1,.3,1) both,float-soft 6s ease-in-out 1.25s infinite}@media(prefers-reduced-motion:reduce){.photo-reveal,.reveal-in,.reveal-in-scale{animation:none!important}}html.anims-off .photo-reveal,html.anims-off .reveal-in,html.anims-off .reveal-in-scale{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}@media(min-width:768px){.md\:flex{display:flex}.md\:block{display:block}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-14{padding-left:3.5rem;padding-right:3.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:pt-20{padding-top:5rem}.md\:pb-36{padding-bottom:9rem}.md\:pb-2{padding-bottom:.5rem}.md\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.md\:mt-20{margin-top:5rem}.md\:gap-6{gap:1.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1fr_1\.5fr\]{grid-template-columns:1fr 1.5fr}.md\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.md\:grid-cols-\[1\.4fr_1fr\]{grid-template-columns:1.4fr 1fr}.md\:grid-cols-\[1\.3fr_1fr_1fr_1fr_1\.2fr\]{grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:justify-self-end{justify-self:end}.md\:max-w-md{max-width:28rem}.md\:max-w-sm{max-width:24rem}.md\:w-44{width:11rem}.md\:w-60{width:15rem}.md\:w-64{width:16rem}.md\:h-52{height:13rem}.md\:h-72{height:18rem}.md\:h-80{height:20rem}.md\:mt-16{margin-top:4rem}.md\:mt-36{margin-top:9rem}.md\:mt-40{margin-top:10rem}}@media(min-width:1024px){.lg\:gap-8{gap:2rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:w-52{width:13rem}.lg\:w-72{width:18rem}.lg\:h-60{height:15rem}.lg\:h-80{height:20rem}.lg\:h-96{height:24rem}}.mt-28{margin-top:7rem}.mt-32{margin-top:8rem}.mt-12{margin-top:3rem}.h-72{height:18rem}.w-72{width:18rem}.h-80{height:20rem}.w-80{width:20rem}.self-start{align-self:flex-start}@media(max-width:1023px){.hero-gallery{overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 1rem 1rem;margin-left:-.75rem;margin-right:-.75rem;-ms-overflow-style:none;scrollbar-width:none}.hero-gallery::-webkit-scrollbar{display:none}.hero-gallery>*{scroll-snap-align:center;margin-top:0!important;flex-shrink:0}}@media(max-width:767px){h1{font-size:2.55rem!important;line-height:1.08!important}.hero-gallery>*{width:9.5rem!important;height:12rem!important}section.py-20,section.py-24{padding-top:3.5rem;padding-bottom:3.5rem}.px-6{padding-left:1.25rem;padding-right:1.25rem}.pt-14{padding-top:2.5rem}.pb-28{padding-bottom:3rem}.text-4xl{font-size:2rem;line-height:1.12}.px-8{padding-left:1.5rem;padding-right:1.5rem}.py-14{padding-top:2.75rem;padding-bottom:2.75rem}}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(20% .01 60);--muted-foreground:oklch(50% .02 60);--brand-50:oklch(97% .012 65);--brand-100:oklch(92% .035 60);--brand-200:oklch(84% .06 55);--brand-300:oklch(75% .09 50);--brand-400:oklch(68% .11 45);--brand-500:oklch(60% .13 40);--brand-600:oklch(53% .13 35);--brand-700:oklch(44% .11 30);--brand-800:oklch(38% .09 28);--border:oklch(92% .01 60);--ring:oklch(60% .13 40)}*,:after,:before{box-sizing:border-box;margin:0;padding:0;border:0 solid var(--border)}html{-webkit-text-size-adjust:100%;line-height:1.5;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji;scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);min-height:100vh;-webkit-font-smoothing:antialiased}img,svg{display:block;vertical-align:middle;max-width:100%}a{text-decoration:inherit}a,button{color:inherit}button{font:inherit;background:transparent;cursor:pointer}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}ol,ul{list-style:none}.min-h-screen{min-height:100vh}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.block{display:block}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.place-items-center{place-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.text-center{text-align:center}.shrink-0{flex-shrink:0}.flex-1{flex:1}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.px-3{padding:0 .75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-1\.5{padding:.375rem 0}.py-2{padding:.5rem 0}.py-3{padding:.75rem 0}.py-5{padding:1.25rem 0}.py-16{padding:4rem 0}.py-20{padding:5rem 0}.pt-10{padding-top:2.5rem}.pt-14{padding-top:3.5rem}.pb-10{padding-bottom:2.5rem}.pb-16{padding-bottom:4rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.h-4{height:1rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.w-4{width:1rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-full{width:100%}.h-full{height:100%}.max-w-3xl{max-width:48rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-2xl{border-radius:calc(var(--radius) + 8px)}.rounded-3xl{border-radius:calc(var(--radius) + 12px)}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-foreground\/10{border-color:color-mix(in oklab,var(--foreground) 10%,transparent)}.border-foreground\/15{border-color:color-mix(in oklab,var(--foreground) 15%,transparent)}.border-white\/15{border-color:color-mix(in oklab,#fff 15%,transparent)}.bg-white{background:#fff}.bg-foreground{background:var(--foreground)}.bg-foreground\/5{background:color-mix(in oklab,var(--foreground) 5%,transparent)}.bg-white\/80{background:color-mix(in oklab,#fff 80%,transparent)}.bg-white\/10{background:color-mix(in oklab,#fff 10%,transparent)}.bg-\[oklch\(0\.12_0\.005_100\)\]{background:#060604}.bg-\[var\(--brand-50\)\]{background:var(--brand-50)}.bg-\[var\(--brand-100\)\]{background:var(--brand-100)}.bg-\[var\(--brand-500\)\]{background:var(--brand-500)}.text-background{color:var(--background)}.text-white{color:#fff}.text-foreground\/50{color:color-mix(in oklab,var(--foreground) 50%,transparent)}.text-foreground\/60{color:color-mix(in oklab,var(--foreground) 60%,transparent)}.text-foreground\/70{color:color-mix(in oklab,var(--foreground) 70%,transparent)}.text-foreground\/80{color:color-mix(in oklab,var(--foreground) 80%,transparent)}.text-white\/60{color:color-mix(in oklab,#fff 60%,transparent)}.text-white\/70{color:color-mix(in oklab,#fff 70%,transparent)}.text-white\/80{color:color-mix(in oklab,#fff 80%,transparent)}.text-\[var\(--brand-500\)\]{color:var(--brand-500)}.text-\[var\(--brand-600\)\]{color:var(--brand-600)}.text-\[var\(--brand-700\)\]{color:var(--brand-700)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--g1),var(--g3,transparent))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--g1),var(--g2,transparent),var(--g3,transparent))}.from-\[var\(--brand-100\)\]{--g1:var(--brand-100)}.to-white{--g3:#fff}.from-\[var\(--brand-300\)\]{--g1:var(--brand-300)}.via-\[var\(--brand-400\)\]{--g2:var(--brand-400)}.to-\[var\(--brand-600\)\]{--g3:var(--brand-600)}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.7rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:1.2}.text-4xl{font-size:2.25rem;line-height:1.1}.text-5xl{font-size:3rem;line-height:1.05}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.leading-relaxed{line-height:1.7}.uppercase{text-transform:uppercase}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.shadow-sm{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.transition{transition:all .2s cubic-bezier(.4,0,.2,1)}.hover\:bg-foreground\/90:hover{background:color-mix(in oklab,var(--foreground) 90%,transparent)}.hover\:bg-foreground\/5:hover{background:color-mix(in oklab,var(--foreground) 5%,transparent)}.hover\:bg-white\/10:hover{background:color-mix(in oklab,#fff 10%,transparent)}.hover\:bg-\[var\(--brand-600\)\]:hover{background:var(--brand-600)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-white:hover{color:#fff}.hover\:-translate-y-0\.5:hover{translate:0 -.125rem}.hover\:-translate-y-1:hover{translate:0 -.25rem}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.group:hover .group-hover\:text-\[var\(--brand-600\)\]{color:var(--brand-600)}#progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--brand-500);z-index:50;transition:width .1s linear}.ph{display:grid;place-items:center;background:repeating-linear-gradient(0deg,var(--brand-100),var(--brand-100) 18px,var(--brand-50) 18px,var(--brand-50) 38px);color:var(--brand-700);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;letter-spacing:.04em}.prose{font-size:1.0625rem;line-height:1.75;color:color-mix(in oklab,var(--foreground) 82%,transparent)}.prose>p{margin:1.25rem 0}.prose>p:first-child{margin-top:0}.prose .lead{font-size:1.25rem;line-height:1.6;color:color-mix(in oklab,var(--foreground) 70%,transparent)}.prose h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.02em;margin:2.75rem 0 1rem;scroll-margin-top:90px}.prose h2,.prose h3{font-weight:600;color:var(--foreground)}.prose h3{font-size:1.3rem;margin:2rem 0 .75rem}.prose a.link{color:var(--brand-600);font-weight:500;text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--brand-500) 40%,transparent);text-underline-offset:3px}.prose a.link:hover{text-decoration-color:var(--brand-500)}.prose strong{font-weight:600;color:var(--foreground)}.prose ul.bullets{margin:1.25rem 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.prose ul.bullets li{position:relative;padding-left:1.6rem}.prose ul.bullets li:before{content:"";position:absolute;left:.1rem;top:.62em;width:7px;height:7px;border-radius:9999px;background:var(--brand-500)}.prose ol.steps{margin:1.25rem 0;padding:0;display:flex;flex-direction:column;gap:.85rem;counter-reset:step}.prose ol.steps li{position:relative;padding-left:2.6rem;counter-increment:step}.prose ol.steps li:before{content:counter(step);position:absolute;left:0;top:-.1rem;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:9999px;background:var(--brand-100);color:var(--brand-700);font-size:.8rem;font-weight:700}.prose code.inline{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;background:color-mix(in oklab,var(--brand-500) 12%,transparent);color:var(--brand-700);padding:.12em .4em;border-radius:5px}.pullquote{margin:2.25rem 0;padding:1.25rem 0 1.25rem 1.75rem;border-left:3px solid var(--brand-500);font-size:1.375rem;line-height:1.5;font-weight:500;letter-spacing:-.01em;color:var(--foreground)}.pullquote cite{display:block;margin-top:.85rem;font-size:.9rem;font-weight:500;font-style:normal;color:var(--muted-foreground)}figure.fig{margin:2.25rem 0}figure.fig .ph{height:22rem;width:100%;border-radius:calc(var(--radius) + 8px)}figure.fig figcaption{margin-top:.75rem;font-size:.8rem;color:var(--muted-foreground);text-align:center}.table-wrap{margin:2.25rem 0;border:1px solid color-mix(in oklab,var(--foreground) 10%,transparent);border-radius:calc(var(--radius) + 4px);overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{width:100%;min-width:30rem;border-collapse:collapse;font-size:.92rem}table.data caption{caption-side:top;text-align:left;padding:.9rem 1.1rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);background:var(--brand-50);border-bottom:1px solid color-mix(in oklab,var(--foreground) 8%,transparent)}table.data td,table.data th{padding:.85rem 1.1rem;text-align:left}table.data thead th{background:color-mix(in oklab,var(--foreground) 4%,transparent);font-weight:600;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;color:var(--muted-foreground)}table.data tbody tr+tr{border-top:1px solid color-mix(in oklab,var(--foreground) 8%,transparent)}table.data tbody tr:hover{background:color-mix(in oklab,var(--brand-500) 5%,transparent)}table.data td .pill{display:inline-block;padding:.18rem .6rem;border-radius:9999px;font-size:.74rem;font-weight:600}.pill.up{background:color-mix(in oklab,var(--brand-500) 16%,transparent);color:var(--brand-700)}.pill.flat{background:color-mix(in oklab,var(--foreground) 8%,transparent);color:var(--muted-foreground)}table.data td.num{font-variant-numeric:tabular-nums;font-weight:600}.codeblock{margin:2.25rem 0;border-radius:calc(var(--radius) + 4px);overflow:hidden;border:1px solid color-mix(in oklab,var(--foreground) 12%,transparent);background:#15110d}.codeblock .bar{display:flex;align-items:center;gap:.4rem;padding:.7rem 1rem;border-bottom:1px solid #ffffff14}.codeblock .bar .dot{width:.7rem;height:.7rem;border-radius:9999px;background:#ffffff2e}.codeblock .bar .name{margin-left:.6rem;font-size:.75rem;color:#ffffff80;font-family:ui-monospace,Menlo,monospace}.codeblock pre{margin:0;padding:1.1rem 1.25rem;overflow-x:auto}.codeblock code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;line-height:1.7;color:#e6e1da;white-space:pre}.codeblock .k{color:#f79e75}.codeblock .s{color:#90d192}.codeblock .c{color:#fff5}.codeblock .f{color:#60ccfc}.callout{margin:2.25rem 0;border-radius:calc(var(--radius) + 8px);background:var(--brand-50);border:1px solid color-mix(in oklab,var(--brand-500) 18%,transparent);padding:1.5rem 1.6rem}.callout .ttl{display:flex;align-items:center;gap:.55rem;font-weight:600;color:var(--brand-700);margin-bottom:.6rem}.embed{margin:2.25rem 0}.embed .frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:calc(var(--radius) + 8px);overflow:hidden;background:#15110d;box-shadow:0 10px 15px -3px #0000001a}.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.embed.map .frame{aspect-ratio:21/9}.embed .cap{margin-top:.7rem;font-size:.8rem;color:var(--muted-foreground);text-align:center}.share-rail{position:sticky;top:120px;gap:1.4rem}.share-rail,.share-rail .links{display:flex;flex-direction:column}.share-rail .links{gap:.6rem}.share-rail a.sbtn,.share-rail button.sbtn{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:9999px;border:none;background:var(--brand-500);color:#fff;cursor:pointer;transition:all .2s;font-family:inherit}.share-rail a.sbtn:hover,.share-rail button.sbtn:hover{background:var(--brand-600);translate:0 -2px;box-shadow:0 4px 12px color-mix(in oklab,var(--brand-500) 40%,transparent)}.toc{border-top:1px solid color-mix(in oklab,var(--foreground) 10%,transparent);padding-top:1.2rem;width:13rem}.toc .toc-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:.8rem}.toc ul{display:flex;flex-direction:column;gap:.1rem}.toc a{display:block;font-size:.82rem;line-height:1.35;padding:.4rem .7rem;border-left:2px solid transparent;color:color-mix(in oklab,var(--foreground) 55%,transparent);transition:color .2s,border-color .2s}.toc a:hover{color:var(--foreground)}.toc a.active{color:var(--brand-700);border-left-color:var(--brand-500);font-weight:600}@keyframes reveal-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}html.reveal-on .reveal-in{opacity:0}html.reveal-on .reveal-in.in-view{animation:reveal-up .8s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.reveal-in{animation:none!important}}html.anims-off .reveal-in{animation:none!important;opacity:1!important;transform:none!important}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:block{display:block}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:py-20{padding:5rem 0}.md\:pt-20{padding-top:5rem}.md\:text-5xl{font-size:3rem;line-height:1.05}.md\:text-3xl{font-size:1.875rem}.md\:grid-cols-\[1\.3fr_1fr_1fr_1fr_1\.2fr\]{grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-article{grid-template-columns:auto minmax(0,1fr);gap:3rem}}@media(min-width:1024px){.lg\:text-5xl{font-size:3rem}}.aspect-video{aspect-ratio:16/9}@media(max-width:767px){h1{font-size:2.3rem!important;line-height:1.1!important}.cover-ph{height:15rem!important}.prose{font-size:1rem}.prose .lead{font-size:1.12rem}.prose h2{font-size:1.45rem;margin-top:2.1rem}.prose h3{font-size:1.18rem}.pullquote{font-size:1.15rem;padding-left:1.1rem}section.md\:py-20,section.py-16{padding-top:3rem;padding-bottom:3rem}.px-6{padding-left:1.25rem;padding-right:1.25rem}.pt-14{padding-top:2.5rem}.pb-16{padding-bottom:2.75rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}#__nuxt,body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#0f0f11;color:#e1e1e6}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background:#16161a;border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:20px 16px;border-bottom:1px solid hsla(0,0%,100%,.06)}.sidebar-logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:22px;background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-text{font-size:15px;font-weight:700;letter-spacing:-.3px;color:#f1f1f4}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#ffffff4d;padding:8px 12px 6px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:none;color:#ffffff8c;font-size:13.5px;font-weight:450;border-radius:8px;cursor:pointer;transition:all .15s ease;font-family:inherit}.nav-item:hover{background:#ffffff0f;color:#ffffffd9}.nav-item.active{background:rgba(var(--accent-rgb),.12);color:var(--accent-txt)}.nav-icon{font-size:16px;flex-shrink:0}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#1a1a1f}.editor-toolbar{gap:2px;padding:8px 16px;background:#16161a;border-bottom:1px solid hsla(0,0%,100%,.06);flex-wrap:wrap;flex-shrink:0}.editor-toolbar,.toolbar-group{display:flex;align-items:center}.toolbar-group{gap:1px}.toolbar-group-right{margin-left:auto}.toolbar-divider{width:1px;height:24px;background:#ffffff14;margin:0 6px}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#ffffff80;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit}.toolbar-btn:hover{background:#ffffff14;color:#ffffffe6}.toolbar-btn.active{background:rgba(var(--accent-rgb),.2);color:var(--accent-txt)}.toolbar-btn:disabled{opacity:.25;cursor:not-allowed}.toolbar-btn-sm{width:auto;padding:0 8px;font-size:11px;height:28px}.toolbar-btn-sm .btn-text{font-weight:600;letter-spacing:-.2px}.toolbar-btn-danger:hover{background:#ef444433;color:#fca5a5}.toolbar-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:6px 28px 6px 10px;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.08);color:#ffffffb3;font-size:12.5px;font-weight:500;border-radius:6px;cursor:pointer;font-family:inherit;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .15s ease}.toolbar-select:hover{background-color:#ffffff14;border-color:#ffffff26}.toolbar-select option{background:#1e1e24;color:#e1e1e6}.notion-editor-wrapper{flex:1;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.1) transparent}.notion-editor-wrapper::-webkit-scrollbar{width:6px}.notion-editor-wrapper::-webkit-scrollbar-track{background:transparent}.notion-editor-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.editor-page{width:100%;padding:48px 0 120px}.editor-header{width:100%;padding-left:max(64px,calc(50% - 336px));padding-right:max(64px,calc(50% - 336px));margin-bottom:32px}.page-icon-input{display:block;width:60px;height:60px;font-size:42px;text-align:center;background:#ffffff0a;border:2px dashed hsla(0,0%,100%,.08);border-radius:12px;cursor:pointer;margin-bottom:16px;transition:all .2s ease;line-height:56px}.page-icon-input:hover{background:#ffffff12;border-color:#ffffff26}.page-icon-input:focus{outline:none;border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.06)}.page-title-input{display:block;width:100%;font-size:38px;font-weight:800;letter-spacing:-1.2px;line-height:1.2;background:none;border:none;color:#f5f5f7;caret-color:var(--accent);font-family:inherit}.page-title-input::-moz-placeholder{color:#ffffff2e}.page-title-input::placeholder{color:#ffffff2e}.page-title-input:focus{outline:none}.tiptap-editor{width:100%;padding-left:max(64px,calc(50% - 336px));padding-right:max(64px,calc(50% - 336px));min-height:300px;outline:none;line-height:1.75;font-size:15.5px;color:#d4d4d8}.tiptap-editor>*+*{margin-top:.5em}.tiptap-editor:not(.blog-reader-body)>.tableWrapper,.tiptap-editor:not(.blog-reader-body)>blockquote,.tiptap-editor:not(.blog-reader-body)>div,.tiptap-editor:not(.blog-reader-body)>h1,.tiptap-editor:not(.blog-reader-body)>h2,.tiptap-editor:not(.blog-reader-body)>h3,.tiptap-editor:not(.blog-reader-body)>ol,.tiptap-editor:not(.blog-reader-body)>p,.tiptap-editor:not(.blog-reader-body)>pre,.tiptap-editor:not(.blog-reader-body)>ul{border-radius:4px;transition:background-color .15s ease}.tiptap-editor:not(.blog-reader-body)>.tableWrapper:hover,.tiptap-editor:not(.blog-reader-body)>blockquote:hover,.tiptap-editor:not(.blog-reader-body)>div:hover,.tiptap-editor:not(.blog-reader-body)>h1:hover,.tiptap-editor:not(.blog-reader-body)>h2:hover,.tiptap-editor:not(.blog-reader-body)>h3:hover,.tiptap-editor:not(.blog-reader-body)>ol:hover,.tiptap-editor:not(.blog-reader-body)>p:hover,.tiptap-editor:not(.blog-reader-body)>pre:hover,.tiptap-editor:not(.blog-reader-body)>ul:hover{background-color:#ffffff09}.tiptap-editor h1{font-size:2.2em;letter-spacing:-.01em;color:#f5f5f7;margin-top:1.5em;margin-bottom:.4em;line-height:1.15}.tiptap-editor h1,.tiptap-editor h2{font-family:Crimson Text,Georgia,serif;font-weight:600}.tiptap-editor h2{font-size:1.75rem;letter-spacing:-.02em;color:#ededf0;margin-top:1.3em;margin-bottom:.5em;line-height:1.2}.tiptap-editor h3{font-family:Crimson Text,Georgia,serif;font-size:1.3rem;font-weight:600;letter-spacing:-.01em;color:#e0e0e5;margin-top:1.1em;margin-bottom:.35em;line-height:1.3}.tiptap-editor p{margin-bottom:.1em}.tiptap-editor .is-empty:before,.tiptap-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#fff3;pointer-events:none;height:0}.tiptap-editor strong{font-weight:700;color:#f0f0f3}.tiptap-editor em{font-style:italic;color:#c8c8d0}.tiptap-editor u{text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb),.5);text-underline-offset:3px}.tiptap-editor s{text-decoration:line-through;color:#fff6}.tiptap-editor code{background:rgba(var(--accent-rgb),.12);color:var(--accent-txt);padding:2px 6px;border-radius:4px;font-size:.88em;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.tiptap-editor pre{background:#12121a;border:1px solid hsla(0,0%,100%,.06);border-radius:10px;padding:20px 24px;margin:12px 0;overflow-x:auto}.tiptap-editor pre code{background:none;padding:0;color:var(--accent-txt);font-size:13.5px;line-height:1.7}.tiptap-editor blockquote{border-left:3px solid var(--accent);background:rgba(var(--accent-rgb),.06);padding:12px 20px;margin:12px 0;border-radius:0 8px 8px 0;color:#b4b4c0;font-style:italic}.tiptap-editor hr{border:none;height:1px;background:#ffffff1a;margin:16px 0}.tiptap-editor mark{background:#facc1540;color:#fde68a;padding:1px 4px;border-radius:3px}.tiptap-editor .editor-link{color:var(--accent-txt);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:pointer;transition:color .15s ease}.tiptap-editor .editor-link:hover{color:var(--p-primary-100)}.tiptap-editor ol,.tiptap-editor ul{padding-left:24px;margin:4px 0}.tiptap-editor li{margin:2px 0}.tiptap-editor li p{margin:0}.tiptap-editor ul>li{list-style-type:disc}.tiptap-editor ul>li::marker{color:var(--accent)}.tiptap-editor ol>li::marker{color:var(--accent);font-weight:600}.tiptap-editor ul[data-type=taskList]{list-style:none;padding-left:0}.tiptap-editor ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px;margin:4px 0}.tiptap-editor ul[data-type=taskList] li>label{flex-shrink:0;margin-top:4px}.tiptap-editor ul[data-type=taskList] li>label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid hsla(0,0%,100%,.2);border-radius:4px;cursor:pointer;transition:all .2s ease;position:relative;background:#ffffff0a}.tiptap-editor ul[data-type=taskList] li>label input[type=checkbox]:checked{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent}.tiptap-editor ul[data-type=taskList] li>label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:700}.tiptap-editor ul[data-type=taskList] li[data-checked=true]>div>p{text-decoration:line-through;color:#ffffff59}.tiptap-editor img{max-width:100%;height:auto;border-radius:10px;margin:12px 0;border:1px solid hsla(0,0%,100%,.06);transition:all .2s ease}.tiptap-editor img:hover{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.08)}.tiptap-editor img.ProseMirror-selectednode{border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.15)}.tiptap-editor table{border-collapse:collapse;width:100%;margin:16px 0;overflow:hidden;border-radius:8px;border:1px solid hsla(0,0%,100%,.08)}.tiptap-editor td,.tiptap-editor th{border:1px solid hsla(0,0%,100%,.08);padding:10px 14px;text-align:left;vertical-align:top;min-width:80px;position:relative}.tiptap-editor th{background:rgba(var(--accent-rgb),.1);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-txt)}.tiptap-editor td{background:#ffffff05}.tiptap-editor td p,.tiptap-editor th p{margin:0}.tiptap-editor .selectedCell{background:rgba(var(--accent-rgb),.12)!important}.tiptap-editor .column-resize-handle{position:absolute;right:-2px;top:0;bottom:-2px;width:4px;background-color:var(--accent);pointer-events:none}.tiptap-editor .tableWrapper{overflow-x:auto;margin:16px 0}.tiptap-editor.resize-cursor{cursor:col-resize}.slash-menu{position:absolute;z-index:100;background:#1e1e26;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff0a;width:300px;max-height:380px;overflow-y:auto;padding:6px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slashMenuIn .15s ease}@keyframes slashMenuIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.slash-menu-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#ffffff4d;padding:8px 10px 6px}.slash-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:none;background:transparent;color:#fffc;border-radius:8px;cursor:pointer;font-family:inherit;text-align:left;transition:background .1s ease}.slash-menu-item.active,.slash-menu-item:hover{background:#ffffff0f}.slash-menu-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0;color:#fff}.slash-menu-content{min-width:0}.slash-menu-title{font-size:13.5px;font-weight:550;color:#e8e8ed}.slash-menu-description{font-size:11.5px;color:#ffffff59;margin-top:1px}.editor-status-bar{display:flex;align-items:center;justify-content:flex-end;padding:8px 24px;border-top:1px solid hsla(0,0%,100%,.05);background:#16161a;flex-shrink:0}.status-item{font-size:11.5px;color:#ffffff4d;font-weight:450}.status-divider{margin:0 8px;color:#ffffff26}.editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#fff6}.loading-spinner{width:32px;height:32px;border:3px solid hsla(0,0%,100%,.08);border-top:3px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.tiptap-editor ::-moz-selection{background:rgba(var(--accent-rgb),.3)}.tiptap-editor ::selection{background:rgba(var(--accent-rgb),.3)}.tiptap-editor .ProseMirror-gapcursor{position:relative}.tiptap-editor .ProseMirror-gapcursor:after{border-top:1px solid var(--accent)}.tiptap-editor [data-node-view-wrapper]{position:relative}.ProseMirror-focused .ProseMirror-selectednode{outline:2px solid rgba(var(--accent-rgb),.4);outline-offset:2px;border-radius:4px}.drag-handle-container{display:flex;align-items:center;gap:2px;margin-top:2px;color:#ffffff4d;z-index:50}.add-block-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:inherit;cursor:pointer;border-radius:4px;transition:background .15s ease,color .15s ease}.add-block-btn:hover{background:#ffffff14;color:#fffc}.drag-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:grab;border-radius:4px;transition:background .15s ease,color .15s ease}.drag-icon:hover{background:#ffffff14;color:#fffc}.drag-icon:active{cursor:grabbing}.tiptap-editor .ProseMirror-selectednode{outline:2px solid rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.05);border-radius:4px}.custom-dropcursor{border-radius:4px}.image-bubble-menu{display:flex;align-items:center;background:#1e1e26;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:6px;box-shadow:0 8px 24px #0006}.alt-input{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);color:#fff;padding:6px 12px;border-radius:4px;font-size:13px;width:240px;outline:none;transition:all .2s ease}.alt-input:focus{border-color:var(--accent);background:#ffffff1a}.youtube-video{width:100%;aspect-ratio:16/9;border-radius:8px;margin:16px 0;border:1px solid hsla(0,0%,100%,.1)}.color-picker-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:all .2s ease}.color-picker-wrapper:hover{background:#ffffff14}.color-picker-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.color-picker-icon{color:#ffffffb3;z-index:1;transition:all .2s ease}.color-picker-wrapper:hover .color-picker-icon{color:#fff}.table-bubble-menu{display:flex;align-items:center;gap:2px;background:#1e1e26;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:4px;box-shadow:0 8px 24px #0006}.bubble-btn{background:transparent;border:none;color:#ffffffb3;padding:6px 8px;font-size:11px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .15s ease}.bubble-btn:hover{background:#ffffff14;color:#fff}.bubble-btn-danger:hover{background:#ef444433;color:#fca5a5}.bubble-divider{width:1px;height:16px;background:#ffffff1a;margin:0 4px}.nav-badge{margin-left:auto;background:rgba(var(--accent-rgb),.2);color:var(--accent-txt);font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px;border:1px solid rgba(var(--accent-rgb),.3)}.toast-notification{position:fixed;bottom:24px;right:24px;background:#1e1e26d9;border:1px solid hsla(0,0%,100%,.08);padding:12px 20px;border-radius:10px;color:#e1e1e6;font-size:13.5px;font-weight:500;z-index:1000;box-shadow:0 8px 30px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(100px);opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none;display:flex;align-items:center;gap:8px}.toast-notification.show{transform:translateY(0);opacity:1}.toast-notification.success{border-left:3px solid #10b981}.toast-notification.info{border-left:3px solid #3b82f6}.editor-actions-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#16161a;border-bottom:1px solid hsla(0,0%,100%,.04);flex-shrink:0}.editor-post-status{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#ffffff80;font-weight:500}.status-indicator-dot{width:8px;height:8px;border-radius:50%}.status-indicator-dot.published{background-color:#10b981;box-shadow:0 0 8px #10b98180}.status-indicator-dot.draft{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b80}.status-indicator-dot.unsaved{background-color:#ef4444;box-shadow:0 0 8px #ef444480}.editor-actions-group{display:flex;align-items:center;gap:8px}.editor-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .15s ease;font-family:inherit}.editor-action-btn.btn-primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);color:var(--p-primary-50)}.editor-action-btn.btn-primary:hover{filter:brightness(1.08);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.editor-action-btn.btn-secondary{background:#ffffff0d;color:#fffc;border:1px solid hsla(0,0%,100%,.08)}.editor-action-btn.btn-secondary:hover{background:#ffffff14;color:#fff;border-color:#ffffff1f}.dashboard-container{flex:1;overflow-y:auto;padding:40px max(40px,calc(50% - 480px));scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.1) transparent}.dashboard-container::-webkit-scrollbar{width:6px}.dashboard-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.dashboard-title-wrapper{display:flex;align-items:center;gap:12px}.dashboard-icon{font-size:28px}.dashboard-title{font-size:26px;font-weight:800;color:#f5f5f7;letter-spacing:-.5px}.dashboard-search-wrapper{position:relative;width:280px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#ffffff4d}.dashboard-search-input{width:100%;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:8px 12px 8px 36px;font-size:13.5px;color:#fff;outline:none;font-family:inherit;transition:all .2s ease}.dashboard-search-input:focus{border-color:var(--accent);background:#ffffff14}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.post-card{background:#16161a;border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:20px;display:flex;flex-direction:column;height:240px;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.post-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.3);box-shadow:0 12px 24px #00000040}.post-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.post-card-emoji{font-size:22px;background:#ffffff0a;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid hsla(0,0%,100%,.06)}.post-card-date{font-size:11px;color:#ffffff80}.post-card-title{font-size:16.5px;font-weight:700;color:#f1f1f4;margin-bottom:8px;line-height:1.3;-webkit-line-clamp:2}.post-card-snippet,.post-card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.post-card-snippet{font-size:13px;color:#ffffff94;line-height:1.5;-webkit-line-clamp:3;margin-bottom:auto}.post-card-actions{display:flex;align-items:center;gap:8px;margin-top:14px}.post-action-btn{padding:6px 10px;font-size:11.5px;font-weight:600;border-radius:6px;border:1px solid hsla(0,0%,100%,.1);cursor:pointer;transition:all .15s ease;font-family:inherit;display:flex;align-items:center;gap:4px;background:#ffffff0d;color:#ffffffc7;text-decoration:none}.post-action-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff2e}.post-action-btn.read{background:rgba(var(--accent-rgb),.12);color:var(--accent-txt);border-color:rgba(var(--accent-rgb),.2)}.post-action-btn.read:hover{background:rgba(var(--accent-rgb),.2);border-color:rgba(var(--accent-rgb),.3)}.post-action-btn.edit{background:#ffffff0d;color:#ffffffc7;border:1px solid hsla(0,0%,100%,.1)}.post-action-btn.edit:hover{background:#ffffff1a;color:#fff;border-color:#ffffff2e}.post-action-btn.delete{background:transparent;color:#ef4444a6;border-color:transparent;margin-left:auto;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:6px}.post-action-btn.delete:hover{background:#ef444426;color:#fca5a5;border-color:#ef444433}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;background:#ffffff05;border:2px dashed hsla(0,0%,100%,.05);border-radius:16px;padding:40px;margin-top:10px;width:100%}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state-title{font-size:18px;font-weight:700;color:#ededf0;margin-bottom:6px}.empty-state-text{font-size:14px;color:#fff6;max-width:320px;margin-bottom:20px}.empty-state-btn{background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);color:var(--p-primary-50);border:none;padding:8px 16px;font-size:13.5px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.empty-state-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.reader-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:#0f0f11;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.1) transparent}.reader-container::-webkit-scrollbar{width:6px}.reader-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.reader-nav-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#16161a;border-bottom:1px solid hsla(0,0%,100%,.05);position:sticky;top:0;z-index:10}.reader-back-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#fff9;font-size:13.5px;font-weight:500;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .15s ease;font-family:inherit}.reader-back-btn:hover{background:#ffffff0d;color:#fff}.reader-actions{display:flex;align-items:center;gap:12px}.reader-status-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px}.reader-status-badge.published{background:#10b98126;color:#34d399}.reader-status-badge.draft{background:#f59e0b26;color:#fbbf24}.reader-edit-btn{background:var(--accent);color:var(--p-primary-50);border:none;font-size:13px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit}.reader-edit-btn:hover{background:var(--accent-2);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.reader-article{max-width:680px;width:100%;margin:0 auto;padding:56px 24px 120px}.reader-article-header{margin-bottom:32px}.reader-article-icon{font-size:56px;margin-bottom:20px}.reader-article-title{font-size:40px;font-weight:800;color:#f5f5f7;line-height:1.2;letter-spacing:-1px;margin-bottom:16px}.reader-article-meta{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#fff6;font-weight:450}.meta-separator{color:#ffffff26}.reader-divider{border:none;height:1px;background:#ffffff14;margin-bottom:40px}.blog-reader-body{padding-left:0!important;padding-right:0!important;pointer-events:auto}.blog-reader-body input[type=checkbox]{pointer-events:none!important}.blog-reader-body iframe{pointer-events:auto}@media(max-width:768px){.sidebar{display:none}.editor-page{padding:24px 20px 80px}.page-title-input{font-size:28px}.editor-toolbar{padding:6px 8px;gap:1px}.toolbar-btn{width:28px;height:28px}.toolbar-divider{margin:0 3px}}