.header{background:linear-gradient(135deg,#265df5,#1e4dd4);color:#fff;padding:12px 0;box-shadow:0 4px 20px rgba(38,93,245,.3);position:-webkit-sticky;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:60px}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;justify-content:space-between;height:100%}.header-container,.logo{display:flex;align-items:center}.logo{cursor:pointer;transition:transform .3s ease}.logo:hover{transform:translateY(-2px) scale(1.05)}.logo-icon-wrapper{display:flex;align-items:center;justify-content:center;height:100%;background:#fff;border-radius:8px;padding:6px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.logo-icon{width:30px;height:30px;object-fit:contain}.nav{gap:12px}.nav,.nav-action{display:flex;align-items:center}.nav-action{width:44px;height:44px;border-radius:12px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);color:#fff;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;padding:0}.nav-action:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.nav-action svg{font-size:20px}.bookmark-count{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#46b74a,#3da341);color:#fff;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(70,183,74,.4);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.header-container{padding:0 15px}.logo-icon{width:60px;height:60px}.nav-action{width:40px;height:40px}}