:root{--dji-red:#ff2d4f;--dji-red-700:#e11a3c}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.preview-root .lift{transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1),border-color .3s;position:relative;box-shadow:0 1px 2px #0f172a0a,0 12px 28px -14px #0f172a1a,inset 0 1px #ffffffe6}.preview-root .lift:hover{transform:translateY(-6px);box-shadow:0 2px 4px #0f172a0d,0 30px 60px -16px #0f172a38,0 40px 80px -30px #ff2d4f59,inset 0 1px #fff;border-color:#ff2d4f38!important}.preview-root .glass{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffeb;border:1px solid #0f172a14;box-shadow:0 1px 2px #0f172a0a,0 20px 44px -16px #0f172a24,0 30px 60px -30px #ff2d4f2e,inset 0 1px #fff}.preview-root .glass-strong{-webkit-backdrop-filter:blur(24px)saturate(200%);background:#fffffff5;border:1px solid #0f172a1f;box-shadow:0 2px 4px #0f172a0f,0 10px 28px -10px #0f172a2e,inset 0 1px #fff}.preview-root .shimmer-border{isolation:isolate;position:relative}.preview-root .shimmer-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 0% 30%,#ff2d4fd9 45%,#c026d3bf 55%,#0000 70% 100%) 100% 100%/250% 250%;padding:1.5px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.preview-root .shimmer-border:hover:before{opacity:1;animation:1.6s ease-in-out infinite shimmer-sweep}@keyframes shimmer-sweep{0%{background-position:100% 100%}to{background-position:-50% -50%}}.preview-root .glow-hover{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0f172a0a,0 16px 32px -16px #0f172a1f,inset 0 1px #ffffffe6}.preview-root .glow-hover:hover{transform:translateY(-8px);box-shadow:0 4px 8px #0f172a0f,0 32px 64px -16px #0f172a40,0 48px 80px -24px #ff2d4f66,0 0 0 1px #ff2d4f2e,inset 0 1px #fff}.preview-root .pop-red{color:var(--dji-red)}.preview-root .tile-pink{background:linear-gradient(135deg,#fff1f2 0%,#ffe4e6 100%)}.preview-root .tile-blue{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.preview-root .tile-green{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}.preview-root .tile-amber{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%)}.preview-root .tile-violet{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%)}.preview-root .tile-sky{background:linear-gradient(135deg,#ecfeff 0%,#cffafe 100%)}.preview-root .tile-stone{background:linear-gradient(135deg,#fafaf9 0%,#f5f5f4 100%)}.preview-root .hero-landscape{background:radial-gradient(100% 80% at 50% 100%,#fee2e299 0%,#fee2e200 70%),linear-gradient(#f0f4f8 0%,#e8eef5 60%,#ede4dc 100%)}.preview-root .mountain-silhouette:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#0000 70%,#b4c3d259 70%),linear-gradient(135deg,#0000 65%,#8ca0b466 65% 75%,#0000 75%),linear-gradient(225deg,#0000 60%,#96aabe59 60% 72%,#0000 72%);background-position:0 0,30% 0,60% 0;background-repeat:repeat,no-repeat,no-repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0}.preview-root .chip{color:#262626;white-space:nowrap;background:#ffffffeb;border:1px solid #0f172a14;border-radius:9999px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px -2px #0f172a0d}.preview-root .chip:hover{border-color:var(--dji-red);color:var(--dji-red);transform:translateY(-1px);box-shadow:0 8px 20px -8px #ff2d4f4d}.preview-root .red-disc{color:var(--dji-red);background:linear-gradient(135deg,#ffe4e6 0%,#fecdd3 100%);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.preview-root .animate-float{animation:6s ease-in-out infinite float}.preview-root .scroll-hide::-webkit-scrollbar{display:none}.preview-root .scroll-hide{scrollbar-width:none;-ms-overflow-style:none}.preview-root .post-content{color:#262626;font-size:1.0625rem;line-height:1.75}.preview-root .post-content>*+*{margin-top:1.1em}.preview-root .post-content h2{color:#0a0a0a;letter-spacing:-.01em;margin-top:1.8em;font-size:1.75rem;font-weight:600}.preview-root .post-content h3{color:#0a0a0a;margin-top:1.6em;font-size:1.35rem;font-weight:600}.preview-root .post-content strong{color:#0a0a0a;font-weight:600}.preview-root .post-content a{color:var(--dji-red);text-underline-offset:3px;text-decoration:underline}.preview-root .post-content ul,.preview-root .post-content ol{padding-left:1.5em}.preview-root .post-content ul{list-style:outside}.preview-root .post-content ol{list-style:decimal}.preview-root .post-content li{margin:.3em 0}.preview-root .post-content blockquote{border-left:3px solid var(--dji-red);color:#525252;padding-left:1.2em;font-style:italic}.preview-root .post-content img{border-radius:1rem;max-width:100%;height:auto;margin:1.5em auto;display:block;box-shadow:0 24px 50px -16px #0f172a1f}