hgfd

public/s/css/f0ckm.css

@@ -42,6 +42,8 @@
   --x2154: #215483;
   --bg-canvas-opacity: 1.0;
   --bg-canvas-blur: 30px;
+  --bg-canvas-color: transparent;
+  --bg-canvas-color-opacity: 0.0;
   --onara-bg-opacity: 0.7;
   --onara-backdrop-blur: 5px;
   --onara-grid-dim-opacity: 0.38;
@@ -3270,6 +3272,27 @@ body.sidebar-right-hidden #sidebar-drag-zone {
   will-change: transform, box-shadow, border-color;
 }
 
+/* Motion trail ghost — faint blurred echo of the eye that smears on fast movement */
+.eye-trail-ghost {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: clamp(300px, 72vmin, 700px);
+  height: clamp(300px, 72vmin, 700px);
+  max-width: calc(100% - 60px);
+  max-height: calc(100% - 80px);
+  border-radius: 50%;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-color: transparent;
+  pointer-events: none;
+  z-index: 0;
+  opacity: 0;
+  will-change: transform, opacity, filter;
+  mix-blend-mode: screen;
+}
+
 .audio-eye-inner-canvas {
   position: absolute;
   top: 50%;
@@ -3280,6 +3303,16 @@ body.sidebar-right-hidden #sidebar-drag-zone {
   z-index: 2;
 }
 
+.audio-void-outer-canvas {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  pointer-events: none;
+  z-index: 0;
+  border-radius: 0;
+}
+
 .audio-cover-circle i {
   font-size: 3.4rem;
   color: var(--accent);
@@ -3365,10 +3398,10 @@ body.sidebar-right-hidden #sidebar-drag-zone {
 .v0ck.v0ck_fullscreen .audio-cover-circle,
 #main:fullscreen .v0ck.v0ck_fullscreen .audio-cover-circle,
 #onara-modal:fullscreen .v0ck.v0ck_fullscreen .audio-cover-circle {
-  width: clamp(260px, 56vmin, 560px);
-  height: clamp(260px, 56vmin, 560px);
-  max-width: calc(100% - 80px);
-  max-height: calc(100% - 100px);
+  width: clamp(300px, 72vmin, 700px);
+  height: clamp(300px, 72vmin, 700px);
+  max-width: calc(100% - 60px);
+  max-height: calc(100% - 80px);
 }
 
 .v0ck:fullscreen .audio-cover-circle i,
@@ -10365,6 +10398,7 @@ div.favs div.posts {
   opacity: var(--bg-canvas-opacity, 1.0);
   filter: var(--bg-canvas-filter, none);
   -webkit-filter: var(--bg-canvas-filter, none);
+  background-color: var(--bg-canvas-color, transparent);
 }
 
 button#togglebg {
@@ -20816,6 +20850,24 @@ body.onara-modal-open .posts > a.thumb.onara-active::after {
   opacity: 1 !important;
 }
 
+body.onara-modal-open .posts > a.thumb.loaded {
+  opacity: 1 !important;
+  filter: none !important;
+  z-index: 50 !important;
+  position: relative !important;
+}
+
+body.onara-modal-open #bg,
+body.onara-modal-open #bg.fader-in,
+body.onara-modal-open #bg.fader-out,
+body.onara-modal-open #bg.fast-fade {
+  z-index: 51 !important;
+  cursor: pointer !important;
+  transition: none !important;
+  animation: none !important;
+  opacity: var(--bg-canvas-opacity, 1.0) !important;
+}
+
 /* Navbar and right sidebar stay fully visible, sharp, and interactive */
 body.onara-modal-open nav.navbar {
   opacity: 1 !important;
@@ -20885,7 +20937,7 @@ body.onara-modal-open .admin-bar.open {
   transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1),
               transform 0.28s cubic-bezier(0.16, 1, 0.3, 1),
               right 0.3s ease-in-out !important;
-  cursor: default;
+  cursor: pointer;
 }
 
 .onara-modal-wrapper::-webkit-scrollbar {
@@ -20962,7 +21014,7 @@ body.sidebar-right-hidden .onara-modal-wrapper {
   height: 100% !important;
   min-height: 100% !important;
   z-index: 1 !important;
-  cursor: default;
+  cursor: pointer;
 }
 
 .onara-modal-content {
@@ -20977,7 +21029,7 @@ body.sidebar-right-hidden .onara-modal-wrapper {
   flex: 1 0 auto !important;
   padding: 20px 0 80px 0 !important;
   box-sizing: border-box !important;
-  cursor: default;
+  cursor: pointer;
 }
 
 #onara-item-mount {
@@ -20986,7 +21038,7 @@ body.sidebar-right-hidden .onara-modal-wrapper {
   flex-direction: column !important;
   align-items: center !important;
   justify-content: flex-start !important;
-  cursor: default;
+  cursor: pointer;
 }
 
 /* Center the item layout inside modal and make it 100% scrollable */
@@ -21008,13 +21060,13 @@ body.layout-modern #onara-modal .item-layout-container {
   box-sizing: border-box !important;
   grid-template-columns: none !important;
   grid-template-rows: none !important;
-  cursor: default;
+  cursor: pointer;
 }
 
 #onara-modal .item-main-content,
 body.layout-legacy #onara-modal .item-layout-container .item-main-content,
 body.layout-modern #onara-modal .item-layout-container .item-main-content {
-  cursor: default !important;
+  cursor: pointer !important;
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
@@ -21035,6 +21087,35 @@ body.layout-modern #onara-modal .item-layout-container .item-main-content {
   display: none !important;
 }
 
+#onara-modal .item-main-content > *,
+#onara-modal .content,
+#onara-modal ._204863,
+#onara-modal .item_title,
+#onara-modal .item-title,
+#onara-modal .metadata,
+#onara-modal #comments-container,
+#onara-modal .item-sidebar-left,
+#onara-modal .media-object,
+#onara-modal .v0ck {
+  cursor: default;
+}
+
+#onara-modal a,
+#onara-modal button,
+#onara-modal .btn,
+#onara-modal [role="button"],
+#onara-modal label,
+#onara-modal .rating-tag,
+#onara-modal .sidebar-tag {
+  cursor: pointer;
+}
+
+#onara-modal input,
+#onara-modal textarea,
+#onara-modal [contenteditable="true"] {
+  cursor: text;
+}
+
 #onara-modal .item-main-content > * {
   width: 100% !important;
   max-width: 800px !important;