diff --git a/yasb/styles.css b/yasb/styles.css
index d182229..b161401 100644
--- a/yasb/styles.css
+++ b/yasb/styles.css
@@ -1,267 +1,1094 @@
-:root{--base:#1e1e2e;--mantle:#181825;--crust:#11111b;--surface0:#313244;--surface1:#45475a;--surface2:#585b70;--overlay0:#6c7086;--overlay1:#7f849c;--overlay2:#9399b2;--text:#cdd6f4;--subtext0:#a6adc8;--subtext1:#bac2de;--lavender:#b4befe;--blue:#89b4fa;--sapphire:#74c7ec;--sky:#89dceb;--teal:#94e2d5;--green:#a6e3a1;--yellow:#f9e2af;--peach:#fab387;--maroon:#eba0ac;--red:#f38ba8;--mauve:#cba6f7;--pink:#f5c2e7;--flamingo:#f2cdcd;--rosewater:#f5e0dc}
-*{font-size:13px;font-family:"JetBrainsMono NFP","JetBrainsMono Nerd Font Propo",monospace;color:var(--text);margin:0;padding:0;border:none}
-.yasb-bar{background-color:#181825d9;border-bottom:1px solid #b4befe0f;padding-top:2px}
-.widget{padding:0 5px;color:var(--text)}
-.widget .widget-container{border-radius:8px;padding:2px 4px}
-.widget .label,.widget .icon{color:var(--text);padding:0 3px;font-weight:500}
-.widget .icon{font-size:14px;font-weight:400}
-.container-left,.container-center,.container-right{margin:0;padding:0}
-.notes-menu,.todo-menu,.ai-chat-popup,.github-menu,.traffic-menu,.cpu-popup,.memory-popup,.gpu-popup,.pomodoro-menu,.audio-menu,.wifi-menu,.brightness-menu,.open-meteo-card{background-color:#181825e6;border:1px solid #b4befe14;border-radius:10px}
-QScrollBar:vertical{background-color:#0003;width:8px;border-radius:4px}
-QScrollBar:horizontal{background-color:#0003;height:8px;border-radius:4px}
-QScrollBar::handle{background-color:var(--surface2);border-radius:4px}
-QScrollBar::handle:hover{background-color:var(--overlay0)}
-QScrollBar::add-line,QScrollBar::sub-line{height:0;width:0}
-QScrollBar::add-page,QScrollBar::sub-page{background:none}
-.tooltip{background-color:var(--surface0);border:1px solid var(--surface1);border-radius:4px;color:var(--subtext1);padding:5px 10px;font-size:12px;font-weight:600;margin-top:4px;border-style:solid}
-.notification-dot{background-color:var(--red);border-radius:50%;min-width:6px;min-height:6px;max-width:6px;max-height:6px}
-.context-menu{background-color:var(--surface0);border:none;padding:5px 0;font-size:12px;color:var(--text);border-radius:8px}
-.context-menu::item{background-color:transparent;padding:7px 12px;margin:3px 6px;border-radius:5px;min-width:90px}
-.context-menu::item:selected{background-color:var(--surface1);color:var(--text)}
-.context-menu::item:checked{background-color:#b4befe40;color:var(--lavender)}
-.context-menu::item:pressed{background-color:var(--surface2)}
-.context-menu::item:disabled{color:var(--overlay0)}
-.context-menu::separator{height:1px;background-color:var(--surface1);margin:3px 7px}
-.glazewm-workspaces{margin:0;padding:0 6px}
-.glazewm-workspaces .ws-btn{font-size:13px;background-color:transparent;border:none;padding:4px 8px;margin:0 3px;color:var(--overlay1);border-radius:6px}
-.glazewm-workspaces .ws-btn.populated{color:var(--subtext1)}
-.glazewm-workspaces .ws-btn.active_populated,.glazewm-workspaces .ws-btn.active_empty{color:var(--lavender);background-color:#b4befe26;font-weight:600}
-.glazewm-workspaces .ws-btn:hover,.glazewm-workspaces .ws-btn.populated:hover{background-color:#ffffff14;color:var(--text)}
-.glazewm-workspaces .offline-status{color:var(--red);font-size:11px;font-weight:600}
-.clock-widget{padding:0 8px}
-.clock-widget .icon{color:var(--blue);font-size:12px;padding-right:5px}
-.clock-widget .label{color:var(--text);font-weight:500}
-.clock-popup.calendar{background-color:#181825d9;min-width:420px}
-.clock-popup.calendar .calendar-table,.clock-popup.calendar .calendar-table::item{background-color:transparent;color:#a2adc8d9;border:none;outline:none}
-.clock-popup.calendar .calendar-table::item:selected{color:var(--crust);font-weight:700;background-color:var(--lavender);border-radius:12px}
-.clock-popup.calendar .day-label,.clock-popup.calendar .month-label,.clock-popup.calendar .year-label,.clock-popup.calendar .date-label{font-size:16px;color:var(--text);font-weight:700}
-.clock-popup.calendar .date-label{font-size:72px;font-weight:900}
-.pomodoro-widget{padding:0 7px}
-.pomodoro-widget .icon{font-size:13px;padding-right:5px}
-.pomodoro-widget .label.work,.pomodoro-widget .icon.work{color:var(--green)}
-.pomodoro-widget .label.break,.pomodoro-widget .icon.break{color:var(--blue)}
-.pomodoro-widget .label.paused,.pomodoro-widget .icon.paused{color:var(--overlay1)}
-.pomodoro-menu .status{font-size:18px;font-weight:600;color:var(--text)}
-.pomodoro-menu .session{font-size:12px;color:var(--overlay1)}
-.pomodoro-menu .button{background-color:var(--surface0);color:var(--text);border:none;border-radius:6px;padding:7px 16px;font-weight:500}
-.pomodoro-menu .button.pause{background-color:#a6e3a12e;color:var(--green)}
-.pomodoro-menu .button.start{background-color:#b4befe26}
-.pomodoro-menu .button:hover{background-color:var(--surface1)}
-.pomodoro-menu .button:pressed{background-color:var(--surface2)}
-.notes-widget{padding:0 7px}
-.notes-widget .label{color:var(--yellow);font-size:13px;font-weight:500}
-.notes-widget .icon{color:var(--yellow);font-size:14px}
-.notes-menu{min-width:400px;max-width:400px}
-.notes-menu.floating{min-width:580px;max-width:580px;min-height:580px;max-height:580px}
-.notes-menu .notes-header{background-color:transparent;padding:10px 14px;border-bottom:1px solid #ffffff14}
-.notes-menu .notes-header .header-title{font-size:14px;font-weight:700;color:var(--text)}
-.notes-menu .notes-header .float-button,.notes-menu .notes-header .close-button{background:transparent;border:none;color:var(--overlay2);font-size:15px;padding:4px 6px;border-radius:5px}
-.notes-menu .notes-header .float-button:hover,.notes-menu .notes-header .close-button:hover{background-color:#ffffff14;color:var(--text)}
-.notes-menu .note-item{background-color:transparent;border-bottom:1px solid #ffffff0f;padding:8px 10px;border-radius:6px;margin:4px 8px}
-.notes-menu .note-item:hover{background-color:#ffffff0d}
-.notes-menu .note-item .title{font-size:13px;color:var(--text);font-weight:500}
-.notes-menu .note-item .date{font-size:11px;color:var(--overlay0);margin-top:2px}
-.notes-menu .delete-button{color:var(--red);background:transparent;border:none;font-size:13px;padding:4px 7px;border-radius:4px}
-.notes-menu .copy-button{color:var(--overlay2);background:transparent;border:none;font-size:13px;padding:4px 7px;border-radius:4px}
-.notes-menu .delete-button:hover,.notes-menu .copy-button:hover{background-color:#ffffff14}
-.notes-menu .note-input{background-color:#ffffff0d;border:1px solid var(--surface1);border-radius:6px;color:var(--text);font-size:13px;padding:6px 10px}
-.notes-menu .note-input:focus{border-color:var(--lavender)}
-.notes-menu .add-button,.notes-menu .cancel-button{background-color:#ffffff1a;border:none;border-radius:6px;color:var(--text);padding:7px 14px;font-weight:500}
-.notes-menu .add-button:hover,.notes-menu .cancel-button:hover{background-color:#ffffff29}
-.notes-menu .scroll-area{background:transparent;border:none}
-.notes-menu .empty-list{color:var(--overlay0);font-size:18px}
-.todo-widget{padding:0 7px}
-.todo-widget .icon{color:var(--teal);font-size:14px}
-.todo-widget .label{font-size:13px;font-weight:500}
-.todo-menu{min-width:400px;max-width:400px;min-height:480px;max-height:480px}
-.todo-menu .header .add-task-button,.todo-menu .header .tab-buttons{border:none;border-radius:8px;color:var(--text);padding:5px 10px;font-size:12px;font-weight:600}
-.todo-menu .header .tab-buttons.in-progress:checked{color:var(--teal);background-color:#94e2d526}
-.todo-menu .header .tab-buttons.completed:checked{color:var(--red);background-color:#f38ba826}
-.todo-menu .header .tab-buttons.sort{background-color:#ffffff14;min-height:22px;min-width:22px;max-width:22px;max-height:22px;padding:0;margin:0 6px 0 0;border-radius:6px}
-.todo-menu .task-item{background-color:#ffffff0a;border-radius:8px;margin:0 10px 8px;border:1px solid #ffffff0f;padding:8px 0}
-.todo-menu .task-item.expanded{border-color:#ffffff1f;background-color:#ffffff0d}
-.todo-menu .task-item:hover{background-color:#ffffff0f}
-.todo-menu .task-item .title{color:var(--text);font-size:12px;font-weight:600;padding:0 10px 6px}
-.todo-menu .task-item .description{color:var(--subtext0);font-size:11px;padding:0 10px 6px}
-.todo-menu .task-item.completed .title,.todo-menu .task-item.completed .description{text-decoration:line-through;color:var(--overlay0)}
-.todo-menu .task-checkbox{background:transparent;border:none;margin-left:10px;font-size:16px;color:var(--text)}
-.todo-menu .task-checkbox:checked{color:var(--teal)}
-.todo-menu .task-info-row .date-text,.todo-menu .task-info-row .category-text{color:var(--overlay1);font-size:11px;font-weight:500}
-.todo-menu .task-info-row .category-text.important,.todo-menu .task-info-row .category-icon.important{color:var(--red)}
-.todo-menu .task-info-row .category-text.urgent,.todo-menu .task-info-row .category-icon.urgent{color:var(--peach)}
-.todo-menu .task-info-row .category-text.soon,.todo-menu .task-info-row .category-icon.soon{color:var(--teal)}
-.todo-menu .task-info-row .category-text.today,.todo-menu .task-info-row .category-icon.today{color:var(--yellow)}
-.todo-menu .task-info-row .delete-task-button{background-color:#ffffff1a;color:var(--text);font-size:11px;padding:3px 10px;border-radius:6px;min-height:20px;max-height:20px;font-weight:600;margin-right:8px}
-.todo-menu .task-info-row .delete-task-button:hover{background-color:#f38ba833;color:var(--red)}
-.todo-menu .no-tasks{color:var(--overlay0);font-size:16px}
-.todo-menu .no-tasks-icon{font-size:64px;color:var(--overlay0)}
-.ai-chat-widget{padding:0 7px}
-.ai-chat-widget .icon{color:var(--mauve);font-size:15px}
-.ai-chat-popup{min-width:430px;max-width:430px;min-height:480px;max-height:480px;border-radius:12px}
-.ai-chat-popup.floating{min-width:960px;max-width:960px;min-height:740px;max-height:740px;border-radius:14px}
-.ai-chat-popup .chat-header{background-color:transparent;padding:10px 14px;border-bottom:1px solid #ffffff14}
-.ai-chat-popup .chat-header .provider-button,.ai-chat-popup .chat-header .model-button{background-color:var(--surface0);border:1px solid #ffffff1a;font-size:12px;color:var(--text);border-radius:6px;padding:5px 12px;min-width:130px;font-weight:500}
-.ai-chat-popup .chat-header .provider-button:hover,.ai-chat-popup .chat-header .model-button:hover{background-color:var(--surface1);border-color:#ffffff26}
-.ai-chat-popup .chat-header .float-button,.ai-chat-popup .chat-header .close-button{background:transparent;border:none;color:var(--overlay2);font-size:15px;padding:4px 6px;border-radius:6px}
-.ai-chat-popup .chat-header .float-button:hover,.ai-chat-popup .chat-header .close-button:hover{background-color:#ffffff14;color:var(--text)}
-.ai-chat-popup .chat-header .loader-line{color:var(--blue);height:2px}
-.ai-chat-popup .chat-content{background:transparent;border:none;padding:8px}
-.ai-chat-popup .chat-content .user-message{margin-left:28px;padding:10px 14px}
-.ai-chat-popup .chat-content .assistant-message{background-color:#31324499;border:1px solid #ffffff14;border-radius:10px;padding:10px 14px}
-.ai-chat-popup .chat-content .user-message .text,.ai-chat-popup .chat-content .assistant-message .text{font-size:13px;color:var(--text);line-height:1.5}
-.ai-chat-popup .chat-content .assistant-icon{font-size:20px;color:var(--mauve);margin-right:8px}
-.ai-chat-popup .chat-content .copy-button{color:var(--overlay2);background:transparent;border:none;font-size:13px;padding:4px 6px;border-radius:4px}
-.ai-chat-popup .chat-content .copy-button:hover{background-color:#ffffff14;color:var(--text)}
-.ai-chat-popup .chat-content .empty-chat .greeting{font-size:32px;font-weight:700;color:var(--text)}
-.ai-chat-popup .chat-content .empty-chat .message{font-size:16px;color:var(--overlay1);padding-top:6px}
-.ai-chat-popup .chat-footer{padding:14px;background-color:#0000001a}
-.ai-chat-popup .chat-footer .chat-input-wrapper{background-color:#ffffff0d;border:1px solid var(--surface1);border-radius:10px;padding:6px 10px;max-height:80px;min-height:36px}
-.ai-chat-popup .chat-footer .chat-input-wrapper.focused{border-color:var(--lavender);background-color:#ffffff12}
-.ai-chat-popup .chat-footer .chat-input{font-size:13px;color:var(--text)}
-.ai-chat-popup .chat-footer .send-button,.ai-chat-popup .chat-footer .stop-button,.ai-chat-popup .chat-footer .clear-button,.ai-chat-popup .chat-footer .attach-button{color:var(--text);font-size:14px;min-width:32px;max-width:32px;min-height:32px;max-height:32px;border-radius:6px;border:none}
-.ai-chat-popup .chat-footer .stop-button{background-color:#89b4fa40}
-.ai-chat-popup .chat-footer .stop-button:hover{background-color:#89b4fa59}
-.ai-chat-popup .chat-footer .send-button:hover,.ai-chat-popup .chat-footer .clear-button:hover,.ai-chat-popup .chat-footer .attach-button:hover{background-color:var(--surface0)}
-.ai-chat-popup .chat-footer .send-button:disabled,.ai-chat-popup .chat-footer .clear-button:disabled,.ai-chat-popup .chat-footer .attach-button:disabled{color:var(--overlay0)}
-.ai-chat-popup .attachment-chip{background-color:#89b4fa26;border:1px solid #89b4fa4d;border-radius:6px;padding:2px 6px;margin:2px 4px}
-.ai-chat-popup .attachment-chip .attachment-label{color:var(--subtext1);font-size:11px}
-.ai-chat-popup .attachment-chip .attachment-remove-button{color:var(--overlay1);font-size:12px;padding:0 2px}
-.ai-chat-popup .attachment-chip .attachment-remove-button:hover{color:var(--red)}
-.notification-widget{padding:0 5px}
-.notification-widget .icon{font-size:14px;color:var(--overlay2)}
-.notification-widget .icon.new-notification{color:var(--blue)}
-.notification-widget .label.new-notification{color:var(--blue);font-weight:600}
-.github-widget{padding:0 5px}
-.github-widget .icon{font-size:15px;color:var(--overlay2)}
-.github-widget .icon.new-notification{color:var(--red)}
-.github-menu{max-height:500px;min-height:480px;min-width:420px}
-.github-menu .header{border-bottom:1px solid #ffffff14;font-size:14px;font-weight:600;padding:10px 12px;color:var(--text)}
-.github-menu .footer{border-top:1px solid #ffffff14;padding:6px 10px 8px}
-.github-menu .footer .label{font-size:11px;color:var(--overlay1)}
-.github-menu .contents .item{min-height:42px;padding:8px 12px;border-bottom:1px solid #ffffff0d}
-.github-menu .contents .item:hover{background-color:#ffffff0d}
-.github-menu .contents .item .title{font-size:13px;font-weight:600;color:var(--subtext1)}
-.github-menu .contents .item .description{font-size:11px;color:var(--overlay1);margin-top:2px}
-.github-menu .contents .item.new .title,.github-menu .contents .item.new .description{color:var(--text)}
-.github-menu .contents .item .icon{font-size:15px;padding:0 6px;color:var(--overlay1)}
-.github-menu .contents .item.new .icon{color:var(--green)}
-.traffic-widget{padding:0 5px}
-.traffic-widget .label{font-size:12px;color:var(--subtext0);font-weight:500}
-.traffic-widget .icon{color:var(--sky)}
-.traffic-menu{min-width:280px}
-.traffic-menu .header .title{font-size:15px;font-weight:600;color:var(--text);padding:10px}
-.traffic-menu .download-speed-value,.traffic-menu .upload-speed-value{font-size:20px;font-weight:800;color:var(--subtext1)}
-.traffic-menu .internet-info.connected{background-color:#a6e3a11a;color:var(--green);border-radius:6px}
-.traffic-menu .internet-info.disconnected{background-color:#f38ba81a;color:var(--red);border-radius:6px}
-.traffic-menu .data-text{font-size:12px;color:var(--overlay1)}
-.traffic-menu .data-value{font-weight:600;font-size:12px;color:var(--text)}
-.traffic-menu .section-title{font-size:11px;color:var(--overlay1);font-weight:600}
-.cpu-widget{padding:0 5px}
-.memory-widget{padding:0 5px}
-.disk-widget{padding:0 5px}
-.gpu-widget{padding:0 5px}
-.cpu-widget .icon{color:var(--mauve);font-size:13px}
-.memory-widget .icon{color:var(--blue);font-size:13px}
-.disk-widget .icon{color:var(--sapphire);font-size:13px}
-.gpu-widget .icon{color:var(--pink);font-size:13px}
-.cpu-widget .label,.memory-widget .label,.disk-widget .label,.gpu-widget .label{color:var(--text);font-weight:500}
-.cpu-widget .label.status-low,.memory-widget .label.status-low,.gpu-widget .label.status-low{color:var(--green)}
-.cpu-widget .label.status-medium,.memory-widget .label.status-medium,.gpu-widget .label.status-medium{color:var(--yellow)}
-.cpu-widget .label.status-high,.memory-widget .label.status-high,.gpu-widget .label.status-high{color:var(--peach)}
-.cpu-widget .label.status-critical,.memory-widget .label.status-critical,.gpu-widget .label.status-critical{color:var(--red)}
-.disk-widget .label.status-low{color:var(--green)}
-.disk-widget .label.status-medium{color:var(--yellow)}
-.disk-widget .label.status-high{color:var(--peach)}
-.disk-widget .label.status-critical{color:var(--red)}
-.cpu-popup,.memory-popup,.gpu-popup{min-width:360px}
-.cpu-popup .header .text,.memory-popup .header .text,.gpu-popup .header .text{font-size:15px;color:var(--text);font-weight:600;padding:10px}
-.cpu-popup .stats,.memory-popup .stats,.gpu-popup .stats{padding:10px}
-.cpu-popup .stats .stat-label,.memory-popup .stats .stat-label,.gpu-popup .stats .stat-label{font-size:12px;color:var(--overlay1);font-weight:500}
-.cpu-popup .stats .stat-value,.memory-popup .stats .stat-value,.gpu-popup .stats .stat-value{font-size:20px;font-weight:700;color:var(--text)}
-.cpu-popup .cpu-graph{color:var(--mauve)}
-.memory-popup .memory-graph{color:var(--blue)}
-.gpu-popup .gpu-graph{color:var(--pink)}
-.cpu-popup .cpu-graph-grid,.memory-popup .memory-graph-grid,.gpu-popup .gpu-graph-grid{color:#ffffff0d}
-.brightness-widget{padding:0 5px}
-.brightness-widget .icon{color:var(--yellow);font-size:14px;padding:0 5px}
-.brightness-menu{min-width:240px}
-.brightness-slider{border:none}
-.volume-widget{padding:0 5px}
-.volume-widget .icon{color:var(--teal);font-size:14px;margin-right:3px;padding:0 3px}
-.volume-widget .label{font-weight:500}
-.volume-widget .label.muted,.volume-widget .icon.muted{color:var(--overlay0)}
-.audio-menu{min-width:300px}
-.audio-menu .system-volume-container .volume-slider{border:none}
-.audio-menu .audio-container .device{background:transparent;border:none;padding:6px 10px;border-radius:6px;font-size:12px}
-.audio-menu .audio-container .device.selected{background-color:#ffffff1a}
-.audio-menu .audio-container .device:hover{background-color:#ffffff14}
-.bluetooth-widget{padding:0 5px}
-.bluetooth-widget .icon{font-size:15px;color:var(--blue)}
-.wifi-widget{padding:0 5px}
-.wifi-widget .icon{font-size:15px;color:var(--sky)}
-.wifi-menu{min-width:360px}
-.wifi-menu .header{font-size:13px;font-weight:600;padding:10px 12px;color:var(--text);border-bottom:1px solid #ffffff14}
-.wifi-menu .wifi-item{min-height:36px;padding:6px 10px;margin:4px 6px;border-radius:6px}
-.wifi-menu .wifi-item:hover{background-color:#ffffff0f}
-.wifi-menu .wifi-item[active=true]{background-color:#ffffff1a}
-.wifi-menu .wifi-item .icon{font-family:"Segoe Fluent Icons";font-size:22px;margin-right:8px;color:var(--sky)}
-.wifi-menu .wifi-item .name{font-size:13px;font-weight:500}
-.wifi-menu .wifi-item .connect{background-color:#ffffff1f;padding:4px 16px;border-radius:5px;font-size:12px;border:none;font-weight:500}
-.wifi-menu .wifi-item .connect:hover{background-color:#ffffff2e}
-.wifi-menu .footer{font-size:11px;padding:8px 12px;color:var(--overlay1);border-top:1px solid #ffffff14}
-.open-meteo-widget{padding:0 7px}
-.open-meteo-widget .icon{font-size:16px;color:#ffffffd9}
-.open-meteo-widget .label{font-size:13px;color:var(--text);padding-left:4px;font-weight:500}
-.open-meteo-card{border-radius:12px;min-width:500px}
-.open-meteo-card-today .label{font-size:12px;color:var(--subtext0)}
-.open-meteo-card-today .label.location{font-size:26px;font-weight:700;color:var(--text)}
-.open-meteo-card-day{border:1px solid var(--surface1);border-radius:8px;background-color:transparent;padding:8px}
-.open-meteo-card-day.active{background-color:#ffffff0d;border-color:var(--surface2)}
-.open-meteo-card-day:hover{background-color:#ffffff0a}
-.open-meteo-card-day .day-name{font-size:11px;color:var(--overlay1);font-weight:600}
-.open-meteo-card-day .day-temp-max{font-size:15px;font-weight:700;color:var(--text)}
-.open-meteo-card-day .day-temp-min{font-size:12px;color:var(--subtext0)}
-.open-meteo-card .hourly-container{background:transparent;border:none;min-height:120px}
-.open-meteo-card .hourly-data{font-size:11px;font-weight:700}
-.open-meteo-card .hourly-data.temperature{background-color:var(--yellow)}
-.open-meteo-card .hourly-data.rain{background-color:var(--blue)}
-.open-meteo-card .hourly-data.snow{background-color:var(--sapphire)}
-.open-meteo-card .hourly-data-button{border-radius:4px;min-height:24px;min-width:24px;max-width:24px;max-height:24px;font-size:14px;color:#ffffff4d;border:1px solid transparent}
-.open-meteo-card .hourly-data-button.active{color:var(--text);background-color:#ffffff1a;border:1px solid #ffffff1a}
-.open-meteo-card .search-input{border:1px solid var(--surface1);border-radius:8px;background-color:#ffffff0d;color:var(--text);font-size:13px;padding:8px 12px}
-.open-meteo-card .search-input:focus{border-color:var(--lavender);background-color:#ffffff12}
-.open-meteo-card .search-results{background:transparent;color:var(--text);font-size:13px}
-.open-meteo-card .search-results::item{padding:6px 10px;border-radius:6px;margin:2px 6px}
-.open-meteo-card .search-results::item:hover{background-color:#ffffff14}
-.systray{background:transparent;border:none}
-.systray .button{border-radius:4px;padding:2px}
-.systray .button:hover{background:#ffffff1a}
-.systray .unpinned-visibility-btn{border-radius:4px;height:20px;width:16px;border:none}
-.systray .unpinned-visibility-btn:hover{background:#ffffff14}
-.systray .label{color:var(--mauve)}
-.systray .icon{color:var(--mauve)}
-.recycle-bin-widget{padding:0;margin:4px 2px;border-radius:8px}
-.recycle-bin-widget:hover{background-color:#31324499}
-.recycle-bin-widget .icon{font-size:16px;margin-right:6px}
-.recycle-bin-widget .label{color:var(--text);font-weight:500}
-.recycle-bin-widget .icon.bin-empty{color:var(--green)}
-.recycle-bin-widget .label.bin-empty{color:var(--subtext0)}
-.recycle-bin-widget .icon.bin-filled{color:var(--red)}
-.recycle-bin-widget .label.bin-filled{color:var(--lavender);font-weight:700}
-.wallpapers-widget .icon{color:var(--mauve);font-size:16px;padding:0 8px}
-.power-menu-widget .label{color:var(--red);font-size:14px}
-.power-menu-overlay{background-color:#0000004d}
-.power-menu-overlay .uptime{font-size:14px;margin-bottom:12px;color:var(--overlay2);font-weight:600}
-.power-menu-popup{background-color:#1e1e2ee6;padding:28px;border-radius:12px;border:1px solid #b4befe1a}
-.power-menu-popup .profile-info{padding:0 0 16px;border-bottom:1px solid #ffffff14;margin-bottom:14px}
-.power-menu-popup .profile-info .profile-username{font-size:20px;font-weight:600;color:var(--text)}
-.power-menu-popup .profile-info .profile-account-type{font-size:12px;color:var(--overlay1)}
-.power-menu-popup .button{padding:0;min-width:130px;max-width:130px;min-height:90px;border-radius:10px;background-color:var(--surface0);border:1px solid #ffffff0f;margin:6px}
-.power-menu-popup .button.hover{background-color:var(--surface1);border-color:var(--lavender)}
-.power-menu-popup .button .label{font-size:12px;font-weight:600;color:var(--subtext1);margin-bottom:6px}
-.power-menu-popup .button .icon{font-size:28px;color:#ffffff40;padding-top:6px;font-family:"JetBrainsMono NFP"}
-.power-menu-popup .button.hover .label,.power-menu-popup .button.hover .icon{color:var(--text)}
-.power-menu-popup .button.cancel .icon{color:#f38ba880}
-.power-menu-popup .button.cancel .label{color:var(--red)}
-.power-menu-popup .button.shutdown .icon{color:#89b4fa80}
-.power-menu-popup .button.shutdown .label{color:var(--blue)}
+:root {
+    --bar-dark-bg: rgba(36, 36, 36, 0.6);
+    --bar-light-bg: rgba(255, 255, 255, 0.75);
+    --bar-dark-border: #303030;
+    --bar-light-border: #e7e7e7;
+    --dark-menu-bg: rgba(36, 36, 36, 0.6);
+    --light-menu-bg: rgba(255, 255, 255, 0.75);
+    --dark-color: rgb(65, 65, 65);
+    --dark-dim-color: rgb(117, 117, 117);
+    --light-color: rgba(255, 255, 255, 0.9);
+    --light-dim-color: rgba(255, 255, 255, 0.6);
+    --dark-icon-color: rgb(36, 36, 36);
+    --light-icon-color: rgba(255, 255, 255, 0.9);
+}
+* {
+    font-size: 12px;
+    font-weight: 400;
+    font-family: "Segoe UI", "Segoe Fluent Icons"
+}
+.dark.yasb-bar {
+    background-color: var(--bar-dark-bg);
+    border-bottom: 1px solid var(--bar-dark-border);
+    padding: 0 12px;
+}
+.yasb-bar {
+    background-color: var(--bar-light-bg);
+    border-bottom: 1px solid var(--bar-light-border);
+    padding: 0 12px;
+}
+.tooltip {
+    background-color: rgba(36, 36, 36, 0.95);
+    border-radius: 4px;
+    color: rgba(255, 255, 255, 0.9);
+    padding: 5px 10px;
+    font-size: 12px;
+    font-family: 'Segoe UI';
+    font-weight: 600;
+    margin-top: 4px;
+}
+.context-menu,
+.context-menu .menu-checkbox {
+    background-color: rgba(26, 26, 26, 0.6);
+    padding: 4px 0px;
+    font-family: 'Segoe UI';
+    font-size: 12px;
+    color: rgba(255, 255, 255, 0.9);
+}
+.context-menu {
+    border-radius: 8px;
+    border: 1px solid rgba(255, 255, 255, 0.075);
+}
+.context-menu::right-arrow {
+    width: 8px;
+    height: 8px;
+    padding-right: 24px;
+}
+.context-menu::item,
+.context-menu .menu-checkbox {
+    background-color: transparent;
+    padding: 6px 12px;
+    margin: 2px 6px;
+    border-radius: 6px;
+    min-width: 100px;
+}
+.context-menu::item:selected,
+.context-menu .menu-checkbox:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+    color: #FFFFFF;
+}
+.context-menu::separator {
+    height: 1px;
+    background-color: #404040;
+    margin: 4px 8px;
+}
+.context-menu::item:disabled {
+    color: #666666;
+    background-color: transparent;
+}
+.context-menu .menu-checkbox .checkbox {
+    border: none;
+    padding: 8px 16px;
+    font-size: 12px;
+    margin: 0;
+    color: rgba(255, 255, 255, 0.9);
+    font-family: 'Segoe UI'
+}
+.context-menu .submenu::item:disabled {
+    margin: 0;
+    padding-left: 16px;
+}
+.context-menu .menu-checkbox .checkbox:unchecked {
+    color: rgba(255, 255, 255, 0.9);
+}
+.context-menu .menu-checkbox .checkbox::indicator {
+    width: 12px;
+    height: 12px;
+    margin-left: 0px;
+    margin-right: 8px;
+}
+.context-menu .menu-checkbox .checkbox::indicator:unchecked {
+    background: #444444;
+    border-radius: 2px;
+}
+.context-menu .menu-checkbox .checkbox::indicator:checked {
+    background: #4a90e2;
+    border-radius: 2px;
+}
+.context-menu .menu-checkbox .checkbox:focus {
+    outline: none;
+}
+.widget {
+    padding: 2px 8px 0 8px;
+    margin: 4px 0;
+    border-radius: 4px;
+}
+
+.widget .icon {
+    font-size: 16px;
+    font-weight: 400;
+    color: var(--dark-icon-color);
+}
+.yasb-bar.dark .widget .icon {
+    font-size: 16px;
+    font-weight: 400;
+    color: var(--light-icon-color);
+}
+.widget .label {
+    padding: 0px 0px 4px 4px;
+    color: var(--dark-color)
+}
+
+.yasb-bar.dark .widget .label {
+    color: var(--light-color);
+}
+.widget:hover {
+    background-color: rgba(0, 0, 0, 0.08);
+}
+.dark .widget:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+}
+
+/* Quick Launch Popup - main window */
+.quick-launch-popup .container {
+    background-color: var(--light-menu-bg);
+}
+.dark .quick-launch-popup .container {
+    background-color: var(--dark-menu-bg);
+}
+/* Search bar container */
+.quick-launch-popup .search {
+    padding: 12px 16px;
+    background-color: transparent;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+.dark .quick-launch-popup .search {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
+}
+/* Search loader line color */
+.quick-launch-popup .search .loader-line {
+    color: #449bff;
+}
+.quick-launch-popup .search .search-icon {
+    font-family: "Segoe Fluent Icons";
+    font-size: 18px;
+    color: var(--dark-color);
+    padding-right: 8px;
+    min-width: 18px;
+}
+.dark .quick-launch-popup .search .search-icon {
+    color: var(--light-color);
+}
+.quick-launch-popup .search .search-submit-icon {
+    font-family: "Segoe Fluent Icons";
+    font-size: 18px;
+    color: var(--dark-color);
+    min-width: 18px;
+}
+.dark .quick-launch-popup .search .search-submit-icon {
+    color: var(--light-color);
+}
+.quick-launch-popup .search .search-input {
+    background: transparent;
+    border: none;
+    color: var(--dark-color);
+    font-size: 16px;
+    font-family: "Segoe UI";
+    font-weight: 400;
+    padding: 4px 0;
+}
+.dark .quick-launch-popup .search .search-input {
+    color: var(--light-color);
+}
+/* Search prefix styling (e.g., ">" for commands) */
+.quick-launch-popup .search .prefix {
+    background: #2167d8;
+    border-radius: 6px;
+    color: #ffffff;
+    padding: -2px 8px 0px 8px;
+    margin-top: 2px;
+    margin-right: 4px;
+    font-size: 13px;
+    font-weight: 600;
+    font-family: "Segoe UI";
+    max-height: 28px;
+}
+
+/* Results list */
+.quick-launch-popup .results {
+    background: transparent;
+    padding: 8px;
+}
+/* Individual result item here you can set font szie for title */
+.quick-launch-popup .results-list-view {
+    font-size: 14px;
+    font-family: "Segoe UI";
+    font-weight: 600;
+    color: var(--dark-color)
+}
+.dark .quick-launch-popup .results-list-view {
+    color: var(--light-color);
+}
+.quick-launch-popup .results-list-view .description {
+    color: var(--dark-dim-color);
+    font-size: 11px;
+    font-family: "Segoe UI";
+    font-weight: 600;
+}
+.dark .quick-launch-popup .results-list-view .description {
+    color: var(--light-dim-color);
+}
+.quick-launch-popup .results-list-view .separator {
+    color: var(--dark-dim-color);
+    font-size: 13px;
+    font-family: 'Segoe UI';
+    font-weight: 600;
+    padding: 4px 0 4px 12px;
+}
+/* Result item hover and selected states */
+.quick-launch-popup .results-list-view::item {
+    padding: 4px 12px;
+    border-radius: 8px;
+}
+.quick-launch-popup .results-list-view::item:hover,
+.quick-launch-popup .results-list-view::item:selected {
+    background-color: rgba(128, 130, 158, 0.1);
+}
+/* Empty state when no results found */
+.quick-launch-popup .results-empty-text {
+    font-size: 24px;
+    font-family: "Segoe UI";
+    color: rgb(255, 255, 255);
+    padding-top: 8px;
+}
+
+/* Preview Pane */
+.quick-launch-popup .preview {
+    background: rgba(0, 0, 0, 0);
+    border-left: 1px solid rgba(255, 255, 255, 0.06);
+}
+.quick-launch-popup .preview .preview-text {
+    font-size: 13px;
+    color: rgba(255, 255, 255, 0.85);
+    padding: 8px 12px;
+    font-family: "Segoe UI";
+    background-color: rgba(255, 255, 255, 0.03);
+    border: none;
+}
+.quick-launch-popup .preview .preview-image {
+    background-color: rgba(255, 255, 255, 0.03);
+    padding: 8px 12px;
+}
+.quick-launch-popup .preview .preview-meta {
+    padding: 6px 12px;
+    border-top: 1px solid rgba(255, 255, 255, 0.06);
+    font-family: "Segoe UI";
+}
+.quick-launch-popup .preview .preview-meta .preview-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: rgb(255, 255, 255);
+    font-family: "Segoe UI";
+    margin-bottom: 10px;
+    margin-left: -2px;
+}
+
+.quick-launch-popup .preview .preview-meta .preview-subtitle {
+    font-size: 12px;
+    color: rgba(255, 255, 255, 0.8);
+    font-family: "Segoe UI";
+    padding-bottom: 1px;
+}
+
+/* Preview inline edit form (.preview.edit) */
+.quick-launch-popup .preview.edit .preview-title {
+    font-size: 13px;
+    font-family: "Segoe UI";
+    font-weight: 600;
+    color: #ffffff;
+    padding: 8px 12px 4px 12px;
+}
+.quick-launch-popup .preview.edit .preview-line-edit {
+    background: rgba(255, 255, 255, 0.06);
+    border: 1px solid rgba(255, 255, 255, 0.12);
+    border-radius: 4px;
+    color: #ffffff;
+    font-size: 13px;
+    font-family: "Segoe UI";
+    padding: 6px 8px;
+    margin: 0 12px;
+}
+.quick-launch-popup .preview.edit .preview-line-edit:focus {
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.quick-launch-popup .preview.edit .preview-text-edit {
+    background: rgba(255, 255, 255, 0.06);
+    border: 1px solid rgba(255, 255, 255, 0.12);
+    border-radius: 4px;
+    color: #ffffff;
+    font-size: 13px;
+    font-family: "Segoe UI";
+    padding: 6px 8px;
+    margin: 0 12px;
+}
+.quick-launch-popup .preview.edit .preview-text-edit:focus {
+    border-color: rgba(255, 255, 255, 0.3);
+}
+.quick-launch-popup .preview.edit .preview-actions {
+    padding: 8px 12px;
+}
+.quick-launch-popup .preview.edit .preview-btn {
+    background: rgb(45, 46, 48);
+    border: none;
+    border-radius: 4px;
+    color: rgba(255, 255, 255, 0.8);
+    font-size: 12px;
+    font-family: "Segoe UI";
+    font-weight: 600;
+    padding: 4px 16px;
+}
+.quick-launch-popup .preview.edit .preview-btn:hover {
+    background: rgb(59, 60, 63);
+}
+.quick-launch-popup .preview.edit .preview-btn.save {
+    background: rgb(12, 81, 190);
+    color: #ffffff;
+}
+.quick-launch-popup .preview.edit .preview-btn.save:hover {
+    background: rgb(19, 90, 204);
+}
+
+.cpu-popup,
+.memory-popup {
+    background-color: var(--light-menu-bg);
+    min-width: 400px;
+    max-width: 400px;
+}
+.dark .cpu-popup,
+.dark .memory-popup {
+    background-color: var(--dark-menu-bg);
+    min-width: 400px;
+    max-width: 400px;
+}
+
+.cpu-popup .header,
+.memory-popup .header {
+    background: transparent;
+    padding: 12px 16px;
+}
+.cpu-popup .header .text,
+.memory-popup .header .text {
+    font-size: 16px;
+    font-family: "Segoe UI";
+
+}
+.cpu-popup .header .pin-btn,
+.memory-popup .header .pin-btn {
+    font-size: 14px;
+    background: transparent;
+    font-family: "Segoe Fluent Icons";
+    border: none;
+    padding: 6px;
+    color: var(--dark-dim-color)
+}
+.dark .cpu-popup .header .pin-btn,
+.dark .memory-popup .header .pin-btn {
+    color: var(--light-dim-color);
+}
+.cpu-popup .header .pin-btn:hover,
+.memory-popup .header .pin-btn:hover {
+    color: var(--dark-dim-color)
+}
+.dark .cpu-popup .header .pin-btn:hover,
+.dark .memory-popup .header .pin-btn:hover {
+    color: var(--light-dim-color);
+}
+.cpu-popup .header .pin-btn.pinned,
+.memory-popup .header .pin-btn.pinned {
+    color: var(--dark-color)
+}
+.dark .cpu-popup .header .pin-btn.pinned,
+.dark .memory-popup .header .pin-btn.pinned {
+    color: var(--light-color);
+}
+/* Graph area */
+.cpu-popup .graph-container,
+.memory-popup .graph-container {
+    background: transparent;
+    min-height: 64px;
+}
+.cpu-popup .cpu-graph,
+.memory-popup .memory-graph {
+    color: #0f6bff;
+    /* <-- set the graph line/fill color */
+}
+.cpu-popup .cpu-graph-grid,
+.memory-popup .memory-graph-grid {
+    color: rgba(0, 0, 0, 0.05);
+    /* set the grid line color */
+}
+.dark .cpu-popup .cpu-graph-grid,
+.dark .memory-popup .memory-graph-grid {
+    color: rgba(255, 255, 255, 0.05);
+    /* set the grid line color */
+}
+.cpu-popup .graph-title,
+.memory-popup .graph-title {
+    font-size: 12px;
+    color: var(--dark-dim-color);
+    font-family: 'Segoe UI';
+    padding: 0px 0px 4px 14px;
+}
+.dark .cpu-popup .graph-title,
+.dark .memory-popup .graph-title {
+    color: var(--light-dim-color);
+}
+/* Stats grid */
+.cpu-popup .stats,
+.memory-popup .stats {
+    background: transparent;
+    padding: 16px;
+}
+.cpu-popup .stats .stat-item,
+.memory-popup .stats .stat-item {
+    background-color: rgba(255, 255, 255, 0.03);
+    border: 1px solid rgba(255, 255, 255, 0.04);
+    border-radius: 8px;
+    padding: 8px 12px;
+    margin: 8px;
+}
+.cpu-popup .stats .stat-item,
+.memory-popup .stats .stat-item {
+    background-color: rgba(255, 255, 255, 0.35);
+    border: 1px solid rgba(255, 255, 255, 0.6);
+    border-radius: 8px;
+    padding: 8px 12px;
+    margin: 8px;
+}
+.dark .cpu-popup .stats .stat-item,
+.dark .memory-popup .stats .stat-item {
+    background-color: rgba(255, 255, 255, 0.03);
+    border: 1px solid rgba(255, 255, 255, 0.04);
+    border-radius: 8px;
+    padding: 8px 12px;
+    margin: 8px;
+}
+.cpu-popup .stats .stat-label,
+.memory-popup .stats .stat-label {
+    font-size: 13px;
+    color: var(--dark-dim-color);
+    font-family: 'Segoe UI';
+    font-weight: 400;
+    padding: 6px 4px 2px 4px;
+}
+.dark .cpu-popup .stats .stat-label,
+.dark .memory-popup .stats .stat-label {
+    color: var(--light-dim-color);
+}
+.cpu-popup .stats .stat-value,
+.memory-popup .stats .stat-value {
+    font-size: 20px;
+    font-weight: 700;
+    color: var(--dark-color);
+    font-family: 'Segoe UI';
+    padding: 0 4px 12px 4px;
+}
+.dark .cpu-popup .stats .stat-value,
+.dark .memory-popup .stats .stat-value {
+    color: var(--light-color);
+}
+
+.power-menu-widget .label {
+    font-size: 16px;
+    padding: 0;
+}
+.power-menu-compact {
+    min-width: 260px;
+    background-color: var(--light-menu-bg)
+}
+.dark .power-menu-compact {
+    min-width: 260px;
+    background-color: var(--dark-menu-bg);
+}
+.power-menu-compact .profile-info {
+    padding: 12px 0 24px 0;
+}
+
+.power-menu-compact .profile-info .profile-username {
+    font-size: 16px;
+    font-weight: 600;
+    color: var(--dark-dim-color);
+    font-family: 'Segoe UI';
+    margin-top: 4px;
+}
+.dark .power-menu-compact .profile-info .profile-username {
+    color: var(--light-dim-color);
+}
+.power-menu-compact .profile-info .profile-account-type {
+    font-size: 12px;
+    color: #ffffff;
+    font-weight: 600;
+    margin-top: 8px;
+    font-family: 'Segoe UI';
+    background-color: #0f68dd;
+    padding: 2px 6px;
+    border-radius: 6px;
+}
+.power-menu-compact .profile-info .profile-email {
+    font-size: 13px;
+    color: var(--dark-dim-color);
+    margin-top: 2px;
+    font-family: 'Segoe UI';
+}
+.dark .power-menu-compact .profile-info .profile-email {
+    color: var(--light-dim-color);
+}
+.power-menu-compact .manage-accounts {
+    font-size: 12px;
+    background-color: rgba(255, 255, 255, 0.08);
+    font-family: 'Segoe UI';
+    font-weight: 600;
+    padding: 2px 8px;
+    margin-top: 16px;
+    border-radius: 6px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+.power-menu-compact .manage-accounts:hover {
+    background-color: rgba(255, 255, 255, 0.15);
+}
+.power-menu-compact .buttons {
+    background-color: rgba(255, 255, 255, 0.35);
+    margin: 0 12px 12px 12px;
+    border-radius: 8px;
+}
+.dark .power-menu-compact .buttons {
+    background-color: rgba(255, 255, 255, 0.03);
+    margin: 0 12px 12px 12px;
+    border-radius: 8px;
+}
+.power-menu-compact .button {
+    padding: 8px 16px;
+    background-color: transparent;
+    border: none;
+    border-radius: 0;
+}
+.power-menu-compact .button.hover {
+    background-color: rgba(255, 255, 255, 0.4);
+}
+.dark .power-menu-compact .button.hover {
+    background-color: rgba(255, 255, 255, 0.05);
+}
+.power-menu-compact .button.lock.hover {
+    border-top-right-radius: 8px;
+    border-top-left-radius: 8px;
+}
+.power-menu-compact .button.shutdown.hover {
+    border-bottom-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+}
+.power-menu-compact .button .icon {
+    font-size: 14px;
+    font-weight: 400;
+    color: var(--dark-color);
+    padding-right: 10px;
+    min-width: 20px;
+}
+.dark .power-menu-compact .button .icon {
+    color: var(--light-color);
+}
+.power-menu-compact .button .label {
+    font-size: 13px;
+    font-weight: 500;
+    font-family: "Segoe UI";
+    color: var(--dark-dim-color)
+}
+.dark .power-menu-compact .button .label {
+    color: var(--light-dim-color);
+}
+
+.power-menu-compact .icon.hover,
+.power-menu-compact .label.hover {
+    color: var(--dark-color)
+}
+.dark .power-menu-compact .icon.hover,
+.dark .power-menu-compact .label.hover {
+    color: var(--light-color);
+}
+.dark .open-meteo-widget .icon {
+    color: #F6E3B4
+}
+.open-meteo-card {
+    background-color: var(--light-menu-bg);
+    min-width: 500px;
+}
+.dark .open-meteo-card {
+    background-color: var(--dark-menu-bg);
+    min-width: 500px;
+}
+.open-meteo-card-today .label {
+    font-size: 13px;
+    font-family: "Segoe UI";
+    font-weight: 400;
+    color: var(--dark-dim-color)
+}
+.dark .open-meteo-card-today .label {
+    color: var(--light-dim-color);
+}
+.open-meteo-card-today .label.location {
+    font-size: 32px;
+    font-weight: 700;
+    font-family: "Segoe UI";
+    color: var(--dark-color)
+}
+.dark .open-meteo-card-today .label.location {
+    color: var(--light-color);
+}
+.open-meteo-card-today .label.sunrisesunset {
+    font-size: 18px;
+    font-family: "Segoe UI";
+    font-weight: 600;
+    color: rgb(201, 204, 159);
+}
+.open-meteo-card-today .label.sunrisesunset-icon {
+    font-size: 16px;
+    color: rgb(201, 204, 159);
+    font-family: "Segoe Fluent Icons";
+    font-weight: 600;
+}
+.open-meteo-card-day {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: 8px;
+    background-color: rgba(0, 0, 0, 0);
+    padding: 4px;
+    min-width: 70px;
+}
+.open-meteo-card-day .day-name {
+    font-family: "Segoe UI";
+    color: var(--dark-dim-color);
+    font-size: 12px;
+    font-weight: 600;
+}
+.dark .open-meteo-card-day .day-name {
+    color: var(--light-dim-color);
+}
+.open-meteo-card-day .day-temp-max {
+    font-family: "Segoe UI";
+    font-weight: 700;
+    font-size: 16px;
+    color: var(--dark-color);
+}
+.dark .open-meteo-card-day .day-temp-max {
+    color: var(--light-color);
+}
+
+.open-meteo-card-day .day-temp-min {
+    font-family: "Segoe UI";
+    color: var(--dark-color);
+    font-weight: 400;
+    font-size: 13px;
+}
+.dark .open-meteo-card-day .day-temp-min {
+    color: var(--light-color);
+}
+
+.open-meteo-card-day.active {
+    background-color: rgba(255, 255, 255, 0.35);
+    border: 1px solid rgba(255, 255, 255, 0.3);
+}
+.dark .open-meteo-card-day.active {
+    background-color: rgba(255, 255, 255, 0.05);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+}
+.open-meteo-card-day:hover {
+    background-color: rgba(255, 255, 255, 0.35);
+    border: 1px solid rgba(255, 255, 255, 0.3);
+}
+.dark .open-meteo-card-day:hover {
+    background-color: rgba(255, 255, 255, 0.05);
+    border: 1px solid rgba(255, 255, 255, 0.08);
+}
+.open-meteo-card .hourly-container {
+    border: none;
+    background-color: transparent;
+    min-height: 120px;
+}
+.open-meteo-card .hourly-data {
+    font-size: 11px;
+    font-weight: 700;
+    font-family: "Segoe UI";
+}
+.open-meteo-card .hourly-data.temperature {
+    background-color: #c9be48;
+}
+.open-meteo-card .hourly-data.rain {
+    background-color: #4a90e2;
+}
+.open-meteo-card .hourly-data.snow {
+    background-color: #a0c4ff;
+}
+.open-meteo-card .hourly-data .hourly-rain-animation {
+    color: rgba(150, 200, 255, 40);
+    background-color: rgba(0, 0, 0, 0);
+}
+.open-meteo-card .hourly-data .hourly-snow-animation {
+    color: rgba(255, 255, 255, 150);
+    background-color: rgba(0, 0, 0, 0);
+}
+.open-meteo-card .hourly-data-buttons {
+    margin-top: 11px;
+    margin-left: 11px;
+}
+.open-meteo-card .hourly-data-button {
+    border-radius: 4px;
+    min-height: 24px;
+    min-width: 24px;
+    max-width: 24px;
+    max-height: 24px;
+    font-size: 14px;
+    color: rgba(255, 255, 255, 0.3);
+    border: 1px solid transparent;
+}
+.open-meteo-card .hourly-data-button.active {
+    color: #fff;
+    background-color: rgba(255, 255, 255, 0.1);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+.open-meteo-card .search-head {
+    font-size: 18px;
+    font-family: "Segoe UI";
+    font-weight: 600;
+    color: rgba(255, 255, 255, 0.9);
+}
+.open-meteo-card .search-description {
+    font-size: 14px;
+    font-family: "Segoe UI";
+    font-weight: 400;
+    color: rgba(255, 255, 255, 0.7);
+    padding-bottom: 8px;
+}
+.open-meteo-card .no-data-icon {
+    font-size: 88px;
+}
+.open-meteo-card .no-data-text {
+    font-size: 16px;
+    font-family: "Segoe UI";
+    font-weight: 400;
+}
+/* search dialog */
+.open-meteo-card .search-input {
+    padding: 8px 12px;
+    border: 1px solid #5e6070;
+    border-radius: 6px;
+    background-color: rgba(17, 17, 27, 0.1);
+    color: #cdd6f4;
+    font-family: "Segoe UI";
+    font-size: 14px;
+}
+.open-meteo-card .search-input:focus {
+    border: 1px solid #89b4fa;
+    background-color: rgba(17, 17, 27, 0.2);
+}
+.open-meteo-card .search-results {
+    border: 1px solid #45475a00;
+    border-radius: 6px;
+    background-color: rgba(0, 0, 0, 0);
+    color: #cbced8;
+    font-size: 13px;
+    font-family: "Segoe UI";
+}
+.open-meteo-card .search-results::item {
+    padding: 6px;
+}
+.open-meteo-card .search-results::item:hover {
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
+.clock-widget .icon {
+    font-size: 14px;
+    padding-right: 4px;
+}
+.clock-widget .icon.alarm {
+    color: #f38ba8;
+    margin-left: 4px;
+}
+.clock-widget .label.alarm {
+    color: #74b0ff;
+    margin-left: 4px;
+}
+
+/* Calendar, Alarm, and Timer Popups */
+.clock-popup.alarm,
+.clock-popup.timer,
+.clock-popup.calendar {
+    min-width: 460px;
+    background-color: var(--light-menu-bg);
+}
+.dark .clock-popup.alarm,
+.dark .clock-popup.timer,
+.dark .clock-popup.calendar {
+    background-color: var(--dark-menu-bg);
+}
+.clock-popup.calendar .calendar-table,
+.clock-popup.calendar .calendar-table::item {
+    background-color: rgba(17, 17, 27, 0);
+    color: rgba(133, 144, 160, 0.85);
+    font-family: 'Segoe UI';
+    margin: 0;
+    padding: 0;
+    border: none;
+    outline: none;
+}
+.dark .clock-popup.calendar .calendar-table,
+.dark .clock-popup.calendar .calendar-table::item {
+    background-color: rgba(17, 17, 27, 0);
+    color: rgba(162, 177, 196, 0.85);
+}
+.clock-popup.calendar .calendar-table::item:selected {
+    color: #282936;
+    font-weight: bold;
+    background-color: #74b0ff;
+    border-radius: 12px;
+}
+.clock-popup.calendar .day-label {
+    margin-top: 20px;
+}
+.clock-popup.calendar .day-label,
+.clock-popup.calendar .month-label,
+.clock-popup.calendar .year-label,
+.clock-popup.calendar .date-label {
+    font-family: 'Segoe UI';
+    font-size: 16px;
+    font-weight: 700;
+    min-width: 180px;
+    max-width: 180px;
+}
+.clock-popup.calendar .month-label {
+    font-weight: normal;
+}
+.clock-popup.calendar .year-label {
+    font-weight: normal;
+}
+.clock-popup.calendar .date-label {
+    font-size: 88px;
+    font-weight: 900;
+    margin-top: -20px;
+}
+
+/* Alarm and Timer Dialog Containers */
+.clock-popup.timer .clock-popup-container,
+.clock-popup.alarm .clock-popup-container {
+    padding: 16px;
+}
+.clock-popup.timer .clock-popup-footer,
+.clock-popup.alarm .clock-popup-footer {
+    padding: 16px;
+    border-top: 1px solid rgb(0, 0, 0);
+    background-color: rgba(0, 0, 0, 0.3);
+}
+.clock-popup .clock-label-timer {
+    font-size: 13px;
+    font-family: 'Segoe UI';
+    font-weight: 600;
+    color: #8d9196;
+}
+.clock-popup .clock-input-time {
+    font-size: 48px;
+    background-color: transparent;
+    border: none;
+    font-family: monospace, "Tahoma", "Segoe UI";
+    font-weight: 600;
+    color: #ced3d8;
+}
+.clock-popup .clock-input-time.colon {
+    padding-bottom: 8px;
+}
+
+/* Dialog Buttons */
+.clock-popup .button {
+    border-radius: 4px;
+    font-family: 'Segoe UI';
+    font-weight: 600;
+    font-size: 13px;
+    min-height: 28px;
+    min-width: 64px;
+    margin: 4px 0;
+    background-color: rgba(255, 255, 255, 0.1);
+}
+.clock-popup .button.save,
+.clock-popup .button.start,
+.clock-popup .button.delete,
+.clock-popup .button.cancel {
+    min-width: 120px;
+}
+
+.clock-popup .button.save,
+.clock-popup .button.start {
+    background-color: rgba(0, 110, 255, 0.5);
+    margin-right: 8px;
+}
+
+.clock-popup .button.save:hover,
+.clock-popup .button.start:hover {
+    background-color: rgba(0, 110, 255, 0.7);
+}
+.clock-popup .button.delete {
+    background-color: rgba(255, 80, 80, 0.5);
+}
+.clock-popup .button.delete:hover {
+    background-color: rgba(255, 80, 80, 0.7);
+}
+.clock-popup .button.is-alarm-enabled {
+    background-color: rgba(0, 110, 255, 0.5);
+}
+.clock-popup .button.is-alarm-enabled:hover {
+    background-color: rgba(0, 110, 255, 0.7);
+}
+.clock-popup .button.is-alarm-disabled {
+    background-color: rgba(255, 255, 255, 0.2);
+}
+.clock-popup .button.day {
+    background-color: rgba(255, 255, 255, 0.1);
+    max-height: 20px;
+    min-height: 20px;
+}
+.clock-popup .button.day:checked {
+    background-color: rgba(0, 110, 255, 0.5);
+}
+.clock-popup .button.quick-option {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+.clock-popup .button.quick-option:checked {
+    background-color: rgba(0, 110, 255, 0.5);
+}
+.clock-popup .button:hover {
+    background-color: rgba(255, 255, 255, 0.2);
+}
+.clock-popup .button:disabled {
+    background-color: rgba(100, 100, 100, 0.2);
+    color: rgba(150, 150, 150, 0.7);
+}
+.clock-popup .alarm-input-title {
+    font-size: 14px;
+    font-family: 'Segoe UI';
+    font-weight: 600;
+    color: #d2d6e2;
+    background-color: rgba(255, 255, 255, 0.1);
+    border: 1px solid transparent;
+    border-radius: 4px;
+    padding: 4px 8px;
+    margin-top: 8px;
+    outline: none;
+    min-width: 300px;
+}
+
+.clock-popup .alarm-input-title:focus {
+    border: 1px solid #0078D4;
+}
+
+/* Active Alarm Popup Window */
+.active-alarm-window {
+    background-color: rgba(255, 255, 255, 0.048);
+    max-width: 500px;
+    min-width: 500px;
+    padding: 32px;
+}
+.active-alarm-window .alarm-title-icon {
+    font-size: 64px;
+    color: #ffffff;
+    margin-bottom: 16px;
+}
+.active-alarm-window .alarm-title {
+    font-size: 24px;
+    font-family: 'Segoe UI';
+    font-weight: 600;
+    color: #ffffff;
+    max-width: 500px;
+    min-width: 500px;
+}
+.active-alarm-window .alarm-info {
+    font-size: 16px;
+    font-family: 'Segoe UI';
+    font-weight: 600;
+    color: #b2b6c0;
+    margin-bottom: 32px;
+}
+.active-alarm-window .button {
+    border-radius: 4px;
+    font-family: 'Segoe UI';
+    font-weight: 600;
+    font-size: 14px;
+    min-height: 36px;
+    min-width: 100px;
+    margin: 0 4px;
+    background-color: rgba(255, 255, 255, 0.1);
+}
+.active-alarm-window .button:hover {
+    background-color: rgba(255, 255, 255, 0.3);
+}
+
+.home-menu {
+    background-color: var(--light-menu-bg);
+}
+.dark .home-menu {
+    background-color: var(--dark-menu-bg);
+}
+.home-menu .menu-item {
+    color: var(--dark-color);
+    padding: 6px 48px 7px 16px;
+}
+.dark .home-menu .menu-item {
+    color: var(--light-color);
+}
+
+.home-menu .menu-item:hover {
+    background-color: rgba(128, 130, 158, 0.15);
+    color: #fff;
+}
+.home-menu .separator {
+    max-height: 1px;
+    background-color: rgba(128, 130, 158, 0.3);
+}
+
+.systray .button {
+    border-radius: 4px;
+    padding: 2px;
+    background: transparent;
+    border: none;
+    outline: none;
+}
+
+.systray .button:hover {
+    background: rgba(255, 255, 255, 0.2);
+}
+.systray .button.drag-over {
+    background: rgba(255, 255, 255, 0.4);
+}
+.systray .pinned-container.drop-target {
+    background: rgba(255, 255, 255, 0.1);
+}
+.systray .unpinned-visibility-btn {
+    border-radius: 4px;
+    height: 20px;
+    width: 16px;
+    border: none;
+    outline: none;
+}
+
+.systray .unpinned-visibility-btn:checked {
+    background: transparent;
+}
+.systray-popup .button.drag-over {
+    background-color: rgba(255, 255, 255, 0.2);
+}
+.systray .pinned-container.pinned-container.drop-target {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+.systray-popup {
+    background-color: var(--light-menu-bg);
+    padding: 4px;
+}
+.dark .systray-popup {
+    background-color: var(--dark-menu-bg);
+}
+.systray-popup .button {
+    padding: 10px;
+    margin: 0;
+    border: 0;
+    border-radius: 6px;
+}
+.systray-popup .button:hover {
+    background-color: rgba(255, 255, 255, 0.3);
+}
+.dark .systray-popup .button:hover {
+    background-color: rgba(255, 255, 255, 0.05);
+}