:root {
    color-scheme: light;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #172d32;
    background: #e7eee8;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }
body { min-width: 320px; min-height: 100vh; margin: 0; }
button, input, select { font: inherit; }
.front-shell, .explorer { width: 100%; height: 100vh; min-height: 560px; }
.explorer { position: relative; display: block; overflow: hidden; background: #e7eee8; }

@media (max-width: 800px) {
    .front-shell, .explorer { height: 100dvh; min-height: 560px; }
}