:root{--foreground-rgb:0,0,0;--background-start-rgb:255,255,255;--background-end-rgb:250,250,250;--textarea-background:#fff;--textarea-text:#000;--input-background:#f0f0f0;--input-text:#000;--button-background:#007bff;--button-hover-background:#0056b3;--secondary-button-background:#28a745;--secondary-button-hover-background:#218838;--map-tiles-filter:brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);--input-border-color:#ccc}.dark-mode{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:20,20,20;--textarea-background:#2c2c2c;--textarea-text:#fff;--input-background:#333;--input-text:#fff;--button-background:#4a4a4a;--button-hover-background:#5a5a5a;--secondary-button-background:#2c5282;--secondary-button-hover-background:#2b6cb0;--input-border-color:#555}body,html{height:100%;margin:0;padding:0;overflow-x:hidden}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,rgb(var(--background-start-rgb)),rgb(var(--background-end-rgb))) fixed;transition:background-color .3s,color .3s}.container,body{min-height:100vh;width:100%}.container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-bottom:2rem;box-sizing:border-box}.map-container{width:100%;height:500px;margin-top:1rem;transition:background-color .3s}@media (max-width:768px){.map-container{height:300px}}