:root{--mg-bg-primary: #F7F3F8;--mg-bg-header: #FFFFFF;--mg-surface-card: #FFFFFF;--mg-surface-card-hover: #F3ECF7;--mg-border: #E7DEEC;--mg-border-focus: #E8A2A1;--mg-rose-primary: #E8A2A1;--mg-rose-hover: #DF8E8C;--mg-rose-active: #D47A78;--mg-purple-secondary: #F1EAF5;--mg-purple-hover: #E8DEEF;--mg-guide-btn: #9B6B9E;--mg-rec-live: #FF5252;--mg-rec-pause: #F3C68F;--mg-rec-stop: #E57373;--mg-text-main: #2B1236;--mg-text-sub: #5E4E68;--mg-text-muted: #93849C;--mg-success: #3E9B57;--mg-warning: #B4791F;--mg-error: #D64545;--mg-overlay-blur: rgba(43, 18, 54, .55);--mg-highlight-box: rgba(232, 162, 161, .35);--mg-tooltip-bg: #2B1236;--mg-link: #B5504E}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:-apple-system,Segoe UI,Roboto,Noto Sans Arabic,Tahoma,Arial,sans-serif;background:var(--mg-bg-primary);color:var(--mg-text-main);-webkit-font-smoothing:antialiased}a{color:var(--mg-link)}.mg-container{max-width:820px;margin:0 auto;padding:24px 18px 60px}.mg-topbar{background:var(--mg-bg-header);border-bottom:1px solid var(--mg-border);padding:14px 18px}.mg-topbar .brand{font-weight:800;font-size:18px;color:var(--mg-text-main)}.mg-topbar .brand span{color:var(--mg-rose-active)}.mg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none}.mg-btn.primary{background:var(--mg-rose-primary);color:var(--mg-text-main)}.mg-btn.primary:hover{background:var(--mg-rose-hover)}.mg-btn.guide{background:var(--mg-guide-btn);color:#fff}.mg-btn.guide:hover{background:#8a598d}.mg-btn.ghost{background:var(--mg-purple-secondary);color:var(--mg-text-main);border-color:var(--mg-border)}.mg-btn.ghost:hover{background:var(--mg-purple-hover)}.mg-card{background:var(--mg-surface-card);border:1px solid var(--mg-border);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #2b12360d}.mg-muted{color:var(--mg-text-muted)}.mg-sub{color:var(--mg-text-sub)}.mg-shot-wrap{position:relative;line-height:0}.mg-shot-wrap img{display:block;width:100%;height:auto}.mg-shot-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.mg-footer{text-align:center;padding:30px 0 10px}.mg-footer a{font-weight:700}