@font-face{font-family:outfit;src:url(../media/outfit_latin_wght_normal-s.p.1aqyowrj6p85v.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:outfit Fallback;src:local(Arial);ascent-override:100.84%;descent-override:26.22%;line-gap-override:0.0%;size-adjust:99.17%}.SpdicW_className{font-family:outfit,outfit Fallback;font-style:normal}.SpdicW_variable{--font-outfit:"outfit", "outfit Fallback"}
.lp h1{margin:.67em 0;font-size:2em;font-weight:700}.lp h2{margin:.83em 0;font-size:1.5em;font-weight:700}.lp p{margin:1em 0}.lp ul,.lp ol{list-style:revert;margin:1em 0;padding-left:40px}.lp a{text-decoration:underline}.lp{min-height:100svh}.lp .logo .sm,.lp .bar.small .logo .lg{display:none}.lp .bar.small .logo .sm{display:block}.lp{--lp-bg:#d2dbd7;--lp-card:#e0e6e2;--lp-raised:#edf0ec;--lp-well:#c4cfcb;--lp-line:#b2c1bc;--lp-fg:#1d3032;--lp-muted:#3f5b5d;--lp-subtle:#486466;--lp-glaze:#2f5258;--lp-on-glaze:#f1f3ef;--lp-logo-ring:#1d3032;--lp-focus:#1d3032;--lp-gold:#8c6f55;--lp-gold-sh:#6e553f;--lp-gold-hi:#c9ab89;--lp-mote:#8c6f55;--lp-gold-spec:#f4e6ce;--lp-wire-shadow:#46321e61;--lp-acc-hi:#f1f6f3;--lp-acc-mid:#c9dad5;--lp-acc-lo:#a9c2bc;--lp-shade:#0a1e2047;--lp-num:var(--font-manrope), "PingFang TC", "Microsoft JhengHei", sans-serif;--lp-txt:"PingFang TC", "Microsoft JhengHei", "Noto Sans TC", system-ui, sans-serif;--lp-disp:var(--font-outfit), var(--font-manrope), system-ui, sans-serif}.dark .lp{--lp-bg:#152326;--lp-card:#1c2e31;--lp-raised:#2f4a4f;--lp-well:#24393e;--lp-line:#2e4549;--lp-fg:#ebe6dc;--lp-muted:#9aaeab;--lp-subtle:#849a97;--lp-glaze:#96c3b9;--lp-on-glaze:#152326;--lp-logo-ring:#96c3b9;--lp-focus:#ebe6dc;--lp-gold:#cbaa88;--lp-gold-sh:#7d6249;--lp-gold-hi:#f0dcc2;--lp-mote:#f0dcc2;--lp-gold-spec:#fff8ea;--lp-wire-shadow:#000000a6;--lp-acc-hi:#3e6066;--lp-acc-mid:#274246;--lp-acc-lo:#1b2f33;--lp-shade:#00000080}.lp *{box-sizing:border-box}.lp{background:var(--lp-bg);color:var(--lp-fg);font-family:var(--lp-txt);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7}.lp button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.lp a{color:inherit}.lp :focus-visible{outline:2px solid var(--lp-focus);outline-offset:3px;border-radius:6px}.lp .wrap{max-width:1080px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));margin:0 auto}.lp .only-dark{display:none}.lp{--lp-kv-glint:#fffae8f2;--lp-kv-glow:#ffffff8c}.dark .lp .only-dark{display:block}.dark .lp .only-light{display:none}.lp .bar{top:env(safe-area-inset-top,0px);z-index:20;background:0 0;transition:background-color .3s;position:sticky}.lp .bar:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:linear-gradient(to bottom, var(--lp-bg) 0, color-mix(in srgb, var(--lp-bg) 92%, transparent) 46%, color-mix(in srgb, var(--lp-bg) 60%, transparent) 70%, transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .35s;position:absolute;inset:0 0 -34px;-webkit-mask-image:linear-gradient(#000 0 58%,#0000 100%);mask-image:linear-gradient(#000 0 58%,#0000 100%)}.lp .bar.small:before{opacity:1}.lp main{overflow-x:clip}.lp .bar .wrap{align-items:center;gap:10px;min-height:84px;transition:min-height .25s;display:flex}.lp .bar.small .wrap{min-height:64px}.lp .logo{align-items:center;min-height:44px;display:inline-flex}.lp .logo svg{width:auto;height:38px;transition:height .25s;display:block}.lp .bar.small .logo svg{height:26px}@media (prefers-reduced-motion:reduce){.lp .bar .wrap,.lp .bar:before,.lp .logo svg{transition:none}}.lp .grow{flex:1}.lp .mode{background:var(--lp-well);border-radius:999px;grid-auto-flow:column;padding:3px;display:inline-grid}.lp .mode button{width:38px;height:38px;color:var(--lp-muted);border-radius:50%;place-items:center;display:grid}.lp .mode button[aria-pressed=true]{background:var(--lp-raised);color:var(--lp-fg)}.lp .ico{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.lp .jump{display:none}.lp [id]{scroll-margin-top:96px}.lp .login{align-items:center;min-height:44px;padding:0 10px;font-weight:600;text-decoration:none;display:inline-flex}.lp .primary{background:var(--lp-glaze);min-height:56px;color:var(--lp-on-glaze);border-radius:12px;justify-content:center;align-items:center;padding:0 28px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.lp .primary.sm{border-radius:10px;min-height:44px;padding:0 18px;font-size:15px}.lp .bar .primary,.lp .bar .login{white-space:nowrap;flex:none}.lp .fine{color:var(--lp-subtle);margin:0;font-size:12.5px;line-height:1.5}.lp .wide{display:none}.lp .hero{min-height:calc(100svh - 188px);display:flex;position:relative}.lp .hero .wrap{width:100%;padding-top:52px;padding-bottom:90vw;position:relative}.lp .accent{aspect-ratio:.92;pointer-events:none;width:100%;height:auto;position:absolute;bottom:8px;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#0000001f 14%,#00000080 30%,#000 46% 66%,#00000080 82%,#0000 100%);mask-image:linear-gradient(#0000 0,#0000001f 14%,#00000080 30%,#000 46% 66%,#00000080 82%,#0000 100%)}.lp h1{font-family:var(--lp-disp);letter-spacing:.01em;transform-origin:0 100%;width:fit-content;margin:0 0 18px;font-size:clamp(40px,6.4vw,78px);font-weight:300;line-height:1.1;transform:skew(-5deg)}.lp .sub{letter-spacing:.14em;color:var(--lp-muted);margin:0;font-size:clamp(14px,1.5vw,17px)}.lp .gl{background:linear-gradient(90deg, var(--lp-gold-sh), var(--lp-gold-hi) 50%, var(--lp-gold));width:36px;height:1px;margin:22px 0 14px;display:block}.lp .sig{letter-spacing:.32em;color:var(--lp-muted);margin:0;font-size:12.5px}.lp .glazeIn{animation:1.6s ease-out both lp-glazeIn}.lp .draw{stroke-dasharray:100;stroke-dashoffset:100px;animation:2s cubic-bezier(.3,0,.2,1) .2s both lp-drawIn}.lp .draw.d2{animation-delay:.5s}.lp .glint{stroke-dasharray:7 200;stroke-dashoffset:7px;opacity:0;animation:9s cubic-bezier(.4,0,.3,1) 2.6s infinite lp-glint}.lp .mote{fill:var(--lp-gold-hi);opacity:0;transform-box:fill-box;animation:12s ease-in-out infinite lp-floatDot}@keyframes lp-glazeIn{0%{opacity:0}to{opacity:1}}@keyframes lp-drawIn{to{stroke-dashoffset:0}}@keyframes lp-glint{0%{stroke-dashoffset:7px;opacity:0}4%{opacity:.7}24%{stroke-dashoffset:-100px;opacity:0}to{stroke-dashoffset:-100px;opacity:0}}@keyframes lp-floatDot{0%{opacity:0;transform:translateY(8px)}35%{opacity:.5}70%{opacity:.28}to{opacity:0;transform:translateY(-16px)}}@media (prefers-reduced-motion:reduce){.lp .glazeIn,.lp .draw,.lp .glint,.lp .mote{animation:none}.lp .draw{stroke-dashoffset:0}.lp .glint{opacity:0}.lp .mote{opacity:.3}}.lp #motes{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.lp main,.lp footer{z-index:1;position:relative}.lp .wire{fill:none;width:100%;height:64px;stroke:var(--lp-gold);stroke-width:1px;stroke-linecap:round;clip-path:inset(0 100% 0 0);pointer-events:none;transition:clip-path 2.2s cubic-bezier(.3,0,.2,1);display:block}.lp .wire .w-sh{stroke:var(--lp-wire-shadow);filter:blur(1.2px)}.lp .wire .w-sp{stroke:var(--lp-gold-spec);stroke-width:.5px;opacity:.75}.lp .wire .w-sp.thin{stroke-width:.35px;opacity:.6}.lp .wire.flip{transform:scaleX(-1)}.lp .wirebox.seen .wire:not(.sheen){clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.lp .wire{clip-path:none;transition:none}}@media (min-width:860px){.lp .wire{height:96px}}.lp .wirebox{position:relative;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 22% 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 22% 78%,#0000 100%)}.lp .wire.sheen{height:100%;stroke:var(--lp-gold-spec);stroke-width:2.2px;clip-path:none;opacity:0;transition:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(9% 120% at 34%,#000 0,#0000 100%),radial-gradient(7% 120% at 79%,#000 0,#0000 100%);mask-image:radial-gradient(9% 120% at 34%,#000 0,#0000 100%),radial-gradient(7% 120% at 79%,#000 0,#0000 100%)}.lp .wire.sheen .thin{stroke-width:1.6px;opacity:.85}.lp .wirebox.seen .sheen{animation:9s ease-in-out 2.4s infinite lp-twinkle}@keyframes lp-twinkle{0%,to{opacity:0}18%{opacity:.85}36%{opacity:.15}52%{opacity:.6}70%{opacity:0}}@keyframes lp-rise{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0}}@keyframes lp-grow{0%{width:0}}@keyframes lp-float{0%{translate:0 5px}to{translate:0 -7px}}@keyframes lp-drift{0%{translate:0}to{translate:-10px -8px}}@keyframes lp-openIn{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0}}@keyframes lp-dockIn{0%{translate:0 100%}to{translate:0}}.lp .hero h1{animation:1s cubic-bezier(.2,.7,.2,1) .1s both lp-rise}.lp .hero .sub{animation:1s cubic-bezier(.2,.7,.2,1) .35s both lp-rise}.lp .hero .gl{animation:.9s cubic-bezier(.3,0,.2,1) .8s both lp-grow}.lp .hero .sig{animation:1s cubic-bezier(.2,.7,.2,1) .95s both lp-rise}.lp .hero .cta{animation:1s cubic-bezier(.2,.7,.2,1) 1.2s both lp-rise}.lp .accent{animation:2.2s ease-out both lp-glazeIn}.lp .accent img{-o-object-fit:cover;object-fit:cover;-o-object-position:100% 50%;object-position:100% 50%;width:100%;max-width:none;height:100%;display:block}.lp .accent i{display:block;position:absolute;inset:0}.lp .kvline{background:linear-gradient(118deg, transparent 0, transparent 40%, var(--lp-kv-glint) 50%, transparent 60%, transparent 100%) 0 0 / 320% 100% no-repeat;animation:11s cubic-bezier(.45,0,.2,1) 2.4s infinite lp-kvsweep;-webkit-mask-position:100%;mask-position:100%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lp .kvglow{background:radial-gradient(42% 36% at 50% 50%, var(--lp-kv-glow), transparent 70%) 0 0 / 100% 100% no-repeat;mix-blend-mode:soft-light;animation:19s ease-in-out infinite alternate lp-kvdrift}@keyframes lp-kvsweep{0%{background-position:100% 0}38%,to{background-position:0 0}}@keyframes lp-kvdrift{0%{opacity:.55;translate:22% 24%}50%{opacity:1}to{opacity:.6;translate:2% -16%}}.lp .dock{animation:.7s cubic-bezier(.2,.7,.2,1) 1.2s both lp-dockIn}.lp .what .ph{animation:6.5s ease-in-out infinite alternate lp-float}.lp .phs .ph+.ph{animation-delay:-3s}.lp details[open]>.in,.lp details.q[open]>p{animation:.4s cubic-bezier(.2,.7,.2,1) both lp-openIn}.lp .primary,.lp .ghost,.lp .mode button,.lp details.row>summary .rt b{transition:transform .18s,filter .18s,letter-spacing .25s}.lp .primary:hover,.lp .ghost:hover{filter:brightness(1.06);transform:translateY(-2px)}.lp .primary:active,.lp .ghost:active{transform:scale(.97)}.lp details.row>summary:hover .rt b{letter-spacing:.04em}.lp details.row>summary:hover .chev{stroke:var(--lp-gold)}.lp.js-rv [data-rv]{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--lp-d,0s);transform:translateY(20px)}.lp.js-rv [data-rv].seen{opacity:1;transform:none}.lp .feat .lic{stroke-dasharray:60;stroke-dashoffset:60px;transition:stroke-dashoffset 1.2s;transition-delay:calc(var(--lp-d,0s) + .2s)}.lp .feat li.seen .lic,.lp:not(.js-rv) .feat .lic{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.lp .hero h1,.lp .hero .sub,.lp .hero .gl,.lp .hero .sig,.lp .hero .cta,.lp .accent,.lp .kvline,.lp .kvglow,.lp .dock,.lp .ph,.lp .wirebox .sheen,.lp details[open]>.in,.lp details.q[open]>p{animation:none!important}.lp .primary,.lp .ghost{transition:none}.lp .feat .lic{stroke-dashoffset:0;transition:none}}.lp .what{gap:36px;padding-top:56px;padding-bottom:24px;display:grid}.lp h2{text-wrap:balance;margin:0 0 6px;font-size:22px;font-weight:600;line-height:1.35}.lp .feat{margin:0;padding:0;list-style:none}.lp .feat li{border-bottom:1px solid var(--lp-line);min-height:62px;color:var(--lp-muted);align-items:center;gap:14px;font-size:14.5px;line-height:1.5;display:flex}.lp .feat li:last-child{border-bottom:0}.lp .feat b{color:var(--lp-fg);font-size:16px;font-weight:600;display:block}.lp .lic{fill:none;width:24px;height:24px;stroke:var(--lp-muted);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.lp .ph{aspect-ratio:375/712;border:1px solid var(--lp-line);width:min(100%,290px);box-shadow:0 28px 50px -34px var(--lp-shade);background:var(--lp-card);border-radius:28px;margin:0 auto;overflow:hidden}.lp .ph img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%}.lp .show{padding-top:40px;padding-bottom:40px}.lp .show .lead{color:var(--lp-muted);margin:0 0 24px;font-size:15px}.lp .show .in{padding:0}.lp .show .phs{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}.lp .show .phs .ph{border-radius:16px}.lp .rows{padding-top:16px;padding-bottom:40px}.lp details.row{border-top:1px solid var(--lp-line)}.lp details.row:last-of-type{border-bottom:1px solid var(--lp-line)}.lp details.row>summary{cursor:pointer;align-items:center;gap:16px;min-height:76px;padding:12px 0;list-style:none;display:flex}.lp details.row>summary::-webkit-details-marker{display:none}.lp .rt{flex:1;min-width:0}.lp .rt b{font-size:17px;font-weight:600;line-height:1.4;display:block}.lp .rt span{color:var(--lp-muted);font-size:13.5px;line-height:1.5;display:block}.lp .chev{fill:none;width:20px;height:20px;stroke:var(--lp-subtle);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .2s}.lp details[open]>summary .chev{transform:rotate(180deg)}.lp .in{gap:28px;padding:4px 0 32px;display:grid}.lp .in p{color:var(--lp-muted);max-width:34em;margin:0;font-size:14.5px}.lp .pts{gap:16px;margin:0;padding:0;list-style:none;display:grid}.lp .pts li{color:var(--lp-muted);max-width:34em;font-size:14.5px;line-height:1.6}.lp .pts b{color:var(--lp-fg);font-size:15.5px;font-weight:600;display:block}.lp .two{gap:28px;display:grid}.lp .phs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.lp .demos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lp .demos figure{margin:0}.lp .demos img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;background:#152326;border-radius:14px;width:100%;display:block}.lp .demos figcaption{color:var(--lp-muted);padding-top:6px;font-size:13.5px}.lp ol.steps{counter-reset:s;gap:16px;margin:0;padding:0;list-style:none;display:grid}.lp ol.steps li{counter-increment:s;color:var(--lp-muted);grid-template-columns:28px 1fr;max-width:36em;font-size:14.5px;line-height:1.6;display:grid}.lp ol.steps li:before{content:counter(s);font-family:var(--lp-num);color:var(--lp-fg);font-size:15px;font-weight:600}.lp ol.steps b{color:var(--lp-fg);font-size:15.5px;font-weight:600;display:block}.lp h3{margin:0 0 12px;font-size:15px;font-weight:600}.lp .ghost{background:var(--lp-well);border-radius:10px;justify-self:start;min-height:44px;padding:0 16px;font-size:14.5px;font-weight:600}.lp .in.qs{background:var(--lp-card);border-radius:16px;gap:0;margin:0 0 28px;padding:0 18px}.lp details.q{border-top:1px solid var(--lp-line)}.lp details.q:first-child{border-top:0}.lp details.q>summary{cursor:pointer;min-height:52px;color:var(--lp-muted);align-items:center;gap:12px;padding:8px 0;font-size:14.5px;font-weight:400;list-style:none;display:flex}.lp details.q[open]>summary,.lp details.q>summary:hover{color:var(--lp-fg)}.lp details.q>summary .chev{width:16px;height:16px}.lp details.q>summary::-webkit-details-marker{display:none}.lp details.q>summary span{flex:1}.lp details.q p{padding:0 0 18px}.lp .ver{gap:4px;display:grid}.lp .ver b{font-family:var(--lp-num);font-size:16px}.lp .ver time{font-family:var(--lp-num);color:var(--lp-subtle);font-size:12.5px}.lp .ver ul{color:var(--lp-muted);gap:6px;max-width:36em;margin:6px 0 0;padding-left:1.1em;font-size:14.5px;display:grid}.lp footer{border-top:1px solid var(--lp-line)}.lp footer .wrap{color:var(--lp-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;padding-bottom:22px;font-size:12.5px;display:flex}.lp .yp{align-items:center;min-height:44px;display:inline-flex}.lp .yp img{filter:invert();opacity:.85;width:auto;height:44px}.dark .lp .yp img{filter:none}.lp .cr{text-align:right;line-height:1.7;font-family:var(--lp-num);margin:0}.lp .dock{z-index:30;background:var(--lp-bg);border-top:1px solid var(--lp-line);padding:10px max(20px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-left,0px));text-align:center;gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.lp .dock .primary{width:100%}.lp .pad{height:112px}@media (min-width:860px){.lp .wide{display:inline-flex}.lp .dock,.lp .pad{display:none}.lp .hero{min-height:min(100svh - 104px,780px)}.lp .bar .wrap{min-height:104px}.lp .logo svg{height:52px}.lp .hero .wrap{padding-top:110px;padding-bottom:40px}.lp .accent{aspect-ratio:auto;-o-object-position:100% 50%;object-position:100% 50%;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in, xor;width:100%;height:calc(100% + 134px);top:-104px;bottom:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#0000000d 10%,#0003 22%,#00000080 36%,#000000d1 50%,#000 64%),linear-gradient(#0000 0,#00000040 8%,#000 22% 52%,#000000b3 64%,#0000004d 78%,#00000014 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#0000000d 10%,#0003 22%,#00000080 36%,#000000d1 50%,#000 64%),linear-gradient(#0000 0,#00000040 8%,#000 22% 52%,#000000b3 64%,#0000004d 78%,#00000014 90%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.lp .cta{justify-items:start;gap:10px;margin-top:44px;display:grid}.lp .what{grid-template-columns:1fr 320px;align-items:center;gap:72px;padding-top:96px;padding-bottom:56px}.lp .two{grid-template-columns:1fr 1fr;align-items:start;gap:56px}.lp .demos{grid-template-columns:repeat(4,minmax(0,1fr))}.lp .rows{padding-bottom:96px}.lp .jump{align-items:center;gap:2px;margin-left:28px;display:flex}.lp .jump a{min-height:44px;color:var(--lp-muted);white-space:nowrap;border-radius:8px;align-items:center;padding:0 10px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.lp .jump a:hover{color:var(--lp-fg)}.lp .jump a:nth-child(n+5){display:none}.lp [id]{scroll-margin-top:120px}.lp .show{padding-top:72px;padding-bottom:72px}.lp .show .in.two{grid-template-columns:5fr 7fr;align-items:center;gap:72px}.lp .show.alt .in.two>.pts{order:2}.lp .show.alt .in.two{grid-template-columns:7fr 5fr}.lp h2{font-size:26px}}@media (max-width:859.98px){.lp .cta{display:none}}@media (min-width:860px) and (max-width:939.98px){.lp .jump a:nth-child(n+4){display:none}}@media (min-width:1240px){.lp .jump a:nth-child(n+5){display:inline-flex}.lp .jump{margin-left:20px}.lp .jump a{padding:0 6px}}.lp .older{gap:22px;padding:4px 0 20px;display:grid}.lp .rows .in>.lp-share,.lp .rows .in>button{justify-self:start}.lp .phs{align-items:start}.lp .phs .ph{animation:none}.lp button.ph{cursor:zoom-in;padding:0;display:block}.lp .zoom{z-index:60;padding:max(20px, env(safe-area-inset-top,0px)) 20px max(20px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;background:#060e10d1;place-items:center;animation:.2s ease-out both lp-glazeIn;display:grid;position:fixed;inset:0}.lp .zoom img{border:1px solid var(--lp-line);border-radius:24px;width:auto;max-width:min(100%,440px);height:auto;max-height:calc(100svh - 40px);box-shadow:0 30px 60px -30px #0009}.lp .zoom-x{top:max(14px, env(safe-area-inset-top,0px));color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;right:14px}.lp .zoom-x svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:20px;height:20px}@media (prefers-reduced-motion:reduce){.lp .zoom{animation:none}}.lp .zoom-x:focus-visible{border-radius:50%;outline-color:#fff}.lp .skip{left:16px;top:calc(16px + env(safe-area-inset-top,0px));z-index:70;background:var(--lp-glaze);color:var(--lp-on-glaze);border-radius:10px;padding:12px 16px;font-weight:600;text-decoration:none;position:fixed;transform:translateY(-200%)}.lp .skip:focus{transform:none}.lp .mode button{width:44px;height:44px}.lp .login:active,.lp .jump a:active,.lp .mode button:active,.lp details>summary:active,.lp button.ph:active,.lp .yp:active{opacity:.65}.lp .demos picture{display:block}html:has(.lp){scroll-padding-top:112px}.lp .login,.lp .jump a{white-space:nowrap;justify-content:center;min-width:44px}@media (max-width:359.98px){.lp .bar .wrap{gap:4px}.lp .logo svg{height:32px}}.lp .bgm{width:44px;height:44px;color:var(--lp-muted);border-radius:50%;flex:none;place-items:center;display:grid}.lp .bgm[aria-pressed=true]{color:var(--lp-fg);background:var(--lp-well)}.lp .bgm:active{opacity:.65}@media (max-width:859.98px){.lp .mode{background:0 0;padding:0}.lp .mode button,.lp .mode button[aria-pressed=true]{color:var(--lp-muted);background:0 0}.lp .mode button:first-child{display:none}.dark .lp .mode button:first-child{display:grid}.dark .lp .mode button:last-child{display:none}}