body {
      background-color: #f4f9f4;
    }

    .sidebar {
      width: 250px;
      height: 100vh;
      background-color: #2d6a4f;
      position: fixed;
      top: 0;
      left: 0;
      padding: 1rem;
      color: #fff;
    }

    .sidebar h4 {
      font-weight: bold;
      margin-bottom: 2rem;
    }

    .sidebar .nav-link {
      color: #cce3dc;
      margin: 0.5rem 0;
    }

    .sidebar .nav-link:hover {
      background-color: #40916c;
      color: #fff;
      border-radius: 5px;
    }

    .content {
      margin-left: 260px;
      padding: 2rem;
    }

    .frase-box {
      background: #ffffff;
      border-left: 5px solid #52b788;
      padding: 1.5rem;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      margin-bottom: 1.5rem;
      position: relative;
    }

    .share-buttons a, .copy-btn {
      margin-right: 10px;
      text-decoration: none;
      font-size: 1.2rem;
      color: #40916c;
      cursor: pointer;
    }

    .copy-btn:hover {
      color: #1b4332;
    }

    .copy-tooltip {
      position: absolute;
      right: 10px;
      top: 10px;
      background: #d8f3dc;
      color: #1b4332;
      padding: 5px 10px;
      font-size: 0.8rem;
      border-radius: 5px;
      display: none;
    }

    footer {
      margin-top: 4rem;
      padding-top: 2rem;
      border-top: 1px solid #dee2e6;
      font-size: 0.9rem;
      color: #6c757d;
    }

    @media (max-width: 768px) {
      .sidebar {
        position: static;
        width: 100%;
        height: auto;
      }
      .content {
        margin-left: 0;
      }
    }