:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-secondary: #64748b;--color-accent: #f59e0b;--color-bg: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-focus: #2563eb;--color-success: #16a34a;--color-error: #dc2626;--color-warning: #f59e0b;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--font-sans: system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--max-width: 1280px;--gallery-gap: var(--space-2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}img,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mp-container{max-width:1400px;margin:0 auto;padding:var(--space-6) var(--space-4)}.mp-hero-title{font-size:1.75rem;margin:0 0 var(--space-2) 0}.mp-byline{color:var(--color-text-secondary);margin:0;font-size:.875rem}.mp-meta{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:.8125rem}.mp-chapters{display:flex;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.mp-chapters a{color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration:none}.mp-chapters a:hover{color:var(--color-text);text-decoration:underline}.mp-section{margin-top:var(--space-6)}.mp-section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--space-3)}.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.mp-photo{position:relative;background:#000;aspect-ratio:3/2;overflow:hidden;border-radius:var(--radius-md);cursor:pointer}.mp-photo img{width:100%;height:100%;object-fit:cover;display:block}.mp-photo-cover{aspect-ratio:16/9;margin:var(--space-4) 0;cursor:pointer}.mp-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center}.mp-paginator{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-4) 0;font-size:var(--text-sm)}.mp-paginator-link{color:var(--color-primary);text-decoration:none;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.mp-paginator-link:hover{background:var(--color-bg-secondary);text-decoration:none}.mp-paginator-disabled{color:var(--color-text-muted);padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);opacity:.5}.mp-paginator-status{color:var(--color-text-secondary)}.mp-container-narrow{max-width:560px;margin:0 auto;padding:var(--space-6) var(--space-4)}.mp-container-center{max-width:460px;margin:10vh auto;padding:var(--space-8) var(--space-4);text-align:center}.mp-btn{padding:12px 16px;font-size:1rem;font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.mp-btn:hover{background:var(--color-primary-hover)}.mp-input{padding:12px 14px;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text)}.mp-input:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.mp-form-stack{display:flex;flex-direction:column;gap:var(--space-3)}.mp-err{color:var(--color-error);font-size:.875rem;margin-top:var(--space-2)}.mp-ok-box{padding:var(--space-4);background:color-mix(in srgb,var(--color-success) 10%,transparent);border-radius:var(--radius-md);color:var(--color-success);font-size:.875rem;line-height:1.5}.mp-badge{position:absolute;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;color:#fff;pointer-events:none;z-index:2;line-height:1.4}.mp-badge-purchased{top:8px;left:8px;background:#16a34a}.mp-badge-in-cart{top:8px;left:8px;background:#d97706}.mp-badge-favorite{top:8px;right:8px;background:#ffffffe6;color:#6b7280;border:none;border-radius:50%;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;pointer-events:auto;z-index:3}.mp-badge-favorite.is-favorited{color:#dc2626}.mp-badge-favorite:hover{background:#fff}