body {
    background-color: #000000;
    color: #FFFFFF;
    font-family: Verdana, Geneva, sans-serif;
    margin: 0;
    padding: 20px;
}
.nav {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 10px;
    background-color: #111111;
    border: 1px solid #333333;
    text-align: center;
}
.result-box {
    border: 1px solid #444;
    padding: 10px;
    margin-bottom: 15px;
    background-color: #1a1a1a;
    display: flex;
    align-items: center;
}
.result-box img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-right: 15px;
    border: 1px solid #333;
}
h1, h2 { color: #338ba7ff; }
a { color: #2575d6; text-decoration: none; }
a:visited { color: #CC88FF; }
.nav a { margin: 0 8px; text-decoration: none; }
a:hover { text-decoration: underline; }
table { border-collapse: collapse; width: 80%; margin-bottom:20px; }
td { padding: 10px; vertical-align: top; }
.album-cell { background-color: #111; border: 1px solid #444; text-align:left; }
hr { border: 1px solid #444; width: 70%; }
.content { width: 60%; margin: 20px auto; line-height: 1.6; }
ul { width: 60%; margin: 20px auto; padding-left: 20px; }
li { margin-bottom: 10px; }