Something went wrong. Try again.
This repository has no description
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107@import 'tailwindcss';
/* * Lutra — dark, hard-cornered, Leica/Fuji-styled (mirrors lutra-mobile). * No rounded corners anywhere: panels, buttons, inputs, and the canvas all * use 0 radius. Thin 1px borders delineate regions on an off-black body; * a single red (#cc0000, the mobile app's primary) is the accent — the * slider thumbs, the active fills, and the wordmark. */@theme { --color-bg: #111111; --color-panel: #1f1f1f; --color-panel-alt: #262626; --color-border: #262626; --color-border-strong: #525252; --color-ink: #fafafa; --color-muted: #a3a3a3; --color-accent: #cc0000;
--font-sans: 'Electrolize', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', 'Cascadia Code', monospace;}
html,body,#root { height: 100%;}
/* The app shell tracks the DYNAMIC viewport (docs/adr/0024-mobile-ui): on phones the * URL bar collapses on scroll, and a `100%` root would leave the canvas cut * off under the remaining chrome. Browsers without dvh fall back to 100%. */#root { height: 100%; height: 100dvh;}
body { margin: 0; background: var(--color-bg); color: var(--color-ink); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; /* Dark scrollbars and native controls (range inputs, file pickers). */ color-scheme: dark;}
/* Range inputs rendered as bare tracks with a hard-edged thumb. */input[type='range'].lutra-range { -webkit-appearance: none; appearance: none; width: 100%; height: 28px; background: transparent; cursor: ew-resize;}input[type='range'].lutra-range::-webkit-slider-runnable-track { height: 2px; background: var(--color-border-strong);}input[type='range'].lutra-range::-moz-range-track { height: 2px; background: var(--color-border-strong);}input[type='range'].lutra-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; margin-top: -7px; width: 16px; height: 16px; background: var(--color-accent); border: none; border-radius: 0;}input[type='range'].lutra-range::-moz-range-thumb { width: 16px; height: 16px; background: var(--color-accent); border: none; border-radius: 0;}
/* Numeric readouts use tabular figures so values don't jitter while dragging. */.tnum { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum';}
/* Touch devices (docs/adr/0024-mobile-ui): the 16px desktop thumb is fine under a * cursor, too small for a finger. A coarse pointer gets a bigger thumb and * a taller hit area; `pointer: fine` devices keep the compact slider. */@media (pointer: coarse) { input[type='range'].lutra-range { height: 36px; } input[type='range'].lutra-range::-webkit-slider-thumb { width: 24px; height: 24px; margin-top: -11px; } input[type='range'].lutra-range::-moz-range-thumb { width: 24px; height: 24px; }}