
#gym-preview{--g-bg:light-dark(#f7f9f4,#142019);--g-panel:light-dark(#fff,#1f3026);--g-ink:light-dark(#172c21,#eef6ed);--g-muted:light-dark(#5f7065,#b4c6b7);--g-line:light-dark(#dfe6dc,#3c5142);--g-soft:light-dark(#eaf3e6,#2e4432);font-family:Arial,sans-serif;font-size:14px;line-height:1.55;color:var(--g-ink);background:var(--g-bg);border-radius:18px;overflow:hidden}#gym-preview *{box-sizing:border-box}#gym-preview button,#gym-preview input,#gym-preview select{font:inherit}#gym-preview button{border:1px solid var(--g-line);background:var(--g-panel);color:var(--g-ink);border-radius:9px;padding:10px 16px;font-weight:600}#gym-preview button:hover{filter:brightness(.95)}#gym-preview button.main{background:#d4f46a;color:#172b1e;border-color:#d4f46a}#gym-preview button.chosen{background:var(--g-ink);color:var(--g-bg);border-color:var(--g-ink)}#gym-preview button:disabled{opacity:.55}#gym-preview [hidden]{display:none!important}#gym-preview .nav{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px 32px;background:var(--g-panel)}#gym-preview .brand{font-size:21px;font-weight:800;letter-spacing:-1px;white-space:nowrap}#gym-preview .brand span{color:light-dark(#347d44,#bbdf7b)}#gym-preview .links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}#gym-preview .links button{border:0;background:transparent;padding:8px 10px}#gym-preview h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-2px;margin:18px 0}#gym-preview h2{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:8px 0 14px}#gym-preview h3{font-size:17px;margin:0 0 8px}#gym-preview p{margin:8px 0 18px;color:var(--g-muted)}#gym-preview .hero{background:#183b2c;color:#fff;padding:46px 32px;display:grid;grid-template-columns:1.08fr 1fr;gap:36px;align-items:center}#gym-preview .hero p{color:#c8d9cd;font-size:16px}#gym-preview .eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700}#gym-preview .hero h1 em{color:#d4f46a;font-style:normal}#gym-preview .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}#gym-preview .hero .secondary{background:transparent;border-color:#6c8b78;color:#fff}#gym-preview .small{font-size:12px}#gym-preview .hero .tinyline{font-size:12px;margin-top:15px;color:#c8d9cd}#gym-preview .sample{background:var(--g-panel);color:var(--g-ink);border-radius:14px;padding:22px;box-shadow:0 16px 40px #081b2240}#gym-preview .split{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}#gym-preview .tag{display:inline-block;border-radius:30px;background:var(--g-soft);color:var(--g-ink);padding:4px 9px;font-size:11px;font-weight:600}#gym-preview .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}#gym-preview .stat{background:var(--g-soft);border-radius:10px;padding:13px}#gym-preview .stat small{display:block;font-size:11px;color:var(--g-muted)}#gym-preview .stat strong{display:block;font-size:25px;line-height:1.5}#gym-preview .entry{padding:13px 0;border-bottom:1px solid var(--g-line);display:flex;justify-content:space-between;gap:12px;align-items:center}#gym-preview .entry:last-child{border-bottom:0}#gym-preview .entry small{display:block;color:var(--g-muted);font-size:12px}#gym-preview .section{padding:34px 32px}#gym-preview .features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}#gym-preview .feature{padding:18px;background:var(--g-panel);border-radius:12px}#gym-preview .feature i{color:light-dark(#377748,#b9e495)}#gym-preview .feature h3{margin-top:12px}#gym-preview .feature p{font-size:13px;margin:0}#gym-preview .demo-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--g-soft);padding:25px;border-radius:14px}#gym-preview .demo-banner p{margin:4px 0}#gym-preview .tutorial{background:var(--g-panel);border-radius:14px;padding:24px;margin-top:20px}#gym-preview .steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}#gym-preview .steps button{padding:7px 13px}#gym-preview .walk{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}#gym-preview .walk-visual{padding:20px;background:var(--g-soft);border-radius:12px}#gym-preview footer{padding:22px 32px;border-top:1px solid var(--g-line);display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;color:var(--g-muted);font-size:12px}#gym-preview .workspace{padding:28px 32px}#gym-preview .rolebar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}#gym-preview .demo-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}#gym-preview .box{background:var(--g-panel);padding:22px;border:1px solid var(--g-line);border-radius:12px}#gym-preview .notice{background:var(--g-soft);padding:12px 16px;border-radius:9px;margin:16px 0;font-size:13px}#gym-preview label{display:block;font-size:13px;margin-bottom:15px}#gym-preview input,#gym-preview select{display:block;background:var(--g-bg);color:var(--g-ink);border:1px solid var(--g-line);padding:11px;border-radius:8px;width:100%;margin-top:6px;min-width:0}#gym-preview .login-box{max-width:430px;margin:25px auto;padding:28px;background:var(--g-panel);border-radius:16px;border:1px solid var(--g-line)}#gym-preview .widebutton{width:100%}#gym-preview .feedback{color:light-dark(#245d31,#b8df98);padding:8px 0;font-size:13px;min-height:28px}#gym-preview .credit{font-size:36px;font-weight:700;letter-spacing:-1px}#gym-preview .meter{height:8px;background:var(--g-line);border-radius:8px;margin:12px 0;overflow:hidden}#gym-preview .meter span{display:block;height:100%;background:light-dark(#4c8a40,#b5e26a);width:35%}
@media(max-width:680px){#gym-preview .nav{padding:16px;gap:10px;flex-wrap:wrap}#gym-preview .links{gap:2px}#gym-preview .hero{grid-template-columns:1fr;padding:32px 20px;gap:26px}#gym-preview .section,#gym-preview .workspace{padding:24px 18px}#gym-preview .features{grid-template-columns:1fr 1fr;gap:12px}#gym-preview .demo-grid,#gym-preview .walk{grid-template-columns:1fr}#gym-preview .demo-banner{align-items:start;flex-direction:column}#gym-preview .stats{gap:6px}#gym-preview .stat{padding:10px}#gym-preview .stat strong{font-size:22px}#gym-preview input,#gym-preview select{font-size:16px}#gym-preview h2{font-size:25px}#gym-preview button{min-height:44px}}@media(max-width:380px){#gym-preview .features{grid-template-columns:1fr}}

body{margin:0;background:#f7f9f4}#gym-preview{border-radius:0;max-width:1440px;margin:auto;color-scheme:light}#gym-preview a{color:inherit}#gym-preview .brand{text-decoration:none}#gym-preview .nav{border-bottom:1px solid var(--g-line)}

#gym-preview .signup-link{display:inline-block;padding:10px 16px;border-radius:9px;background:#d4f46a;color:#183b2c;font-weight:700;text-decoration:none}#gym-preview .hero .signup-link{background:transparent;color:white;border:1px solid #6c8b78}

#gym-preview .brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:0}#gym-preview .brand img{display:block;width:42px;height:42px}#gym-preview .brand .brand-words{display:flex;flex-direction:column;gap:2px;color:#183b2c;line-height:1}#gym-preview .brand strong{font-size:23px;font-weight:800;letter-spacing:1px}#gym-preview .brand small{font-size:11px;font-weight:600;letter-spacing:1.2px;color:#347d44}#gym-preview .gym-atmosphere{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:42px;padding-top:40px;padding-bottom:12px}#gym-preview .gym-atmosphere figure{margin:0}#gym-preview .gym-atmosphere img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px}#gym-preview .gym-atmosphere figcaption{font-size:11px;color:var(--g-muted);margin-top:7px}#gym-preview .gym-atmosphere h2{font-size:clamp(25px,3vw,38px);margin-top:12px}@media(max-width:680px){#gym-preview .gym-atmosphere{grid-template-columns:1fr;gap:20px;padding:24px 18px}#gym-preview .brand img{width:38px;height:38px}}
