body { background-color: #008080; font-family: "MS Sans Serif", Arial, sans-serif; margin: 0; padding: 20px; }
#main-container { background-color: #C0C0C0; border: 2px solid; border-color: #dfdfdf #0a0a0a #0a0a0a #dfdfdf; max-width: 800px; margin: 0 auto; box-shadow: 4px 4px 0px rgba(0,0,0,0.2); }
.title-bar { background: linear-gradient(90deg, #000080, #1084d0); padding: 3px; display: flex; justify-content: space-between; color: white; font-weight: bold; }
.content { padding: 15px; }
fieldset { border: 2px solid; border-color: #808080 #dfdfdf #dfdfdf #808080; margin-bottom: 20px; }
textarea, input { background: #fff; border: 2px inset #dfdfdf; padding: 3px; margin: 5px 0; width: 95%; }
button { background: #C0C0C0; border: 2px solid; border-color: #dfdfdf #0a0a0a #0a0a0a #dfdfdf; padding: 4px 10px; font-weight: bold; cursor: pointer; }
#music-player { background: #000; color: #0f0; padding: 5px; border: 2px inset #808080; margin: 10px 0; font-family: monospace; }
.post { background: #C0C0C0; border: 2px solid; border-color: #dfdfdf #808080 #808080 #dfdfdf; margin-bottom: 10px; padding: 5px; }
.meta { background: #dfdfdf; padding: 2px; font-weight: bold; font-size: 11px; color: #000080; }
.thumb { border: 2px solid #008080; float: left; margin: 5px 15px 5px 0; max-width: 150px; }