.main-nav a{display:inline-flex;align-items:center;gap:8px}.user-menu-btn{background:0 0;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);transition:var(--transition);border-radius:50%}.user-menu-btn:hover{background-color:rgba(67,97,238,.08);color:var(--primary-color);transform:none;box-shadow:none}.user-menu-btn svg{width:24px;height:24px;fill:currentColor}@media (max-width:768px){.user-menu-btn{color:var(--surface-color)}}.nav-item-dropdown{position:relative;height:100%;display:flex;align-items:center}.dropdown-menu{display:none;position:absolute;top:100%;left:0;width:200px;background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid rgba(0,0,0,.05);padding:10px 0;z-index:1001;margin-top:10px;margin-top:0}.nav-item-dropdown:hover .dropdown-menu{display:block;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu a{display:block;padding:10px 20px;color:var(--secondary-color);font-weight:500;text-decoration:none;transition:background-color .2s;font-size:.95rem;white-space:nowrap}.dropdown-menu a:hover{background-color:rgba(67,97,238,.08);color:var(--primary-color)}@media (max-width:768px){.nav-item-dropdown{flex-direction:column;align-items:center;height:auto;width:100%}.dropdown-menu{position:static;width:100%;box-shadow:none;border:none;background-color:rgba(255,255,255,.05);display:none;padding-left:0}.dropdown-menu a{color:#fff;text-align:center}.nav-item-dropdown:focus-within .dropdown-menu,.nav-item-dropdown:hover .dropdown-menu{display:block}}.mobile-ribbon{background-color:var(--warning-color);color:#5d4037;padding:10px 0;font-size:.9rem;position:relative;z-index:1001;box-shadow:0 2px 4px rgba(0,0,0,.1)}.mobile-ribbon .ribbon-content{display:flex;justify-content:space-between;align-items:center;padding-top:0;padding-bottom:0}.mobile-ribbon .ribbon-text{flex-grow:1;margin-right:15px}.mobile-ribbon .ribbon-close{background:0 0;border:none;font-size:1.5rem;line-height:1;color:inherit;cursor:pointer;opacity:.7;transition:opacity .2s;padding:0 5px}.mobile-ribbon .ribbon-close:hover{opacity:1}@media (min-width:769px){.mobile-ribbon{display:none!important}}.main-header{background-color:transparent;color:var(--text-color);padding:15px 0;box-shadow:0 2px 16px rgba(123,97,255,.08),0 1px 3px rgba(0,0,0,.06);position:sticky;top:0;z-index:1000;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(255,255,255,.75);border-bottom:1px solid rgba(123,97,255,.06);transition:var(--transition)}.main-header .container{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.main-header .container{display:flex;align-items:center}.header-tools-widget{display:flex;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(0,0,0,.05);border-radius:50px;padding:0;margin-left:20px;margin-right:30px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:inset 0 1px 2px rgba(255,255,255,.1),0 2px 4px rgba(0,0,0,.05);height:36px;overflow:hidden}.tool-item{display:flex;align-items:center;justify-content:center;width:44px;height:100%;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);border-right:1px solid rgba(0,0,0,.05);position:relative;color:#636e72}.tool-item:last-child{border-right:none}.tool-item svg{width:20px;height:20px;fill:currentColor;transition:transform .3s ease,filter .3s ease}.tool-item:hover{background:rgba(255,255,255,.8)}.tool-item:hover svg{transform:scale(1.15);filter:drop-shadow(0 0 8px currentColor)}.tool-item:active{transform:scale(.95)}#tool-metronome:hover{color:#00cec9;background:linear-gradient(135deg,rgba(0,206,201,.1),rgba(255,255,255,.9))}#tool-tuner:hover{color:#00b894;background:linear-gradient(135deg,rgba(0,184,148,.1),rgba(255,255,255,.9))}#tool-stopwatch{color:#b2bec3}#tool-stopwatch.disabled{cursor:not-allowed}#tool-stopwatch.disabled:hover{color:#d63031;background:rgba(214,48,49,.05)}#tool-stopwatch.disabled:hover svg{transform:none;filter:none}@media (max-width:992px){.header-tools-widget{margin-left:10px}.tool-item{width:40px}}.practice-journal-widget{position:relative;display:flex;align-items:center;margin-left:auto;margin-right:15px}.pj-flame-icon{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 14px;border-radius:20px;background:rgba(255,255,255,.4);border:1px solid rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4, 0, .2, 1);color:#b2bec3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.pj-flame-icon.fire-active{color:#ff6b6b;background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.3);box-shadow:0 0 15px rgba(255,107,107,.2)}.pj-flame-icon:hover{background:rgba(255,255,255,.9);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.05)}.pj-flame-icon svg{width:20px;height:20px;transition:transform .3s ease}.pj-flame-icon:hover svg{transform:scale(1.1)}.pj-streak-count{font-weight:700;font-size:.95rem}.pj-dropdown{position:absolute;top:100%;right:0;width:340px;background:#fff;border-radius:16px;box-shadow:0 12px 36px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.05);padding:24px;margin-top:12px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4, 0, .2, 1);z-index:1010}.practice-journal-widget.open .pj-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.practice-journal-widget::before{content:'';position:absolute;top:100%;left:0;width:100%;height:15px}.pj-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f2f6;padding-bottom:12px;margin-bottom:20px}.pj-header h3{margin:0;font-size:1.15rem;color:#2d3436;font-weight:600}.pj-close-btn{background:0 0;border:none;color:#b2bec3;cursor:pointer;padding:6px;margin:-6px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.pj-close-btn:hover{color:#2d3436;background:#f1f2f6}.pj-close-btn svg{width:20px;height:20px}.pj-week-progress{display:flex;justify-content:space-between;margin-bottom:24px}.pj-day{display:flex;flex-direction:column;align-items:center;gap:8px}.pj-day span{font-size:.75rem;color:#b2bec3;font-weight:600}.pj-day.pj-today span{color:#0984e3}.pj-circle{width:32px;height:32px;border-radius:50%;border:2px solid #dfe6e9;display:flex;align-items:center;justify-content:center;background:#fdfdfd;transition:all .3s ease;color:transparent}.pj-circle.partial{border-color:#81ecec;border-style:dashed}.pj-circle.reached{border-color:transparent;background:0 0;color:#ff6b6b}.pj-circle svg{width:24px;height:24px}.pj-stats{background:#f8f9fa;padding:16px;border-radius:12px;border:1px solid #f1f2f6}.pj-stat-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.9rem;color:#2d3436;font-weight:500}.pj-stat-row strong{color:#0984e3;font-weight:700}.pj-progress-container{height:8px;background:#dfe6e9;border-radius:4px;overflow:hidden;margin-bottom:16px}.pj-progress-bar{height:100%;background:linear-gradient(90deg,#74b9ff,#0984e3);width:0%;transition:width .8s cubic-bezier(.4, 0, .2, 1)}.pj-progress-bar.completed{background:linear-gradient(90deg,#55efc4,#00b894)}.pj-goal-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#636e72;font-weight:500}.pj-goal-row select{border:1px solid #dfe6e9;border-radius:6px;padding:6px 10px;font-size:.85rem;outline:0;background:#fff;cursor:pointer;font-weight:600;color:#2d3436;transition:all .2s}.pj-goal-row select:hover{border-color:#b2bec3}.pj-report-link{margin-top:16px;text-align:center}.pj-report-link a{display:inline-block;padding:8px 14px;border-radius:18px;background:#eef3ff;color:#1a73e8;font-size:.82rem;font-weight:600;text-decoration:none;border:1px solid #d2dcf3;transition:background .15s,border-color .15s}.pj-report-link a:hover{background:#dde7fb;border-color:#b9c9ed}.pj-info-text{margin-top:12px;font-size:.75rem;color:#b2bec3;line-height:1.4;text-align:center}.pj-footer{margin-top:20px;display:flex;justify-content:center}.pj-back-btn{background:#f8f9fa;border:1px solid #dfe6e9;color:#636e72;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.pj-back-btn:hover{background:#dfe6e9;color:#2d3436}@media (max-width:768px){.pj-dropdown{position:fixed;top:80px;left:20px;right:20px;width:auto;margin-top:0;z-index:1010;max-height:calc(100vh - 100px);overflow-y:auto}}.nav-msg-badge{display:inline-block;background:var(--primary-color,#4361ee);color:#fff;border-radius:10px;font-size:.68rem;font-weight:700;padding:1px 6px;min-width:18px;text-align:center;vertical-align:middle;margin-left:4px;line-height:1.4}