.db-list{gap:var(--sp-24);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.db{padding:var(--sp-32) var(--sp-24);border:1px solid var(--line-soft);border-radius:var(--r-l);background:var(--sheet)}.db-ic{width:56px;height:56px;margin-bottom:var(--sp-24);border:1px solid var(--cyan-deep);color:var(--cyan-deep);box-shadow:0 0 0 6px rgba(var(--cyan-a),.08);border-radius:50%;place-items:center;display:grid}.db h3{margin:0 0 var(--sp-12);font-size:var(--fs-l);font-weight:800;line-height:1.5}.db p{font-size:var(--fs-s);color:var(--ink-2);margin:0;line-height:1.85}.df-list{gap:var(--sp-12) var(--sp-32);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.df-list li{align-items:center;gap:var(--sp-12);padding:var(--sp-16) 0;border-bottom:1px solid var(--line-soft);font-weight:700;display:flex}.df-list .ti{color:var(--cyan-deep);flex:none}.df-refs{margin:var(--sp-32) 0 0;font-size:var(--fs-xs);color:var(--ink-3)}.df-refs p{margin:0 0 var(--sp-4)}.df-refs ul{gap:0 var(--sp-24);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.df-refs a{align-items:center;min-height:32px;display:inline-flex}@media (pointer:coarse){.df-refs a{min-height:44px}}@media (width<=1023px){.db-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=719px){.db-list,.df-list{grid-template-columns:minmax(0,1fr)}.db{padding:var(--sp-24) var(--sp-16)}}.lg{gap:var(--sp-48);display:grid}.lg-head{align-items:baseline;gap:var(--sp-4) var(--sp-16);margin:0 0 var(--sp-16);flex-wrap:wrap;display:flex}.lg-head b{font-size:var(--fs-xl);font-weight:800}.lg-head span{font-size:var(--fs-s);color:var(--ink-2)}.lg-list{gap:var(--sp-24);margin:0;padding:0;list-style:none;display:grid}.lg-list.is-rich{grid-template-columns:repeat(6,minmax(0,1fr))}.lg-list.is-rich>li:nth-child(-n+2){grid-column:span 3}.lg-list.is-rich>li:nth-child(n+3){grid-column:span 2}.lg-list.is-common{grid-template-columns:repeat(3,minmax(0,1fr))}.lg-item{border:1px solid var(--line-soft);border-radius:var(--r-l);background:var(--sheet);flex-direction:column;display:flex;position:relative;overflow:hidden}.lg-stage{aspect-ratio:4/3;opacity:0;background:#fff;transition:opacity .5s;position:relative}.lg-stage.is-ready{opacity:1}.lg-stage>svg{width:92%;height:88%;position:absolute;top:6%;left:4%}.lg-toggle{min-height:36px;padding:0 var(--sp-12);border:1px solid var(--line);font:inherit;font-size:var(--fs-xs);color:var(--ink-2);cursor:pointer;background:#ffffffe6;border-radius:999px;align-items:center;font-weight:700;display:inline-flex;position:absolute;top:12px;right:12px}.lg-toggle span{align-items:center;gap:6px;display:inline-flex}.lg-toggle[aria-pressed=true] .is-play,.lg-toggle[aria-pressed=false] .is-pause{display:none}@media (pointer:coarse){.lg-toggle{min-height:44px}}.lg-body{padding:var(--sp-16) var(--sp-16) var(--sp-24);gap:4px;display:grid}.lg-body b{font-size:var(--fs-l);font-weight:800}.lg-scene{font-size:var(--fs-s);color:var(--cyan-deep);font-weight:700}.lg-body small{margin-top:var(--sp-4);font-size:var(--fs-xs);color:var(--ink-3)}.lg-body small a{align-items:center;min-height:32px;display:inline-flex}@media (pointer:coarse){.lg-body small a{min-height:48px}}.lg-license{font-size:var(--fs-xs);color:var(--ink-3);margin:0}@media (width<=1023px){.lg-list.is-rich{grid-template-columns:repeat(2,minmax(0,1fr))}.lg-list.is-rich>li:nth-child(n){grid-column:auto}.lg-list.is-common{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=719px){.lg-list.is-rich,.lg-list.is-common{grid-template-columns:minmax(0,1fr)}}.fs-list{gap:var(--sp-16);grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.fs-item{border:1px solid var(--line-soft);border-radius:var(--r-l);background:var(--sheet);flex-direction:column;display:flex;overflow:hidden}.fs-stage{aspect-ratio:1;color:var(--cyan-deep);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--cyan) 10%,var(--sheet)),var(--sheet) 70%);place-items:center;display:grid}.fs-stage svg{width:44%;height:auto}.fs-stage.is-button{width:100%;font:inherit;cursor:pointer;transition:box-shadow var(--dur-color);border:0;padding:0}.fs-stage.is-button:hover,.fs-stage.is-button:focus-visible{box-shadow:inset 0 0 0 2px var(--cyan-deep)}.fs-stage.is-button:active svg{transform:scale(.94)}.fs-stage.is-button svg{transition:transform .15s var(--ease)}.fs.is-spinners .fs-stage svg{width:38%}.fs.is-meteocons .fs-stage{background:radial-gradient(circle at 50% 45%,#fff,var(--sheet) 75%)}.fs.is-meteocons .fs-stage svg{width:72%}.fs-body{padding:var(--sp-12) var(--sp-16) var(--sp-16);gap:2px;display:grid}.fs-body b{font-size:var(--fs-m);font-weight:800}.fs-scene{font-size:var(--fs-xs);color:var(--cyan-deep);font-weight:700;line-height:1.6}.fs-credit{margin:var(--sp-24) 0 0;font-size:var(--fs-xs);color:var(--ink-3)}.fs-credit a{align-items:center;min-height:32px;display:inline-flex}@media (pointer:coarse){.fs-credit a{min-height:48px}}.fs-license{margin-top:var(--sp-8);font-size:var(--fs-xs);color:var(--ink-3)}.fs-license summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:inline-flex}.fs-license pre{margin:var(--sp-8) 0 0;padding:var(--sp-16);white-space:pre-wrap;border:1px solid var(--line-soft);border-radius:var(--r-m);background:var(--sheet);font:400 var(--fs-xs)/1.7 var(--mono)}@media (prefers-reduced-motion:reduce){.fs svg *{animation-play-state:paused}}@media (width<=1023px){.fs-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=719px){.fs-list{gap:var(--sp-12);grid-template-columns:repeat(2,minmax(0,1fr))}}.mp{gap:var(--sp-16);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.mp-panel{--fg:var(--cyan-deep);aspect-ratio:16/10;border:1px solid var(--line-soft);border-radius:var(--r-l);background:var(--sheet);color:var(--ink);position:relative;overflow:hidden}.mp-panel.is-dark{--fg:var(--cyan);color:#ecece8;background:#0d1117;border-color:#0d1117}.mp-svg{width:100%;height:100%;color:var(--fg);position:absolute;inset:0}.mp-stop{stop-color:var(--fg)}.mp-label{z-index:1;left:var(--sp-16);bottom:var(--sp-12);right:var(--sp-16);pointer-events:none;margin:0;display:grid;position:absolute}.mp-label b{font-size:var(--fs-m);font-weight:800}.mp-label span{font-size:var(--fs-xs);color:var(--fg);font-weight:700}.mp-label small{font-size:var(--fs-xs);color:inherit;opacity:.75;align-items:center;gap:4px;display:inline-flex}.mp-panel:after{content:"";background:linear-gradient(transparent,var(--sheet) 85%);pointer-events:none;height:46%;position:absolute;inset:auto 0 0}.mp-panel.is-dark:after{background:linear-gradient(#0000,#0d1117 85%)}.is-grid .mp-svg{-webkit-mask-image:radial-gradient(closest-side,#000 40%,#0000);mask-image:radial-gradient(closest-side,#000 40%,#0000)}.mp-line{fill:none;stroke:var(--ink);stroke-opacity:.14}.mp-sq{fill:var(--fg);opacity:0;animation:4s ease-in-out infinite mp-blink}@keyframes mp-blink{50%{opacity:.32}}.mp-dot{fill:#fff;opacity:.18}.mp-glow{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite mp-twinkle}@keyframes mp-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.5)}}.is-touch{touch-action:pan-y;cursor:crosshair}.is-touch .mp-svg{-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000);mask-image:radial-gradient(closest-side,#000 55%,#0000)}.mp-cell{fill:var(--fg);fill-opacity:0;stroke:var(--ink);stroke-opacity:.1}.mp-cell.on{animation:1.4s ease-out mp-lit}@keyframes mp-lit{0%{fill-opacity:.55}to{fill-opacity:0}}.mp-ring{fill:var(--fg);fill-opacity:calc(var(--o) * .25);stroke:var(--fg);stroke-opacity:var(--o);transform-box:view-box;transform-origin:50%;animation:3.4s infinite mp-ripple}.mp-core{fill:var(--fg)}@keyframes mp-ripple{0%,to{transform:scale(1)}50%{transform:scale(.9)}}.is-hex .mp-svg{-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000);mask-image:radial-gradient(closest-side,#000 30%,#0000)}.mp-hexline{fill:none;stroke:var(--fg);stroke-opacity:.35}.is-rays .mp-svg{-webkit-mask-image:linear-gradient(#000 20%,#0000 85%);mask-image:linear-gradient(#000 20%,#0000 85%)}.mp-ray{transform-box:fill-box;transform-origin:50% 0;transform:rotate(var(--rot));animation:8s ease-in-out infinite alternate mp-sway}@keyframes mp-sway{0%{transform:rotate(var(--rot));opacity:.5}to{transform:rotate(calc(var(--rot) + 10deg));opacity:1}}.mp-panel.is-off *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.mp *{animation:none}.mp-sq{opacity:.2}}@media (width<=1023px){.mp{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=719px){.mp{gap:var(--sp-12);grid-template-columns:minmax(0,1fr)}}
