body { margin: 0; padding: 8px 0; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
a { color: #0000cc; }
a:visited { color: #551a8b; }
#header { height: 62px; border-bottom: 3px solid #ff6600; position: relative; }
#logo { position: absolute; left: 6px; top: 6px; text-decoration: none; font-family: Arial Black, Arial, sans-serif; font-weight: 900; font-size: 40px; letter-spacing: -2px; }
#logo .b { color: #cc0000; }
#logo .or { color: #ff9900; font-size: 26px; font-style: italic; letter-spacing: 0; margin: 0 1px; }
#logo .d { color: #3366cc; }
#logo .com { color: #999; font-size: 14px; letter-spacing: 0; font-family: Verdana, sans-serif; font-weight: bold; }
#nav { position: absolute; right: 8px; bottom: 6px; font-weight: bold; font-size: 12px; }
#tagline { background: #ffcc66; color: #993300; font-weight: bold; padding: 4px 8px; font-size: 11px; border-bottom: 1px solid #ff9900; }
.b { color: #cc0000; font-weight: bold; }
.d { color: #3366cc; font-weight: bold; }
#left { padding: 10px 8px 0 4px; }
.box { border: 1px solid #ff9900; margin-bottom: 10px; background: #fffbe8; }
.boxhead { background: #ff9900; color: #fff; font-weight: bold; padding: 3px 5px; }
#prev { padding: 6px; text-align: center; }
.thumb { width: 100px; height: 100px; margin: 0 auto 6px; border: 1px solid #999; background: #eee; display: flex; align-items: center; justify-content: center; font: bold 40px Arial Black, Arial; color: #fff; }
#prev-text { line-height: 1.5; }
#prev-text big { font-size: 20px; font-weight: bold; color: #cc0000; }
.score { padding: 4px 6px; }
#main { padding-top: 10px; }
#scale { background: #ffeecc; border: 1px solid #ff9900; padding: 6px 4px; display: inline-block; }
#scale .end { font-size: 15px; padding: 0 6px; vertical-align: middle; }
#radios label { display: inline-block; width: 30px; text-align: center; font-weight: bold; font-size: 11px; cursor: pointer; vertical-align: middle; }
#radios input { display: block; margin: 0 auto; cursor: pointer; }
#hint { color: #666; margin: 4px 0 10px; }
#photo-frame { display: inline-block; border: 1px solid #999; padding: 4px; background: #fff; }
#photo { width: 380px; height: 380px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; font-family: Arial Black, Arial, sans-serif; }
#photo .mark { font-size: 150px; line-height: 1; }
#photo .name { font-size: 22px; margin-top: 10px; font-family: Verdana, sans-serif; font-weight: bold; }
#caption { margin-top: 6px; font-size: 12px; color: #333; }
#skip { margin-top: 4px; }
#footer { border-top: 1px solid #ccc; margin-top: 20px; padding: 8px; text-align: center; color: #666; }