:root{--bg-color: #121212;--card-bg: #1e1e1e;--text-main: #ffffff;--text-muted: #aaaaaa;--accent-color: #007bff;--content-width: 65ch;--gap-size: 1rem;--radius: 8px;--shadow: 0 4px 6px rgba(0,0,0,.3)}body{background-color:var(--bg-color);color:var(--text-main);font-family:system-ui,-apple-system,sans-serif;line-height:1.5}.app-container{display:grid;min-height:100vh;grid-template-columns:1fr min(var(--content-width),100% - 2rem) 1fr;grid-template-rows:auto auto 1fr;gap:var(--gap-size);padding-top:2rem}.app-container>*{grid-column:2;width:90%}h1{text-align:center;margin-bottom:1rem}.btn{background-color:var(--card-bg);border:1px solid #333;color:var(--text-main);padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer;font-weight:700;transition:transform .1s,background-color .2s}.btn:hover{background-color:#333;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background-color:var(--accent-color);border:none}.navbar{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;padding:1rem;background-color:var(--card-bg);border-radius:var(--radius)}.navbar a{cursor:pointer;font-weight:700;color:var(--text-muted);text-decoration:none}.navbar a:hover{color:var(--text-main)}.card{min-width:70vw;min-height:45vh;max-width:90%;background-color:var(--text-main);color:#333;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;padding:2rem;font-size:1.5rem;cursor:pointer;transition:transform .2s}.card:hover{transform:scale(1.02)}.play-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.button-row{display:flex;justify-content:space-between}.manager-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--card-bg);border-radius:var(--radius)}.form-group{display:flex;flex-direction:column;gap:1rem;text-align:left}.input-field{padding:.8rem;border-radius:var(--radius);border:1px solid #444;background-color:#2a2a2a;color:#fff}