
body .app{--bg:#02070a;--panel:rgba(8,24,30,.72);--line:rgba(102,229,239,.16);--cyan:#55e2eb;--cyan2:#b9fbff;--text:#eef8f9;--muted:#82969c;--amber:#ffb454}body .app,body .app *{box-sizing:border-box}.app{min-height:100vh;padding:18px}.shell{max-width:1600px;margin:auto}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));backdrop-filter:blur(28px);box-shadow:0 20px 55px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:13px}.mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(85,226,235,.35);border-radius:10px;color:var(--cyan);font:700 12px Consolas;background:rgba(85,226,235,.07);box-shadow:0 0 22px rgba(85,226,235,.11)}.brand strong{display:block;font-size:14px;font-weight:650;letter-spacing:.02em}.brand small{display:block;margin-top:3px;color:#688087;font-size:8px;letter-spacing:.16em;text-transform:uppercase}.status{display:flex;align-items:center;gap:9px;color:#8ca1a7;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.status i{width:7px;height:7px;border-radius:50%;background:#5ee78e;box-shadow:0 0 12px #5ee78e}.workspace{display:grid;grid-template-columns:310px minmax(420px,1fr) 370px;gap:14px;margin-top:14px}.glass{border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(62,223,237,.07),transparent 36%),linear-gradient(145deg,rgba(18,42,49,.72),rgba(3,11,15,.88));backdrop-filter:blur(30px) saturate(155%);box-shadow:0 26px 65px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08)}.controls{padding:20px}.section-tag{color:var(--cyan);font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.controls h1{font-size:25px;font-weight:560;line-height:1.08;letter-spacing:-.035em;margin:9px 0 8px}.lede{color:var(--muted);font-size:11px;line-height:1.55;margin:0 0 18px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field.full{grid-column:1/-1}.field label{display:block;margin:0 0 6px;color:#819399;font-size:8px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.field input,.field select{width:100%;height:40px;padding:0 11px;border:1px solid rgba(102,229,239,.13);border-radius:9px;outline:0;background:rgba(0,6,9,.62);color:#e9f8fa;font:500 11px inherit}.field input:focus,.field select:focus{border-color:rgba(85,226,235,.55);box-shadow:0 0 0 3px rgba(85,226,235,.07)}.mode{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode button{height:38px;border:1px solid rgba(102,229,239,.13);border-radius:9px;background:rgba(0,7,10,.55);color:#7f9399;font:650 8px inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.mode button.active{color:#001317;border-color:#abf7fb;background:linear-gradient(135deg,#9af7fb,#40dce6);box-shadow:0 12px 28px rgba(44,211,225,.16)}.primary{width:100%;height:50px;margin-top:15px;border:1px solid #c4fbfe;border-radius:11px;background:linear-gradient(135deg,#a4f9fc,#48dce6 58%,#20aabf);color:#001317;font:720 9px inherit;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;box-shadow:0 16px 38px rgba(32,190,208,.2)}.usage{display:flex;justify-content:space-between;margin-top:10px;color:#62767d;font-size:8px}.viewport{position:relative;min-height:690px;overflow:hidden}.viewport canvas{display:block;width:100%;height:100%;min-height:690px}.hud{position:absolute;left:16px;right:16px;top:16px;display:flex;justify-content:space-between;pointer-events:none}.hud-group{display:flex;gap:7px}.chip{padding:8px 10px;border:1px solid rgba(105,231,240,.15);border-radius:9px;background:rgba(1,9,12,.72);backdrop-filter:blur(14px);color:#8ea2a7;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.chip b{color:#e9f9fa;font-weight:600}.transport{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:8px;border:1px solid rgba(105,231,240,.17);border-radius:13px;background:rgba(1,9,12,.8);backdrop-filter:blur(18px)}.transport button{width:38px;height:36px;border:1px solid rgba(105,231,240,.13);border-radius:9px;background:rgba(255,255,255,.035);color:#dff9fb;cursor:pointer}.transport button.play{width:46px;color:#001317;background:linear-gradient(135deg,#9cf6fa,#45dbe5)}.transport input{width:150px;accent-color:var(--cyan)}.output{padding:18px;display:flex;flex-direction:column;min-height:690px}.out-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.out-head h2{margin:7px 0 0;font-size:19px;font-weight:550;letter-spacing:-.025em}.badge{padding:6px 8px;border:1px solid rgba(85,226,235,.2);border-radius:7px;color:var(--cyan);font-size:7px;letter-spacing:.12em}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.metric{padding:10px;border:1px solid rgba(102,229,239,.1);border-radius:9px;background:rgba(0,7,10,.42)}.metric span{display:block;color:#667b82;font-size:7px;text-transform:uppercase}.metric b{display:block;margin-top:5px;font:600 14px Consolas;color:#dffbfc}.code{flex:1;min-height:400px;margin:0;padding:14px;overflow:auto;border:1px solid rgba(102,229,239,.12);border-radius:12px;background:#010609;color:#8fb1b7;font:10px/1.62 Consolas,monospace;white-space:pre}.output-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.secondary{height:42px;border:1px solid rgba(102,229,239,.18);border-radius:9px;background:rgba(255,255,255,.035);color:#dff8fa;font:680 8px inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.warning{margin-top:11px;color:#64777e;font-size:8px;line-height:1.45}.lock{position:fixed;inset:0;z-index:10;display:none;place-items:center;padding:20px;background:rgba(0,5,8,.82);backdrop-filter:blur(16px)}.lock.show{display:grid}.lock-card{max-width:500px;padding:38px;text-align:center;border:1px solid rgba(108,234,243,.25);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(63,223,237,.14),transparent 42%),linear-gradient(145deg,#10272e,#030b0f);box-shadow:0 40px 100px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.12)}.lock-card h2{margin:12px 0;font-size:30px;font-weight:560;letter-spacing:-.04em}.lock-card p{color:#8ea1a7;font-size:12px;line-height:1.65}.unlock{display:inline-flex;align-items:center;justify-content:center;height:50px;margin-top:12px;padding:0 26px;border-radius:10px;background:linear-gradient(135deg,#a4f9fc,#43dce6);color:#001317;text-decoration:none;font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}@media(max-width:1150px){.workspace{grid-template-columns:300px 1fr}.output{grid-column:1/-1;min-height:560px}}@media(max-width:760px){.app{padding:8px}.topbar{height:58px}.status{display:none}.workspace{grid-template-columns:1fr}.viewport{min-height:520px}.viewport canvas{min-height:520px}.output{min-height:520px}.field-grid{gap:8px}.transport input{width:90px}}


.wp-block-html:has(> .app){position:relative!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:0!important;overflow:hidden!important}
body .app{--line:rgba(103,232,241,.17);position:relative;width:100%;max-width:100vw;min-height:auto!important;padding:28px clamp(14px,3vw,42px) 52px!important;overflow:hidden;background:radial-gradient(circle at 76% 0,rgba(42,205,219,.15),transparent 27%),radial-gradient(circle at 3% 60%,rgba(21,103,158,.08),transparent 28%),linear-gradient(180deg,#041318 0%,#02090c 55%,#010507 100%);font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif}
body .app:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(84,226,237,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(84,226,237,.022) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(#000,transparent 92%)}
body .app .shell{position:relative;z-index:1;width:100%;max-width:1380px;margin:0 auto;min-width:0}
body .app button,body .app input,body .app select{font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif}
body .app .topbar{height:auto;min-height:72px;padding:14px 20px;border-radius:17px;background:radial-gradient(circle at 100% 0,rgba(71,225,238,.08),transparent 40%),linear-gradient(145deg,rgba(24,52,60,.74),rgba(3,12,16,.89));box-shadow:0 26px 65px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.11)}
body .app .mark{width:42px;height:42px;border-radius:12px;font-size:11px;font-weight:650}
body .app .brand strong{font-size:15px;font-weight:570;letter-spacing:-.01em}
body .app .brand small{font-size:7px;font-weight:600;letter-spacing:.19em}
body .app .workspace{width:100%;min-width:0;display:grid;grid-template-columns:minmax(275px,330px) minmax(0,1fr);gap:16px;margin-top:16px;align-items:stretch}
body .app .workspace>*{min-width:0;max-width:100%}
body .app .glass{border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(65,224,237,.085),transparent 38%),linear-gradient(145deg,rgba(22,47,55,.68),rgba(3,11,15,.90));box-shadow:0 30px 72px rgba(0,0,0,.36),0 0 34px rgba(48,213,227,.03),inset 0 1px 0 rgba(255,255,255,.105)}
body .app .controls{padding:24px}
body .app .controls h1{margin-top:11px;font-size:27px;line-height:1.08;font-weight:510;letter-spacing:-.035em;text-transform:none}
body .app .lede{font-size:11px;line-height:1.7}
body .app .field-grid{gap:11px 9px}
body .app .field input,body .app .field select{height:42px;border-radius:10px;background:rgba(0,6,9,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
body .app .mode button{height:40px;border-radius:10px}
body .app .primary{height:52px;border-radius:11px;font-weight:690;box-shadow:0 18px 42px rgba(32,190,208,.19),inset 0 1px 0 rgba(255,255,255,.9)}
body .app .viewport{width:100%;height:720px;min-height:720px;overflow:hidden;isolation:isolate}
body .app .viewport canvas{position:absolute;inset:0;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;display:block}
body .app .hud{z-index:2;flex-wrap:wrap;gap:8px}
body .app .transport{z-index:3;max-width:calc(100% - 24px)}
body .app .output{grid-column:1/-1;min-height:0;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:auto auto 1fr;column-gap:18px;align-items:start}
body .app .out-head{grid-column:1/-1}
body .app .metrics{grid-column:2;grid-row:2;margin:0;grid-template-columns:1fr}
body .app .code{grid-column:1;grid-row:2/4;width:100%;min-width:0;min-height:330px;max-height:470px;white-space:pre;overflow:auto;border-radius:13px;background:linear-gradient(145deg,#02090c,#010507)}
body .app .output-actions{grid-column:2;grid-row:3;display:grid;grid-template-columns:1fr;margin-top:12px}
body .app .warning{grid-column:1/-1;margin:18px 0 0;padding-top:15px;border-top:1px solid rgba(103,232,241,.09)}
body .app .lock{max-width:100vw}
@media(max-width:980px){body .app .workspace{grid-template-columns:1fr}body .app .viewport{height:620px;min-height:620px}body .app .output{grid-column:auto}}
@media(max-width:720px){body .app{padding:12px 10px 38px!important}body .app .topbar{min-height:64px;padding:11px 13px}body .app .status{display:none}body .app .workspace{gap:11px;margin-top:11px}body .app .controls{padding:20px}body .app .field-grid{grid-template-columns:1fr 1fr}body .app .viewport{height:520px;min-height:520px}body .app .hud{left:10px;right:10px;top:10px}body .app .hud-group:last-child{width:100%}body .app .chip{padding:7px 8px}body .app .transport{left:10px;right:10px;bottom:10px;transform:none;justify-content:center}body .app .transport input{min-width:0;flex:1}body .app .output{display:block;padding:20px}body .app .metrics{grid-template-columns:repeat(3,1fr);margin-bottom:11px}body .app .code{min-height:330px}body .app .output-actions{grid-template-columns:1fr 1fr}}
@media(max-width:440px){body .app .field-grid{grid-template-columns:1fr}body .app .field.full{grid-column:auto}body .app .viewport{height:470px;min-height:470px}body .app .transport button{width:34px}body .app .transport input{width:70px}body .app .metrics{grid-template-columns:1fr}.lock-card{padding:27px 20px}}

/* V2 premium simulator: brighter machining viewport and legible macro output */
body .app{--bg:#071820;--panel:rgba(14,38,47,.78);--line:rgba(116,235,244,.28);--muted:#a8bcc1;background:radial-gradient(circle at 72% 5%,rgba(72,218,235,.24),transparent 32%),radial-gradient(circle at 12% 48%,rgba(32,124,181,.15),transparent 35%),linear-gradient(180deg,#09242c 0%,#041319 62%,#02090c 100%)}
body .app .glass{border-color:rgba(118,235,244,.26);background:radial-gradient(circle at 100% 0,rgba(94,232,244,.15),transparent 42%),linear-gradient(145deg,rgba(30,63,73,.82),rgba(5,19,25,.94));box-shadow:0 30px 75px rgba(0,0,0,.43),0 0 45px rgba(50,220,235,.07),inset 0 1px 0 rgba(255,255,255,.16)}
body .app .viewport{border-color:rgba(120,239,248,.36);box-shadow:0 32px 82px rgba(0,0,0,.46),0 0 52px rgba(53,224,238,.10),inset 0 1px 0 rgba(255,255,255,.18)}
body .app .sim-label{position:absolute;z-index:2;left:20px;bottom:78px;display:flex;flex-direction:column;gap:4px;padding:10px 13px;border:1px solid rgba(111,235,244,.26);border-radius:10px;background:rgba(3,18,24,.73);backdrop-filter:blur(16px);pointer-events:none}
body .app .sim-label b{color:#75f1fa;font-size:8px;letter-spacing:.16em}body .app .sim-label span{color:#b4c9ce;font-size:9px}
body .app .code{color:#d2edf0;font-size:12px;line-height:1.7;background:linear-gradient(145deg,#06171d,#02090c);border-color:rgba(106,230,240,.22);text-shadow:0 0 14px rgba(84,226,235,.08)}
body .app .badge{font-size:8px;color:#9cf6fb;background:rgba(62,221,233,.08)}
body .app .field input,body .app .field select{color:#f2fdfe;background:rgba(2,13,18,.82);border-color:rgba(111,232,241,.22)}
@media(max-width:720px){body .app .sim-label{left:10px;bottom:72px;max-width:calc(100% - 20px)}body .app .sim-label span{display:none}}

/* WordPress theme isolation and V3 high-contrast colour system */
body .app,body .app .shell,body .app .glass{color:#eefbfc!important}
body .app .brand strong,body .app .controls h1,body .app .out-head h2,body .app .lock-card h2{color:#f5fdfe!important;text-shadow:0 1px 18px rgba(126,239,247,.12)}
body .app .brand small,body .app .lede,body .app .warning{color:#b6c9ce!important}
body .app .field label,body .app .metric span{color:#9fb7bd!important}
body .app .section-tag{color:#6ff3fc!important}
body .app .mode button:not(.active){color:#b3c7cb!important}
body .app .mode button.active,body .app .primary{color:#00171c!important}
body .app .field input,body .app .field select{color:#f7feff!important}
body .app .status,body .app .chip{color:#abc0c5!important}
body .app .chip b{color:#ffffff!important}
body .app .viewport{background:radial-gradient(circle at 50% 34%,#163945 0%,#09232c 50%,#04141a 100%)!important}
body .app .sim-label{background:rgba(4,21,28,.9);box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.1)}

body .app .transport select{height:36px;min-width:116px;padding:0 10px;border:1px solid rgba(105,231,240,.22);border-radius:9px;background:#0a2028;color:#e8fbfc!important;font:650 8px "Segoe UI",Arial,sans-serif;letter-spacing:.06em;cursor:pointer}
@media(max-width:520px){body .app .transport select{min-width:88px;max-width:98px;padding:0 5px;font-size:7px}}

body .app .viewport{background:#bfc7cc!important}
body .app .gnomon-ui{position:absolute;z-index:8;left:12px;bottom:12px;width:72px;height:72px;padding:3px;border:1px solid rgba(40,55,63,.22);border-radius:11px;background:rgba(238,242,244,.86);box-shadow:0 8px 22px rgba(25,38,45,.16);pointer-events:none}
body .app .gnomon-ui svg{display:block;width:100%;height:100%;overflow:visible}
body .app .gnomon-ui text{font:700 10px "Segoe UI",Arial,sans-serif}
body .app .gnomon-ui canvas{position:static!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important}
body .app .gnomon-ui{width:58px!important;height:58px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
@media(max-width:720px){body .app .gnomon-ui{width:54px!important;height:54px!important}}
body .app .view-tools{position:absolute;z-index:9;right:12px;bottom:76px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:280px}
body .app .view-tools button{height:30px;padding:0 10px;border:1px solid rgba(11,40,49,.28);border-radius:8px;background:rgba(8,24,30,.82);color:#aebdc1;font:700 8px "Segoe UI",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(12px)}
body .app .view-tools button.active{border-color:rgba(85,226,235,.7);background:#12363f;color:#8ff5fb}
body .app .view-tools button.is-hidden{border-color:rgba(11,40,49,.2);background:rgba(8,24,30,.5);color:#66777c;text-decoration:line-through}
@media(max-width:720px){body .app .view-tools{left:10px;right:10px;bottom:72px;max-width:none;justify-content:flex-end}body .app .view-tools button{height:28px;padding:0 8px;font-size:7px}}
@media(max-width:720px){body .app .gnomon-ui{left:10px;bottom:72px;width:76px;height:76px}}

/* V8 clean simulator and full-width macro output */
body .app .viewport{background:#a1abb3!important}
body .app .viewport canvas{touch-action:none!important}
body .app .field input,body .app .field select{-webkit-appearance:none!important;appearance:none!important;color-scheme:dark!important;background-color:#06161c!important;color:#f3fdfe!important;-webkit-text-fill-color:#f3fdfe!important;caret-color:#65e8f1!important;opacity:1!important}
body .app .field input::placeholder{color:#82969c!important;-webkit-text-fill-color:#82969c!important;opacity:1!important}
body .app .field select option{background:#06161c!important;color:#f3fdfe!important}
@media(max-width:720px){body .app .field input,body .app .field select{font-size:16px!important;height:46px!important}body .app .viewport{overscroll-behavior:contain}}
@media(max-width:720px){
body .app .controls .field input[type="number"],body .app .controls .field input[type="text"],body .app .controls .field select,
body .app .controls .field input[type="number"]:focus,body .app .controls .field input[type="text"]:focus,body .app .controls .field select:focus,
body .app .controls .field input[type="number"]:active,body .app .controls .field input[type="text"]:active{
background:#06161c!important;background-color:#06161c!important;background-image:none!important;color:#f3fdfe!important;-webkit-text-fill-color:#f3fdfe!important;border-color:rgba(202,248,251,.9)!important;box-shadow:0 0 0 1000px #06161c inset!important;-webkit-box-shadow:0 0 0 1000px #06161c inset!important;opacity:1!important}
body .app .controls .field input:-webkit-autofill,body .app .controls .field input:-webkit-autofill:hover,body .app .controls .field input:-webkit-autofill:focus{
-webkit-text-fill-color:#f3fdfe!important;-webkit-box-shadow:0 0 0 1000px #06161c inset!important;box-shadow:0 0 0 1000px #06161c inset!important;transition:background-color 9999s ease-out 0s!important}
}
body .app .output{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto minmax(500px,1fr) auto auto!important;gap:12px!important;padding:24px!important}
body .app .out-head{grid-column:1!important;grid-row:1!important;margin:0!important}
body .app .metrics{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
body .app .code{grid-column:1!important;grid-row:3!important;width:100%!important;min-width:0!important;min-height:500px!important;max-height:680px!important;margin:0!important;padding:18px!important;font-size:12px!important;line-height:1.65!important;white-space:pre!important;overflow:auto!important}
body .app .output-actions{grid-column:1!important;grid-row:4!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;margin:0!important}
body .app .output-actions .secondary{width:auto!important;min-width:138px!important;max-width:170px!important;height:36px!important;padding:0 16px!important;font-size:7.5px!important}
body .app .warning{grid-column:1!important;grid-row:5!important;margin:0!important}
@media(max-width:720px){body .app .output{display:block!important}body .app .metrics{margin-bottom:10px!important}body .app .code{min-height:380px!important}body .app .output-actions{display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:10px!important}body .app .output-actions .secondary{width:100%!important;max-width:none!important}}
body .app .lock-card h2{color:#f2fbfc!important}body .app .lock-card .section-tag{color:#59e6ef!important}body .app .lock-card p{color:#a9bdc2!important}.follow-card{width:min(650px,96vw);max-width:650px}.social-unlock{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0 8px}.social-unlock a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px;border:1px solid rgba(85,226,235,.22);border-radius:10px;background:rgba(85,226,235,.055);color:#dffbfc!important;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.04em}.social-unlock a:hover,.social-unlock a.selected{border-color:#65eaf2;background:rgba(85,226,235,.16);color:#fff!important}.confirm-follow{border:0;cursor:pointer}.confirm-follow:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.35)}.gate-note{display:block;margin-top:13px;color:#71878d!important;font-size:9px}.follow-gate{z-index:12}@media(max-width:600px){.social-unlock{grid-template-columns:1fr 1fr}.follow-card{padding:28px 18px}.lock-card h2{font-size:25px}}
html body .lock{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important}html body .lock .lock-card h2{color:#f2fbfc!important}html body .lock .lock-card .section-tag{color:#59e6ef!important}html body .lock .lock-card p{color:#a9bdc2!important}html body .lock .lock-card small{color:#71878d!important}html body .lock .unlock{color:#001317!important}
.community-links{margin-top:14px;padding-top:13px;border-top:1px solid rgba(85,226,235,.12)}.social-icons{display:flex;align-items:center;gap:7px;margin-bottom:9px}.social-icons a{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(85,226,235,.2);border-radius:8px;background:rgba(85,226,235,.055);color:#bceef1!important;text-decoration:none;font:800 9px "Segoe UI",Arial,sans-serif}.social-icons a:hover{border-color:#59e6ef;color:#fff!important;background:rgba(85,226,235,.14)}.whatsapp-action{display:flex;align-items:center;gap:9px;min-height:42px;margin-top:7px;padding:7px 10px;border:1px solid rgba(37,211,102,.3);border-radius:9px;background:rgba(37,211,102,.075);color:#dff8e8!important;text-decoration:none;font:700 9px/1.35 "Segoe UI",Arial,sans-serif}.whatsapp-action:hover{border-color:#25d366;background:rgba(37,211,102,.14);color:#fff!important}.whatsapp-action b{color:#7af2a6;font-weight:800}.wa-logo{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#25d366;color:#052311;font:900 11px "Segoe UI Symbol","Segoe UI",Arial,sans-serif;box-shadow:0 0 14px rgba(37,211,102,.22)}@media(max-width:440px){.community-links{margin-top:12px}.social-icons{justify-content:center}}
.wa-logo{font-size:0!important;background-color:transparent!important;background-image:url('models/whatsapp-svgrepo-com.svg')!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;box-shadow:0 0 14px rgba(37,211,102,.20)!important}
.brand-logo{display:block;width:92px;height:31px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 10px rgba(85,226,235,.11))}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.social-icons a{font-size:0!important;background-color:rgba(255,255,255,.96)!important;background-position:center!important;background-repeat:no-repeat!important;background-size:21px 21px!important}.social-icons a:hover{background-color:#fff!important;transform:translateY(-1px)}.social-icons .social-youtube{background-image:url('models/social/youtube-color-svgrepo-com.svg')!important}.social-icons .social-instagram{background-image:url('models/social/instagram-1-svgrepo-com.svg')!important}.social-icons .social-facebook{background-image:url('models/social/facebook-color-svgrepo-com.svg')!important}.social-icons .social-linkedin{background-image:url('models/social/linkedin-svgrepo-com.svg')!important}.social-icons .social-tiktok{background-image:url('models/social/tiktok-svgrepo-com.svg')!important}
@media(max-width:720px){body .app .view-tools{justify-content:center!important}body .app .transport{left:50%!important;right:auto!important;width:calc(100% - 20px)!important;max-width:430px!important;transform:translateX(-50%)!important;justify-content:center!important}.brand-logo{width:78px;height:27px}}
.topbar-actions{display:flex;align-items:center;gap:10px}.wa-top{display:block;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:transparent url('models/whatsapp-svgrepo-com.svg') center/contain no-repeat;filter:drop-shadow(0 5px 10px rgba(37,211,102,.22));transition:transform .18s ease,filter .18s ease}.wa-top:hover{transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 7px 13px rgba(37,211,102,.32))}.social-footer{display:flex;align-items:center;justify-content:center;gap:16px;min-height:72px;margin-top:14px;padding:12px 18px;border:1px solid #d8e2e5;border-radius:16px;background:#fff;color:#183039;font:750 9px "Segoe UI",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 16px 42px rgba(0,0,0,.18)}.social-footer .social-icons{margin:0}.social-footer .social-icons a{width:36px;height:36px;border-color:#d7e0e3;background-size:25px 25px!important;box-shadow:0 3px 10px rgba(0,0,0,.08)}
@media(max-width:720px){.topbar-actions{gap:7px}.topbar-actions .status{display:none}.wa-top{flex-basis:38px;width:38px;height:38px}.social-footer{flex-direction:column;gap:8px;margin-top:11px}.social-footer .social-icons{justify-content:center}}
@media(max-width:440px){.brand strong{font-size:11px}.brand small{font-size:6.5px}.brand{gap:8px}.brand-logo{width:62px}.wa-top{flex-basis:34px;width:34px;height:34px}.topbar{padding-left:9px!important;padding-right:9px!important}.social-footer .social-icons a{width:34px;height:34px}}
