.s97mp{--mp-ink:#23344c;--mp-muted:#64758b;--mp-blue:#266dca;--mp-panel:#fff;--mp-line:#e4ebf5;max-width:1200px;margin:5px auto 28px;color:var(--mp-ink);font-size:15px;line-height:1.7}.s97mp *{box-sizing:border-box}.s97mp [hidden]{display:none!important}
.wp-posts-content .s97mp h1,.wp-posts-content .s97mp h2{border:0;padding:0;color:var(--mp-ink);line-height:1.4}.wp-posts-content .s97mp h1{font-size:35px;font-weight:750;margin:17px 0 12px}.wp-posts-content .s97mp h2{font-size:20px;margin:0 0 7px}.wp-posts-content .s97mp p{margin:0;color:var(--mp-muted)}
.s97mp button,.s97mp textarea{font:inherit}.s97mp button{cursor:pointer}.s97mp button:disabled{opacity:.65;cursor:wait}.s97mp :is(button,textarea,a):focus-visible{outline:3px solid #348dee;outline-offset:3px}
.s97mp-hero{display:flex;justify-content:space-between;align-items:center;padding:38px 44px;min-height:260px;border:1px solid #e0e7f8;border-radius:20px;background:radial-gradient(ellipse at 82% 15%,#dfe6ff,transparent 55%),linear-gradient(110deg,#f9fbff,#f0f4ff);overflow:hidden;margin-bottom:24px}.s97mp-eyebrow{font-size:12px;letter-spacing:2px;color:#4a6d9b}.s97mp-hero p{font-size:16px}.s97mp-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.s97mp-tags span{font-size:11px;border:1px solid #cbdcf5;color:#476caa;background:#ffffffa8;border-radius:24px;padding:4px 11px}
.s97mp-art{position:relative;flex-shrink:0;width:310px;height:175px;margin-left:25px}.s97mp-art-back{position:absolute;inset:12px 20px 15px 8px;border:1px solid #fff;border-radius:15px;transform:rotate(9deg);background:#dce7ff}.s97mp-art-front{position:absolute;inset:31px 0 0 15px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-radius:15px;transform:rotate(-5deg);background:linear-gradient(135deg,#fff,#eef3ff);padding:20px;box-shadow:0 15px 30px #6682b61a;border:1px solid #fff}.s97mp-play{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#619efa,#596cde);color:white;font-size:23px;padding-left:2px}.s97mp-art-front b{font-size:13px;color:#294167}.s97mp-art-front div>span{display:block;font-size:8px;letter-spacing:1.5px;color:#7c8fae;margin-top:5px}.s97mp-art-front i{display:block;height:13px;flex:1;border-radius:5px;background:#deE9ff}.s97mp-art-front i:nth-last-child(2){background:#d6e0fa}.s97mp-art-front i:last-child{background:#dceef5}
.s97mp-panel{padding:28px;border:1px solid var(--mp-line);border-radius:16px;background:var(--mp-panel);margin-bottom:22px}.s97mp-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.s97mp-heading p{font-size:13px}.s97mp-label{white-space:nowrap;font-size:12px;color:var(--mp-muted)}
.s97mp textarea{display:block;width:100%;min-height:116px;resize:vertical;border:1px solid #cad8e9;border-radius:11px;padding:16px 18px;background:var(--mp-panel);color:var(--mp-ink);line-height:1.7;box-shadow:none}.s97mp textarea::placeholder{color:#8998ac}.s97mp-form-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:15px}.s97mp-form-bottom>span{font-size:12px;color:var(--mp-muted)}.s97mp-form-bottom>div{display:flex;gap:9px}
.s97mp .s97mp-primary{display:inline-flex;gap:22px;align-items:center;justify-content:center;background:var(--mp-blue);color:#fff;padding:11px 24px;min-height:44px;border:1px solid var(--mp-blue);border-radius:9px;font-weight:600;white-space:nowrap;text-decoration:none}.s97mp .s97mp-primary:hover{background:#195cac;color:white}.s97mp-clear,.s97mp-secondary{border:1px solid #dae5f4;background:#f7faff;color:#41658d;border-radius:8px;padding:8px 15px;font-size:13px}.s97mp-clear:hover,.s97mp-secondary:hover{background:#edf4ff}
.s97mp-platforms{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px;padding-top:17px;border-top:1px solid var(--mp-line)}.s97mp-platforms span{font-size:11px;color:#557297;background:#f2f6fc;border-radius:5px;padding:3px 9px}.wp-posts-content .s97mp .s97mp-status{margin-top:17px;font-size:13px}.wp-posts-content .s97mp .s97mp-error{margin-top:12px;border-left:3px solid #dc7854;border-radius:6px;background:#fff5ef;padding:10px 13px;color:#965337;font-size:13px}
.s97mp-result{scroll-margin-top:90px}.s97mp-result .s97mp-heading{align-items:flex-start}.s97mp-result-meta{display:block;color:#6e81a2;font-size:12px;margin-bottom:8px}.s97mp-success{white-space:nowrap;color:#2a7b68;background:#edf8f3;font-size:12px;padding:4px 10px;border-radius:20px}.s97mp-player{background:#101721;border-radius:12px;overflow:hidden}.s97mp video{display:block;width:100%;max-height:560px;min-height:200px;aspect-ratio:16/9;object-fit:contain;margin:0;background:#101721}.s97mp-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 13px}.s97mp-link{font-size:13px;color:var(--mp-blue);padding:7px 0}.wp-posts-content .s97mp .s97mp-media-state,.wp-posts-content .s97mp .s97mp-quota,.wp-posts-content .s97mp .s97mp-download-note{font-size:12px;margin:8px 0 0}.s97mp-quota{color:#597099!important}.s97mp-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.s97mp-gallery:has(.s97mp-image-card:only-child){grid-template-columns:minmax(0,600px);justify-content:center}.s97mp .s97mp-image-card{margin:0;border:1px solid var(--mp-line);border-radius:11px;overflow:hidden;min-width:0}.s97mp-image-link{display:block;background:#f0f4f9;text-align:center}.s97mp .s97mp-image-card img{display:block;width:100%;height:280px;object-fit:contain;border:0;margin:0}.s97mp-gallery:has(.s97mp-image-card:only-child) img{height:auto;max-height:650px}.s97mp-image-card figcaption{padding:11px 12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--mp-muted)}.s97mp-image-card figcaption>span{margin-right:auto}.s97mp-image-card button{font-size:11px;padding:4px 8px}.s97mp-image-failed{display:grid;min-height:180px;place-items:center;padding:20px;font-size:13px;color:var(--mp-muted)}
.s97mp-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.s97mp-info-grid .s97mp-panel{padding:24px}.s97mp-number{display:block;font-size:10px;color:#5980ad;letter-spacing:1.5px;margin-bottom:12px}.wp-posts-content .s97mp-info-grid h2{font-size:17px}.s97mp-info-grid p{font-size:13px;line-height:1.9}.s97mp-footnote{font-size:11px;color:var(--mp-muted);text-align:center;padding:0 10px}.s97mp-footnote a{color:var(--mp-blue)}.s97mp-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dark-theme .s97mp{--mp-ink:#dce7f7;--mp-muted:#a4b1c5;--mp-panel:#262e3c;--mp-line:#3b485e}.dark-theme .s97mp-hero{background:linear-gradient(115deg,#253146,#283856);border-color:#3c4c69}.dark-theme .s97mp-eyebrow{color:#adc3e3}.dark-theme .s97mp-platforms span{background:#344156;color:#b4c8e5}
@media(max-width:1000px){.s97mp-art{width:260px;transform:scale(.85);transform-origin:right center}.s97mp-hero{padding:30px}.wp-posts-content .s97mp h1{font-size:30px}.s97mp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.s97mp{font-size:14px}.s97mp-hero{min-height:0;padding:26px 20px;margin-bottom:16px;border-radius:14px}.s97mp-art{display:none}.wp-posts-content .s97mp h1{font-size:27px;margin:14px 0 11px}.s97mp-hero p{font-size:13px}.s97mp-tags{gap:6px;margin-top:18px}.s97mp-tags span{padding:3px 8px;font-size:10px}.s97mp-panel{padding:20px 16px;margin-bottom:16px;border-radius:12px}.s97mp-heading{gap:10px;margin-bottom:15px}.s97mp-label{display:none}.wp-posts-content .s97mp h2{font-size:18px}.s97mp textarea{min-height:136px;font-size:16px;padding:12px}.s97mp-form-bottom{display:block}.s97mp-form-bottom>span{display:block;font-size:11px;margin-bottom:13px}.s97mp-form-bottom>div{display:flex}.s97mp-form-bottom .s97mp-primary{flex:1}.s97mp-gallery,.s97mp-info-grid{grid-template-columns:1fr}.s97mp-info-grid{gap:0}.s97mp-info-grid .s97mp-panel{padding:20px}.s97mp-gallery:has(.s97mp-image-card:only-child){grid-template-columns:1fr}.s97mp video{min-height:180px;max-height:450px}.s97mp-actions{gap:8px}.s97mp-download{flex-basis:100%}.s97mp-footnote{text-align:left}.s97mp-platforms{gap:6px}.s97mp-result .s97mp-heading{flex-wrap:wrap}}