.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{font-family:'Cormorant Garamond', serif;font-size:1.4rem;margin-bottom:1.5rem;color:var(--gold);border-bottom:1px dashed var(--border);padding-bottom:0.5rem;}.usul-list{display:flex;flex-direction:column;gap:0.5rem;}.usul-tab-btn{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.2rem;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;text-align:left;transition:all 0.3s;color:var(--text);font-family:'DM Sans', 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;}.usul-tab-zaman{font-size:0.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-family:'Cormorant Garamond', serif;font-size:2.8rem;margin:0;color:var(--text);}.usul-badge{background:var(--gold);color:var(--ink);padding:0.3rem 0.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:rgba(20, 19, 32, 0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255, 255, 255, 0.08);border-radius:16px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.2), inset 0 2px 20px rgba(255, 255, 255, 0.02);}.tempo-display{text-align:center;}#tempo-value{font-family:'DM Sans', sans-serif;font-size:3.5rem;font-weight:700;line-height:1;color:var(--text);}.tempo-unit{display:block;font-size:0.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-top:0.2rem;}.tempo-slider-wrap{width:100%;max-width:400px;}.tempo-slider{width:100%;-webkit-appearance:none;background:transparent;}.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 rgba(0, 0, 0, 0.2);}.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 0.2s;}.tempo-btn:hover{border-color:var(--gold);color:var(--gold);}.play-btn{background:var(--gold);color:var(--ink);border:none;padding:1rem 2.5rem;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:0.8rem;transition:all 0.3s;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:1px;}.play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(184, 146, 42, 0.4);}.play-btn.playing{background:hsl(355, 75%, 50%);color:hsl(0, 0%, 98%);box-shadow:0 6px 20px hsla(355, 75%, 50%, 0.3);animation:pulseBtn 1.5s infinite;}@keyframes pulseBtn{0%{box-shadow:0 0 0 0 hsla(355, 75%, 50%, 0.4);}70%{box-shadow:0 0 0 15px hsla(355, 75%, 50%, 0);}100%{box-shadow:0 0 0 0 hsla(355, 75%, 50%, 0);}}.usul-visual-area{margin-top:2rem;}.usul-timeline{display:flex;align-items:flex-end;gap:8px;height:120px;padding-bottom:20px;border-bottom:2px solid var(--border);position:relative;overflow-x:auto;scrollbar-width:thin;}.vurus-box{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex-grow:1;min-width:40px;height:100%;position:relative;transition:all 0.1s;}.vurus-bar{width:100%;border-radius:4px 4px 0 0;background:var(--border);transition:height 0.3s, background-color 0.1s;}.vurus-label{position:absolute;bottom:-30px;font-weight:700;font-family:'DM Sans', sans-serif;font-size:0.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(184, 146, 42, 0.5);}