@layer components{.cine-aa{--muted: #5f6e63}.cine-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.cine-h2{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.05;letter-spacing:-.022em;font-weight:400;color:var(--ink);text-wrap:balance}.cine-h3{font-size:clamp(1.65rem,2.7vw,2.6rem);line-height:1.07;letter-spacing:-.02em;font-weight:400;color:var(--ink);text-wrap:balance}.cine-num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}.cine-device{position:relative;border-radius:18px;background:#fff;border:1px solid rgba(19,36,27,.08);box-shadow:0 1px #fffc inset,0 2px 4px #181a420a,0 24px 48px -18px #181a4238,0 60px 120px -40px #4951f347;overflow:hidden;isolation:isolate}.cine-device-lg{border-radius:20px}.cine-device-bar{position:relative;display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:linear-gradient(#fbfaf7,#f4f1ea);border-bottom:1px solid rgba(19,36,27,.07)}.cine-device-bar>span{width:9px;height:9px;border-radius:999px;background:#13241b24}.cine-device-bar>span:first-child{background:#e0613a;opacity:.75}.cine-device-bar>em{font-style:normal;margin:0 auto;transform:translate(-18px);font-size:11.5px;letter-spacing:.02em;color:#5f6e63;padding:3px 14px;border-radius:999px;background:#13241b0b;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cine-device-bar>i{position:absolute;right:14px;font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5f6e63}@media(max-width:520px){.cine-device-bar>em{max-width:calc(100% - 150px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cine-device-bar>i{font-size:9px;letter-spacing:.04em}}.cine-device-screen{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#f3f4fa}.cine-clip-skeleton{background:linear-gradient(90deg,#4951f30d,#a3a7fb1f,#4951f30d)}.cine-clip video,.cine-clip img{display:block}.cine-play{z-index:5;position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;color:#fff;background:#181a42d1;box-shadow:0 10px 24px -10px #181a42cc}.cine-play:focus-visible{outline:3px solid #a3a7fb;outline-offset:2px}.cine-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.85rem 1.9rem;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.005em;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background-color .2s,color .2s,border-color .2s;will-change:transform}.cine-btn-primary{color:#fff;background:#4951f3;box-shadow:0 14px 34px -14px #4951f3d9,inset 0 1px #ffffff2e}.cine-btn-primary:hover{background:#3f47ea;box-shadow:0 18px 40px -14px #4951f3f2,inset 0 1px #ffffff2e}.cine-btn-ghost{color:var(--ink);background:#ffffff8c;border:1px solid rgba(19,36,27,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cine-btn-ghost:hover{border-color:#4951f3;color:#3a41e0}.cine-btn-light{color:#2d31b1;background:#fff}.cine-btn-outline-light{color:#faf6ec;border:1px solid rgba(250,246,236,.38)}.cine-btn-outline-light:hover{background:#ffffff14}.cine-btn:focus-visible{outline:3px solid #a3a7fb;outline-offset:3px}.cine-btn .cine-arrow{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.cine-btn:hover .cine-arrow{transform:translate(3px)}.cine-magnet{display:inline-flex;transition:transform .38s cubic-bezier(.2,.8,.2,1);will-change:transform}.cine-header{transition:transform .42s cubic-bezier(.2,.8,.2,1)}.cine-header:before{content:"";position:absolute;inset:0;z-index:-1;background:#faf6ecd1;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(19,36,27,.08);opacity:1;transition:opacity .32s ease}.cine-header .cine-logo{transform-origin:0 50%;transition:transform .38s cubic-bezier(.2,.8,.2,1)}.cine-header .cine-slogan{transition:opacity .26s ease,transform .38s cubic-bezier(.2,.8,.2,1)}.cine-header[data-condensed="1"] .cine-logo{transform:translateY(4px) scale(.9)}.cine-header[data-condensed="1"] .cine-slogan{opacity:0;transform:translateY(-4px)}.cine-nav a:focus-visible,.cine-nav button:focus-visible,.cine-header a:focus-visible,.cine-header button:focus-visible{outline:2px solid #4951F3;outline-offset:4px;border-radius:6px}.cine-prose p{text-wrap:pretty}.cine-toc a[aria-current=true]{color:#3a41e0}.cine-toc a[aria-current=true]:before{transform:scaleY(1)}.cine-toc a:before{content:"";position:absolute;left:0;top:.35em;bottom:.35em;width:2px;border-radius:2px;background:#4951f3;transform:scaleY(0);transition:transform .22s cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){.cine-btn,.cine-magnet,.cine-header,.cine-header .cine-logo,.cine-header .cine-slogan,.cine-toc a:before{transition:none}}.cine-api{background:radial-gradient(80% 60% at 100% 0%,#4951f352,#0f103300 60%),linear-gradient(180deg,#16174a,#0f1033);color:#e8e9ff;box-shadow:0 50px 100px -50px #181a42e6,inset 0 1px #ffffff0f}.cine-code{font-family:Menlo,SF Mono,ui-monospace,Consolas,monospace;color:#c9cbff}.cine-code-line{transition:background-color .4s ease;border-radius:4px}.cine-code-line[data-lit="1"][data-done="1"],.cine-api[data-reduced="1"] .cine-code-line[data-lit="1"]{background:#a3a7fb1f;box-shadow:inset 2px 0 #a3a7fb}.cine-code .tok-k{color:#a3a7fb}.cine-code .tok-v{color:#ffd2c2}.cine-code .tok-n{color:#fff}.cine-code .tok-p{color:#e8e9ff9e}.cine-code .tok-c{color:#e8e9ffbf;font-style:italic}.cine-api-status{background:#ffffff14;color:#ffffffb3}.cine-api-status[data-ok="1"]{background:#a3a7fb33;color:#fff}.cine-packet{width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:999px;background:radial-gradient(circle,#fff 0 30%,#a3a7fb 45%,#4951f300 72%);box-shadow:0 0 24px 6px #a3a7fb8c;will-change:transform,opacity}@keyframes cineOdo{0%{transform:translateY(0)}to{transform:translateY(var(--to))}}.cine-odo-roll{animation:cineOdo 1.1s cubic-bezier(.2,.8,.2,1) var(--d, 0ms) both}@media(prefers-reduced-motion:reduce){.cine-odo-roll{animation:none}}}