:root { --mw4-ink:#050505; --mw4-panel:#10100e; --mw4-line:rgba(232,232,220,.18); --mw4-text:#f1f1eb; --mw4-muted:#92938c; --mw4-lime:#ffd000; --mw4-blue:#c8c7b8; --mw4-coral:#d25d49; --mw4-display:'Bahnschrift Condensed','Arial Narrow',Impact,sans-serif; --mw4-mono:'Bahnschrift','Arial Narrow','Segoe UI',Arial,sans-serif; }
.mw4-stats-page .l-section-h,.mw4-stats-page .l-main .l-section-h,.mw4-stats-page main .wp-block-post-content,.mw4-stats-page .entry-content { max-width:none!important; width:100%!important; }
.mw4-stats-page .l-section,.mw4-stats-page .l-section-h,.mw4-stats-page .wp-block-post-content,.mw4-stats-page .entry-content { margin:0!important; padding:0!important; }
.mw4-stats-page,.mw4-stats-page .l-canvas,.mw4-stats-page .l-main { background:#050505!important; }
.mw4-app,.mw4-app * { box-sizing:border-box; }
.mw4-app { background:var(--mw4-ink); color:var(--mw4-text); font-family:var(--mw4-mono); font-stretch:condensed; min-height:720px; position:relative; width:100%; }
.mw4-app button,.mw4-app input { font:inherit; }
.mw4-app button,.mw4-app a { -webkit-tap-highlight-color:transparent; }
.mw4-loading,.mw4-error { align-items:center; background:#050505; display:flex; flex-direction:column; gap:18px; justify-content:center; min-height:720px; }
.mw4-loading i { animation:mw4-pulse 1s infinite alternate; background:var(--mw4-lime); border-radius:50%; box-shadow:0 0 25px var(--mw4-lime); height:8px; width:8px; }
.mw4-loading span,.mw4-error b { color:var(--mw4-muted); font-size:10px; letter-spacing:.2em; }
.mw4-error p { color:#b5c0c7; max-width:520px; text-align:center; }
.mw4-error button { background:var(--mw4-lime); border:0; color:#0a0d0b; cursor:pointer; font-weight:800; padding:13px 24px; }
.mw4-brand { align-items:center; display:flex; font:800 22px/1 var(--mw4-display); letter-spacing:-.02em; }
.mw4-brand span { color:#f5f1e7; }.mw4-brand b { color:var(--mw4-lime); font-weight:800; }.mw4-brand i { background:var(--mw4-lime); border-radius:0; box-shadow:none; height:6px; margin-left:7px; width:6px; }
.mw4-kicker { color:var(--mw4-lime)!important; font:500 10px/1.2 var(--mw4-mono)!important; letter-spacing:.17em!important; margin:0!important; text-transform:uppercase; }
.mw4-landing { background:radial-gradient(ellipse at 74% 30%,rgba(177,171,130,.16),transparent 34%),radial-gradient(circle at 15% 80%,rgba(84,82,68,.18),transparent 32%),linear-gradient(140deg,#11110f,#050505 64%); display:grid; grid-template-columns:minmax(280px,1fr) minmax(380px,.9fr); min-height:clamp(720px,100vh,1000px); overflow:hidden; padding:42px clamp(28px,5vw,86px) 30px; position:relative; }
.mw4-gridlines { background-image:repeating-linear-gradient(112deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 7px),linear-gradient(rgba(232,232,220,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(232,232,220,.035) 1px,transparent 1px); background-size:auto,64px 64px,64px 64px; inset:0; mask-image:linear-gradient(90deg,black,transparent 88%); opacity:.72; pointer-events:none; position:absolute; }
.mw4-landing>.mw4-brand { align-self:start; grid-column:1/3; position:relative; z-index:1; }
.mw4-landing-copy { align-self:center; max-width:670px; padding:70px 0; position:relative; z-index:1; }
.mw4-landing-copy h1 { color:#f3f4ef!important; font:800 clamp(64px,9vw,150px)/.76 var(--mw4-display)!important; letter-spacing:-.055em!important; margin:26px 0 38px!important; padding:0!important; text-transform:uppercase; }
.mw4-landing-copy h1 em { color:transparent; -webkit-text-stroke:1px rgba(237,243,239,.72); font-style:normal; }
.mw4-landing-copy>p:not(.mw4-kicker) { color:#a9b5bc!important; font:500 clamp(18px,2vw,26px)/1.35 var(--mw4-display)!important; margin:0 0 34px!important; max-width:570px; }
.mw4-connect { align-items:center; background:var(--mw4-lime); color:#071008!important; display:inline-flex; font-size:12px; font-weight:800; gap:12px; justify-content:center; letter-spacing:.08em; min-height:54px; padding:0 25px; text-decoration:none!important; transition:.2s ease; }
.mw4-connect:hover { box-shadow:0 0 35px rgba(201,255,69,.24); transform:translateY(-2px); }.mw4-connect svg { fill:currentColor; height:21px; width:21px; }
.mw4-landing-copy small { color:#6f7c84; display:block; font-size:10px; letter-spacing:.04em; margin-top:22px; }.mw4-landing-copy code,.mw4-empty code { background:rgba(201,255,69,.1); color:var(--mw4-lime); padding:3px 6px; }
.mw4-setup-note { border:1px solid rgba(255,105,95,.3); color:#ff9c95; display:inline-flex; font-size:10px; letter-spacing:.1em; padding:16px 18px; }
.mw4-landing-demo { align-items:center; display:flex; justify-content:center; position:relative; z-index:1; }.mw4-landing-demo::before { border:1px solid rgba(232,232,220,.09); content:""; height:min(40vw,570px); position:absolute; transform:rotate(4deg); width:min(34vw,490px); }
.mw4-landing footer { align-self:end; color:#4e5b63; font-size:8px; grid-column:1/3; letter-spacing:.15em; position:relative; z-index:1; }
.mw4-counter-card { --mw4-accent:#ffd000; background:repeating-linear-gradient(105deg,rgba(255,255,255,.014) 0,rgba(255,255,255,.014) 1px,transparent 1px,transparent 6px),linear-gradient(145deg,rgba(22,22,19,.98),rgba(5,5,5,.98)); border:1px solid color-mix(in srgb,var(--mw4-accent) 48%,#4c4c45); box-shadow:0 24px 80px rgba(0,0,0,.6),inset 0 0 80px rgba(255,255,255,.018); color:#f2f2ec; isolation:isolate; min-height:238px; overflow:hidden; padding:24px 27px 20px; position:relative; width:min(100%,570px); }
.mw4-counter-card::before { background:linear-gradient(90deg,var(--mw4-accent),transparent); content:""; height:2px; left:0; position:absolute; right:38%; top:0; }.mw4-counter-card::after { background:var(--mw4-accent); box-shadow:0 0 22px var(--mw4-accent); content:""; height:8px; position:absolute; right:0; top:0; width:8px; }
.mw4-counter-top { align-items:center; color:#778790; display:flex; font-size:9px; justify-content:space-between; letter-spacing:.16em; }.mw4-counter-top i { background:var(--mw4-accent); border-radius:50%; box-shadow:0 0 12px var(--mw4-accent); height:6px; width:6px; }
.mw4-counter-value { align-items:center; display:flex; gap:22px; margin-top:13px; }.mw4-counter-value b { color:#f4f6f0; flex:0 1 auto; font:800 clamp(82px,9vw,136px)/.75 var(--mw4-display); font-variant-numeric:tabular-nums; letter-spacing:-.055em; min-width:0; text-shadow:0 0 34px color-mix(in srgb,var(--mw4-accent) 18%,transparent); }.mw4-counter-brand { align-items:flex-start; display:flex; flex:0 0 132px; flex-direction:column; gap:10px; }.mw4-counter-icon { display:block; height:auto; max-width:100%; width:132px; }.mw4-counter-value span { color:var(--mw4-accent); font:700 19px/1 var(--mw4-display); letter-spacing:.12em; text-transform:uppercase; }
.mw4-counter-event { align-items:center; border-top:1px solid rgba(198,220,234,.1); display:flex; gap:12px; margin-top:22px; padding-top:15px; }.mw4-counter-event strong { color:var(--mw4-accent); font:700 20px/1 var(--mw4-display); }.mw4-counter-event span { color:#6f7c84; font-size:8px; letter-spacing:.12em; text-transform:uppercase; }
.mw4-counter-card.is-compact { min-height:174px; }.mw4-counter-card.is-compact .mw4-counter-event { display:none; }.mw4-counter-card.is-compact .mw4-counter-value { margin-top:22px; }.mw4-counter-card.is-compact .mw4-counter-brand { flex-basis:104px; }.mw4-counter-card.is-compact .mw4-counter-icon { width:104px; }
.mw4-counter-card.is-updated { animation:mw4-card-flash .7s ease; }.mw4-counter-card.is-updated .mw4-counter-value b { animation:mw4-number-hit .55s ease; }
.mw4-scanline { animation:mw4-scan 4s linear infinite; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--mw4-accent) 12%,transparent),transparent); height:1px; left:0; pointer-events:none; position:absolute; right:0; top:0; z-index:-1; }
.mw4-controller { background:repeating-linear-gradient(108deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 8px),radial-gradient(circle at 78% 10%,rgba(151,145,108,.11),transparent 28%),linear-gradient(135deg,#0c0c0b,#050505); min-height:100vh; padding:30px clamp(20px,3vw,52px) 22px; }
.mw4-control-header { align-items:center; backdrop-filter:blur(15px); background:linear-gradient(90deg,rgba(5,5,5,.97),rgba(12,12,10,.94)); border-bottom:1px solid var(--mw4-line); display:grid; gap:26px; grid-template-columns:180px 1fr auto; margin:-12px -2px 0; padding:12px 2px 24px; position:sticky; top:0; z-index:30; }
.mw4-control-title h1 { color:#eef1ed!important; font:700 clamp(27px,3vw,42px)/1 var(--mw4-display)!important; margin:8px 0 0!important; padding:0!important; text-transform:uppercase; }
.mw4-live-pill { align-items:center; border:1px solid rgba(255,105,95,.25); color:#d28a86; display:flex; font-size:8px; gap:9px; letter-spacing:.1em; padding:11px 13px; }.mw4-live-pill i { background:#a7534d; border-radius:50%; height:6px; width:6px; }.mw4-live-pill.is-live { border-color:rgba(201,255,69,.24); color:var(--mw4-lime); }.mw4-live-pill.is-live i { background:var(--mw4-lime); box-shadow:0 0 9px var(--mw4-lime); }
.mw4-control-grid { display:grid; gap:18px; grid-template-columns:minmax(460px,1.35fr) minmax(320px,.65fr); margin:18px auto; max-width:1500px; }
.mw4-control-grid>section { background:rgba(12,17,23,.9); border:1px solid var(--mw4-line); min-width:0; padding:22px; }
.mw4-panel-head { align-items:center; border-bottom:1px solid rgba(198,220,234,.09); display:flex; justify-content:space-between; margin-bottom:20px; padding-bottom:13px; }.mw4-panel-head span { color:#d8e0dc; font-size:9px; letter-spacing:.13em; }.mw4-panel-head small { color:#53616a; font-size:8px; letter-spacing:.12em; }
.mw4-preview-stage { align-items:center; background:radial-gradient(circle,rgba(184,176,128,.08),transparent 60%),#050505; display:flex; justify-content:center; min-height:420px; padding:32px; position:relative; }.mw4-preview-stage::before { background-image:linear-gradient(rgba(232,232,220,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(232,232,220,.032) 1px,transparent 1px); background-size:40px 40px; content:""; inset:0; pointer-events:none; position:absolute; }.mw4-preview-stage>[data-counter-mount] { position:relative; width:min(90%,570px); z-index:1; }
.mw4-obs-actions { display:flex; gap:10px; margin-top:14px; }.mw4-obs-actions button,.mw4-obs-actions a { align-items:center; background:transparent; border:1px solid rgba(201,255,69,.23); color:var(--mw4-lime)!important; cursor:pointer; display:flex; font-size:8px; justify-content:center; letter-spacing:.09em; min-height:42px; padding:0 15px; text-decoration:none!important; }
.mw4-command-panel { grid-row:span 1; }.mw4-total { align-items:end; display:flex; justify-content:space-between; margin-bottom:22px; }.mw4-total small { color:#687780; font-size:8px; letter-spacing:.12em; }.mw4-total strong { color:var(--mw4-lime); font:800 76px/.72 var(--mw4-display); font-variant-numeric:tabular-nums; }
.mw4-app label { color:#74818a; display:grid; font-size:8px; gap:8px; letter-spacing:.1em; }
.mw4-add-form>div,.mw4-set-form>div { display:grid; grid-template-columns:1fr 82px; }.mw4-stats-page .mw4-app input[type=number],.mw4-stats-page .mw4-app input[type=text],.mw4-app input[type=number],.mw4-app input[type=text],.mw4-app input[name=label] { -webkit-appearance:none!important; appearance:none!important; background:#050505!important; border:1px solid rgba(232,232,220,.18)!important; border-radius:0!important; box-shadow:none!important; color:#edf3ef!important; font:500 12px/1 var(--mw4-mono)!important; min-height:46px; outline:0!important; padding:0 13px!important; width:100%!important; }.mw4-add-form button,.mw4-set-form button,.mw4-appearance-panel form>button { background:var(--mw4-lime); border:0; color:#071008; cursor:pointer; font-size:9px; font-weight:800; letter-spacing:.08em; }
.mw4-quick-add { display:grid; gap:7px; grid-template-columns:repeat(4,1fr); margin:9px 0 20px; }.mw4-quick-add button { background:rgba(201,255,69,.04); border:1px solid rgba(201,255,69,.15); color:var(--mw4-lime); cursor:pointer; min-height:38px; }
.mw4-danger-row { display:grid; gap:8px; grid-template-columns:1fr 1fr; margin-top:12px; }.mw4-danger-row button { background:transparent; border:1px solid rgba(255,105,95,.18); color:#c98783; cursor:pointer; font-size:8px; min-height:39px; }.mw4-command-rule { align-items:center; border-top:1px solid rgba(198,220,234,.08); display:flex; gap:12px; margin:20px 0 0!important; padding-top:17px; }.mw4-command-rule code { background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; color:var(--mw4-lime)!important; font:700 14px/1 var(--mw4-display)!important; letter-spacing:.04em!important; padding:0!important; }.mw4-command-rule span { color:#66737b; font-size:8px; line-height:1.5; }.mw4-sub-rule { align-items:center; display:flex; gap:12px; margin:12px 0 0!important; }.mw4-sub-rule strong { color:var(--mw4-coral); flex:0 0 auto; font:700 13px/1 var(--mw4-display); letter-spacing:.04em; }.mw4-sub-rule span { color:#66737b; font-size:8px; line-height:1.5; }.mw4-reconnect { background:var(--mw4-lime); color:#071008!important; display:flex; font-size:9px; font-weight:800; justify-content:center; letter-spacing:.08em; margin-top:15px; min-height:42px; padding:15px 12px; text-align:center; text-decoration:none!important; }
.mw4-appearance-panel form { display:grid; gap:17px; }.mw4-color-picker { align-items:center; background:#050505; border:1px solid rgba(232,232,220,.18); display:flex; gap:9px; min-height:48px; padding:7px 9px; }.mw4-color-picker button { background:var(--swatch)!important; border:1px solid rgba(255,255,255,.26)!important; cursor:pointer; height:30px; min-height:30px; padding:0!important; position:relative; width:46px; }.mw4-color-picker button[aria-pressed=true] { box-shadow:0 0 0 2px #050505,0 0 0 3px var(--swatch),0 0 16px color-mix(in srgb,var(--swatch) 28%,transparent); }.mw4-color-picker button[aria-pressed=true]::after { border-color:#050505 transparent transparent; border-style:solid; border-width:6px 6px 0; content:""; left:50%; position:absolute; top:4px; transform:translateX(-50%); }.mw4-color-picker output { color:#8d918b; font:500 9px/1 var(--mw4-mono); letter-spacing:.08em; margin-left:auto; }.mw4-appearance-panel form>button { min-height:44px; }.mw4-switch { align-items:center; display:flex!important; justify-content:space-between; }.mw4-switch span { display:grid; gap:4px; }.mw4-switch small { color:#58656e; font-size:7px; letter-spacing:0; }.mw4-switch input { opacity:0; position:absolute; }.mw4-switch i { background:#192129; border-radius:999px; height:24px; position:relative; width:43px; }.mw4-switch i::before { background:#5b6770; border-radius:50%; content:""; height:16px; left:4px; position:absolute; top:4px; transition:.2s; width:16px; }.mw4-switch input:checked+i::before { background:var(--mw4-lime); box-shadow:0 0 9px rgba(255,208,0,.4); transform:translateX(19px); }.mw4-rotate { background:transparent; border:1px solid rgba(255,105,95,.18); color:#c98783; cursor:pointer; font-size:8px; margin-top:12px; min-height:42px; width:100%; }
.mw4-history { display:grid; gap:7px; max-height:310px; overflow:auto; scrollbar-color:#5e5d54 #090909; scrollbar-width:thin; }.mw4-history::-webkit-scrollbar { width:8px; }.mw4-history::-webkit-scrollbar-track { background:#090909; }.mw4-history::-webkit-scrollbar-thumb { background:#5e5d54; border:2px solid #090909; }.mw4-history::-webkit-scrollbar-thumb:hover { background:var(--mw4-lime); }.mw4-history>div { align-items:center; background:rgba(255,255,255,.018); border-left:2px solid rgba(255,208,0,.28); display:grid; gap:10px; grid-template-columns:45px 1fr auto; padding:10px 11px; }.mw4-history strong { color:var(--mw4-lime); font:700 18px/1 var(--mw4-display); }.mw4-history strong.is-negative { color:var(--mw4-coral); }.mw4-history span { display:grid; gap:3px; }.mw4-history b { color:#c8d0cc; font-size:8px; font-weight:500; }.mw4-history small { color:#59666f; font-size:7px; text-transform:uppercase; }.mw4-history em { color:#7d8990; font-size:10px; font-style:normal; }.mw4-empty { color:#66737b!important; font-size:9px!important; line-height:1.7!important; margin:0!important; }
.mw4-control-footer { align-items:center; color:#48555d; display:flex; font-size:7px; justify-content:space-between; letter-spacing:.12em; margin:auto; max-width:1500px; }.mw4-control-footer button { background:transparent; border:0; color:#755b5c; cursor:pointer; font-size:7px; letter-spacing:.1em; }
.mw4-toast { background:#d7ff78; bottom:24px; color:#071008; font-size:9px; font-weight:700; left:50%; opacity:0; padding:13px 18px; pointer-events:none; position:fixed; transform:translate(-50%,20px); transition:.25s; z-index:100; }.mw4-toast.is-visible { opacity:1; transform:translate(-50%,0); }.mw4-toast.is-danger { background:#ff8e86; }
.mw4-admin-wrap { padding:30px 25px; }.mw4-admin-card { background:#11110f; border:1px solid rgba(232,232,220,.2); color:#edf3ef; max-width:860px; padding:34px; }.mw4-admin-card h1 { color:#edf3ef; font:800 48px/1 var(--mw4-display); margin:10px 0 14px; }.mw4-admin-card>p { color:#a4a59e; line-height:1.65; max-width:680px; }.mw4-admin-card form { display:grid; gap:17px; margin-top:27px; }.mw4-admin-card label { color:#92938c; display:grid; font:500 9px/1.2 var(--mw4-mono); gap:7px; letter-spacing:.1em; }.mw4-admin-card input { background:#050505; border:1px solid rgba(232,232,220,.18); color:#edf3ef; min-height:43px; padding:0 12px; }.mw4-admin-card .button-primary { background:#ffd000; border:0; color:#090900; font-weight:700; justify-self:start; min-height:42px; padding:0 18px; }.mw4-admin-metrics { display:flex; gap:10px; margin:25px 0; }.mw4-admin-metrics span { background:#050505; color:#74756f; display:grid; font-size:9px; gap:4px; padding:12px 15px; }.mw4-admin-metrics b { color:#ffd000; font:700 22px/1 var(--mw4-display); }.mw4-admin-link a { color:#ffd000; }
.mw4-overlay-body { background:transparent!important; margin:0; min-height:100vh; overflow:hidden; }.mw4-overlay-body .mw4-app { background:transparent; min-height:100vh; }.mw4-overlay { align-items:center; display:flex; justify-content:center; min-height:100vh; padding:15px; }.mw4-overlay>[data-counter-mount] { width:min(92vw,720px); }.mw4-overlay .mw4-counter-card { min-height:290px; padding:30px 34px; width:100%; }.mw4-overlay .mw4-counter-value b { font-size:clamp(110px,18vw,190px); }.mw4-overlay .mw4-counter-brand { flex-basis:165px; gap:14px; }.mw4-overlay .mw4-counter-icon { width:165px; }.mw4-overlay .mw4-counter-value span { font-size:26px; }.mw4-overlay .mw4-counter-event strong { font-size:26px; }.mw4-overlay .mw4-counter-event span { font-size:10px; }
@keyframes mw4-pulse { to { opacity:.35; transform:scale(.72); } }@keyframes mw4-card-flash { 0%,100%{box-shadow:0 24px 80px rgba(0,0,0,.45)} 35%{box-shadow:0 0 55px color-mix(in srgb,var(--mw4-accent) 25%,transparent)} }@keyframes mw4-number-hit { 30%{color:var(--mw4-accent);transform:translateY(-3px)} }@keyframes mw4-scan { from{transform:translateY(0)}to{transform:translateY(238px)} }
@media (max-width:900px) { .mw4-landing { grid-template-columns:1fr; }.mw4-landing>.mw4-brand,.mw4-landing footer { grid-column:1; }.mw4-landing-copy { padding:85px 0 30px; }.mw4-landing-demo { padding:25px 0 80px; }.mw4-landing-demo::before { height:390px; width:330px; }.mw4-control-header { grid-template-columns:1fr auto; }.mw4-control-header>.mw4-brand { display:none; }.mw4-control-grid { grid-template-columns:1fr; }.mw4-preview-stage { min-height:360px; } }
@media (max-width:560px) { .mw4-app { min-height:100svh; }.mw4-landing { min-height:100svh; padding:26px 19px 24px; }.mw4-landing-copy h1 { font-size:70px!important; margin:22px 0 28px!important; }.mw4-landing-copy>p:not(.mw4-kicker) { font-size:19px!important; }.mw4-landing-demo { padding-top:5px; }.mw4-counter-card { min-height:192px; padding:19px 18px 16px; }.mw4-counter-value { gap:11px; }.mw4-counter-value b { font-size:75px; }.mw4-counter-brand { flex-basis:88px; gap:7px; }.mw4-counter-icon { width:88px; }.mw4-counter-value span { font-size:15px; }.mw4-counter-event { margin-top:16px; padding-top:11px; }.mw4-controller { padding:20px 12px; }.mw4-control-header { gap:10px; }.mw4-live-pill { padding:9px; }.mw4-live-pill span { display:none; }.mw4-control-grid>section { padding:16px; }.mw4-preview-stage { min-height:280px; padding:14px; }.mw4-preview-stage>[data-counter-mount] { width:100%; }.mw4-obs-actions { display:grid; grid-template-columns:1fr 1fr; }.mw4-total strong { font-size:62px; }.mw4-quick-add { grid-template-columns:1fr 1fr; }.mw4-control-footer span { display:none; }.mw4-overlay { padding:10px; }.mw4-overlay .mw4-counter-card { min-height:210px; padding:20px; }.mw4-overlay .mw4-counter-value b { font-size:clamp(82px,24vw,134px); }.mw4-overlay .mw4-counter-brand { flex-basis:112px; }.mw4-overlay .mw4-counter-icon { width:112px; }.mw4-overlay .mw4-counter-value span { font-size:18px; } }
@media (prefers-reduced-motion:reduce) { .mw4-app * { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }