:root{--accent-color:#3b82f6;--background-color:#101114;--text-color:#fff;--muted-text:#ffffffa6;--card-background:#ffffff14;--border-color:#ffffff1f;--wallpaper-overlay:#0a0b0e8c}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(var(--wallpaper-overlay), var(--wallpaper-overlay)), url(/pulse-tab/images/walpaper.jpg);min-height:100vh;color:var(--text-color);background-position:50%;background-size:cover;background-attachment:fixed;font-family:Arial,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}.pulse-container{max-width:1100px;min-height:100vh;margin:auto;padding:30px;animation:.8s pageFadeIn}.top-bar{justify-content:space-between;align-items:center;display:flex}.greeting-text{opacity:.7;font-size:18px}.settings-button{border:1px solid var(--border-color);background:var(--card-background);color:var(--text-color);cursor:pointer;border-radius:50%;width:42px;height:42px;transition:background .2s,border-color .2s,transform .2s}.settings-button:hover{background:var(--accent-color);border-color:var(--accent-color);transform:rotate(25deg)scale(1.05)}.hero{text-align:center;margin-top:100px;animation:.8s .2s both heroFadeIn}.date{opacity:.65;font-size:18px}.clock{margin-top:10px;font-size:96px;font-weight:500}.search-section{max-width:700px;margin:45px auto;animation:.8s .2s both heroFadeIn}#search-form{gap:10px;display:flex}#search-input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;outline:none;flex:1;padding:16px 20px;font-size:16px;transition:border-color .2s,background .2s,box-shadow .2s}#search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-color) 20%, transparent)}#search-input::placeholder{color:#ffffff80}#search-form button{cursor:pointer;background:var(--accent-color);color:#fff;border:none;border-radius:14px;padding:0 22px;transition:opacity .2s,transform .2s}#search-form button:hover{opacity:.85;transform:translateY(-2px)}.dashboard{grid-template-columns:repeat(2,1fr);gap:20px;animation:.8s .3s both heroFadeIn;display:grid}.card{background:var(--card-background);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:25px;transition:transform .25s,background .25s,border-color .25s;animation:.7s cardFadeIn}.card:hover{border-color:var(--accent-color);transform:translateY(-4px)}.card h2{margin-bottom:15px}.quick-links{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.quick-link{color:var(--text-color);background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:transform .25s,background .25s,border-color .25s;display:flex}.quick-link:hover{border-color:var(--accent-color);background:#ffffff1f;transform:translateY(-4px)scale(1.02)}.link-icon{object-fit:contain;border-radius:10px;width:38px;height:38px;transition:transform .25s}.quick-link:hover .link-icon{transform:scale(1.1)}.link-name{color:#fff;font-size:15px}@media (width<=700px){.clock{font-size:60px}.dashboard{grid-template-columns:1fr}#search-form{flex-direction:column}#search-form button{padding:14px}.quick-links{grid-template-columns:1fr}}body[data-theme=light]{--background-color:#f4f5f7;--text-color:#111;--muted-text:#0009;--card-background:#0000000d;--border-color:#0000001f;--wallpaper-overlay:#ffffff73}body[data-theme=dark]{--background-color:#101114;--text-color:#fff;--muted-text:#ffffffa6;--card-background:#ffffff14;--border-color:#ffffff1f;--wallpaper-overlay:#0a0b0e8c}body[data-accent=blue]{--accent-color:#3b82f6}body[data-accent=red]{--accent-color:#ef4444}body[data-accent=purple]{--accent-color:#a855f7}body[data-accent=green]{--accent-color:#22c55e}body[data-accent=orange]{--accent-color:#f97316}.settings-panel{background:var(--background-color);border-left:1px solid var(--border-color);z-index:1000;width:340px;height:100vh;padding:30px;transition:transform .35s;position:fixed;top:0;right:0;transform:translate(100%)}.settings-panel.open{transform:translate(0)}.settings-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.settings-header h2{font-size:24px}.close-settings{border:1px solid var(--border-color);background:var(--card-background);width:36px;height:36px;color:var(--text-color);cursor:pointer;border-radius:50%;font-size:24px;transition:background .2s,transform .2s}.close-settings:hover{background:var(--accent-color);transform:scale(1.08)}.setting-group{margin-bottom:35px}.setting-group h3{margin-bottom:15px;font-size:16px}.theme-options{gap:10px;display:flex}.theme-option{border:1px solid var(--border-color);background:var(--card-background);color:var(--text-color);cursor:pointer;border-radius:12px;flex:1;padding:12px}.theme-option,.accent-option{transition:transform .2s,border-color .2s}.theme-option:hover{border-color:var(--accent-color);transform:translateY(-2px)}.accent-options{gap:12px;display:flex}.accent-option{cursor:pointer;border:3px solid #0000;border-radius:50%;width:35px;height:35px}.accent-option:hover{transform:scale(1.12)}.accent-option.blue{background:#3b82f6}.accent-option.red{background:#ef4444}.accent-option.purple{background:#a855f7}.accent-option.green{background:#22c55e}.accent-option.orange{background:#f97316}.weather-info{align-items:center;gap:15px;margin:20px 0 10px;animation:.5s weatherAppear;display:flex}#weather-icon{font-size:42px}#weather-temperature{font-size:36px;font-weight:500}#weather-condition{opacity:.7}.pulse-container{animation:.7s forwards pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes weatherAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.add-link-button{border:1px solid var(--border-color);background:var(--card-background);width:100%;color:var(--text-color);cursor:pointer;border-radius:12px;margin-top:15px;padding:12px;transition:background .2s,border-color .2s,transform .2s}.add-link-button:hover{background:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px)}.custom-link{position:relative}.delete-link{border:1px solid var(--border-color);background:var(--card-background);width:22px;height:22px;color:var(--text-color);cursor:pointer;opacity:0;border-radius:50%;transition:opacity .2s,transform .2s;position:absolute;top:-6px;right:-6px}.custom-link:hover .delete-link{opacity:1}.delete-link:hover{background:var(--accent-color);transform:scale(1.1)}