@import"https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Normal/MiSans-Normal.min.css";@import"https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Normal/MiSans-Medium.min.css";@import"https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Normal/MiSans-Semibold.min.css";@import"https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Normal/MiSans-Bold.min.css";@import"https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Normal/MiSans-Heavy.min.css";html,body,#root{height:100%;margin:0;background:var(--shell, #08090d)}:root{color-scheme:dark;--accent: #b98eff;--primary: #5a8cff;--accent-gold: #ffc402;--text: #f6f2e8;--text-muted: #9a958a;--shell: #08090d;--bg: rgba(255, 255, 255, .03);--card-bg: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .16);--ease-quart: cubic-bezier(.19, 1, .22, 1);--ease-expo: cubic-bezier(.86, 0, .07, 1);--ease-overshoot: cubic-bezier(.34, 1.56, .64, 1);--dur-base: .3s;--dur-slow: .9s;--dur-cinematic: 1.4s}html[data-theme=light]{color-scheme:light;--accent: #7447c6;--primary: #3d6df6;--accent-gold: #a96800;--text: #24201c;--text-muted: #6f675e;--shell: #f3efe7;--bg: rgba(63, 50, 37, .035);--card-bg: rgba(255, 255, 255, .72);--border: rgba(50, 40, 31, .17)}html[data-theme=blueprint]{color-scheme:dark;--accent: #7aa8ff;--primary: #55d4c5;--accent-gold: #ffc857;--text: #eef7ff;--text-muted: #93abc2;--shell: #071424;--bg: rgba(91, 159, 255, .055);--card-bg: rgba(11, 34, 60, .82);--border: rgba(118, 174, 239, .22)}.mask-reveal{clip-path:inset(0 100% 0 0);transition:clip-path .7s var(--ease-quart)}.mask-reveal.in{clip-path:inset(0 0 0 0)}.rule-grow{transform:scaleX(0);transform-origin:left;transition:transform var(--dur-cinematic) var(--ease-expo)}.rule-grow.in{transform:scaleX(1)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes caret-blink{50%{opacity:0}}@keyframes pulse-halo{0%{opacity:.6;transform:scale(.9)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}.letter-stagger>.letter{display:inline-block;opacity:0;transform:translateY(40px) scale(.85);animation:letter-rise var(--dur-slow, .9s) var(--ease-expo) forwards;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes letter-rise{to{opacity:1;transform:translateY(0) scale(1)}}.xx-shot{animation:xx-shot-push 4.6s var(--ease-quart) .7s both;transform-origin:50% 60%}.xx-shot-wide{animation:none}@keyframes xx-shot-push{0%{transform:scale(1)}to{transform:scale(1.06)}}.fx-focus-in{opacity:0;filter:blur(12px);transform:scale(1.12);will-change:filter,transform,opacity;animation:fx-focus-in var(--dur-cinematic, .9s) cubic-bezier(.16,1,.3,1) forwards}@keyframes fx-focus-in{to{opacity:1;filter:blur(0);transform:scale(1)}}.fx-whip-left,.fx-whip-right{opacity:0;filter:blur(10px);will-change:filter,transform,opacity;animation:fx-whip .62s cubic-bezier(.16,1,.3,1) forwards}.fx-whip-left{transform:translate(160px)}.fx-whip-right{transform:translate(-160px)}@keyframes fx-whip{to{opacity:1;transform:translate(0);filter:blur(0)}}.fx-bubble-pop{opacity:0;transform:scaleX(.04);transform-origin:14% 100%;animation:fx-bubble-pop .46s var(--ease-overshoot, cubic-bezier(.34, 1.56, .64, 1)) forwards}@keyframes fx-bubble-pop{0%{opacity:0;transform:scaleX(.04)}55%{opacity:1}to{opacity:1;transform:scaleX(1)}}.fx-punch-zoom{animation:fx-punch-zoom var(--dur-cinematic, 1.2s) var(--ease-soft, ease-in-out) both}@keyframes fx-punch-zoom{0%{transform:scale(1);filter:blur(0)}35%{transform:scale(1.55);filter:blur(1.5px)}to{transform:scale(1);filter:blur(0)}}.fx-capture-pulse{animation:fx-capture-pulse .7s var(--ease-soft, ease-in-out) both}@keyframes fx-capture-pulse{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.012);filter:brightness(1.18)}to{transform:scale(1);filter:brightness(1)}}.fx-dots{display:inline-flex;gap:6px;align-items:center}.fx-dots i{width:.3em;height:.3em;border-radius:50%;background:var(--accent, #b98eff);animation:fx-dot 1.1s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .18s)}@keyframes fx-dot{0%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-.18em)}}.st-text .st-unit{display:inline-block;opacity:0;transform:translateY(40px) rotateX(-90deg);animation:st-pop .8s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--st-delay, 0ms)}@keyframes st-pop{to{opacity:1;transform:translateY(0) rotateX(0)}}.tw-caret{display:inline-block;width:.08em;min-width:3px;height:1em;margin-left:.06em;vertical-align:-.12em;background:var(--accent, currentColor);animation:tw-blink .9s steps(1) infinite}@keyframes tw-blink{50%{opacity:0}}.cu-num{font-variant-numeric:tabular-nums}.morph-grid{display:grid;gap:16px;transition:grid-template-columns .8s cubic-bezier(.16,1,.3,1),grid-template-rows .8s cubic-bezier(.16,1,.3,1)}.morph-grid.morph-1{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}.morph-grid.morph-2{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}.morph-grid>.morph-cell{display:flex;align-items:center;justify-content:center;overflow:hidden}@keyframes rise-unmask{to{transform:translateY(0)}}.od-col{display:inline-block;height:1em;overflow:hidden;vertical-align:bottom}.od-strip{display:flex;flex-direction:column;will-change:transform}.od-digit{height:1em;line-height:1;display:flex;align-items:flex-end;justify-content:center}.cf-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.sc-text{font-variant-numeric:tabular-nums}.hl-sweep{position:relative;display:inline}.hl-sweep-ink{position:absolute;top:-.06em;right:-.18em;bottom:-.06em;left:-.18em;z-index:0;border-radius:.18em;background:linear-gradient(100deg,transparent 0%,var(--hl-color) 12%,var(--hl-color) 88%,transparent 100%);transform:scaleX(0);transform-origin:left center;opacity:var(--hl-rest, .35);animation:hl-sweep-run var(--hl-dur, .7s) var(--ease-soft, ease) forwards;animation-delay:var(--hl-delay, 0ms)}.hl-sweep-text{position:relative;z-index:1}@keyframes hl-sweep-run{0%{transform:scaleX(0);opacity:.9}55%{transform:scaleX(1);opacity:.9}to{transform:scaleX(1);opacity:var(--hl-rest, .35)}}.spotlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--sp-x, 50%) var(--sp-y, 42%),transparent 0,transparent var(--sp-r, 24%),rgba(4,5,9,var(--sp-dim, .72)) calc(var(--sp-r, 24%) * 1.7));animation:spotlight-on var(--sp-dur, .9s) var(--ease-soft, ease) forwards;animation-delay:var(--sp-delay, 0ms)}@keyframes spotlight-on{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.scan-sweep{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden;pointer-events:none;display:block}.scan-sweep i{position:absolute;top:-20%;bottom:-20%;left:0;width:calc(var(--sw-w, .3) * 100%);background:linear-gradient(var(--sw-angle, 100deg),transparent 0%,var(--sw-color) 50%,transparent 100%);transform:translate(-130%);animation:scan-sweep-run var(--sw-dur, 1.1s) cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--sw-delay, 0ms)}@keyframes scan-sweep-run{to{transform:translate(calc(100% / var(--sw-w, .3) + 30%))}}.aurora{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;opacity:var(--au-opacity, .5)}.aurora i{position:absolute;width:74%;height:74%;border-radius:50%;will-change:transform}.aurora .au-a{top:-20%;left:-14%;background:radial-gradient(closest-side,var(--au-c1),transparent 50% 62%,transparent 100%);animation:au-drift-a var(--au-dur, 16s) ease-in-out infinite alternate;animation-delay:var(--au-phase, 0s)}.aurora .au-b{bottom:-24%;right:-12%;background:radial-gradient(closest-side,var(--au-c2, var(--primary, #5a8cff)),transparent 50% 62%,transparent 100%);animation:au-drift-b calc(var(--au-dur, 16s) * 1.3) ease-in-out infinite alternate}@keyframes au-drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(9%,7%,0) scale(1.18)}}@keyframes au-drift-b{0%{transform:translateZ(0) scale(1.1)}to{transform:translate3d(-8%,-6%,0) scale(.92)}}.shimmer-text{display:inline-block}.shimmer-text-inner{background-image:linear-gradient(110deg,var(--sh-base, var(--text, #f6f2e8)) 42%,var(--sh-color, #ffffff) 50%,var(--sh-base, var(--text, #f6f2e8)) 58%);background-size:240% 100%;background-position:140% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-sweep var(--sh-dur, .9s) ease-in-out var(--sh-repeat, 1) forwards;animation-delay:var(--sh-delay, 0ms);will-change:background-position}@keyframes shimmer-sweep{to{background-position:-140% 0}}.card-stage{position:relative;width:100%}.card-stage.cs-duo{display:grid;grid-template-columns:1.4fr 1fr;gap:44px;align-items:center}.card-stage.cs-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;align-items:center}.cs-duo .cs-item:nth-child(2){--cs-rot: 2deg}.cs-trio .cs-item:nth-child(1){--cs-rot: -1.6deg}.cs-trio .cs-item:nth-child(3){--cs-rot: 1.6deg}.card-stage.cs-canvas .cs-item{position:absolute}.card-stage.cs-canvas .cs-item:nth-child(1){left:3%;top:10%;width:46%;--cs-rot: -3.2deg}.card-stage.cs-canvas .cs-item:nth-child(2){right:5%;top:5%;width:40%;--cs-rot: 2.4deg}.card-stage.cs-canvas .cs-item:nth-child(3){left:15%;bottom:7%;width:42%;--cs-rot: 1.8deg}.cs-item{opacity:0;animation:cs-in .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--cs-delay, 0) * 1ms)}@keyframes cs-in{0%{opacity:0;transform:translateY(56px) scale(.96) rotate(var(--cs-rot, 0deg))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--cs-rot, 0deg))}}.cs-focus{position:relative;transition:transform .7s var(--ease-soft, ease-in-out)}.cs-dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:16px;pointer-events:none;background:#04050980;opacity:0;transition:opacity .7s var(--ease-soft, ease-in-out)}.cs-focus.is-focus{transform:scale(1.05);z-index:1}.cs-focus.is-recede .cs-dim{opacity:1}.media-card{margin:0;border-radius:16px;overflow:hidden;background:#0d0f14;border:1px solid var(--border, rgba(246, 242, 232, .16));box-shadow:0 24px 60px -24px #0000008c;display:flex;flex-direction:column}.mc-media{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:var(--card-bg, rgba(255, 255, 255, .05))}.mc-media>video,.mc-media>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mc-media>img.mc-kb{animation:mc-kenburns 16s ease-in-out infinite alternate}@keyframes mc-kenburns{0%{transform:scale(1) translate(0)}to{transform:scale(1.09) translate(1.4%,-1.2%)}}.mc-slot{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:.5}.mc-bar{padding:12px 18px;font-family:var(--font-mono, "Space Grotesk", monospace);font-size:14px;letter-spacing:.12em;color:var(--text-dim, #aaa59a);border-top:1px solid var(--border, rgba(246, 242, 232, .1));display:flex;gap:12px;white-space:nowrap;overflow:hidden}.mc-bar .mc-tag{color:var(--accent, #b98eff);font-weight:700;flex:none}@keyframes rp-fill{0%{stroke-dashoffset:var(--rp-from, 1)}to{stroke-dashoffset:0}}@font-face{font-family:Smiley Sans;src:url(/fonts/SmileySans-Oblique.woff2) format("woff2");font-weight:400;font-display:swap}[data-theme=light] .el-scroll,html[data-theme=light]{--primary: #3d6df6}.el-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;background:var(--shell, #08090d);color:var(--text, #f6f2e8);font-family:MiSans,PingFang SC,Noto Sans SC,HarmonyOS Sans SC,Microsoft YaHei,sans-serif;padding:clamp(16px,1.7vw,32px) clamp(32px,4.6vw,88px) clamp(40px,3.8vw,72px)}.el-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto 14px}.el-hd-right{display:flex;align-items:center;gap:18px;flex:none}.el-title{margin:0;font-family:Smiley Sans,MiSans,PingFang SC,sans-serif;font-size:clamp(24px,3.1vw,60px);font-weight:400;letter-spacing:.02em;line-height:1.05;color:var(--accent, #b98eff)}.el-themes{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--border, rgba(255, 255, 255, .16));border-radius:999px;background:var(--bg, rgba(255, 255, 255, .03))}.el-theme{position:relative;border:0;border-radius:999px;padding:7px 12px 7px 26px;color:var(--text-muted, #9a958a);background:transparent;font:600 clamp(12px,.78vw,14px) / 1 inherit;cursor:pointer;transition:color .16s ease-out,background .16s ease-out}.el-theme:before{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--theme-dot, var(--accent));transform:translateY(-50%)}.el-theme:nth-child(1){--theme-dot: #b98eff}.el-theme:nth-child(2){--theme-dot: #c8a96f}.el-theme:nth-child(3){--theme-dot: #55d4c5}.el-theme:hover{color:var(--text, #f6f2e8)}.el-theme.is-on{color:var(--text, #f6f2e8);background:var(--card-bg, rgba(255, 255, 255, .06))}.el-theme:focus-visible,.el-cat:focus-visible,.el-copy:focus-visible{outline:2px solid var(--accent, #b98eff);outline-offset:3px}.el-sub code,.el-api code{font-family:var(--font-mono, "Space Grotesk", monospace);color:var(--accent, #b98eff)}.el-cats{display:flex;gap:10px;flex-wrap:wrap;margin:0 auto clamp(16px,1.5vw,22px)}.el-cat{padding:clamp(5px,.45vw,8px) clamp(12px,1.1vw,20px);font-size:clamp(12px,.95vw,17px);font-family:inherit;color:var(--text, #f6f2e8);background:transparent;border:1px solid var(--border, rgba(255, 255, 255, .2));border-radius:999px;cursor:pointer;opacity:.7}.el-cat.is-on{opacity:1;border-color:var(--accent, #b98eff);color:var(--accent, #b98eff);font-weight:700}@media (max-width: 680px){.el-header{align-items:flex-start;flex-direction:column;gap:14px}.el-themes{align-self:flex-start}.el-hd-right{flex-wrap:wrap}}.el-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.45vw,28px);margin:0 auto}.el-card{border:1px solid var(--border, rgba(255, 255, 255, .14));border-radius:18px;background:var(--card-bg, rgba(255, 255, 255, .04));overflow:visible;display:flex;flex-direction:column;min-width:0;cursor:default;container-type:inline-size;transition:border-color .18s ease-out,transform .18s ease-out,box-shadow .18s ease-out}.el-card:hover{border-color:var(--accent, #b98eff);transform:translateY(-4px);box-shadow:0 14px 34px #00000038}.el-stage{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:17px 17px 0 0;background:var(--bg, rgba(255, 255, 255, .03));border-bottom:1px solid var(--border, rgba(255, 255, 255, .12));display:flex;align-items:center;justify-content:center;padding:clamp(10px,2.3cqw,20px);font-size:clamp(14px,3.6cqw,32px);text-align:center}.el-stage h1,.el-stage h2,.el-stage h3,.el-stage p{margin:0}.el-stage h3{font-size:clamp(17px,4.2cqw,38px);font-weight:800;line-height:1.32}.el-stage h1{font-size:clamp(24px,5.3cqw,48px);font-weight:900}.el-stage .el-display{font-family:Smiley Sans,MiSans,PingFang SC,sans-serif;font-size:clamp(26px,8cqw,72px);font-weight:400;line-height:1.16;letter-spacing:.02em}.el-stage .el-display-sm{font-family:Smiley Sans,MiSans,PingFang SC,sans-serif;font-size:clamp(18px,4.9cqw,44px);font-weight:400;line-height:1.25}.el-stage-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.el-abs{position:absolute;top:0;right:0;bottom:0;left:0}.el-z{position:relative;z-index:1}.el-hint{font-family:Smiley Sans,MiSans,PingFang SC,sans-serif;font-size:clamp(22px,6.5cqw,58px);font-weight:400;line-height:1.2;opacity:.85}.el-cardish{border-radius:12px;background:var(--card-bg, rgba(255, 255, 255, .06));border:1px solid var(--border, rgba(255, 255, 255, .16));display:flex;align-items:center;justify-content:center}.el-hyframe{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.el-hyframe iframe{position:absolute;top:0;left:0;width:1920px;height:1080px;border:0;transform-origin:0 0;pointer-events:none}.el-body{display:flex;flex-direction:column;gap:clamp(8px,1.35cqw,12px);padding:clamp(12px,2.6cqw,24px) clamp(14px,3cqw,28px) clamp(13px,2.8cqw,26px)}.el-titlerow{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.el-name{margin:0;font-family:Smiley Sans,MiSans,PingFang SC,sans-serif;font-size:clamp(20px,4.3cqw,38px);font-weight:400;letter-spacing:.02em;line-height:1.1}.el-id{font-family:var(--font-mono, monospace);font-size:clamp(11px,1.75cqw,16px);opacity:.45}.el-chips{margin-left:auto;display:flex;gap:8px;flex:none}.el-pill{padding:4px 13px;font-size:clamp(11px,1.75cqw,16px);font-weight:600;border-radius:999px;border:1px solid var(--border, rgba(255, 255, 255, .2));white-space:nowrap}.el-pill-entrance,.el-pill-emphasis,.el-pill-data,.el-pill-flow,.el-pill-ambient,.el-pill-finale{color:#7ed957;border-color:#7ed9578c;background:#7ed95714}.el-pill-react{color:var(--accent, #b98eff);border-color:var(--accent, #b98eff)}.el-pill-css{color:#7ec8ff;border-color:#7ec8ff8c}.el-pill-hyperframes{color:var(--accent-gold, #ffc402);border-color:#ffc4028c}.el-row{display:flex;align-items:baseline;gap:clamp(10px,1.8cqw,16px);font-size:clamp(14px,2.5cqw,23px);font-weight:500;line-height:1.5}.el-label{flex:none;width:clamp(32px,5.6cqw,50px);font-size:clamp(13px,2.25cqw,20px);font-weight:700;color:var(--accent, #b98eff)}.el-val{opacity:.85;min-width:0}.el-row-tip{position:relative}.el-row-tip .el-val{text-decoration:underline dotted color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:5px}.el-tipbox{position:absolute;bottom:calc(100% + 10px);left:clamp(44px,7.6cqw,68px);z-index:30;width:max-content;max-width:400px;padding:12px 15px;display:none;flex-direction:column;gap:7px;text-align:left;font-size:clamp(12px,1.75cqw,16px);font-weight:400;line-height:1.6;color:var(--text, #f6f2e8);background:#0a0b10f7;border:1px solid var(--border, rgba(255, 255, 255, .2));border-radius:12px;box-shadow:0 14px 36px #00000080;pointer-events:none;animation:el-tip-in .16s ease-out}.el-row-tip:hover .el-tipbox{display:flex}@keyframes el-tip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.el-tipbox b{font-weight:700;color:var(--accent, #b98eff);margin-right:8px}.el-apiwrap{flex:1;min-width:0;display:flex;align-items:stretch;gap:10px}.el-api{flex:1;min-width:0;display:block;font-family:var(--font-mono, monospace);font-size:clamp(12px,1.75cqw,16px);color:var(--accent, #b98eff);background:#00000040;border-radius:9px;padding:9px 13px;overflow-x:auto;white-space:nowrap}.el-copy{flex:none;padding:0 15px;font-size:clamp(12px,1.75cqw,16px);font-weight:700;font-family:inherit;color:var(--text, #f6f2e8);background:var(--card-bg, rgba(255, 255, 255, .07));border:1px solid var(--border, rgba(255, 255, 255, .22));border-radius:9px;cursor:pointer;white-space:nowrap}.el-copy:hover{border-color:var(--accent, #b98eff);color:var(--accent, #b98eff)}.el-copy.is-ok{border-color:#54c890;color:#54c890}.el-copy.is-error{border-color:#e26d6d;color:#e26d6d}.el-copy:disabled{cursor:wait;opacity:.65}.el-rule-demo{display:flex;flex-direction:column;gap:14px;width:76%;font-size:clamp(12px,2.4cqw,22px)}.el-rule-demo .rule-grow{height:5px;background:var(--accent, #b98eff);border-radius:3px}.el-badge{padding:12px 26px;border:2px solid var(--accent, #b98eff);border-radius:999px;color:var(--accent, #b98eff);font-size:clamp(14px,2.7cqw,24px);font-weight:700}.el-stage .el-letters{font-size:clamp(34px,8.9cqw,80px);letter-spacing:.06em;font-family:Smiley Sans,MiSans,sans-serif}.el-stage .el-whip{font-size:clamp(16px,4cqw,36px);font-weight:700;font-family:Smiley Sans,MiSans,PingFang SC,sans-serif}.el-bubble-wrap{display:flex;align-items:center;gap:12px}.el-bubble{padding:clamp(9px,1.6cqw,14px) clamp(14px,2.7cqw,24px);font-size:clamp(13px,2.6cqw,23px);border-radius:18px 18px 6px;background:var(--card-bg, rgba(255, 255, 255, .09));border:1px solid var(--border, rgba(255, 255, 255, .16))}.el-shot-demo{margin:0;display:flex;flex-direction:column;gap:10px;align-items:center}.el-shot-ph{width:min(250px,64%);aspect-ratio:250 / 135;border-radius:10px;background:var(--primary, #5a8cff);opacity:.85;display:flex;align-items:center;justify-content:center;color:#fff;font-size:clamp(12px,2.2cqw,20px)}.el-shot-demo figcaption{font-size:clamp(11px,1.55cqw,16px);opacity:.6}.el-halo-wrap{position:relative;width:46px;height:46px}.el-halo-dot,.el-halo-ring{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:var(--accent, #b98eff)}.el-halo-ring{background:transparent;border:3px solid var(--accent, #b98eff)}.el-stage .el-bignum{font-size:clamp(34px,9.8cqw,88px);font-weight:900;color:var(--accent-gold, #ffc402);font-variant-numeric:tabular-nums}.el-chart{width:100%;height:100%}.el-svg{width:92%}.el-morph{width:88%;height:80%}.el-morph .morph-cell{font-size:clamp(13px,2.7cqw,24px);font-weight:700;background:var(--card-bg, rgba(255, 255, 255, .07));border-radius:10px}.el-dots-wrap{display:flex;align-items:center;gap:12px;font-size:clamp(14px,2.7cqw,24px)}.el-cards{height:100%}.el-fig-demo{margin:0;padding:20px 32px;border:1px solid var(--border, rgba(255, 255, 255, .2));border-radius:12px;font-size:clamp(14px,2.8cqw,25px)}.el-stage .el-focus-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Smiley Sans,MiSans,PingFang SC,sans-serif;font-size:clamp(20px,4.6cqw,42px);font-weight:400;opacity:1;z-index:1;width:92%;white-space:normal}.el-footer{margin:40px auto 0;text-align:center;font-size:clamp(12px,.85vw,15px);opacity:.5}@media (max-width: 980px){.el-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.el-grid{grid-template-columns:minmax(0,1fr)}}.el-header .el-github{flex:none;align-self:flex-start;margin-top:clamp(4px,.5vw,10px);color:var(--text-muted, #aaa59a);transition:color .18s ease-out,transform .18s ease-out;line-height:0}.el-header .el-github:hover{color:var(--accent, #b98eff);transform:translateY(-2px)}