@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400&display=swap');
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Courier Prime', monospace;
           background:url('https://bobcat.moe/graphics/bgs/seamless/tumblr_lp2o5aOCgP1qag01xo1_1280.png');
            overflow-x: hidden;
            min-height: 100vh;
        }
        
        a {
          color:blue;
        }
        
        a:hover {
        font-weight:bold;
        font-style:italic;
        letter-spacing:1px;
        }
        
        .container {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            max-width: 1200px;
            margin: 0 auto;
            border: 2px solid #fff;
            background:#FF76CE;
            box-shadow: 0 0 15px 10px #fff;
        }
        
        header {
            background: #ffdbf5;
            background: radial-gradient(circle,rgba(255, 219, 245, 1) 0%, rgba(255, 64, 185, 1) 100%);
            border-bottom: 2px solid #000;
            padding: 10px;
            text-align: center;
            position: relative;
        }
        
        
        .header-title {
         margin:0;
         margin-bottom:-15px !important;
        }
        
        .header-subtitle {
            font-size: 0.9em;
            color: #94FFD8;
            text-decoration: underline;
           text-shadow: 1px 1px 0px #000;
           font-weight:bold;
        }
        
        nav {
            padding: 0;
            padding-top:5px;
            display: flex;
            flex-wrap: wrap;
            gap: 2px;
        }
        
        .nav-tab {
            background: #FEFFAC;
            border: 1px solid #000;
            padding: 10px 20px;
            cursor: pointer;
            text-decoration: underline;
            flex: 1;
            min-width: 120px;
            text-align: center;
            position: relative;
            
            a {
              color:#FFA1F5;
            }
        }
        
        .nav-tab:hover {
           font-style:italic;
           font-weight:bold;
           letter-spacing:1px;
        }
        
        .main-content {
            display: flex;
            flex: 1;
            gap: 10px;
            padding: 7px;
        }
        
        .content-container {
        background: #fff;
            border: 2px solid #000;
            padding: 20px;
            position: relative;
        }
        
        .sidebar {
            width: 200px;
            background: #A6FF96;
            border: 2px solid #000;
            padding: 7px;
            max-height: 600px;
            overflow-y: auto;
        }
        
        .sidebar h3 {
            color: #BC7AF9;
            text-decoration: underline;
            margin-bottom: 10px;
            font-size: 1.1em;
        }
        
        .content-area {
            flex: 1;
            background: #94FFD8;
            border: 2px solid #000;
            padding: 20px;
            position: relative;
        }
        
        .container-header {
            background: #BC7AF9;
            color: #ffff00;
            padding: 10px;
            margin: -20px -20px 20px -20px;
            border-bottom: 2px solid #000;
            font-size: 1.2em;
            font-weight:bold;
        }
       
        
        footer {
            background: #ffdbf5;
            background: radial-gradient(circle,rgba(255, 219, 245, 1) 0%, rgba(188, 122, 249, 1) 100%);
            border-top: 2px solid #000;
            padding: 15px;
            text-align: center;
            color: #FF76CE;
            font-weight:bold;
        }
        
#statuscafe {
font-weight:bold;
}

#statuscafe-username {
font-weight:bold;
font-size:.7em;
font-style:italic;
}

 #statuscafe a {
display:none;
}

#statuscafe-content {
  font-weight:normal;
}
        
        @media (max-width: 768px) {
            .main-content {
                flex-direction: column;
            }
            
            .sidebar {
                width: 100%;
                max-height: 200px;
            }
            
            .nav-tab {
                min-width: 100px;
                padding: 8px 12px;
                font-size: 0.9em;
            }
            
            .header-title {
                font-size: 1.8em;
            }
            
            .file-grid {
                grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
            }
        }