.mv-panel{--mv-cyan:#66e7dc;--mv-muted:#adbdca;position:relative;margin:1.3rem 0;padding:clamp(16px,2.5vw,28px);border:1px solid #2a4857;border-radius:18px;background:radial-gradient(ellipse at 95% 0,rgba(32,139,144,.13),transparent 55%),#0b1722;color:#e4f0f4;overflow:hidden;scroll-margin-top:24px}
.mv-panel:before{content:"";position:absolute;top:0;left:0;width:34%;height:2px;background:linear-gradient(90deg,var(--mv-cyan),transparent)}
.mv-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.mv-panel .mv-eyebrow{font:600 10px/1.5 ui-monospace,monospace;letter-spacing:.16em;color:var(--mv-cyan);margin:0 0 7px}.mv-panel h2{font-size:clamp(19px,2vw,24px);line-height:1.4;margin:0;color:#edf7fa}.mv-header>a{font-size:12px;white-space:nowrap;color:var(--mv-cyan);text-decoration:none}
.mv-panel .mv-intro{font-size:13px;color:var(--mv-muted);margin:16px 0 12px;line-height:1.8}.mv-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:10px;color:var(--mv-muted);margin-bottom:17px}.mv-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--mv-cyan);margin-right:5px}.mv-legend span:nth-child(2) i{background:#859aad}
.mv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mv-card{min-width:0;padding:17px;background:linear-gradient(145deg,rgba(28,63,76,.38),rgba(10,20,31,.7));border:1px solid #28404e;border-radius:12px;animation:mv-arrive .55s ease both;animation-delay:calc(var(--mv-order)*60ms)}
.mv-word{display:flex;gap:9px;align-items:baseline;margin-bottom:16px}.mv-number{font:10px ui-monospace,monospace;color:#7c9ba8}.mv-panel h3{font-size:19px;line-height:1.4;margin:0;overflow-wrap:anywhere;color:#f0f6fa}.mv-gap{margin-left:auto;font:600 17px ui-monospace,monospace;color:#bcf38b;white-space:nowrap}.mv-gap small{font-size:10px;margin-left:3px}
.mv-rate{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;margin-top:9px;color:var(--mv-cyan)}.mv-rate strong{font:600 20px ui-monospace,monospace}.mv-rate small{font-size:11px;margin-left:3px}.mv-rate--all{color:#acbdcc}.mv-rate--all strong{font-size:15px}.mv-track{height:5px;background:#203340;border-radius:3px;margin-top:4px;overflow:hidden}.mv-track>span{display:block;width:var(--mv-width);height:100%;background:var(--mv-cyan);transform-origin:left;animation:mv-grow .9s ease both}.mv-track--all{height:3px}.mv-track--all>span{background:#859aad}.mv-panel .mv-count{font-size:10px;color:var(--mv-muted);margin:10px 0 5px}
.mv-panel summary{cursor:pointer;min-height:44px;align-content:center;color:#c8dee6;font-size:12px}.mv-examples{border-top:1px solid #29404b}.mv-examples summary span{float:right;color:var(--mv-cyan)}.mv-examples ul{list-style:none;margin:0;padding:0}.mv-examples li+li{border-top:1px solid #29404b;margin-top:10px;padding-top:10px}.mv-examples a{display:block;color:#dcecf4;font-size:12px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.mv-examples time{display:block;font:10px ui-monospace,monospace;color:#a0b7c5;margin:2px 0 7px}.mv-more>summary{text-align:center;margin-top:10px;border:1px solid #294856;border-radius:8px}.mv-more[open]>.mv-grid{margin-top:12px}.mv-footer{border-top:1px solid #29404b;margin-top:17px;padding-top:12px;font-size:10px;color:var(--mv-muted)}.mv-method{font-size:12px;line-height:1.9;max-width:850px}.mv-panel a:focus-visible,.mv-panel summary:focus-visible{outline:2px solid var(--mv-cyan);outline-offset:3px}.mv-panel a:hover{color:white}
@keyframes mv-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mv-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.mv-panel .mv-swipe-hint{display:none}
@media(max-width:760px){.mv-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(100% - 26px);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#477b89 #142632;padding-bottom:9px}.mv-card{padding:13px 15px;scroll-snap-align:start}.mv-word{margin-bottom:8px}.mv-header{gap:8px}.mv-header>a{font-size:10px}.mv-panel h3{font-size:18px}.mv-rate{margin-top:6px}.mv-panel .mv-intro{font-size:12px}.mv-legend{gap:5px 12px}.mv-footer>span{display:block;line-height:1.8}.mv-panel .mv-swipe-hint{display:block;color:var(--mv-muted);font-size:10px;margin:0 0 9px}.mv-swipe-hint span{float:right;color:var(--mv-cyan)}}
@media(prefers-reduced-motion:reduce){.mv-card,.mv-track>span{animation:none}}