:root{--mn-pink:#E22F88;--mn-pink-soft:#EF7EB4;--mn-purple:#402877;--mn-purple-soft:#402E80;--mn-bg:#FAF8FC;--mn-card:#FFFFFF;--mn-text:#1F1B2E;--mn-muted:#746F85;--mn-border:#E9E2F2;--mn-shadow:0 18px 45px rgba(64,40,119,.14)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(226,47,136,.16),transparent 34%),radial-gradient(circle at top right,rgba(64,40,119,.18),transparent 35%),var(--mn-bg);color:var(--mn-text);min-height:100vh}button,a{font:inherit}.topbar{position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);background:rgba(250,248,252,.86);border-bottom:1px solid var(--mn-border)}.bar{max-width:1280px;margin:auto;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 18px}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--mn-pink),var(--mn-purple));display:grid;place-items:center;color:white;box-shadow:var(--mn-shadow)}.brand small{display:block;font-weight:600;color:var(--mn-muted)}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn{border:0;border-radius:999px;padding:10px 14px;background:var(--mn-card);color:var(--mn-purple);box-shadow:0 8px 20px rgba(64,40,119,.09);cursor:pointer;text-decoration:none;font-weight:800;border:1px solid var(--mn-border)}.btn.primary{background:linear-gradient(135deg,var(--mn-pink),var(--mn-purple));color:white}.btn:hover{transform:translateY(-1px)}.layout{max-width:1280px;margin:18px auto;display:grid;grid-template-columns:210px 1fr;gap:18px;padding:0 18px}.side{position:sticky;top:84px;height:calc(100vh - 100px);background:rgba(255,255,255,.86);border:1px solid var(--mn-border);border-radius:24px;box-shadow:var(--mn-shadow);padding:14px;overflow:auto}.side h3{margin:6px 8px 10px;font-size:14px;color:var(--mn-purple)}.cat{display:block;width:100%;text-align:left;border:0;background:#fff;border-radius:14px;padding:10px 12px;margin:7px 0;color:var(--mn-text);cursor:pointer;font-weight:800;border:1px solid transparent}.cat:hover{border-color:var(--mn-pink-soft);color:var(--mn-pink)}.viewer{min-width:0}.hero{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.62));border:1px solid var(--mn-border);border-radius:28px;box-shadow:var(--mn-shadow);padding:18px;margin-bottom:18px;display:flex;gap:18px;align-items:center;justify-content:space-between}.hero h1{margin:0;font-size:clamp(24px,4vw,46px);letter-spacing:-1.5px;color:var(--mn-purple)}.hero p{margin:6px 0 0;color:var(--mn-muted);font-weight:700}.pagebox{position:relative;background:rgba(255,255,255,.9);border:1px solid var(--mn-border);border-radius:30px;box-shadow:var(--mn-shadow);padding:18px;overflow:hidden}.pagebox:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(226,47,136,.15),transparent,rgba(64,40,119,.12));z-index:0}.pagewrap{position:relative;z-index:1;display:grid;place-items:center;min-height:60vh}.page{max-width:100%;max-height:calc(100vh - 230px);border-radius:18px;box-shadow:0 18px 55px rgba(31,27,46,.22);background:#fff;transition:opacity .22s ease,transform .22s ease}.page.loading{opacity:.35;transform:scale(.985)}.nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:var(--mn-shadow);font-size:28px;color:var(--mn-purple);cursor:pointer}.nav.prev{left:24px}.nav.next{right:24px}.controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:14px;position:relative;z-index:1}.counter{font-weight:900;color:var(--mn-purple);padding:10px 16px;background:#fff;border-radius:999px;border:1px solid var(--mn-border)}.range{width:min(520px,90%);accent-color:var(--mn-pink)}.drawer{position:fixed;inset:0;z-index:60;display:none;background:rgba(31,27,46,.58);backdrop-filter:blur(8px);padding:24px}.drawer.open{display:block}.panel{max-width:1100px;margin:auto;background:#fff;border-radius:28px;box-shadow:var(--mn-shadow);height:90vh;display:flex;flex-direction:column;overflow:hidden}.panelHead{padding:16px 18px;border-bottom:1px solid var(--mn-border);display:flex;align-items:center;justify-content:space-between}.grid{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;overflow:auto}.thumb{border:2px solid transparent;border-radius:14px;padding:6px;background:var(--mn-bg);cursor:pointer;text-align:center;font-weight:800;color:var(--mn-purple)}.thumb.active{border-color:var(--mn-pink);box-shadow:0 10px 24px rgba(226,47,136,.18)}.thumb img{width:100%;border-radius:10px;display:block;margin-bottom:5px}.zoomLayer{position:fixed;inset:0;z-index:70;background:rgba(31,27,46,.82);display:none;place-items:center;padding:18px}.zoomLayer.open{display:grid}.zoomImg{max-width:96vw;max-height:92vh;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.4)}.floating{position:fixed;right:18px;bottom:18px;z-index:25;display:flex;flex-direction:column;gap:10px}.whatsapp{background:#25D366;color:#fff}.hint{text-align:center;color:var(--mn-muted);font-size:13px;font-weight:700;margin-top:10px}@media(max-width:850px){.layout{grid-template-columns:1fr}.side{position:relative;top:auto;height:auto;display:none}.hero{display:block}.actions{margin-top:12px;justify-content:flex-start}.nav{width:46px;height:46px}.nav.prev{left:8px}.nav.next{right:8px}.bar{align-items:flex-start}.page{max-height:calc(100vh - 260px)}}