added custom titlebar to electron

views/css/anime/watch.css

@@ -39,19 +39,12 @@
     --plyr-color-main: var(--color-primary);
 }
 
-*, *::before, *::after {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-}
-
 body {
     margin: 0;
     padding: 0;
     background-color: var(--color-bg-base);
     color: var(--color-text-primary);
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-    line-height: 1.6;
+    font-family: 'Inter', system-ui, sans-serif;
     overflow-x: hidden;
     -webkit-font-smoothing: antialiased;
 }
@@ -577,35 +570,6 @@ body {
     background: transparent;
 }
 
-.character-card {
-
-    --card-min-width: 280px;
-    flex: 1 1 var(--card-min-width);
-    max-width: calc((100% - var(--spacing-lg) * 3) / 4);
-    min-width: var(--card-min-width);
-
-    height: 92px;
-    display: flex;
-    align-items: center;
-    background: var(--color-bg-card);
-    border: var(--border-subtle);
-    border-radius: var(--radius-md);
-    padding: var(--spacing-md);
-    gap: var(--spacing-md);
-    transition: all var(--transition-fast);
-}
-
-.character-card:hover {
-    border-color: var(--color-primary);
-    box-shadow: 0 8px 25px rgba(139, 92, 246, 0.15);
-    transform: translateY(-2px);
-}
-
-.character-card-img { width: 60px; height: 60px; object-fit: cover; border-radius: var(--radius-sm); flex-shrink: 0; }
-.character-details { overflow: hidden; flex: 1; }
-.character-name { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.actor-name { font-size: 0.875rem; color: var(--color-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-
 .plyr--video { border-radius: var(--radius-xl); }
 .plyr__controls { background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 50%, transparent 100%) !important; padding: 1rem 1.5rem 1.5rem !important; }
 .plyr--full-ui input[type=range] { color: var(--color-primary); }
@@ -624,16 +588,6 @@ body {
         text-align: center;
         margin-bottom: var(--spacing-lg);
     }
-
-    .character-card {
-        max-width: calc((100% - var(--spacing-lg) * 2) / 3);
-    }
-
-    @media (min-width: 1400px) {
-        .character-card {
-            max-width: calc((100% - var(--spacing-lg) * 3) / 4);
-        }
-    }
 }
 
 @media (max-width: 768px) {
@@ -671,21 +625,6 @@ body {
     .episode-controls { flex-direction: column; gap: var(--spacing-md); }
     .navigation-buttons { width: 100%; justify-content: center; }
     .nav-btn { flex: 1; justify-content: center; }
-
-    .characters-carousel {
-        justify-content: flex-start;
-        gap: var(--spacing-md);
-        max-height: 194px;
-        padding: 0;
-    }
-    .character-card {
-
-        --card-min-width-sm: 45%;
-        flex: 1 1 var(--card-min-width-sm);
-        min-width: unset;
-        max-width: unset;
-        height: 85px;
-    }
 }
 
 @media (max-width: 480px) {
@@ -712,15 +651,4 @@ body {
 
         flex: 1 1 100%;
     }
-}
-
-.ui-scale-wrapper {
-
-    transform: none;
-    transform-origin: unset;
-    width: 100%;
-    max-width: 100%;
-    margin: 0 auto;
-
-    padding-top: 0;
 }