.mp-magazine{--mag-accent:#5740d6;--mag-soft:#eeeaff;--mag-ink:hsl(var(--foreground));padding:108px 0 70px;background:radial-gradient(ellipse at 85% 15%,#7c5cff0c,transparent 45%),hsl(var(--background));color:var(--mag-ink)}
.dark .mp-magazine{--mag-accent:#c2b5ff;--mag-soft:#28213e}
.mp-magazine-container{width:min(1200px,calc(100% - 48px));margin:auto}.mp-magazine-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:hsl(var(--muted-foreground));margin-bottom:34px}.mp-magazine-breadcrumb a:hover{text-decoration:underline}
.mp-magazine-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;padding:15px 0 64px}.mp-magazine-kicker{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--mag-accent);line-height:1.7}.mp-magazine-kicker span{width:24px;height:1px;background:currentColor}
.mp-magazine h1{font-size:clamp(40px,4.7vw,65px);font-weight:600;line-height:1.08;letter-spacing:-.055em;margin:22px 0}.mp-magazine h1 em{display:block;font-family:Georgia,serif;font-weight:400;color:var(--mag-accent);letter-spacing:-.04em}.mp-magazine-intro{max-width:520px;font-size:17px;line-height:1.85;color:hsl(var(--muted-foreground))}.mp-magazine-actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:28px}.mp-magazine-primary{display:inline-flex;gap:28px;align-items:center;justify-content:center;border-radius:12px;padding:14px 20px;background:#5740d6;color:#fff;font-weight:600;font-size:13px;box-shadow:0 8px 28px #5740d620}.mp-magazine-primary:hover{background:#4730bf}.mp-magazine-text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:600;color:var(--mag-accent)}.mp-magazine-text-link:hover{text-decoration:underline;text-underline-offset:5px}
.mp-magazine-edition{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:hsl(var(--muted-foreground));margin-top:24px}.mp-magazine-edition>*+*{border-inline-start:1px solid hsl(var(--border));padding-inline-start:16px}
.mp-magazine-cover{position:relative;display:block;max-width:330px;margin:12px auto 24px;isolation:isolate;transform:rotate(3deg);transition:transform .25s}.mp-magazine-cover:hover{transform:rotate(0)}.mp-magazine-cover>img{position:relative;width:100%;height:auto;border-radius:2px 8px 8px 2px;box-shadow:-4px 0 0 #e2ddf0,-7px 2px 0 #c9c3dc,15px 25px 60px #33245a35}.mp-magazine-cover-orbit{position:absolute;inset:9% -18% -3%;border:1px solid #957cdf38;border-radius:50%;transform:rotate(-35deg);z-index:-1}.mp-magazine-cover-label{position:absolute;bottom:25px;left:-38px;display:grid;gap:6px;padding:16px 22px;border-radius:12px;background:hsl(var(--card));box-shadow:0 6px 35px #160d3720;color:var(--mag-accent);font-size:10px;letter-spacing:.1em;transform:rotate(-3deg)}.mp-magazine-cover-label b{font-size:18px;letter-spacing:-.025em}
.mp-magazine--issue .mp-magazine-hero{display:block;padding:0 0 26px}.mp-magazine--issue h1{font-size:clamp(30px,3.5vw,46px);margin:12px 0}.mp-magazine--issue h1 em{display:inline-block;margin-inline-start:8px}.mp-magazine--issue .mp-magazine-intro{max-width:840px;font-size:15px}.mp-magazine--issue .mp-magazine-actions{margin-top:12px}.mp-magazine--issue .mp-magazine-edition{margin-top:14px}
.mp-reader{background:radial-gradient(ellipse at 50% 48%,#34265d,transparent 70%),#110d20;color:#f4f1ff;border:1px solid #49405c;border-radius:24px;padding:20px 22px 16px;box-shadow:0 20px 70px #28123f18;overflow:hidden;scroll-margin-top:100px}.mp-reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;letter-spacing:.16em;color:#d3c8ed;min-height:34px}.mp-reader-toolbar b{color:#a99be7;margin-left:12px}.mp-reader-toolbar button{color:#fff;border:1px solid #75678d;border-radius:7px;padding:7px 11px;letter-spacing:normal;font-size:12px}
.mp-reader-stage{display:flex;align-items:center;justify-content:center;gap:18px;padding:22px 0 18px}.mp-reader-wrap{min-width:0;width:calc(100% - 120px);display:flex;justify-content:center;align-items:center;isolation:isolate}.mp-reader-fallback{margin:0;width:min(100%,360px)}.mp-reader-fallback img{width:100%;height:auto;display:block;box-shadow:0 20px 50px #0005}.mp-reader [data-reader-book]{margin:auto}.mp-reader .mp-reader-page{background:#fff;overflow:hidden}.mp-reader-page img{width:100%;height:100%;object-fit:contain;display:block}.mp-reader-arrow{flex:0 0 42px;width:42px;height:42px;border-radius:50%;border:1px solid #726389;background:#ffffff0b;color:#fff;font-size:20px}.mp-reader-arrow:hover:not(:disabled){background:#6a50d2}.mp-reader-arrow:disabled{opacity:.4;cursor:default}.mp-reader-status{display:flex;gap:18px;justify-content:center;align-items:baseline;font-size:12px}.mp-reader-status strong{font:italic 20px Georgia,serif;color:#fff}.mp-reader-status>span{color:#d3c8ed;font-variant-numeric:tabular-nums}.mp-reader-progress{display:block;width:min(100%,460px);height:3px;margin:16px auto;border:0;border-radius:3px;overflow:hidden;accent-color:#bba7ff;background:#ffffff20}.mp-reader-progress::-webkit-progress-bar{background:#ffffff20}.mp-reader-progress::-webkit-progress-value{background:#bba7ff}.mp-reader-progress::-moz-progress-bar{background:#bba7ff}
.mp-reader-thumbs{display:flex;gap:10px;overflow-x:auto;padding:8px 4px;scrollbar-width:thin;scrollbar-color:#8d7ba6 transparent;justify-content:safe center;scroll-snap-type:x proximity}.mp-reader-thumbs a{flex:0 0 48px;display:grid;gap:7px;text-align:center;color:#d3c8ed;font-size:10px;scroll-snap-align:center}.mp-reader-thumbs img{width:48px;height:68px;object-fit:cover;opacity:.65;border-radius:3px}.mp-reader-thumbs [aria-current=page] img,.mp-reader-thumbs a:hover img{opacity:1;outline:2px solid #c5b7ff;outline-offset:2px}.mp-reader-hint{text-align:center;font-size:11px;color:#d3c8ed;line-height:1.7;margin:10px 0 0}.mp-reader-dialog{background:#f7f5fb;color:#1a1428;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);width:1000px;padding:18px;border-radius:14px;border:1px solid #bfb6ce;overflow:auto}.mp-reader-dialog::backdrop{background:#090411d9}.mp-reader-dialog form{position:sticky;top:0;display:flex;justify-content:flex-end;margin:0 0 12px}.mp-reader-dialog button{background:#1f1730;color:white;border-radius:8px;padding:10px 18px;box-shadow:0 3px 15px #0003}.mp-reader-dialog>img{width:100%;height:auto;display:block}
.mp-magazine-editorial{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;border-top:1px solid hsl(var(--border));margin-top:64px;padding-top:48px;scroll-margin-top:100px}.mp-magazine h2{font-size:clamp(26px,2.7vw,36px);font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:14px 0 18px}.mp-magazine-editorial aside>p:last-child{font-size:14px;color:hsl(var(--muted-foreground));line-height:1.8}.mp-magazine-prose{font-size:15px;line-height:1.9;color:hsl(var(--muted-foreground))}.mp-magazine-prose p{margin:0 0 18px}.mp-magazine-prose h3{font-size:18px;font-weight:600;color:var(--mag-ink);line-height:1.45;margin:22px 0 10px}.mp-magazine-prose a{color:var(--mag-accent);text-decoration:underline;text-underline-offset:3px}.mp-magazine-prose ul{padding-left:20px;list-style:disc}.mp-magazine-prose li{margin-bottom:9px}
.mp-magazine-archive{margin-top:48px;padding:30px;border:1px solid hsl(var(--border));border-radius:18px;background:hsl(var(--card));display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.mp-magazine-archive-list{display:grid;gap:16px}.mp-magazine-archive-list>a{display:flex;align-items:center;gap:20px;padding:18px;border-radius:12px;background:var(--mag-soft);transition:transform .2s}.mp-magazine-archive-list>a:hover{transform:translateY(-3px)}.mp-magazine-archive-list>a>span{display:grid;gap:6px}.mp-magazine-archive small{color:var(--mag-accent);font-size:10px;letter-spacing:.08em}.mp-magazine-archive strong{font-size:16px}.mp-magazine-archive-list>a>span>span{font-size:12px;color:hsl(var(--muted-foreground))}.mp-magazine-archive-list>a>b{margin-inline-start:auto}.mp-magazine-archive img{border-radius:3px;flex-shrink:0}.mp-magazine-next{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:48px;padding:36px 0 0;border-top:1px solid hsl(var(--border))}.mp-magazine-next>div{flex:1;min-width:220px}.mp-magazine-next h2{font-size:25px;max-width:430px}.mp-magazine a:focus-visible,.mp-magazine button:focus-visible,.mp-reader:focus-visible{outline:3px solid #9a83ef;outline-offset:5px}.mp-magazine [hidden]{display:none!important}
@media(max-width:800px){.mp-magazine{padding-top:92px}.mp-magazine-container{width:calc(100% - 32px)}.mp-magazine-hero{grid-template-columns:1fr;gap:32px;padding-bottom:34px}.mp-magazine h1{font-size:42px}.mp-magazine-cover{width:230px;max-width:70%;margin:12px auto}.mp-magazine-cover-label{left:-25px;bottom:18px;padding:12px 16px}.mp-magazine-editorial{grid-template-columns:1fr;gap:18px;margin-top:40px;padding-top:30px}.mp-magazine-archive{grid-template-columns:1fr;gap:18px;padding:22px}.mp-magazine-next{gap:18px}.mp-magazine--issue h1{font-size:31px}.mp-magazine--issue h1 em{margin:5px 0 0;display:block}.mp-reader{padding:14px 10px;border-radius:16px}.mp-reader-stage{position:relative;flex-wrap:wrap;gap:14px;padding-top:16px}.mp-reader-wrap{width:100%;order:0}.mp-reader-arrow{order:1}.mp-reader-toolbar{letter-spacing:.08em}.mp-reader-thumbs{justify-content:flex-start}.mp-reader-hint{max-width:300px;margin:10px auto 0}}
@media(prefers-reduced-motion:reduce){.mp-magazine *{scroll-behavior:auto!important;transition:none!important}.mp-magazine-cover{transform:none}}