.intro{min-width:0}
.format-ribbon{min-width:0;position:relative;margin:28px 0 0;padding:16px 0 12px;border-top:1px solid #d4b6ee20;border-bottom:1px solid #d4b6ee14;text-align:left}
main>.format-ribbon{margin:0 0 32px}
.format-ribbon-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;color:#c9bfd4;font-size:11px;letter-spacing:.08em}
.format-ribbon-head span::before{content:'✦';color:#d5a8ff;margin-right:8px}
.format-pause{border:0;padding:4px 6px;background:transparent;color:#a69ab5;font:inherit;cursor:pointer;letter-spacing:0}
.format-pause:focus-visible,.format-ribbon summary:focus-visible{outline:2px solid #bd9aea;outline-offset:3px;border-radius:4px}
.format-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.format-track{display:flex;width:max-content;animation:format-flow 65s linear infinite}
.format-track:nth-child(2){margin-top:9px;animation-direction:reverse;animation-duration:78s}
.format-group{display:flex;align-items:center;min-width:1120px;gap:9px;padding-right:9px;flex-shrink:0}
.format-chip{display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid #e6caff19;border-radius:10px;background:linear-gradient(125deg,#ffc7df09,#9d87ff0a);color:#e2d9e9;font:600 12px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.07em;white-space:nowrap}
.format-chip::before{content:'';height:12px;width:3px;border-radius:2px;background:#d5a7c5;box-shadow:4px -3px #b49bda,8px 1px #f1c4b8;margin-right:8px;opacity:.6}
.format-track:nth-child(2) .format-chip{color:#aea2bf;background:#ffffff03;border-color:#ffffff0b}
.format-ribbon:hover .format-track,.format-ribbon:focus-within .format-track,.format-ribbon[data-paused=true] .format-track{animation-play-state:paused}
.format-ribbon details{margin-top:12px;color:#8e829c;font-size:11px;line-height:1.8}
.format-ribbon summary{cursor:pointer;list-style:none;color:#aa9db8;display:inline-block}
.format-ribbon summary::-webkit-details-marker{display:none}
.format-ribbon summary::after{content:' ＋';color:#cbb1e6}
.format-ribbon details[open] summary::after{content:' −'}
.format-ribbon details p{margin:9px 0 0;font-size:11px;line-height:1.9;color:#a99db7;overflow-wrap:anywhere;max-width:none}
.format-ribbon details strong{font-weight:600;color:#d0bfdc}
@keyframes format-flow{to{transform:translateX(-50%)}}
@media(max-width:850px){.intro .format-ribbon{max-width:560px;margin:25px auto 0}}
@media(max-width:520px){.format-chip{padding:8px 13px;font-size:11px}.format-ribbon{padding-top:12px}.format-ribbon-head{font-size:10px}main>.format-ribbon{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.format-track{animation:none!important;flex-wrap:wrap;width:100%;gap:8px}.format-group{min-width:0;justify-content:flex-start;flex-wrap:wrap;padding:0}.format-group[aria-hidden=true]{display:none}.format-window{mask-image:none}.format-pause{display:none}}