@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap');

body {
  margin: 0;
  padding: 0;
  font-family: 'Geneva', 'Courier Prime', Arial, sans-serif;
  overflow: hidden;
}

.mac-window {
  border-radius: 0;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}

.mac-window .mac-titlebar {
  background: linear-gradient(to bottom, #4a90e2 0%, #357abd 100%);
}

.mac-icon {
  filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3));
}

/* Classic Mac scrollbars */
::-webkit-scrollbar {
  width: 16px;
  background: #e6e6e6;
}

::-webkit-scrollbar-track {
  background: #e6e6e6;
  border: 1px inset #ccc;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #f0f0f0, #d0d0d0);
  border: 1px outset #ccc;
}

::-webkit-scrollbar-button {
  background: linear-gradient(to bottom, #f0f0f0, #d0d0d0);
  border: 1px outset #ccc;
  height: 16px;
}

::-webkit-scrollbar-button:vertical:start {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M4 2 L7 6 L1 6 Z' fill='%23333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

::-webkit-scrollbar-button:vertical:end {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M4 6 L1 2 L7 2 Z' fill='%23333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

/* Prevent text selection during drag */
.select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Classic Mac button styles */
.mac-button {
  background: linear-gradient(to bottom, #f8f8f8, #e0e0e0);
  border: 1px outset #ccc;
  padding: 2px 8px;
  font-size: 11px;
  cursor: pointer;
}

.mac-button:active {
  border: 1px inset #ccc;
  background: linear-gradient(to bottom, #e0e0e0, #f8f8f8);
}

/* Custom cursor for dragging */
.cursor-move {
  cursor: move;
}