.mgp{--mgp-accent:#e8590c;--mgp-accent-soft:#fff1e8;--mgp-ink:#222;--mgp-sub:#666;--mgp-line:#e5e5e5;--mgp-bg:#fff;max-width:520px;margin:0 auto;padding:8px 0 32px;color:var(--mgp-ink);font-size:16px;line-height:1.7}
.mgp *{box-sizing:border-box}
.mgp h2{font-size:1.35em;margin:.6em 0 .4em}
.mgp h3{font-size:1.1em;margin:1.6em 0 .5em}
.mgp-head{text-align:center;margin-bottom:12px}
.mgp-head .mgp-brand{display:inline-block;margin:0;padding:2px 12px;border-radius:999px;background:var(--mgp-accent);color:#fff;font-weight:700;font-size:.85em;letter-spacing:.08em}
.mgp-head h2{margin:.4em 0 .2em}
.mgp-head p{margin:0;color:var(--mgp-sub);font-size:.92em}
.mgp-card{border:1px solid var(--mgp-line);border-radius:12px;padding:14px 16px;margin:14px 0;background:var(--mgp-bg)}
.mgp-card p{margin:.2em 0}
.mgp-label{font-size:.82em;color:var(--mgp-sub);font-weight:700;margin:0}
.mgp-prize{background:var(--mgp-accent-soft);border-color:transparent}
.mgp-coupon{border:2px dashed var(--mgp-accent);text-align:center}
.mgp-coupon-title{font-weight:700}
.mgp-coupon-code{font-size:2em;font-weight:800;letter-spacing:.12em;color:var(--mgp-accent);margin:.2em 0}
.mgp-my b{color:var(--mgp-accent);font-size:1.15em}
.mgp-btn{display:block;width:100%;margin:10px 0;padding:14px 16px;border:1px solid var(--mgp-line);border-radius:12px;background:#fff;color:var(--mgp-ink);font-size:1em;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;line-height:1.4}
.mgp-btn:disabled{opacity:.45;cursor:not-allowed}
.mgp-primary{background:var(--mgp-accent);border-color:var(--mgp-accent);color:#fff}
a.mgp-primary,a.mgp-primary:visited{color:#fff}
.mgp-link{border:none;background:none;color:var(--mgp-sub);font-weight:400;text-decoration:underline}
.mgp-small{font-size:.82em;color:var(--mgp-sub);margin:.3em 0}
.mgp-note{font-size:.8em;color:var(--mgp-sub);border-top:1px solid var(--mgp-line);margin-top:24px;padding-top:12px}
.mgp-empty{color:var(--mgp-sub);font-size:.92em}
.mgp-loading{color:var(--mgp-sub);text-align:center}
.mgp-msg{color:#c92a2a;font-weight:700;min-height:1em;margin:.4em 0}
.mgp-rank{list-style:none;margin:0;padding:0}
.mgp-rank li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--mgp-line)}
.mgp-rank li.is-mine{background:var(--mgp-accent-soft);border-radius:8px;padding:8px}
.mgp-rank-no{flex:0 0 28px;text-align:center;font-weight:800;font-size:1.1em}
.mgp-rank img,.mgp-noimg{flex:0 0 56px;width:56px;height:56px;border-radius:8px;object-fit:cover;background:#f3f3f3}
.mgp-noimg{display:flex;align-items:center;justify-content:center;font-size:.7em;color:var(--mgp-sub)}
.mgp-rank-body{flex:1;min-width:0;display:flex;flex-direction:column}
.mgp-rank-body b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mgp-rank-body small{color:var(--mgp-sub);font-size:.8em}
.mgp-rank-score{font-weight:800;font-size:1.2em;color:var(--mgp-accent)}
.mgp-rank-score small{font-size:.6em;margin-left:1px}
.mgp-file{display:block;position:relative;border:2px dashed var(--mgp-accent);border-radius:12px;padding:22px;text-align:center;font-weight:700;color:var(--mgp-accent);cursor:pointer}
.mgp-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.mgp-preview img,.mgp-result-img{display:block;width:100%;border-radius:12px;margin:12px 0}
.mgp-field{display:block;margin:14px 0}
.mgp-field span{display:block;font-size:.88em;font-weight:700;margin-bottom:4px}
.mgp-field input,.mgp-field select,.mgp-field textarea,.mgp textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:10px;font-size:16px;background:#fff;color:var(--mgp-ink)}
.mgp-check{display:flex;gap:8px;align-items:flex-start;margin:10px 0;font-size:.92em}
.mgp-check input{margin-top:.35em;flex:0 0 auto;width:18px;height:18px}
.mgp-total{text-align:center;font-size:3.2em;font-weight:800;color:var(--mgp-accent);margin:0;line-height:1.2}
.mgp-total small{font-size:.4em;margin-left:2px}
.mgp-parts{list-style:none;padding:0;margin:8px 0}
.mgp-parts li{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:.92em}
.mgp-parts li>span:first-child{flex:0 0 6.5em}
.mgp-bar{flex:1;height:10px;background:#f1f1f1;border-radius:99px;overflow:hidden}
.mgp-bar i{display:block;height:100%;background:var(--mgp-accent);border-radius:99px}
.mgp-parts b{flex:0 0 3.6em;text-align:right}
.mgp-parts small{color:var(--mgp-sub);font-weight:400}
.mgp-comment{background:#f7f7f7;border-radius:10px;padding:10px 12px}
.mgp-review{margin-top:22px}
.mgp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.mgp-chips label{cursor:pointer}
.mgp-chips input{position:absolute;opacity:0}
.mgp-chips span{display:inline-block;padding:8px 12px;border:1px solid #ccc;border-radius:999px;font-size:.88em}
.mgp-chips input:checked+span{background:var(--mgp-accent);border-color:var(--mgp-accent);color:#fff}
.mgp-chips input:focus-visible+span{outline:2px solid var(--mgp-accent);outline-offset:2px}
.mgp-tabs{display:flex;gap:8px;margin:8px 0}
.mgp-tabs button{flex:1;padding:10px;border:1px solid var(--mgp-line);border-radius:10px;background:#fff;font-weight:700;cursor:pointer;color:var(--mgp-ink)}
.mgp-tabs button.is-on{background:var(--mgp-ink);color:#fff;border-color:var(--mgp-ink)}