/* overall vibe */
body {
    background: #0f1117;
    color: #e6edf3;
    font-family: "Inter", system-ui, sans-serif;
}

/* container */
#controls {
    display: flex;
    gap: 12px;
    padding: 12px;
}

/* input styling */
input {
    background: #161b22;
    border: 1px solid #30363d;
    color: #e6edf3;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 14px;
    outline: none;
    transition: all 0.2s ease;
    width: 180px;
}

/* placeholder */
input::placeholder {
    color: #6e7681;
}

/* focus glow */
input:focus {
    border-color: #58a6ff;
    box-shadow: 0 0 0 2px rgba(88, 166, 255, 0.25);
}

/* hover subtle */
input:hover {
    border-color: #8b949e;
}