/* Myfitegre shared design system · 2026-10-23 */
:root,body{--mf-bg:#0c1417;--mf-surface:#142024;--mf-raised:#1a2a2d;--mf-line:#304449;--mf-ink:#edf4ef;--mf-muted:#b5c7c5;--mf-accent:#b4efc3;--mf-accent-ink:#102b1b;--bg-dark:var(--mf-bg);--matrix-green:var(--mf-accent);--matrix-dim:#7eb89f;--text-muted:var(--mf-muted);--tile-border:1px solid var(--mf-line);--box-shadow-3d:none;--hero-glow:none;--border-radius:18px}
body.light-mode{--mf-bg:#f4f6f0;--mf-surface:#fff;--mf-raised:#eaf0e7;--mf-line:#c6d1c5;--mf-ink:#192c27;--mf-muted:#4a6259;--mf-accent:#236343;--mf-accent-ink:#fff;--matrix-dim:#236343}
body.camo-mode{--mf-bg:#eeeddf;--mf-surface:#faf9ee;--mf-raised:#e2e6d2;--mf-line:#bbc6a5;--mf-ink:#263522;--mf-muted:#526343;--mf-accent:#426132;--mf-accent-ink:#fff;--matrix-dim:#426132}
html{scroll-behavior:smooth;scroll-padding-top:24px}body,body.signal-home,body.signal-software{background:var(--mf-bg)!important;color:var(--mf-ink)!important;font-family:Inter,'Segoe UI',system-ui,sans-serif!important;font-size:16px;line-height:1.65;text-shadow:none!important;padding:0 28px;letter-spacing:normal}body::before,body::after{pointer-events:none}h1,h2,h3,h4{font-family:inherit;letter-spacing:-.035em;line-height:1.18;color:var(--mf-ink);text-shadow:none}a{color:var(--mf-accent);text-shadow:none}p{overflow-wrap:anywhere}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--mf-accent);outline-offset:4px}input,textarea,select{background:var(--mf-bg);border:1px solid var(--mf-line);border-radius:10px;color:var(--mf-ink);padding:12px 14px;max-width:100%}input::placeholder,textarea::placeholder{color:var(--mf-muted);opacity:1}body main,body .signal-main{width:100%;max-width:1240px;margin:0 auto;min-width:0}body .site-header{max-width:1240px;width:100%;margin:0 auto;padding:28px 0 20px;border-bottom:1px solid var(--mf-line);background:transparent;box-shadow:none}body .site-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px}body .site-header-top>div{width:100%;justify-content:space-between}body a.logo{display:flex;align-items:center;gap:12px;font:700 27px/1.1 'Segoe UI',sans-serif;letter-spacing:-1px;color:var(--mf-ink);text-decoration:none;text-shadow:none}body a.logo small{display:block;font:600 9px/1.5 'Segoe UI',sans-serif;letter-spacing:1.7px;margin-top:6px;color:var(--mf-muted)}.mf-logo-dot{color:var(--mf-accent)}.mf-mark{display:grid;place-items:center;position:relative;width:46px;height:46px;border-radius:13px;border:1px solid var(--mf-line);background:var(--mf-raised);color:var(--mf-accent);font-size:28px}.mf-mark>span{position:absolute;right:5px;top:1px;font-size:15px}body .main-nav ul{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px 8px;margin:0;padding:0;list-style:none}body .main-nav a,body.light-mode .main-nav a,body.camo-mode .main-nav a{display:block;padding:8px 12px;border-radius:8px;font:500 14px/1.3 'Segoe UI',sans-serif;color:var(--mf-muted)!important;text-decoration:none;text-transform:none;letter-spacing:0;text-shadow:none;min-height:36px}body .main-nav a::before,body .main-nav a::after{content:none}body .main-nav a:hover,body .main-nav a.active,body .main-nav a[aria-current=page]{background:var(--mf-raised);color:var(--mf-ink)!important}body .theme-btn{border:1px solid var(--mf-line);border-radius:8px;padding:10px 14px;color:var(--mf-ink)!important;background:var(--mf-surface);font-size:12px;text-shadow:none;box-shadow:none;transform:none}body .theme-btn:hover{background:var(--mf-raised);border-color:var(--mf-accent)}body .theme-btn:before,body .theme-btn:after{display:none}body .nav-hamburger{border-color:var(--mf-line);background:var(--mf-surface)}body .nav-hamburger span{background:var(--mf-ink)}
body .tile,body.light-mode .tile,body.camo-mode .tile,body .signal-tile,body .signal-app,body .signal-app-detail{border:1px solid var(--mf-line);background:var(--mf-surface);color:var(--mf-ink);border-radius:18px;box-shadow:none;transform:none;text-shadow:none;padding:28px}body .page-title{border:0;text-align:left!important;padding:0;margin:42px 0 24px;font-size:clamp(28px,3.3vw,44px)}body .tile p,body .signal-section-note{color:var(--mf-muted)}body footer{max-width:1240px;width:100%;margin:70px auto 0;padding:32px 0;border-top:1px solid var(--mf-line);color:var(--mf-muted);background:transparent}body .social-links{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:18px}body .social-links a{color:var(--mf-muted);font:500 12px 'Segoe UI',sans-serif}body .brand-gothic{font-family:inherit;letter-spacing:inherit;text-shadow:none}body .signal-hero{padding:72px 0;gap:64px}body .signal-hero h1{font-size:clamp(48px,5.7vw,78px);letter-spacing:-.065em;color:var(--mf-ink)}body .signal-hero h1 em{color:var(--mf-accent)}body .signal-lead{color:var(--mf-muted);font-size:18px;line-height:1.8}body .signal-kicker{color:var(--mf-accent)}body .signal-window{background:var(--mf-surface);border-color:var(--mf-line);box-shadow:14px 14px 0 var(--mf-raised)}body .signal-window-bar{color:var(--mf-muted);border-color:var(--mf-line)}body .signal-ascii{color:var(--mf-accent)}body .signal-terminal-caption{color:var(--mf-muted)}body .signal-button,body .signal-search button{background:var(--mf-accent);color:var(--mf-accent-ink);border-color:var(--mf-accent);border-radius:10px;text-decoration:none}body .signal-button.secondary{background:transparent;color:var(--mf-ink);border-color:var(--mf-line)}body .signal-ticker,body .signal-bottom{border-color:var(--mf-line);color:var(--mf-muted)}body .signal-intro p,body .signal-tile p,body .signal-app p{color:var(--mf-muted)}body .signal-heading,body .signal-intro h2,body .signal-bottom h2,body .signal-tile h3{color:var(--mf-ink)}
/* Shared release starters on Home and Apps */
body .mf-start{max-width:none;margin:28px 0 44px;padding:32px;border:1px solid var(--mf-line);border-radius:20px;background:var(--mf-surface);color:var(--mf-ink)}body .mf-start h2{color:var(--mf-ink);font-size:clamp(25px,3vw,34px)}body .mf-start>p,body .mf-start-card p,body .mf-start-more span{color:var(--mf-muted)}body .mf-start-eyebrow,body .mf-start-step{color:var(--mf-accent);letter-spacing:1.5px}body .mf-start-card{background:var(--mf-bg);border:1px solid var(--mf-line);border-radius:12px;padding:24px}body .mf-start-card h3{color:var(--mf-ink);font-size:23px}body .mf-start-download{background:var(--mf-accent);color:var(--mf-accent-ink);border-radius:9px;padding:12px 17px;line-height:1.4}body .mf-start-details,body .mf-start-more a{color:var(--mf-accent)}body .mf-start-more{border-color:var(--mf-line)}body .mf-start-note{margin-top:20px}body .mf-promo-card{background:var(--mf-surface);border-color:var(--mf-line);color:var(--mf-ink);box-shadow:none}body .mf-promo-card>div>span,body .mf-promo-heading{color:var(--mf-muted)}
/* Library */
.mf-library-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:72px;align-items:center;padding:64px 0 32px}.mf-eyebrow{font:600 11px/1.5 'Segoe UI',sans-serif;color:var(--mf-accent);letter-spacing:2px;margin:0 0 16px}.mf-library-hero h1{font-size:clamp(40px,5.5vw,70px);line-height:1.07;letter-spacing:-.06em;margin:0 0 22px}.mf-library-hero h1 span{color:var(--mf-accent)}.mf-library-hero>div>p:not(.mf-eyebrow){max-width:580px;color:var(--mf-muted);font-size:18px;line-height:1.8;margin-bottom:26px}.mf-primary,.mf-secondary{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:12px 17px;min-height:46px;border-radius:9px;border:1px solid var(--mf-line);font:600 14px/1.4 'Segoe UI',sans-serif;text-decoration:none;cursor:pointer}.mf-primary{background:var(--mf-accent);border-color:var(--mf-accent);color:var(--mf-accent-ink)}.mf-secondary{background:transparent;color:var(--mf-ink)}.mf-primary:hover{filter:brightness(1.08)}.mf-secondary:hover{background:var(--mf-raised);border-color:var(--mf-accent)}.mf-library-aside{background:var(--mf-surface);padding:30px;border:1px solid var(--mf-line);border-radius:20px;transform:rotate(2deg)}.mf-status{font-size:10px;letter-spacing:1.8px;color:var(--mf-accent)}.mf-library-aside strong{display:block;font-size:72px;letter-spacing:-4px;line-height:1.2;margin-top:20px}.mf-library-aside strong span{display:block;font-size:18px;letter-spacing:0;font-weight:500}.mf-library-aside p{color:var(--mf-muted);font-size:14px;margin:20px 0}.mf-ascii{display:block;border-top:1px solid var(--mf-line);padding-top:16px;color:var(--mf-accent);font:12px monospace}.mf-catalog{scroll-margin-top:24px}.mf-catalog-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:52px 0 24px}.mf-catalog-heading h2,.mf-install-guide h2{font-size:36px;margin:0}.mf-catalog-heading .mf-eyebrow{margin-bottom:8px}.mf-catalog-heading>p{color:var(--mf-muted);font-size:14px}.mf-filters{display:grid;grid-template-columns:minmax(200px,1fr) 180px 190px auto;align-items:end;gap:16px;background:var(--mf-surface);border:1px solid var(--mf-line);padding:20px;border-radius:14px}.mf-filters label{display:block;font-size:12px;font-weight:600;color:var(--mf-muted);margin-bottom:7px}.mf-filters input,.mf-filters select{width:100%;height:48px}.mf-filters button{height:48px}.mf-results{margin:18px 0;color:var(--mf-muted);font-size:13px}body .app-showcase-grid.mf-app-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;perspective:none}body .mf-app-card{display:flex!important;flex-direction:column;padding:24px!important;margin:0;min-width:0;max-width:none;border:1px solid var(--mf-line)!important;border-radius:16px;background:var(--mf-surface)!important;color:var(--mf-ink);box-shadow:none!important;transform:none!important;cursor:default;transition:border-color .15s}body .mf-app-card:hover{border-color:var(--mf-accent)!important}body .mf-app-card::before,body .mf-app-card::after{display:none}.mf-card-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.mf-app-icon{width:62px;height:62px;object-fit:cover;border-radius:14px;border:1px solid var(--mf-line)}.mf-icon-fallback{display:grid;place-items:center;background:var(--mf-raised);color:var(--mf-accent);font-size:26px}body .app-card-badge{background:var(--mf-raised);border:1px solid var(--mf-line);color:var(--mf-accent);font:600 10px 'Segoe UI',sans-serif;letter-spacing:1px;border-radius:6px;padding:6px 9px}body .mf-app-card h3{font-size:21px;margin:0 0 14px;line-height:1.3;overflow-wrap:anywhere}body .mf-card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.7;color:var(--mf-muted);margin:0 0 18px}.mf-card-meta{display:flex;gap:12px;color:var(--mf-muted);font-size:12px;margin-top:auto;margin-bottom:16px}.mf-card-meta span+span:before{content:'·';margin-right:12px}.mf-requirements{border-top:1px solid var(--mf-line);padding-top:12px;margin-bottom:18px;font-size:13px}.mf-requirements summary{cursor:pointer;color:var(--mf-accent);padding:4px 0;min-height:32px}.mf-requirements>div{padding-top:10px;color:var(--mf-muted);line-height:1.7}.mf-requirements ul{padding-left:18px;margin-bottom:10px}.mf-requirements p{margin-bottom:10px}.mf-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mf-card-actions a,.mf-card-actions button{padding:11px 10px;gap:8px;font-size:13px;white-space:normal}.mf-empty{border:1px dashed var(--mf-line);border-radius:14px;padding:48px;text-align:center;color:var(--mf-muted)}[hidden],body .mf-app-card[hidden]{display:none!important}.mf-install-guide{margin-top:64px;padding:32px;border:1px solid var(--mf-line);border-radius:20px;background:var(--mf-surface)}.mf-install-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:30px 0}.mf-install-guide article>span{font:13px monospace;color:var(--mf-accent)}.mf-install-guide article h3{font-size:19px;margin:12px 0}.mf-install-guide article p{font-size:14px;color:var(--mf-muted)}
/* Match product sheets to the shared system. */
body .app-detail-modal{background:#000b;backdrop-filter:blur(8px)}body .app-detail-dialog{background:var(--mf-bg);color:var(--mf-ink);border:1px solid var(--mf-line);border-radius:20px;box-shadow:0 24px 100px #0005;max-width:1080px}body .app-detail-head,body .app-detail-sidebar,body .app-detail-section,body .app-detail-readme-bar{background:var(--mf-surface);border-color:var(--mf-line)}body .app-detail-head h2{color:var(--mf-ink);font-size:30px}body .app-detail-desc,body .app-detail-subtitle,body .app-detail-meta-list dt,body .app-detail-meta-list dd{color:var(--mf-muted)}body .app-detail-section-title{color:var(--mf-ink);font:600 16px 'Segoe UI',sans-serif;letter-spacing:0}body .app-detail-download{background:var(--mf-accent);color:var(--mf-accent-ink)!important}body .app-detail-thumb{border-color:var(--mf-line);border-radius:14px}body .app-detail-filename{overflow-wrap:anywhere}body .app-detail-meta-list>div{border-color:var(--mf-line)}body .app-detail-readme-frame{background:#fff;border-color:var(--mf-line)}
@media(min-width:801px){body .site-header{display:block}body .main-nav{display:block!important}}@media(max-width:1000px){body .app-showcase-grid.mf-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-filters{grid-template-columns:1fr 1fr}.mf-search-field{grid-column:1/-1}.mf-library-hero{gap:32px}.mf-card-actions{grid-template-columns:1fr}}@media(max-width:800px){body .site-header{padding:20px 0 12px}body .site-header-top{margin-bottom:12px}body .main-nav ul{gap:4px}body .main-nav.nav-open{display:block}body .main-nav a{font-size:14px}body .nav-hamburger{flex-shrink:0;margin-left:12px}body .signal-hero{padding:44px 0;gap:32px}.mf-library-hero{grid-template-columns:1fr;padding-top:42px}.mf-library-aside{display:none}.mf-catalog-heading{display:block}.mf-catalog-heading>p{margin-top:12px}.mf-card-actions{grid-template-columns:1fr 1fr}.mf-install-guide>div{grid-template-columns:1fr;gap:26px}}@media(max-width:580px){body,body.signal-home,body.signal-software{padding:0 18px}body a.logo{font-size:23px;gap:8px}body a.logo small{font-size:7px;letter-spacing:1px}.mf-mark{width:38px;height:38px;border-radius:11px}body #theme-toggle{padding:8px;font-size:9px}body #theme-icon{display:none}body .site-header-top>div{gap:10px!important}body .app-showcase-grid.mf-app-grid{grid-template-columns:1fr}.mf-library-hero h1{font-size:43px}.mf-library-hero>div>p:not(.mf-eyebrow){font-size:16px}body .mf-start{padding:22px;margin-top:20px}body .mf-start-grid{grid-template-columns:1fr}body .mf-start-card{padding:20px}body .mf-start-download{font-size:14px}.mf-filters{gap:12px;padding:16px}.mf-filters>button{grid-column:1/-1}.mf-filters select{font-size:14px}.mf-install-guide{padding:24px}.mf-catalog-heading h2,.mf-install-guide h2{font-size:30px}body .mf-promo-card>div{padding:14px}body .mf-promo-card strong{font-size:15px}body .app-detail-dialog{border-radius:12px}body .app-detail-head h2{font-size:23px}body .app-detail-head{gap:12px}body .signal-window{box-shadow:none}body .signal-hero h1{font-size:47px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.mf-library .mf-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px;margin-bottom:28px}.mf-library .mf-start>p,.mf-library .mf-start>h2,.mf-library .mf-start>.mf-start-more{grid-column:1/-1;margin:0}.mf-library .mf-start-grid{display:contents}.mf-library .mf-start-card{display:flex;flex-direction:column;align-items:flex-start;padding:20px}.mf-library .mf-start-card p{font-size:13px}.mf-library .mf-start-step{font-size:10px}.mf-library .mf-start-card h3{font-size:21px;margin:8px 0}.mf-library .mf-start-version{margin-top:auto;padding-top:12px}.mf-library .mf-start-download{font-size:12px;padding:10px 12px;margin-top:8px}.mf-library .mf-start>h2{font-size:26px}.mf-library .mf-start-note{padding-top:4px}.mf-library .mf-start-more{padding-top:14px}.mf-library .mf-promotions{display:none}.mf-library .mf-catalog-heading{margin-top:36px}.mf-library-hero{padding-top:44px;padding-bottom:16px}
@media(max-width:700px){.mf-library .mf-start{grid-template-columns:1fr}.mf-library .mf-start-card{padding:18px}.mf-library .mf-start-download{font-size:14px}.mf-library .mf-start>h2{font-size:24px}}
/* Override the older home-page palette at its original specificity. */
body.signal-home,body.signal-software{background-image:none!important;padding:0 28px!important}body.signal-home .site-header .logo,body.signal-software .site-header .logo{color:var(--mf-ink)!important}body .signal-main{padding:0 0 48px}body .signal-main .mf-start{background:var(--mf-surface);border-color:var(--mf-line);color:var(--mf-ink);border-radius:20px}body .signal-main .mf-start-card{background:var(--mf-bg);border-color:var(--mf-line)}body .signal-main .mf-start-download{background:var(--mf-accent);color:var(--mf-accent-ink)}body .signal-button,body.light-mode .signal-button,body.camo-mode .signal-button{background:var(--mf-accent)!important;color:var(--mf-accent-ink)!important}body .signal-button.secondary,body.light-mode .signal-button.secondary,body.camo-mode .signal-button.secondary{background:transparent!important;color:var(--mf-ink)!important;border-color:var(--mf-line)}body .signal-window-bar{background:var(--mf-raised);color:var(--mf-muted)}body .signal-ticker-track span,body .signal-motion{color:var(--mf-accent)}body .signal-motion{border-color:var(--mf-line)}body .signal-app a,body .signal-tile small,body .signal-bottom a{color:var(--mf-accent)}body .signal-app code{color:var(--mf-muted)}body .signal-search input{background:var(--mf-surface);border-color:var(--mf-line);color:var(--mf-ink)}body #theme-toggle{box-shadow:none!important;border:1px solid var(--mf-line)!important;transform:none!important;border-radius:9px!important;color:var(--mf-ink)!important}body .signal-bottom p{color:var(--mf-muted)}
@media(max-width:580px){body.signal-home,body.signal-software{padding:0 18px!important}}
