@keyframes pulseBtn{0%{box-shadow:0 0 #df203066}70%{box-shadow:0 0 0 15px transparent}to{box-shadow:0 0 0 0 transparent}}.usul-layout{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:start}@media (max-width: 900px){.usul-layout{grid-template-columns:1fr}}.usul-sidebar{background:var(--paper-2);border-radius:12px;border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow-sm)}.usul-sidebar-title,.usul-title-wrap h2{font-family:Playfair Display,Playfair Display Fallback,Georgia,serif}.usul-sidebar-title{font-size:1.4rem;margin-bottom:1.5rem;color:var(--gold);border-bottom:1px dashed var(--border);padding-bottom:.5rem}.usul-list{display:flex;flex-direction:column;gap:.5rem}.usul-tab-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.2rem;background:0 0;border:1px solid transparent;border-radius:8px;cursor:pointer;text-align:left;transition:all .3s;color:var(--text);font-family:Outfit,Outfit Fallback,sans-serif}.usul-tab-btn:hover{background:var(--paper-2)}.usul-tab-btn.active{background:var(--gold-pale);border-color:var(--gold-border)}.usul-tab-name{font-weight:600;font-size:1.05rem}#tempo-value,.usul-tab-zaman{font-size:.85rem;color:var(--gold);font-weight:700}.usul-main-stage{background:var(--paper-2);border-radius:12px;border:1px solid var(--border);padding:3rem;box-shadow:var(--shadow-md)}.usul-info-header{text-align:center;margin-bottom:3rem}.usul-title-wrap{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.usul-title-wrap h2{font-size:2.8rem;margin:0;color:var(--text)}.usul-badge{background:var(--gold);color:var(--ink);padding:.3rem .8rem;border-radius:20px;font-weight:700;font-size:1rem}.usul-desc{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.metronome-controls{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:4rem;padding:2.5rem 2rem;background:#14132066;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 10px 40px #0003,inset 0 2px 20px #ffffff05}.tempo-display{text-align:center}#tempo-value{font-family:Outfit,Outfit Fallback,sans-serif;font-size:3.5rem;line-height:1;color:var(--text)}.tempo-unit{display:block;font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-top:.2rem}.tempo-slider-wrap{width:100%;max-width:400px}.tempo-slider{width:100%;-webkit-appearance:none;background:0 0}.tempo-slider::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;border-radius:50%;background:var(--gold);cursor:pointer;margin-top:-10px;box-shadow:0 2px 6px #0003}.tempo-slider::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--border);border-radius:2px}.tempo-buttons{display:flex;align-items:center;gap:1.5rem}.tempo-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--paper-3);color:var(--text);font-size:1rem;cursor:pointer;transition:all .2s}.tempo-btn:hover{border-color:var(--gold);color:var(--gold)}.play-btn{background:var(--gold);color:var(--ink);border:0;padding:1rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.8rem;transition:all .3s;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:1px}.play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.play-btn.playing{background:#df1f2f;color:#f9f9f9;box-shadow:0 6px 20px #df20304d;animation:pulseBtn 1.5s infinite}.usul-visual-area{margin-top:2rem}.usul-timeline,.vurus-box{display:flex;position:relative}.usul-timeline{align-items:flex-end;gap:8px;height:120px;padding-bottom:20px;border-bottom:2px solid var(--border);overflow-x:auto;scrollbar-width:thin}.vurus-box{flex-direction:column;align-items:center;justify-content:flex-end;flex-grow:1;min-width:40px;height:100%;transition:all .1s}.vurus-bar{width:100%;border-radius:4px 4px 0 0;background:var(--border);transition:height .3s,background-color .1s}.vurus-label{position:absolute;bottom:-30px;font-weight:700;font-family:Outfit,Outfit Fallback,sans-serif;font-size:.9rem;color:var(--text-muted)}.vurus-box[data-type=kuvvetli] .vurus-bar{height:100%}.vurus-box[data-type=orta] .vurus-bar{height:70%}.vurus-box[data-type=zayif] .vurus-bar{height:40%}.vurus-box.active .vurus-bar{background:var(--gold)!important;box-shadow:0 0 20px var(--gold),0 0 8px var(--gold);transform:scaleY(1.05);transform-origin:bottom}.vurus-box.active .vurus-label{color:var(--gold);transform:scale(1.15);text-shadow:0 0 10px rgba(0,0,0,.5)}