#start-menu{position:absolute;left:50%;transform:translateX(-50%);bottom:12px;width:560px;max-width:94vw;background:rgba(250,250,250,.96);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.35);z-index:50;padding:22px;border:1px solid rgba(0,0,0,.1)}
.start-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ccc;border-radius:16px;padding:6px 14px;margin-bottom:14px}
.start-search input{border:0;outline:0;flex:1;font-size:13px;background:transparent}
.start-pinned-label,.start-rec-label{font-size:13px;font-weight:600;margin:8px 4px}
.start-pinned{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.start-app{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;padding:10px 4px;border-radius:6px;cursor:pointer;text-align:center}
.start-app:hover{background:#e8f1fc}
.start-app .glyph{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:19px;background:#e7e7e7}
.start-rec{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.start-rec .rec{display:flex;gap:10px;align-items:center;padding:8px;border-radius:6px;cursor:pointer;font-size:12px}
.start-rec .rec:hover{background:#e8f1fc}
.start-footer{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.04);margin:14px -22px -22px;padding:10px 22px;border-radius:0 0 8px 8px}
.start-user{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.start-power{background:#e5e5e5;border:0;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:15px}
.start-power-menu{position:absolute;right:16px;bottom:64px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.35);display:flex;flex-direction:column;min-width:150px;overflow:hidden}
.start-power-menu button{border:0;background:#fff;padding:10px 14px;text-align:left;cursor:pointer;font-size:13px}
.start-power-menu button:hover{background:#e8f1fc}
#tray-popup{position:absolute;right:10px;bottom:12px;width:320px;background:rgba(250,250,250,.97);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.35);z-index:50;padding:16px;border:1px solid rgba(0,0,0,.1)}
.tray-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.tray-toggle{border:0;border-radius:6px;background:#eee;padding:10px 4px;font-size:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;align-items:center}
.tray-toggle.active{background:#cde6ff}
.night-mode{--win-bg:#202833;--taskbar:rgba(20,27,36,.9);--shadow:0 8px 32px rgba(0,0,0,.65)}
.night-mode #desktop{background:rgba(4,9,16,.28)}
.night-mode #desktop.wallpaper-photo{filter:brightness(.58) saturate(.8)}
.night-mode #taskbar{background:rgba(12,18,27,.9);border-top-color:#3b4654;color:#e8eef5}
.night-mode #start-menu,.night-mode #tray-popup,.night-mode #calendar-popup,.night-mode #ctx-menu{background:#1b2430;color:#e7edf4;border-color:#465363}
.night-mode .start-search,.night-mode .chrome-addr,.night-mode .tray-toggle{background:#2a3542;color:#e7edf4}
.night-mode .tray-toggle.active{background:#315c7e}
.night-mode .win{background:#202833;color:#e7edf4;border-color:#465363}
.night-mode .win-body,.night-mode .photo-toolbar,.night-mode .featured-notepad{background:#202833;color:#e7edf4}
.night-mode input,.night-mode textarea,.night-mode select{background:#111923;color:#e7edf4;border-color:#465363}
#night-mode-notice{position:absolute;right:18px;bottom:72px;z-index:9995;display:grid;gap:4px;min-width:240px;padding:14px 16px;background:#1d2937;color:#edf5ff;border:1px solid #52647a;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.4);animation:toast-enter .25s ease}
#night-mode-notice b{font-size:14px}#night-mode-notice span{font-size:12px;color:#b8c7d8}
.tray-slider{display:flex;align-items:center;gap:10px;font-size:13px;margin:8px 0}
.tray-slider input{flex:1}
#calendar-popup{position:absolute;right:10px;bottom:12px;background:rgba(250,250,250,.97);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.35);z-index:50;padding:16px;font-size:13px;min-width:260px}
#cal-title{font-weight:600;margin-bottom:8px}
#cal-grid{display:grid;grid-template-columns:repeat(7,30px);gap:2px;text-align:center}
#cal-grid span{padding:4px;border-radius:4px}
#cal-grid span.today{background:#0078d4;color:#fff}
#ctx-menu{position:absolute;z-index:99;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.35);min-width:190px;padding:4px;font-size:13px}
#ctx-menu button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:8px 12px;border-radius:5px;cursor:pointer}
#ctx-menu button:hover{background:#e8f1fc}
#ctx-menu hr{border:0;border-top:1px solid #eee;margin:4px 0}
#taskbar{position:fixed;left:0;right:0;bottom:0;height:48px;background:rgba(243,243,243,.82);display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(0,0,0,.1);z-index:60}
.tb-center{display:flex;align-items:center;gap:4px}
.tb-btn{width:40px;height:40px;border:0;background:transparent;border-radius:6px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}
.tb-btn:hover{background:rgba(0,0,0,.07)}
.win-logo{display:grid;grid-template-columns:repeat(2,11px);gap:2px}
.win-logo span{background:#0078d4;height:11px}
.tb-sep{width:1px;height:24px;background:rgba(0,0,0,.15);margin:0 6px}
#tb-pinned,#tb-running{display:flex;gap:4px}
.tb-app{width:40px;height:40px;border:0;border-radius:6px;background:transparent;cursor:pointer;font-size:18px;position:relative}
.tb-app:hover{background:rgba(0,0,0,.08)}
.tb-app.running::after{content:"";position:absolute;bottom:2px;left:12px;right:12px;height:3px;border-radius:2px;background:#0078d4}
.tb-tray{position:absolute;right:8px;display:flex;align-items:center;gap:8px;font-size:13px}
.tray-chevron,.tb-notif{border:0;background:transparent;cursor:pointer;font-size:14px;padding:6px;border-radius:5px}
.tb-clock{text-align:right;line-height:1.25;cursor:pointer;padding:2px 8px;border-radius:5px;font-size:12px}
@media (max-width:700px){#lock-time{font-size:64px}#start-menu{width:94vw;left:3vw;transform:none}.d-icon{width:76px;font-size:11px}.win{min-width:260px}}