ul {
	list-style-type: square;
}

/* Base mobile-friendly spacing */
body {
  margin: 0;                  /* Reset default browser margins */
  padding: 16px;              /* Good starting point: breathing room on all sides */
  min-height: 100vh;          /* Full height for better feel */
  box-sizing: border-box;
}

/* Respect notches, dynamic islands, home indicators (iPhone/Android) */
@supports (padding: env(safe-area-inset-left)) {
  body {
    padding-left:   max(16px, env(safe-area-inset-left));
    padding-right:  max(16px, env(safe-area-inset-right));
    padding-top:    max(16px, env(safe-area-inset-top));
    padding-bottom: max(16px, env(safe-area-inset-bottom));
  }
}

/* Optional: Tighter on very small screens, or more generous on larger phones/tablets */
@media (max-width: 480px) {
  body {
    padding: 12px;  /* Slightly less on tiny phones if needed */
  }
}

@media (min-width: 768px) {
  body {
    padding: 24px;  /* More space feels natural on tablets/desktops */
    max-width: 1200px;  /* Optional: center content on big screens */
    margin: 0 auto;
  }
}

:root {
  color-scheme: dark;
}

html, body {
  background: #0f0f0f;
  color: #ddd;
  font-smooth: always;
}

*, *::before, *::after {
  background-color: inherit;
  border-color: #333;
  color: inherit;
}

a { color: #3b82f6; }
a:hover { color: #60a5fa; }

button, input, select, textarea {
  background: #1e293b;
  color: #f1f5f9;
  border: 1px solid #475569;
}

img:not([src*="logo"]), video {
  filter: brightness(0.92) contrast(1.08);
}