/* ============================================================ DmytroOS — base / reset ============================================================ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html, body { height: 100%; overflow: hidden; overscroll-behavior: none; } body { position: fixed; inset: 0; font-family: var(--font-sys); font-size: var(--fs-body); line-height: 1.45; color: var(--text-1); background: #000; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; user-select: none; } img { display: block; max-width: 100%; } button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; } a { color: var(--accent); text-decoration: none; } a:hover { text-decoration: underline; } :focus { outline: none; } :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 4px; } ::selection { background: var(--selection); } /* mode gating — JS sets */ [data-mode="ios"] #desktop { display: none; } [data-mode="desktop"] #ios { display: none; } [hidden] { display: none !important; } /* No-JS / crawler fallback: the full text version of DmytroOS, generated into the