/* ChipBreaker v1 — warm dark shop-book theme. Vanilla CSS, no preprocessor. */ /* ---------- theme tokens ---------- */ :root { --bg: #1f1c19; /* dark warm gray, not pure black */ --bg-elev-1: #2a2622; /* one step lighter (cards, headers) */ --bg-elev-2: #353029; /* two steps lighter (inputs, buttons) */ --bg-elev-3: #443d33; /* highlight / selected row */ --line: #54493d; /* subtle borders */ --text: #f0e6d2; /* warm off-white */ --text-dim: #b3a48a; /* secondary text */ --text-faint: #786b58; /* hints, formula text */ --accent: #d46030; /* brand orange (Oryn's Simple Tools line) */ --accent-dim: #833c1e; /* brand orange, dimmed for borders */ --danger: #c46a4a; --shadow: 0 2px 6px rgba(0,0,0,0.4); --tap-min: 60px; /* minimum tappable size */ --tap-primary: 80px; /* primary action button */ --font-stack: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif; --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; --safe-top: env(safe-area-inset-top, 0px); --safe-bottom: env(safe-area-inset-bottom, 0px); } /* ---------- reset / base ---------- * * Universal touch-action: manipulation * ----------------------------------- * This rule disables iOS double-tap-to-zoom on EVERY element in the app — * not just on form controls or a hand-maintained list of tap targets. After * v1.3.3 → v1.4.2 each iteration of "selector list of interactive elements" * missed a new element class on the next round of testing (numpad buttons → * Converter unit-pill → Converter container divs). The pattern is: any * element the user might touch needs touch-action: manipulation, including * non-interactive container divs, spans, and section elements that catch * stray taps in padding / gaps / empty regions. The universal selector is * the only cover that closes the gap completely. * * Side effects: touch-action: manipulation only disables the non-standard * double-tap-to-zoom gesture. Single-tap, panning (all our scroll surfaces * — .tool-body, .conv-tabs, .wheel-track, .calc-display), and pinch-zoom * (the iOS accessibility hook) all continue to work. The app's design * doctrine explicitly disallows double-tap-to-zoom (viewport meta has * user-scalable=no, ignored on iOS Safari 10+, so this CSS is the only * lever iOS actually honors). * * Maintenance policy: this universal declaration is the single point of * edit for tap-target touch behavior. If a future tool needs a different * touch-action (e.g. pan-y only, or none), add the more-specific override * to that element's own rule — do NOT remove this universal rule. * * The existing per-rule declarations from v1.3.5 (html/body, .numpad * button, .overlay .modal .actions .btn) and the v1.4.2 broader selector * list (button, a, input, textarea, .wheel-item, .unit-tag, .conv-output * .row) STAY IN PLACE EXACTLY AS THEY ARE. They are redundant with this * rule, but redundant ≠ harmful, and the user wants them kept as * historical markers for the bug-fix audit trail. Do not remove them. */ * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; touch-action: manipulation; } html, body { margin: 0; padding: 0; height: 100%; background: var(--bg); color: var(--text); font-family: var(--font-stack); font-size: 18px; line-height: 1.3; overscroll-behavior: none; -webkit-font-smoothing: antialiased; user-select: none; -webkit-user-select: none; /* Disable double-tap-to-zoom and other non-standard tap gestures so * iOS doesn't briefly re-interpret a tap as a gesture and shift the * page transform mid-tap. user-scalable=no in the viewport meta is * ignored on iOS Safari 10+ for accessibility, so this CSS hint is * the only thing iOS actually honors. Pinch-zoom (two-finger) is * still allowed; only the single-finger double-tap gesture is off. */ touch-action: manipulation; } input, textarea { user-select: text; -webkit-user-select: text; } button { font-family: inherit; color: inherit; background: none; border: none; padding: 0; cursor: pointer; } input { font-family: inherit; color: inherit; } /* ---------- iOS gesture-suppression (broad coverage) ---------- * Bug A in v1.4.2: iOS interprets a double-tap on any tappable element as the * start of a double-tap-to-zoom gesture, briefly shifts the page transform, * and decouples tap coordinates from layout. Same root cause as the v1.3.5 * numpad bug — surfaced again in the Converter unit-pill ("inch (decimal)") * and would surface again every time a new tap target is introduced. Rather * than chase per-element fixes, declare touch-action: manipulation on every * interactive element app-wide so iOS never gets the chance. * * touch-action is NOT inherited, so each tappable element has to declare it. * This rule covers every