@keyframes zen-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes zen-hover{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.zen-transition{transition:all .2s ease}.zen-transition-slow{transition:all .3s ease}.zen-hover:hover{transform:translateY(-2px)}.zen-focus:focus{outline:none;box-shadow:0 0 0 2px hsl(var(--cinematic-accent)/.4)}.zen-text-primary{color:rgb(17,24,39)}.zen-text-primary-dark{color:rgb(255,255,255)}.zen-text-secondary{color:rgb(107,114,128)}.zen-text-secondary-dark{color:rgb(156,163,175)}.zen-text-light{font-weight:300}.zen-container{max-width:1200px;margin:0 auto;padding:0 2.5rem}.zen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width:1024px){.zen-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.zen-grid{grid-template-columns:repeat(2,1fr)}.zen-container{padding:0 1rem}}@media (max-width:480px){.zen-grid{grid-template-columns:1fr}}.zen-surface-light{background:rgba(255,255,255,.05)}.zen-surface-dark{background:rgba(17,24,39,.3)}.zen-surface-hover-light:hover{background:rgba(255,255,255,.08)}.zen-surface-hover-dark:hover{background:rgba(17,24,39,.5)}.zen-button{border:none;transition:all .2s ease}.zen-button-primary{background:hsl(var(--cinematic-accent));color:white}.zen-button-primary:hover{background:hsl(var(--cinematic-accent)/.9)}.zen-button-secondary{background:rgb(243,244,246);color:rgb(75,85,99)}.zen-button-secondary:hover{background:rgb(229,231,235)}.zen-button-secondary-dark{background:rgb(75,85,99);color:rgb(209,213,219)}.zen-button-secondary-dark:hover{background:rgb(107,114,128)}.zen-input{border:none;background:rgba(255,255,255,.05);transition:all .2s ease}.zen-input:focus{background:rgba(255,255,255,.08);box-shadow:0 0 0 2px hsl(var(--cinematic-accent)/.3)}.zen-input-dark{background:rgba(17,24,39,.5)}.zen-input-dark:focus{background:rgba(17,24,39,.7)}#root{margin:0 auto}h1{font-size:2rem;font-weight:600;margin-bottom:1rem}h2{font-size:1.5rem;font-weight:500}h2,h3{margin-bottom:.5rem}h3{font-size:1.25rem;font-weight:400}h4{font-size:1rem;font-weight:300;margin-bottom:.5rem}.mdxeditor [role=textbox]{height:calc(100vh - 200px)}.mdxeditor p{margin-bottom:.8rem}.mdxeditor ul{list-style-type:disc;margin-left:1.5rem}.mdxeditor ol{list-style-type:decimal;margin-left:1.5rem}.mdxeditor li{margin-bottom:.5rem}.mdxeditor ol ol,.mdxeditor ul ul{margin-left:1.5rem}