pwa

public/style.css

@@ -1,6 +1,6 @@
 /* Discord-ish dark theme (POC) */
 :root {
-  --bg-0: #1e1f22;   /* rail */
+  --bg-0: #1e1f22;   /* user panel / topbar */
   --bg-1: #2b2d31;   /* sidebar */
   --bg-2: #313338;   /* main */
   --bg-3: #383a40;   /* hover */
@@ -24,19 +24,6 @@ body {
 }
 #app { display: flex; height: 100vh; }
 
-/* rail */
-#rail {
-  width: 68px; background: var(--bg-0); padding: 12px 0;
-  display: flex; flex-direction: column; align-items: center; gap: 8px; flex-shrink: 0;
-}
-.rail-icon {
-  width: 44px; height: 44px; border-radius: 50%; background: var(--bg-3);
-  display: grid; place-items: center; font-weight: 700; color: var(--text-1);
-  cursor: pointer; transition: border-radius .15s, background .15s;
-}
-.rail-icon:hover, .rail-icon.home { border-radius: 16px; background: var(--brand); color: #fff; }
-.rail-sep { width: 28px; height: 2px; background: var(--bg-3); border-radius: 1px; }
-
 /* sidebar */
 #sidebar {
   width: 250px; background: var(--bg-1); display: flex; flex-direction: column; flex-shrink: 0;
@@ -45,7 +32,9 @@ body {
 #server-name {
   padding: 14px 16px; font-weight: 700; font-size: 15px;
   border-bottom: 1px solid rgba(0,0,0,.25); box-shadow: 0 1px 0 rgba(0,0,0,.06);
+  display: flex; align-items: center; gap: 8px;
 }
+#server-logo, #mobile-logo { border-radius: 6px; flex-shrink: 0; }
 .poc-tag {
   font-size: 10px; background: var(--yellow); color: #000; border-radius: 4px;
   padding: 1px 5px; vertical-align: 2px; margin-left: 6px; font-weight: 800;
@@ -422,13 +411,11 @@ code { font-family: ui-monospace, monospace; font-size: 12px; }
 
 /* ---------------------------------------------------------------------------
    mobile layout
-   - rail is dropped (decorative only in this POC)
    - sidebar becomes an off-canvas drawer opened from #mobile-topbar
    - mic/deafen/share get an always-visible mirror bar pinned to the bottom
 --------------------------------------------------------------------------- */
 @media (max-width: 860px) {
   #app { padding-top: 48px; } /* room for the fixed topbar */
-  #rail { display: none; }
 
   #mobile-topbar {
     display: flex; align-items: center; gap: 10px;