@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.toast-container[data-v-82eb5031]{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:2000;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:380px}.toast[data-v-82eb5031]{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);position:relative;overflow:hidden}.toast-success .toast-icon[data-v-82eb5031]{color:var(--success)}.toast-error .toast-icon[data-v-82eb5031]{color:var(--danger)}.toast-warning .toast-icon[data-v-82eb5031]{color:var(--warning)}.toast-info .toast-icon[data-v-82eb5031]{color:var(--info)}.toast-icon[data-v-82eb5031]{flex-shrink:0;display:flex}.toast-message[data-v-82eb5031]{flex:1}.toast-close[data-v-82eb5031]{flex-shrink:0;background:none;border:none;color:var(--text-muted);padding:2px;display:flex;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast)}.toast-close[data-v-82eb5031]:hover{color:var(--text-primary)}.toast-progress[data-v-82eb5031]{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 var(--radius-md) var(--radius-md);animation:toast-shrink-82eb5031 linear forwards}.toast-success .toast-progress[data-v-82eb5031]{background:var(--success)}.toast-error .toast-progress[data-v-82eb5031]{background:var(--danger)}.toast-warning .toast-progress[data-v-82eb5031]{background:var(--warning)}.toast-info .toast-progress[data-v-82eb5031]{background:var(--info)}@keyframes toast-shrink-82eb5031{0%{width:100%}to{width:0%}}@media (max-width: 480px){.toast-container[data-v-82eb5031]{left:var(--spacing-sm);right:var(--spacing-sm);max-width:none}}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-family: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--accent-color: #6366F1;--accent-hover: #4F46E5;--accent-light: rgba(99, 102, 241, .12);--accent-text: #FFFFFF;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--header-height: 64px;--sidebar-width: 280px;--max-width: 1200px}:root,:root[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-card: #FFFFFF;--bg-modal: #FFFFFF;--bg-input: #F8FAFC;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--border-color: #E2E8F0;--border-light: #F1F5F9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1);--overlay: rgba(0, 0, 0, .4);--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--danger-light: rgba(239, 68, 68, .08);--info: #3B82F6}:root[data-theme=dark]{--bg-primary: #0B0F1A;--bg-secondary: #111827;--bg-tertiary: #1F2937;--bg-card: #151C2C;--bg-modal: #1A2332;--bg-input: #1F2937;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #0F172A;--border-color: #1E293B;--border-light: #1E293B;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .5);--overlay: rgba(0, 0, 0, .6);--success: #34D399;--warning: #FBBF24;--danger: #F87171;--danger-light: rgba(248, 113, 113, .12);--info: #60A5FA}:root,:root *{transition:background-color var(--transition-base),border-color var(--transition-fast),box-shadow var(--transition-fast)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}::selection{background-color:var(--accent-light);color:var(--accent-color)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.page-enter-active,.page-leave-active{transition:opacity var(--transition-base),transform var(--transition-base)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.modal-enter-active,.modal-leave-active{transition:opacity var(--transition-base)}.modal-enter-active .modal-content,.modal-leave-active .modal-content{transition:transform var(--transition-base),opacity var(--transition-base)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-content,.modal-leave-to .modal-content{transform:scale(.95) translateY(10px);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform var(--transition-base),opacity var(--transition-base)}.slide-up-enter-from{transform:translateY(20px);opacity:0}.slide-up-leave-to{transform:translateY(-10px);opacity:0}.toast-enter-active{transition:all .3s ease-out}.toast-leave-active{transition:all .2s ease-in}.toast-enter-from,.toast-leave-to{transform:translate(100%);opacity:0}.toast-move{transition:transform .3s ease}.list-enter-active{transition:all .3s ease-out}.list-leave-active{transition:all .2s ease-in;position:absolute}.list-enter-from{opacity:0;transform:translateY(10px)}.list-leave-to{opacity:0;transform:translate(-20px)}.list-move{transition:transform .3s ease}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes circle-fill{0%{stroke-dashoffset:var(--circle-length)}to{stroke-dashoffset:var(--circle-offset)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}:root{--accent: #f0b574;--accent-2: #d99656;--accent-soft: rgba(240, 181, 116, .12);--accent-strong: rgba(240, 181, 116, .28);--accent-glow: rgba(240, 181, 116, .18);--accent-ink: #1c130a;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-2xl: 36px;--font-sans: "Inter", "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--font-display: "Inter", "SF Pro Display", -apple-system, sans-serif;--t-quick: .12s cubic-bezier(.4,0,.2,1);--t-base: .2s cubic-bezier(.4,0,.2,1);--t-slow: .32s cubic-bezier(.4,0,.2,1)}[data-accent=amber]{--accent:#f0b574;--accent-2:#d99656;--accent-soft:rgba(240,181,116,.12);--accent-strong:rgba(240,181,116,.28);--accent-glow:rgba(240,181,116,.18);--accent-ink:#1c130a}[data-accent=emerald]{--accent:#86d99a;--accent-2:#5dbf75;--accent-soft:rgba(134,217,154,.12);--accent-strong:rgba(134,217,154,.28);--accent-glow:rgba(134,217,154,.18);--accent-ink:#0a1f10}[data-accent=violet]{--accent:#c4afff;--accent-2:#a78bfa;--accent-soft:rgba(196,175,255,.12);--accent-strong:rgba(196,175,255,.28);--accent-glow:rgba(196,175,255,.2);--accent-ink:#15101f}[data-accent=azure]{--accent:#8ec5ff;--accent-2:#5aa8ff;--accent-soft:rgba(142,197,255,.12);--accent-strong:rgba(142,197,255,.28);--accent-glow:rgba(142,197,255,.18);--accent-ink:#0c1422}[data-accent=rose]{--accent:#f5a3b8;--accent-2:#e87a96;--accent-soft:rgba(245,163,184,.12);--accent-strong:rgba(245,163,184,.28);--accent-glow:rgba(245,163,184,.2);--accent-ink:#1f0d14}[data-theme=dark]{--bg: #0c0a09;--bg-elev: #16130f;--bg-card: #1a1612;--bg-card-2: #211c16;--bg-hover: rgba(255,239,210,.04);--line: rgba(255,239,210,.06);--line-strong: rgba(255,239,210,.12);--ink: #f5ecd8;--ink-2: #c8bfac;--ink-3: #8a8273;--ink-4: #4f4a40;--danger: #f08278;--warn: #f0b574;--good: #86d99a;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 6px 20px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.2);--shadow-lg: 0 20px 50px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.3);--glow: 0 0 0 4px var(--accent-soft)}[data-theme=light]{--bg: #faf6ef;--bg-elev: #ffffff;--bg-card: #ffffff;--bg-card-2: #f5efe2;--bg-hover: rgba(40,30,15,.04);--line: rgba(40,30,15,.07);--line-strong: rgba(40,30,15,.14);--ink: #1c1810;--ink-2: #4a4332;--ink-3: #7a7260;--ink-4: #b3ab98;--danger: #d4564a;--warn: #c08740;--good: #4ba864;--shadow-sm: 0 1px 2px rgba(40,30,15,.04);--shadow-md: 0 6px 20px rgba(40,30,15,.06), 0 1px 3px rgba(40,30,15,.04);--shadow-lg: 0 24px 60px rgba(40,30,15,.1), 0 4px 12px rgba(40,30,15,.05);--glow: 0 0 0 4px var(--accent-soft)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:#050505;color:var(--ink);-webkit-font-smoothing:antialiased}.m4-frame{position:relative;width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-sans);display:flex;flex-direction:column;overflow:hidden;font-feature-settings:"ss01","cv11"}.m4-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at 80% 0%,var(--accent-glow),transparent 60%),radial-gradient(50% 40% at 0% 100%,var(--accent-glow),transparent 60%);opacity:.35;pointer-events:none;z-index:0}.m4-frame>*{position:relative;z-index:1}.m4-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;gap:24px;background:transparent}.m4-header-inner{display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;padding:10px 16px 10px 18px;border-radius:999px;background:color-mix(in srgb,var(--bg-card) 85%,transparent);border:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-sm)}.m4-logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--ink)}.m4-logo-mark{width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:-.02em;box-shadow:0 4px 12px var(--accent-glow)}.m4-nav{display:flex;gap:2px;align-items:center}.m4-nav a{padding:7px 14px;font-size:13px;color:var(--ink-2);text-decoration:none;border-radius:999px;transition:color var(--t-quick),background var(--t-quick);cursor:pointer}.m4-nav a:hover,.m4-nav a.active{color:var(--ink);background:var(--bg-hover)}.m4-header-actions{display:flex;align-items:center;gap:6px}.m4-iconbtn{width:34px;height:34px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-2);cursor:pointer;display:grid;place-items:center;font-size:11px;font-family:var(--font-mono);font-weight:500;transition:background var(--t-quick),color var(--t-quick),transform var(--t-quick)}.m4-iconbtn:hover{background:var(--bg-hover);color:var(--ink)}.m4-iconbtn:active{transform:scale(.94)}.m4-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:border-color var(--t-quick),background var(--t-quick),color var(--t-quick),transform var(--t-quick),box-shadow var(--t-quick);white-space:nowrap;letter-spacing:-.005em}.m4-btn:hover{border-color:var(--line-strong);background:var(--bg-card-2)}.m4-btn:active{transform:scale(.97)}.m4-btn:focus-visible{outline:none;box-shadow:var(--glow)}.m4-btn.primary{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-color:transparent;color:var(--accent-ink);font-weight:600;box-shadow:0 4px 14px var(--accent-glow),inset 0 1px #fff3}.m4-btn.primary:hover{filter:brightness(1.05);box-shadow:0 6px 18px var(--accent-glow),inset 0 1px #ffffff40}.m4-btn.ghost{border-color:transparent;background:transparent;color:var(--ink-2)}.m4-btn.ghost:hover{color:var(--ink);background:var(--bg-hover)}.m4-btn.danger{color:var(--danger);border-color:var(--line);background:transparent}.m4-btn.danger:hover{background:color-mix(in srgb,var(--danger) 8%,transparent);border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.m4-btn.sm{height:30px;padding:0 12px;font-size:12px}.m4-btn.lg{height:44px;padding:0 22px;font-size:14px}.m4-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);display:grid;place-items:center;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 2px 8px var(--accent-glow);transition:transform var(--t-quick)}.m4-avatar:hover{transform:scale(1.05)}.m4-avatar.lg{width:88px;height:88px;font-size:32px;border-radius:28px;box-shadow:0 8px 24px var(--accent-glow)}.m4-avatar.xl{width:120px;height:120px;font-size:44px;border-radius:36px}.m4-footer{flex:0 0 auto;padding:32px 32px 24px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink-3);gap:24px;border-top:1px solid var(--line)}.m4-footer a{color:var(--ink-3);text-decoration:none;margin-left:18px;transition:color var(--t-quick)}.m4-footer a:hover{color:var(--ink)}.m4-footer-disclaimer{color:var(--ink-4);font-size:11px}.m4-body{flex:1 1 auto;overflow:auto;padding:40px 32px}.m4-body.dense{padding:24px 32px}.m4-body.flush{padding:0}.m4-container{max-width:1100px;margin:0 auto}.m4-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-sm);transition:border-color var(--t-base),box-shadow var(--t-base)}.m4-card.tight{padding:16px}.m4-card.flush{padding:0;overflow:hidden}.m4-card.glow{box-shadow:var(--shadow-md)}.m4-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.m4-label{font-size:12px;color:var(--ink-3);font-weight:500}.m4-input,.m4-textarea,.m4-select{font-family:inherit;font-size:13.5px;color:var(--ink);background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 14px;outline:none;transition:border-color var(--t-quick),box-shadow var(--t-quick),background var(--t-quick);width:100%}.m4-input:hover,.m4-textarea:hover,.m4-select:hover{border-color:var(--line-strong)}.m4-input:focus,.m4-textarea:focus,.m4-select:focus{border-color:var(--accent);box-shadow:var(--glow)}.m4-input.code{font-family:var(--font-mono);font-size:12.5px}.m4-help{font-size:11.5px;color:var(--ink-4)}.m4-link{color:var(--accent);text-decoration:none;cursor:pointer;transition:opacity var(--t-quick)}.m4-link:hover{opacity:.8}.m4-row{display:flex;gap:12px}.m4-row>*{flex:1}.m4-eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.m4-h1{font-family:var(--font-display);font-size:60px;line-height:1.02;letter-spacing:-.035em;font-weight:600;color:var(--ink);margin:0}.m4-h2{font-size:26px;line-height:1.2;letter-spacing:-.025em;font-weight:600;margin:0 0 4px}.m4-h3{font-size:16px;font-weight:600;letter-spacing:-.015em;margin:0 0 4px}.m4-muted{color:var(--ink-3)}.m4-mono{font-family:var(--font-mono)}.m4-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-family:var(--font-mono);color:var(--ink-2);background:var(--bg-elev);border:1px solid var(--line);font-weight:500}.m4-pill.accent{color:var(--accent);border-color:var(--accent-strong);background:var(--accent-soft)}.m4-pill.good{color:var(--good);border-color:color-mix(in srgb,var(--good) 30%,transparent);background:color-mix(in srgb,var(--good) 10%,transparent)}.m4-pill.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 30%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent)}.m4-pill.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent)}.m4-pill.muted{color:var(--ink-3)}.m4-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.m4-demo-bar{position:fixed;top:14px;right:14px;z-index:100;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0f0d0beb;border:1px solid rgba(255,239,210,.1);border-radius:999px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-family:var(--font-sans);color:#f5ecd8;box-shadow:0 12px 32px #00000073}.m4-demo-bar .label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#8a8273;margin-right:2px}.m4-demo-seg{display:inline-flex;background:#ffefd20f;border-radius:999px;padding:2px;gap:1px}.m4-demo-seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:#c8bfac;padding:5px 11px;font-size:11px;font-family:var(--font-mono);font-weight:500;border-radius:999px;cursor:pointer;transition:background var(--t-quick),color var(--t-quick)}.m4-demo-seg button:hover{color:#fff}.m4-demo-seg button.on{background:#ffefd21f;color:#fff}.m4-demo-swatch{width:22px;height:22px;border-radius:50%;border:0;cursor:pointer;padding:0;position:relative;transition:transform var(--t-quick)}.m4-demo-swatch:hover{transform:scale(1.1)}.m4-demo-swatch.on:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid #fff}.m4-demo-divider{width:1px;height:18px;background:#ffefd21a}.m4-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 30%,#0006,#000000b3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:32px;animation:fadeIn var(--t-base)}@keyframes fadeIn{0%{opacity:0}}.m4-modal{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-2xl);box-shadow:var(--shadow-lg);padding:32px;animation:slideUp var(--t-slow)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}}.m4-modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.m4-modal-title{font-size:22px;font-weight:600;letter-spacing:-.02em}.m4-modal-close{width:32px;height:32px;border-radius:50%;border:0;background:var(--bg-hover);color:var(--ink-3);cursor:pointer;display:grid;place-items:center;transition:background var(--t-quick),color var(--t-quick)}.m4-modal-close:hover{background:var(--line);color:var(--ink)}.m4-modal-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:12.5px;color:var(--ink-3)}.m4-captcha{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-elev);font-size:12.5px;color:var(--ink-2);margin-bottom:16px}.m4-captcha .box{width:18px;height:18px;border:1.5px solid var(--ink-3);border-radius:5px;flex:none}.m4-captcha .brand{margin-left:auto;font-family:var(--font-mono);font-size:10px;color:var(--ink-4);letter-spacing:.1em}.m4-profile-grid{display:grid;grid-template-columns:220px 1fr;gap:36px;max-width:1100px;margin:0 auto}.m4-vtabs{display:flex;flex-direction:column;gap:2px}.m4-vtabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--ink-2);text-align:left;padding:10px 14px;font-size:13.5px;border-radius:var(--r-sm);cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:11px;transition:background var(--t-quick),color var(--t-quick);font-weight:500}.m4-vtabs button:hover{background:var(--bg-hover);color:var(--ink)}.m4-vtabs button.on{background:var(--accent-soft);color:var(--accent)}.m4-section{margin-bottom:28px}.m4-prod{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--t-base),border-color var(--t-base),box-shadow var(--t-base)}.m4-prod:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow-md)}.m4-prod-cover{aspect-ratio:16/9;background:linear-gradient(135deg,var(--accent-soft),var(--bg-card-2));display:grid;place-items:center;position:relative;overflow:hidden}.m4-prod-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 50% 50%,var(--accent-glow),transparent 70%)}.m4-prod-cover .grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line-strong) 1px,transparent 1px),linear-gradient(90deg,var(--line-strong) 1px,transparent 1px);background-size:28px 28px;opacity:.5;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent)}.m4-prod-cover .glyph{position:relative;z-index:1;font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--accent);letter-spacing:-.04em}.m4-prod-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.m4-prod-title{font-size:15px;font-weight:600;letter-spacing:-.015em}.m4-prod-desc{font-size:12.5px;color:var(--ink-3);line-height:1.55;flex:1}.m4-tier-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px}.m4-tier{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;font-family:inherit;color:var(--ink-2);transition:border-color var(--t-quick),background var(--t-quick),color var(--t-quick)}.m4-tier:hover{border-color:var(--line-strong)}.m4-tier .d{font-size:11px;color:var(--ink-3);font-family:var(--font-mono)}.m4-tier .p{font-size:13px;font-weight:600;color:var(--ink)}.m4-tier.on{border-color:var(--accent);background:var(--accent-soft)}.m4-tier.on .p,.m4-tier.on .d{color:var(--accent)}.m4-admin-tabs{display:flex;gap:2px;padding:0 28px 4px;background:transparent;flex:0 0 auto;overflow-x:auto;border-bottom:1px solid var(--line)}.m4-admin-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--ink-3);font-family:inherit;font-size:13px;padding:12px 14px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px;font-weight:500;transition:color var(--t-quick),border-color var(--t-quick);margin-bottom:-1px}.m4-admin-tabs button:hover{color:var(--ink)}.m4-admin-tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.m4-table{width:100%;border-collapse:collapse;font-size:12.5px}.m4-table thead th{font-weight:500;text-align:left;color:var(--ink-3);padding:12px 14px;border-bottom:1px solid var(--line);background:var(--bg-elev);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;position:sticky;top:0;z-index:1}.m4-table tbody td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.m4-table tbody tr{transition:background var(--t-quick)}.m4-table tbody tr:hover td{background:var(--bg-hover)}.m4-table tbody tr:last-child td{border-bottom:0}.m4-table .cell-actions{display:flex;gap:4px;justify-content:flex-end}.m4-table .cell-mono{font-family:var(--font-mono);font-size:11px;color:var(--ink-2)}.m4-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.m4-toolbar .grow{flex:1;min-width:200px;position:relative}.m4-toolbar .grow .m4-input{padding-left:40px}.m4-toolbar .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.m4-seg{display:inline-flex;background:var(--bg-elev);border-radius:999px;padding:3px;gap:1px;border:1px solid var(--line)}.m4-seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--ink-3);font-family:inherit;font-size:12px;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background var(--t-quick),color var(--t-quick);font-weight:500}.m4-seg button:hover{color:var(--ink)}.m4-seg button.on{background:var(--bg-card);color:var(--ink);box-shadow:var(--shadow-sm)}.m4-stat{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:6px;transition:border-color var(--t-base),box-shadow var(--t-base)}.m4-stat:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.m4-stat .lbl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.m4-stat .val{font-family:var(--font-display);font-size:40px;font-weight:600;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}.m4-stat .sub{font-size:12px;color:var(--ink-3)}.m4-stepper{display:flex;align-items:center;gap:8px;margin-bottom:32px}.m4-step{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-3);font-weight:500}.m4-step .num{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:600;background:var(--bg-elev);transition:all var(--t-base)}.m4-step.on{color:var(--ink)}.m4-step.on .num{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);border-color:transparent;box-shadow:0 4px 12px var(--accent-glow)}.m4-step.done .num{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-strong)}.m4-step-line{height:2px;flex:1;background:var(--line);border-radius:999px}.m4-step.done+.m4-step-line{background:var(--accent-strong)}.m4-drop{border:1.5px dashed var(--line-strong);border-radius:var(--r-md);padding:44px 24px;text-align:center;background:var(--bg-elev);color:var(--ink-3);font-size:13px;transition:border-color var(--t-quick),background var(--t-quick)}.m4-drop:hover{border-color:var(--accent);background:var(--accent-soft)}.m4-drop strong{color:var(--ink)}.m4-palette{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.m4-palette .sw{width:48px;height:48px;border-radius:14px;border:0;cursor:pointer;position:relative;transition:transform var(--t-quick);box-shadow:var(--shadow-sm)}.m4-palette .sw:hover{transform:scale(1.05)}.m4-palette .sw.on:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#0009;font-weight:700;font-size:20px}.m4-hero{padding:56px 0 48px;text-align:center}.m4-hero h1{margin-bottom:20px}.m4-hero .lead{max-width:620px;margin:0 auto;color:var(--ink-2);font-size:16.5px;line-height:1.6;text-wrap:pretty}.m4-hero .cta-row{display:flex;justify-content:center;gap:10px;margin-top:32px}.m4-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px}.m4-carousel{position:relative;border-radius:var(--r-2xl);overflow:hidden;background:var(--bg-elev);aspect-ratio:21/9;box-shadow:var(--shadow-md);border:1px solid var(--line)}.m4-carousel .slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:14px;color:var(--ink-3)}.m4-carousel .ar{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:#0006;color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background var(--t-quick),transform var(--t-quick)}.m4-carousel .ar:hover{background:#0009;transform:translateY(-50%) scale(1.05)}.m4-carousel .ar.l{left:16px}.m4-carousel .ar.r{right:16px}.m4-carousel .dots{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:6px}.m4-carousel .dot{width:6px;height:6px;border-radius:50%;background:#fff6;border:0;padding:0;cursor:pointer;transition:all var(--t-base)}.m4-carousel .dot.on{background:#fff;width:22px;border-radius:999px}.scene{width:100%;height:100%;position:relative;overflow:hidden}.scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px}.scene-1{background:linear-gradient(180deg,#2a4d6f,#3d6e60 60%,#5b7d4a)}.scene-2{background:linear-gradient(180deg,#4d3a5f,#7a4a64,#3d2a3e)}.scene-3{background:linear-gradient(180deg,#2f2f3e,#2a4d6f 70%,#3d6e60)}.scene .label{position:absolute;bottom:20px;left:24px;font-family:var(--font-mono);color:#ffffffbf;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.m4-empty{text-align:center;padding:48px 24px;color:var(--ink-3);font-size:13px}.m4-divider{height:1px;background:var(--line);margin:18px 0}.m4-check{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-2);cursor:pointer}.m4-check input{display:none}.m4-check .box{width:18px;height:18px;border:1.5px solid var(--ink-4);border-radius:5px;display:grid;place-items:center;color:var(--accent-ink);background:transparent;transition:all var(--t-quick)}.m4-check input:checked+.box{background:var(--accent);border-color:var(--accent)}.m4-check input:checked+.box:after{content:"✓";font-size:12px;font-weight:700}.m4-chart{height:200px;display:flex;align-items:flex-end;gap:5px;padding:16px 0}.m4-chart .bar{flex:1;background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:6px 6px 2px 2px;min-height:4px;transition:opacity var(--t-quick),transform var(--t-quick);cursor:pointer}.m4-chart .bar:hover{opacity:.85;transform:translateY(-2px)}.m4-pane{animation:paneIn var(--t-base)}@keyframes paneIn{0%{opacity:0;transform:translateY(6px)}}.m4-expand{background:var(--bg-elev);padding:18px 24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;font-size:12px;border-bottom:1px solid var(--line)}.m4-expand .col h4{font-size:10.5px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px;font-weight:500}.m4-expand .kv{display:flex;justify-content:space-between;padding:3px 0;color:var(--ink-2)}.m4-expand .kv span:first-child{color:var(--ink-3)}.m4-expand .desktop{aspect-ratio:16/10;background:linear-gradient(135deg,#1a2e4a,#2a3e5a);border-radius:10px;position:relative;overflow:hidden}.m4-expand .desktop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px}.m4-dropdown{position:absolute;top:50px;right:0;width:220px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px;z-index:10;animation:slideUp var(--t-base)}.m4-dropdown a{display:flex;align-items:center;gap:11px;padding:10px 12px;font-size:13px;color:var(--ink-2);border-radius:var(--r-sm);text-decoration:none;cursor:pointer;transition:background var(--t-quick),color var(--t-quick)}.m4-dropdown a:hover{background:var(--bg-hover);color:var(--ink)}.m4-dropdown a.danger{color:var(--danger)}.m4-dropdown .sep{height:1px;background:var(--line);margin:4px 0}.skeleton{position:relative;overflow:hidden;background:var(--bg-elev);border-radius:var(--r-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--bg-hover),transparent);animation:shimmer 1.6s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sk-line{height:12px;border-radius:6px;margin-bottom:8px}.sk-line.sm{height:10px}.sk-line.lg{height:16px}.sk-block{height:80px;border-radius:var(--r-md)}.sk-circle{border-radius:50%}.m4-stat.loading .val:after{content:"";display:block;height:36px;width:80%;background:var(--bg-elev);border-radius:8px;position:relative;overflow:hidden}.m4-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:56px}.m4-feat-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-xl);padding:28px 28px 30px;transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base);display:flex;flex-direction:column}.m4-feat-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.m4-feat-card.lead{background:transparent;border-color:transparent;padding:28px 28px 30px 8px}.m4-feat-card.lead:hover{box-shadow:none;transform:none}.m4-feat-title{font-family:var(--font-display);font-size:44px;font-weight:600;letter-spacing:-.02em;line-height:1.05;margin:0 0 14px;color:var(--ink);white-space:pre-line}.m4-feat-lead{margin:0;font-size:14px;line-height:1.55;color:var(--ink-3);max-width:280px}.m4-feat-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.m4-feat-head .ic{width:22px;height:22px;display:grid;place-items:center;color:var(--accent);flex-shrink:0}.m4-feat-name{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.m4-feat-desc{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink-3)}.m4-video-section{margin-bottom:56px}.m4-video-head{margin-bottom:22px}.m4-video-head h2{font-family:var(--font-display);font-size:36px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px;color:var(--ink)}.m4-video-head p{margin:0;font-size:14px;color:var(--ink-3)}.m4-video-frame{position:relative;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:16 / 9;background:linear-gradient(135deg,#0a3a52,#0d2a44,#102a3a);border:1px solid var(--line);box-shadow:var(--shadow-md)}.m4-video-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(120,200,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(120,200,255,.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.m4-video-frame:after{content:"";position:absolute;width:60%;height:70%;left:20%;top:8%;background:radial-gradient(ellipse at 50% 30%,rgba(140,220,255,.55),transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(70,130,180,.35),transparent 70%);filter:blur(20px);pointer-events:none}.m4-video-yt-bar{position:absolute;top:14px;left:16px;right:16px;display:flex;align-items:center;gap:12px;z-index:3}.m4-video-yt-bar .av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:var(--accent-ink);font-family:var(--font-mono);font-weight:700;font-size:14px}.m4-video-yt-bar .cap{flex:1;color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.6);letter-spacing:-.01em;line-height:1.2}.m4-video-yt-bar .ch{font-size:11px;font-weight:400;color:#ffffffb3;margin-top:2px;letter-spacing:0}.m4-video-sword{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;z-index:2;filter:drop-shadow(0 6px 20px rgba(0,0,0,.5))}.m4-video-sword svg{width:100%;height:100%}.m4-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:red;border-radius:14px;display:grid;place-items:center;cursor:pointer;z-index:4;box-shadow:0 4px 14px #ff000059;transition:transform var(--t-base),box-shadow var(--t-base)}.m4-video-play:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 6px 22px #ff000080}.m4-video-play svg{fill:#fff}.m4-video-bottom{position:absolute;bottom:10px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;z-index:3}.m4-video-bottom .icons{display:flex;gap:14px;color:#ffffffd9}.m4-video-bottom .icons button{background:transparent;border:0;padding:0;cursor:pointer;color:inherit;display:grid;place-items:center}.m4-video-bottom .yt{display:flex;align-items:center;gap:6px;color:#fff;font-size:12px;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.5)}.m4-video-bottom .yt-logo{width:56px;height:16px;background:red;border-radius:3px;display:grid;place-items:center;color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:10px;letter-spacing:.5px}.m4-video-hearts{position:absolute;bottom:38px;left:0;right:0;display:flex;justify-content:center;gap:28px;font-size:8px;color:#ffffff8c;letter-spacing:1px;z-index:3;font-family:var(--font-mono)}.m4-stats-big{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.m4-stat-big{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-xl);padding:22px 24px 20px;transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base)}.m4-stat-big:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.m4-stat-big .top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.m4-stat-big .top .ic{width:22px;height:22px;display:grid;place-items:center;color:var(--accent)}.m4-stat-big .top .lbl{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.m4-stat-big .num{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}.m4-dl-tips{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:12px}.m4-dl-tip{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;transition:border-color var(--t-base),box-shadow var(--t-base)}.m4-dl-tip:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.m4-dl-tip .h{display:flex;align-items:center;gap:10px;margin-bottom:6px}.m4-dl-tip .h .ic{color:var(--accent)}.m4-dl-tip .h .t{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.m4-dl-tip .d{margin:0;font-size:13px;color:var(--ink-3);line-height:1.55}body{background:var(--bg)!important}.m4-frame{width:100%!important;height:auto!important;min-height:100vh!important;overflow:visible!important}.m4-frame:before{position:fixed!important}.m4-body{overflow:visible!important}body>.m4-overlay{position:fixed!important;z-index:1000;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 30%,#00000059,#0000008c)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}body>.m4-overlay .m4-modal-title{font-size:24px;font-weight:700;letter-spacing:-.025em}[data-theme=dark]{--bg: oklch(.13 .005 60) !important;--bg-2: oklch(.16 .005 60) !important;--bg-3: oklch(.2 .005 60) !important;--bg-card: oklch(.19 .005 60) !important;--bg-card-2: oklch(.22 .006 60) !important;--bg-elev: oklch(.13 .005 60) !important;--bg-hover: rgba(255, 239, 210, .04) !important;--line: rgba(255, 239, 210, .07) !important;--line-strong: rgba(255, 239, 210, .13) !important}.m4-avatar{border:0;padding:0;font-family:inherit}.m4-user-menu{position:relative}.m4-dropdown{top:calc(100% + 8px)}.m4-nav a{cursor:pointer;-webkit-user-select:none;user-select:none}.m4-pager{display:flex;align-items:center;gap:8px;margin-top:14px;padding:0 4px}.m4-pager-pages{display:flex;gap:4px}.m4-pager-page{min-width:30px;height:30px;padding:0 8px;border-radius:7px;border:1px solid var(--line);background:var(--bg-elev);color:var(--ink-2);font:inherit;font-size:12px;font-family:var(--mono, var(--font-mono));cursor:pointer;transition:border-color .16s,background .16s,color .16s}.m4-pager-page:hover:not(:disabled):not(.sep){border-color:var(--line-strong);color:var(--ink)}.m4-pager-page.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.m4-pager-page.sep{border-color:transparent;background:transparent;cursor:default}@media (max-width: 960px){.m4-container,.m4-body{padding-left:16px;padding-right:16px}.m4-header{padding:10px 14px;gap:10px}.m4-header-inner{padding:8px 12px 8px 14px;gap:12px}.m4-nav{gap:0}.m4-nav a{padding:6px 10px;font-size:12.5px}.m4-profile-grid{grid-template-columns:1fr;gap:18px}.m4-vtabs{flex-direction:row;gap:4px;overflow-x:auto;padding-bottom:4px;margin:0 -16px;padding-left:16px;padding-right:16px;-webkit-overflow-scrolling:touch}.m4-vtabs button{flex:0 0 auto;padding:8px 12px;font-size:13px}.m4-vtabs .m4-eyebrow{display:none}.m4-row{flex-direction:column;gap:10px}.m4-row>*{width:100%}.m4-hero{padding:32px 0 24px}.m4-hero h1{font-size:36px!important}.m4-hero .lead{font-size:14.5px}.m4-hero .cta-row{flex-wrap:wrap}.m4-stats-row,.m4-stats-big,.m4-features{grid-template-columns:repeat(2,1fr);gap:12px}.m4-expand{grid-template-columns:1fr;gap:14px;padding:14px 16px}.m4-card.flush{overflow-x:auto;-webkit-overflow-scrolling:touch}.m4-table{min-width:720px}.m4-admin-tabs{padding:0 14px 4px}.m4-toolbar{flex-wrap:wrap;gap:8px}.m4-toolbar .grow{flex:1 1 100%;min-width:0}.m4-seg{flex-wrap:wrap}body>.m4-overlay .m4-modal{width:calc(100vw - 24px);max-width:460px;margin:0 12px}}@media (max-width: 640px){.m4-container,.m4-body{padding-left:12px;padding-right:12px}.m4-header{padding:8px 10px}.m4-header-inner{padding:6px 10px 6px 12px;gap:8px;border-radius:22px}.m4-nav,.m4-logo span{display:none}.m4-header-actions{gap:4px}.m4-iconbtn{width:32px;height:32px}.m4-btn{padding:8px 12px;font-size:12.5px}.m4-btn.lg{padding:10px 14px;font-size:13px}.m4-dd-floating{right:10px!important;top:56px!important}.m4-hero{padding:24px 0 16px}.m4-hero h1{font-size:28px!important;line-height:1.05}.m4-hero .lead{font-size:13.5px}.m4-hero .cta-row{flex-direction:column;align-items:stretch}.m4-hero .cta-row .m4-btn{width:100%;justify-content:center}.m4-stats-row,.m4-stats-big,.m4-features,.m4-dl-tips{grid-template-columns:1fr;gap:10px}.m4-card{padding:16px}.m4-card.tight{padding:12px}.m4-tier-row{gap:4px}.m4-tier{padding:7px 2px;font-size:11px}.m4-admin-tabs{padding:0 12px 4px}.m4-admin-tabs button{padding:10px;font-size:12.5px}body>.m4-overlay .m4-modal{width:calc(100vw - 16px);margin:0 8px;max-height:calc(100vh - 32px);overflow-y:auto}body>.m4-overlay .m4-modal-title{font-size:20px}.m4-pager{flex-wrap:wrap;gap:6px}.m4-pager>.m4-mono{display:none}.m4-pager-page{min-width:26px;height:26px;font-size:11px;padding:0 6px}h1.m4-h1,.m4-h1{font-size:28px!important}h2.m4-h2,.m4-h2{font-size:20px!important}}