* { font-family: "JetBrainsMono Nerd Font", monospace; line-height: 1.5; padding: 3px; } /* Main window - Frosted glass effect */ window { margin: 5px; background-color: rgba(240, 240, 240, 0.85); /* Light translucent */ backdrop-filter: blur(12px); /* Glass blur */ border: 1px solid rgba(200, 200, 200, 0.6); border-radius: 8px; /* Softer corners */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.4); /* Inner glow */ } /* Input bar - Aero "search box" */ #input { margin: 8px; padding: 8px 12px; background: linear-gradient(to bottom, #ffffff, #e6e6e6); color: #000000; border-radius: 6px; border: 1px solid #aaaaaa; font-size: 14px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } /* Items - Bubbly and interactive */ #entry { padding: 8px 12px; margin: 4px 8px; border-radius: 6px; color: #333333; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(230, 240, 255, 0.5)); border: 1px solid rgba(180, 180, 180, 0.3); transition: all 0.2s ease; } /* Selected item - Luminous highlight */ #entry:selected { background: linear-gradient(to bottom, #bb86fc, #9a67ea); /* Purple gradient */ color: #000; border: 1px solid rgba(150, 100, 255, 0.5); box-shadow: 0 0 8px rgba(187, 134, 252, 0.4); /* Glow */ text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } /* Hover effect - Subtle "pop" */ #entry:hover { background: linear-gradient(to bottom, rgba(210, 220, 255, 0.8), rgba(180, 200, 255, 0.6)); transform: scale(1.01); } /* Inner/outer boxes - Transparent layers */ #inner-box { margin: 5px; background-color: transparent; border-radius: 6px; } #outer-box { margin: 5px; background-color: transparent; }