* {
      cursor: url('cursor.png'), auto;
    }
    
    * , button, a {
      cursor: url('cursor.png'), auto !important;
    }
    
    body {
      margin: 0;
      font-family: 'Figtree', sans-serif;
      color: #666666;
    }
    
    button, input, select, textarea {
      font-family: inherit;
    }
    .header {
      position: relative;
      padding: 70px 0 60px; 
      display: flex;
      justify-content: center;
      overflow: visible;
      
    }
    
    .right-align {
      text-align: right;
    }
    
    .header::before {
      content: "";
      position: absolute;
      inset: 0;
      background: url('Header-Background.png') no-repeat center top / cover;
      z-index: -1;
      background-size: 100vw auto;
      pointer-events: none;
    }
    
    footer {
      text-align: center;
      padding: 20px;
      font-size: 11px;
      color: #aaaaaa;
    }

    .container {
      width: 80%;
      max-width: 900px;
      margin: 0 auto;
    }
    .topbar {
      position: absolute;
      top: 40px;
      width: 100%;
      z-index: 3;
    }
    .topbar .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .brand {
      width: 310px;
      height: auto;
      transition: 
        transform 1s cubic-bezier(.2,.8,.2,1),
        filter 1s ease;
    }
    .brand:hover {
      transform: scale(1.05);
      filter: drop-shadow(0 0 8px rgba(255,255,255,0.6))
              drop-shadow(0 0 18px rgba(255,255,255,0.4));
    }
    
    .nav {
      display: flex;
      gap: 15px;
    }
    .glossy-btn {
      padding: 3px 18px;
      font-size: 16px;
      font-weight: 600;
      color: #495948;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      background: linear-gradient(
        to bottom,
        #e6ff7a 0%,
        #b6e23a 45%,
        #8ccf1a 55%,
        #a8e03a 100%
      );
      box-shadow:
        inset 0 2px 4px rgba(255,255,255,0.8),
        inset 0 -3px 6px rgba(0,0,0,0.15),
        0 2px 4px rgba(0,0,0,0.5);
      position: relative;
      overflow: hidden;
    }
    
    .glossy-btn:hover {
      background: linear-gradient(
      to bottom,
      #f0ffaa 0%,
      #d4f56a 45%,
      #aae040 55%,
      #c8f060 100%
    );
    
    color: #3a4a1a;
    transition: all 0.2s ease;
  }
    .panel {
      position: relative;
      width: 100%;
      min-height: 400px;
      padding: 30px;
      margin-top: 100px;
      border-radius: 25px;
      background: linear-gradient(
        to bottom,
        rgba(255,255,255,0.55),
        rgba(255,255,255,0.25)
      );
      backdrop-filter: blur(5px);
      box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.95),
        inset 0 2px 10px rgba(255,255,255,0.7),
        0 0 25px rgba(255,255,255,0.7),
        0 0 70px rgba(255,255,255,0.4),
        0 15px 40px rgba(255,255,255,.15);
        
    }
    h1 {
      margin-top: 0;
    }
    
    .panel-inner {
      display: flex;
      gap: 30px;
    }

    .panel-main {
        flex: 1;
      min-width: 0;
      overflow: visible;
    }
    
    .panel-section {
      background: linear-gradient(
      to bottom,
      rgba(255,255,255,0.6),
      rgba(255,255,255,0.3)
      );
      border-radius: 15px;
      border: 1px solid rgba(255,255,255,0.9);
      padding: 15px;
      margin-top: 15px;
    }

    .sidebar {
      width: 240px;
      flex-shrink: 0;
      background: linear-gradient(
        to bottom,
        rgba(255,255,255,0.6),
        rgba(255,255,255,0.3)
      );
      border-radius: 15px;
      border: 1px solid rgba(255,255,255,0.9);
      padding: 15px;
    }
    
    .year-label {
      text-align: center;
      font-size: 1.5em;
      font-weight: 700;
      margin-top: 10px;
    }

    .release-shelf {
      flex-wrap: nowrap;
      display: flex;
      gap: 40px;
      overflow-x: auto;
      padding: 20px;
      border-radius: 15px;
      border: 1px solid rgba(255,255,255,0.9);
      background: linear-gradient(
        to bottom,
        rgba(255,255,255,0.6),
        rgba(255,255,255,0.3)
      );
      margin-top: 15px;
    }

    .release-img img {
      width: 150px;
      height: 150px;
      object-fit: cover;
      border-radius: 8px;
      
      transition: 
        transform 0.3s cubic-bezier(.2,.8,.2,1),
        filter 0.3s ease;
    }
    
    .release-img img:hover {
      transform: scale(1.05);
    }
    
    .release-img img:active {
      transform: scale(0.98);
    }

    .release-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      flex-shrink: 0;
      margin: 1px 0 0;
      font-size: 14px;
      text-align: center;
    }
    
    .release-type {
      font-size: 11px;
      color: #999999;
      margin: -17px 0 0;
    }
    
    
    
    .shelf-wrapper {
      position: relative;
    }

    .release-shelf::-webkit-scrollbar {
      display: none;
    }

    .release-shelf {
      scrollbar-width: none; /* Firefox */
    }

    .shelf-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      font-size: 18px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .shelf-btn-left { left: -20px; }
    .shelf-btn-right { right: -20px; }
    
    .sidebar-banner img {
      width: auto;
      height: 160px;
      object-fit: cover;
      border-radius: 6px;
      margin: 3px;
      
      transition: 
        transform 0.3s cubic-bezier(.2,.8,.2,1),
        filter 0.3s ease;
    }
    
    .sidebar-banner img:hover {
      transform: scale(1.02) rotate(-3deg);
    }
    
    .sidebar-banner img:active {
      transform: scale(0.96) rotate(-3deg);
      transition: transform 0.1s ease;
    }
    
    
    .aero2cover {
      width: 30%;
      height: 30%;
      
      transition: 
        transform 1s cubic-bezier(.2,.8,.2,1),
        filter 0.5s ease;
    }  
    
    .aero2cover:hover {
      transform: scale(1.04);
    }
    
    .aero7cover {
      width: 30%;
      height: 30%;
      
      transition: 
        transform 1s cubic-bezier(.2,.8,.2,1),
        filter 0.5s ease;
    }  
    
    .aero7cover:hover {
      transform: scale(1.04);
    } 
    
    .post {
      background: linear-gradient(
      to bottom,
      rgba(255,255,255,0.75),
      rgba(255,255,255,0.4)
      );
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,0.9);
      padding: 12px 15px;
      margin-bottom: 15px;
      text-decoration: none;
      display: block;
      transition: 
        background 0.2s ease,
        transform 1s cubic-bezier(.2,.8,.2,1),
        filter 0.5s ease;
      box-shadow:
      inset 0 2px 4px rgba(255,255,255,0.8),
      inset 0 -3px 6px rgba(0,0,0,0.05),
      0 2px 4px rgba(0,0,0,0.1);
    }

    .post:hover {
      background: linear-gradient(
      to bottom,
      rgba(255,255,255,0.95),
      rgba(255,255,255,0.7)
      );
      transform: scale(1.01);
    }

    .post-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 6px;
    }

    .post-title {
      font-weight: 700;
      font-size: 16px;
      color: #495948;
      }

    .post-date {
      font-size: 11px;
      color: #999999;
    }

    .post-preview {
      font-size: 13px;
      color: #666666;
      margin: 0;
    }
    
    .post-img {
      width: 250px;
      height: auto;
      object-fit: cover;
      border-radius: 6px;
      margin: 10px;
      
      transition: 
        transform 0.3s cubic-bezier(.2,.8,.2,1),
        filter 0.3s ease;
    }
    
        .post-img:hover {
          transform: scale(1.02);
    }
    
    .new {
      font-size: 11px;
      font-weight: 700;
      color: #ffffff;
      background: linear-gradient(
      to bottom,
      #ffb3d9,
      #ff70b0
      );
      border-radius: 6px;
      padding: 2px 7px;
      margin-left: 6px;
      box-shadow:
      inset 0 2px 3px rgba(255,255,255,0.7),
      inset 0 -2px 4px rgba(0,0,0,0.1);
}