body { font-family: Verdana, Arial, sans-serif; background: #f1f1f1; color: #444; line-height: 1.4; margin: 0; padding: 0; }
        #container { max-width: 1000px; margin: 0 auto; padding: 10px; background: #fff; border: 1px solid #ccc; }
        #user-info { font-size: 0.8em; text-align: right; background: #e0edff; padding: 5px; }
        #title { font-size: 2em; font-weight: bold; padding: 20px 10px; color: #1a1016; text-shadow: 1px 1px #ccc; }
        .menubar { background: #d3dce8; padding: 10px; border: 1px solid #90a9c5; }
        .border { border: 1px solid #90a9c5; background: #dee1e5; margin-bottom: 15px; }
        .win { background: #fcfdff; padding: 10px; }
        .win2 { background: #f2f6ff; padding: 10px; }
        .win3 { background: #eff6ff; padding: 10px; }
        .titlebg { background: #4385db; color: #fff; padding: 10px; font-weight: bold; }
        .catbg { background: #90a9c5; color: #1d1f22; padding: 8px; font-weight: bold; }
        .smalltext { font-size: 0.85em; }
        table { border-collapse: collapse; width: 100%; }
        a { color: #4385db; text-decoration: none; }
        a:hover { text-decoration: underline; }
        .center { text-align: center; }
        .right { text-align: right; }
        .boardname { font-weight: bold; font-size: 1.1em; }
        .avatar-placeholder { width: 32px; height: 32px; background: #ccc; display: inline-block; vertical-align: middle; border-radius: 3px; }
        .icon { vertical-align: middle; }
        #copyright { text-align: center; margin: 20px; color: #727272; }
        @media (max-width: 768px) {
            #container { width: 95%; }
            .hidden-mobile { display: none; }
        }