:root{--mp-sky:#e9f5ff;--mp-violet:#f1edff;--mp-ink:#172033;--mp-muted:#64748b;--mp-line:#dce7f3}
.mp-hero,.mp-write-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;padding:clamp(2rem,6vw,4.5rem);margin-bottom:1.5rem;border:1px solid #dce9f8;border-radius:2rem;background:radial-gradient(circle at 90% 5%,rgba(189,177,255,.48),transparent 32%),linear-gradient(135deg,#f5fbff,#f5f1ff);box-shadow:0 24px 70px rgba(98,120,170,.12)}
.mp-hero h1,.mp-write-hero h1,.mp-detail h1{margin:.65rem 0 1rem;color:var(--mp-ink);font-size:clamp(2rem,5vw,4rem);font-weight:900;line-height:1.08;letter-spacing:-.055em}.mp-hero h1 em{color:#7565d8;font-style:normal}.mp-hero p,.mp-write-hero p{max-width:46rem;margin:0;color:var(--mp-muted);line-height:1.8}.mp-hero .maple-actions{justify-content:flex-end}
.mp-filter{padding:1rem 1.25rem;margin-bottom:2rem}.mp-filter form{display:grid;grid-template-columns:auto minmax(12rem,1fr) auto;gap:.8rem;align-items:center}.mp-filter label{font-weight:900;color:#334155}.mp-filter select,.mp-form input[type=text],.mp-form textarea{width:100%;border:1px solid var(--mp-line);border-radius:.9rem;background:#fff;color:var(--mp-ink);padding:.85rem 1rem;outline:none}.mp-filter select:focus,.mp-form input:focus,.mp-form textarea:focus{border-color:#8b9ef5;box-shadow:0 0 0 4px rgba(139,158,245,.15)}
.mp-list>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.mp-list>header span,.mp-history header span{color:#7565d8;font-size:.72rem;font-weight:900;letter-spacing:.16em}.mp-list>header h2,.mp-history h2{margin:.25rem 0 0;color:var(--mp-ink);font-size:1.55rem;font-weight:900}.mp-list>header>strong{color:var(--mp-muted)}.mp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.mp-card{overflow:hidden}.mp-image{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#dff2ff,#e9e1ff);color:#7767d8}.mp-image img{width:100%;height:100%;object-fit:cover}.mp-image>span svg{width:3.25rem;height:3.25rem}.mp-image>b{position:absolute;left:.8rem;top:.8rem;border-radius:999px;background:rgba(22,31,51,.78);padding:.35rem .65rem;color:white;font-size:.72rem;backdrop-filter:blur(8px)}.mp-card>div{padding:1.15rem}.mp-card small{color:#7565d8;font-weight:900}.mp-card h3{margin:.4rem 0;color:var(--mp-ink);font-size:1.1rem;font-weight:900;line-height:1.4}.mp-card p{display:-webkit-box;overflow:hidden;min-height:3.2rem;margin:0;color:var(--mp-muted);font-size:.9rem;line-height:1.7;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mp-card footer{display:flex;justify-content:space-between;margin-top:1rem;padding-top:.8rem;border-top:1px solid #eef2f7;color:#8390a4;font-size:.75rem}.mp-empty,.mp-not-found{text-align:center;padding:4rem 1.5rem}.mp-empty>span svg,.mp-not-found>span svg{width:3rem;height:3rem;color:#8879df}.mp-empty h3,.mp-not-found h1{margin:.8rem 0 .35rem;color:var(--mp-ink);font-size:1.45rem;font-weight:900}.mp-empty p,.mp-not-found p{color:var(--mp-muted)}.mp-pagination{display:flex;justify-content:center;gap:.45rem;margin-top:2rem}.mp-pagination a{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--mp-line);border-radius:.75rem;background:#fff;color:#475569;font-weight:800}.mp-pagination a.is-active{border-color:#8170df;background:#8170df;color:#fff}
.mp-detail{max-width:62rem;margin:0 auto;padding:clamp(1.4rem,5vw,3.5rem);border:1px solid var(--mp-line);border-radius:2rem;background:#fff;box-shadow:0 24px 70px rgba(98,120,170,.1)}.mp-detail>header>a,.mp-detail>header>span{display:inline-flex;margin-right:.4rem;border-radius:999px;background:var(--mp-sky);padding:.35rem .7rem;color:#2875a9;font-size:.78rem;font-weight:900}.mp-detail>header>span{background:var(--mp-violet);color:#6855c6}.mp-detail h1{font-size:clamp(1.9rem,5vw,3.2rem)}.mp-detail>header>p{color:var(--mp-muted)}.mp-detail figure{overflow:hidden;margin:2rem 0;border-radius:1.4rem;background:#f1f5f9}.mp-detail figure img{display:block;width:100%;max-height:40rem;object-fit:contain}.mp-prose{min-height:10rem;color:#334155;font-size:1rem;line-height:2;word-break:break-word}.mp-detail>footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--mp-line)}
.mp-write-hero{align-items:center;padding:2rem 2.5rem}.mp-write-hero h1{font-size:clamp(1.9rem,4vw,3rem)}.mp-write-hero>div:last-child{display:grid;min-width:17rem;gap:.3rem;padding:1.2rem;border:1px solid rgba(127,108,218,.15);border-radius:1.1rem;background:rgba(255,255,255,.72)}.mp-write-hero>div:last-child small,.mp-write-hero>div:last-child span{color:var(--mp-muted)}.mp-write-hero>div:last-child strong{color:#5c4caf;font-size:1.05rem}.mp-write-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(18rem,.8fr);gap:1.4rem}.mp-form,.mp-history{padding:clamp(1.2rem,3vw,2rem)}.mp-form{display:grid;gap:1.15rem}.mp-form label>span:first-child{display:flex;justify-content:space-between;margin-bottom:.45rem;color:#334155;font-size:.9rem;font-weight:900}.mp-form label b{color:#705ed2}.mp-form label em{color:#8491a3;font-style:normal;font-size:.75rem}.mp-form textarea{min-height:18rem;resize:vertical;line-height:1.7}.mp-upload{display:flex;align-items:center;gap:.9rem;padding:1rem;border:1px dashed #a8b9d5;border-radius:1rem;background:#f8fbff;cursor:pointer}.mp-upload input{position:absolute;width:1px;height:1px;opacity:0}.mp-upload>span{display:grid!important;place-items:center;width:2.8rem;height:2.8rem;margin:0!important;border-radius:.8rem;background:var(--mp-violet);color:#6b59c7}.mp-upload strong,.mp-upload small{display:block}.mp-upload small{margin-top:.2rem;color:var(--mp-muted)}.mp-consent{display:flex!important;align-items:flex-start;gap:.65rem;padding:1rem;border-radius:.9rem;background:#f7f5ff}.mp-consent input{margin-top:.2rem}.mp-consent span{display:block!important;margin:0!important;font-weight:700!important}.mp-history header{margin-bottom:1rem}.mp-history article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:1rem 0;border-top:1px solid #edf2f7}.mp-history article strong,.mp-history article small{display:block}.mp-history article strong{color:var(--mp-ink)}.mp-history article small{margin-top:.25rem;color:var(--mp-muted)}.mp-history article>b{align-self:start;border-radius:999px;padding:.3rem .55rem;background:#fff6d9;color:#8a6500;font-size:.7rem}.mp-history article>b.is-published{background:#e6f8ed;color:#177145}.mp-history article>b.is-rejected,.mp-history article>b.is-hidden{background:#ffeaed;color:#a83b4b}.mp-history article>p,.mp-history article>a{grid-column:1/-1;margin:0;font-size:.82rem}.mp-history article>p{padding:.7rem;border-radius:.7rem;background:#fff2f3;color:#8b3542}.mp-history article>a{display:flex;align-items:center;color:#6552c2;font-weight:800}.mp-history article>a svg{width:1rem}.mp-empty-copy{padding:2rem 0;text-align:center;color:var(--mp-muted)}
@media(max-width:900px){.mp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-write-layout{grid-template-columns:1fr}.mp-write-hero{grid-template-columns:1fr}.mp-write-hero>div:last-child{min-width:0}}
@media(max-width:640px){.mp-hero{grid-template-columns:1fr;align-items:start;padding:1.6rem;border-radius:1.4rem}.mp-hero .maple-actions{justify-content:stretch}.mp-hero .maple-btn{flex:1}.mp-filter form{grid-template-columns:1fr}.mp-grid{grid-template-columns:1fr}.mp-detail{padding:1.2rem;border-radius:1.35rem}.mp-detail>footer{display:grid}.mp-write-hero{padding:1.4rem}.mp-form textarea{min-height:14rem}}
@media(prefers-reduced-motion:reduce){.mp-card,.mp-image{scroll-behavior:auto;transition:none!important}}