.makam-atlasi{--atlas-teal:#2f9d8f;--atlas-blue:#5080b8;--atlas-red:#b84f4f;--atlas-violet:#7d74b8;background:var(--paper);color:var(--text);overflow-x:clip;position:relative;}.ambient-glow-circle-1,.ambient-glow-circle-2{position:absolute;border-radius:50%;filter:blur(140px);opacity:0.08;pointer-events:none;transition:background-color 1.2s ease;z-index:0;will-change:transform, background-color;}.ambient-glow-circle-1{width:550px;height:550px;background-color:var(--makam-accent, var(--gold));left:-150px;top:10%;animation:floatGlow1 22s ease-in-out infinite alternate;}.ambient-glow-circle-2{width:650px;height:650px;background-color:var(--makam-accent, var(--gold));right:-200px;top:40%;animation:floatGlow2 28s ease-in-out infinite alternate;}@keyframes floatGlow1{0%{transform:translate(0, 0) scale(1);}100%{transform:translate(100px, 60px) scale(1.15);}}@keyframes floatGlow2{0%{transform:translate(0, 0) scale(1.1);}100%{transform:translate(-120px, -80px) scale(0.9);}}.makam-atlasi *,.makam-atlasi *::before,.makam-atlasi *::after{min-width:0;}.makam-atlasi .container{width:100%;}.atlas-stage{position:relative;padding:8.4rem 0 5rem;background:var(--ink-card);color:var(--text-on-dark);overflow:hidden;}.atlas-stage::before{content:"";position:absolute;inset:0;background-image:url("../img/turk-muziginde-makamlar.webp");background-size:cover;background-position:center;opacity:.08;pointer-events:none;}.atlas-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(9, 8, 14, .45), rgba(9, 8, 14, .94));pointer-events:none;}.atlas-stage-inner{position:relative;z-index:1;}.atlas-heading{max-width:820px;margin-bottom:2rem;}.atlas-heading h1{font-size:clamp(3.2rem, 7vw, 6rem);color:var(--text-on-dark);margin-bottom:1rem;}.atlas-heading p{max-width:720px;color:var(--text-dim);font-size:1.05rem;line-height:1.9;overflow-wrap:break-word;}.atlas-tool{display:grid;grid-template-columns:minmax(0, 1.35fr) minmax(320px, .65fr);gap:1rem;align-items:stretch;min-width:0;}.atlas-map-panel,.atlas-detail-panel{border:1px solid rgba(255, 255, 255, 0.06);background:rgba(13, 11, 23, 0.65);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 24px 70px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);border-radius:12px;transition:border-color 0.4s ease, box-shadow 0.4s ease;}.atlas-map-panel:hover,.atlas-detail-panel:hover{border-color:rgba(var(--makam-accent-rgb), 0.22);box-shadow:0 24px 70px rgba(0, 0, 0, 0.45), 0 0 30px rgba(var(--makam-accent-rgb), 0.06);}.atlas-map-panel{padding:1rem;}.atlas-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;}.atlas-eyebrow,.atlas-family,.atlas-block-label,.makam-card-head span,.compare-panel span{display:inline-block;font-size:.68rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;}.atlas-eyebrow,.atlas-family,.atlas-block-label{color:var(--gold);}.atlas-panel-head h2,.atlas-detail-top h2{color:var(--text-on-dark);}.atlas-panel-head h2{font-size:1.55rem;margin-top:.2rem;}.atlas-filter{display:flex;align-items:center;gap:.4rem;padding:.25rem;border:1px solid rgba(237, 232, 213, .12);border-radius:8px;background:rgba(9, 8, 14, .28);}.atlas-filter-btn,.makam-card-select{border:1px solid transparent;border-radius:6px;cursor:pointer;transition:var(--transition);font-family:"DM Sans", sans-serif;}.atlas-filter-btn{min-height:34px;padding:.35rem .72rem;color:var(--text-dim);background:transparent;font-size:.72rem;font-weight:700;}.atlas-filter-btn.active,.atlas-filter-btn:hover{color:var(--text-on-dark);border-color:rgba(184, 146, 42, .36);background:rgba(184, 146, 42, .12);}.atlas-map{position:relative;width:100%;max-width:100%;min-height:520px;aspect-ratio:16 / 10;overflow:hidden;border:1px solid rgba(237, 232, 213, .1);border-radius:8px;background:#11101b;}.atlas-map-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;filter:saturate(.9);}.atlas-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}.atlas-lines line{stroke:rgba(212, 170, 72, .32);stroke-width:.35;stroke-dasharray:4 4;animation:lineFlow 20s linear infinite;}@keyframes lineFlow{to{stroke-dashoffset:-100;}}.makam-node{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:115px;min-height:42px;transform:translate(-50%, -50%);border:1px solid rgba(255, 255, 255, 0.08);border-radius:20px;background:rgba(17, 15, 29, 0.78);backdrop-filter:blur(5px);color:rgba(255, 255, 255, 0.85);cursor:pointer;box-shadow:0 8px 24px rgba(0, 0, 0, 0.35);transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;z-index:2;}.makam-node::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent, var(--gold));top:50%;left:10px;transform:translateY(-50%);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent, var(--gold)), transparent 74%);}.makam-node span{display:block;padding:.5rem .55rem .5rem 1.7rem;font-size:.73rem;font-weight:800;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.makam-node:hover,.makam-node.active{transform:translate(-50%, -50%) scale(1.05);background:color-mix(in srgb, var(--accent, var(--gold)), #09080e 78%);border-color:var(--accent, var(--gold));box-shadow:0 18px 42px color-mix(in srgb, var(--accent, var(--gold)), transparent 72%);}.makam-node.is-muted,.makam-card.is-muted{opacity:.28;}.atlas-legend{display:flex;flex-wrap:wrap;gap:.75rem 1rem;padding-top:1rem;color:var(--text-dim);font-size:.78rem;}.atlas-legend span{display:inline-flex;align-items:center;gap:.42rem;}.atlas-legend i{color:var(--gold);}.atlas-detail-panel{padding:1.2rem;display:flex;flex-direction:column;gap:1rem;}.atlas-detail-top h2{font-size:2.35rem;margin:.2rem 0 .55rem;}.atlas-detail-top p,.atlas-difference p{color:var(--text-dim);line-height:1.8;overflow-wrap:break-word;}.atlas-sound{display:grid;grid-template-columns:46px minmax(0, 1fr) auto;gap:.8rem;align-items:center;padding:.8rem;border:1px solid rgba(237, 232, 213, .1);border-radius:8px;background:rgba(9, 8, 14, .36);}.atlas-play-btn,.makam-card-play{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--gold);color:#fff;cursor:pointer;transition:var(--transition);}.atlas-play-btn{width:46px;height:46px;font-size:.95rem;}.atlas-play-btn:hover,.makam-card-play:hover{background:var(--gold-light);transform:translateY(-1px);}.atlas-wave{height:38px;display:flex;align-items:flex-end;gap:3.5px;overflow:hidden;padding:0 4px;}.atlas-wave span{width:3.5px;height:12px;border-radius:999px;background:linear-gradient(180deg, #ffffff 0%, var(--makam-accent, var(--gold)) 100%);transform-origin:bottom;opacity:.45;transition:background-color 0.4s ease;}.atlas-sound.playing .atlas-wave span{animation:atlasWave .65s ease-in-out infinite alternate;opacity:0.95;filter:drop-shadow(0 0 5px var(--makam-accent, var(--gold)));}.atlas-sound.playing .atlas-wave span:nth-child(2n){animation-delay:.1s;}.atlas-sound.playing .atlas-wave span:nth-child(3n){animation-delay:.25s;}.atlas-audio-state{color:var(--text-dim);font-size:.76rem;white-space:nowrap;}.atlas-facts{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.5rem;}.atlas-facts div{padding:.75rem;border:1px solid rgba(237, 232, 213, .1);border-radius:8px;background:rgba(237, 232, 213, .04);}.atlas-facts dt{color:var(--text-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;}.atlas-facts dd{margin-top:.35rem;color:var(--text-on-dark);font-weight:700;font-size:.88rem;line-height:1.35;}.atlas-scale,.atlas-difference{padding-top:.2rem;}.atlas-note-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.6rem;}.atlas-note-row span{display:inline-flex;align-items:center;min-height:32px;padding:.35rem .62rem;border-radius:999px;color:var(--text-on-dark);background:rgba(237, 232, 213, .08);border:1px solid rgba(237, 232, 213, .1);font-size:.76rem;font-weight:700;}.atlas-difference p{margin-top:.55rem;}.atlas-compare-section,.atlas-library,.atlas-faq-section{padding:5.5rem 0;}.atlas-compare-section{background:var(--paper);}.compare-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1rem;}.compare-panel,.makam-card,.atlas-faq-list details{border:1px solid rgba(255, 255, 255, 0.05);border-radius:12px;background:rgba(19, 17, 34, 0.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.03);transition:all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}.compare-panel:hover,.makam-card:hover{transform:translateY(-5px);border-color:rgba(var(--makam-accent-rgb), 0.22);box-shadow:0 20px 40px rgba(0, 0, 0, 0.25), 0 0 25px rgba(var(--makam-accent-rgb), 0.04);}.compare-panel{padding:1.35rem;}.compare-panel span{color:var(--gold);margin-bottom:.65rem;}.compare-panel h3{color:var(--text-on-dark);font-size:1.55rem;margin-bottom:.6rem;}.compare-panel p{color:var(--text-muted);line-height:1.82;overflow-wrap:break-word;}.compare-panel.featured{border-color:rgba(47, 157, 143, .42);background:color-mix(in srgb, var(--atlas-teal), var(--paper-2) 88%);}.atlas-library{background:var(--paper-2);}.makam-card-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1rem;}.makam-card{position:relative;padding:1.1rem;overflow:hidden;transition:var(--transition);}.makam-card:hover,.makam-card:focus-within{will-change:transform;}.makam-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--accent, var(--gold));}.makam-card:hover,.makam-card.active{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--accent, var(--gold)), var(--border) 35%);}.makam-card-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;}.makam-card-head span{color:var(--text-muted);letter-spacing:1.4px;}.makam-card-play{width:36px;height:36px;flex:0 0 auto;}.makam-card h3{color:var(--text-on-dark);font-size:1.75rem;margin-bottom:.6rem;}.makam-card p{color:var(--text-muted);font-size:.92rem;line-height:1.75;max-height:0;opacity:0;overflow:hidden;transition:max-height 0.4s ease, opacity 0.4s ease, margin-top 0.4s ease;}.makam-card:hover p,.makam-card:focus-within p{max-height:150px;opacity:1;margin-top:0.5rem;}.makam-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0;}.makam-card dl div{border-top:1px solid var(--border);padding-top:.65rem;}.makam-card dt{color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:1.3px;font-weight:800;}.makam-card dd{color:var(--text);font-size:.82rem;font-weight:700;line-height:1.35;margin-top:.25rem;}.makam-card-select{width:100%;min-height:40px;color:var(--text);background:transparent;border-color:var(--border);font-weight:800;font-size:.76rem;}.makam-card-select:hover{color:var(--text-on-dark);background:var(--accent, var(--gold));border-color:var(--accent, var(--gold));}.atlas-faq-section{background:var(--paper);}.atlas-faq-wrap{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);gap:3rem;align-items:start;}.atlas-faq-list{display:grid;gap:.75rem;}.atlas-faq-list details{padding:1rem 1.1rem;}.atlas-faq-list summary{cursor:pointer;color:var(--text-on-dark);font-weight:800;list-style:none;}.atlas-faq-list summary::-webkit-details-marker{display:none;}.atlas-faq-list summary::after{content:"+";float:right;color:var(--gold);font-size:1.2rem;line-height:1;}.atlas-faq-list details[open] summary::after{content:"-";}.atlas-faq-list p{margin-top:.85rem;color:var(--text-muted);line-height:1.8;overflow-wrap:break-word;}@keyframes atlasWave{0%,100%{transform:scaleY(.45);}50%{transform:scaleY(1.9);}}@media (max-width:1100px){.atlas-tool{grid-template-columns:1fr;}.makam-card-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media (max-width:820px){.atlas-stage{padding:7.2rem 0 3rem;}.atlas-panel-head,.atlas-faq-wrap{grid-template-columns:1fr;}.atlas-panel-head{flex-direction:column;}.atlas-map{min-height:460px;aspect-ratio:1 / 1.05;}.atlas-facts,.compare-grid{grid-template-columns:1fr;}}@media (max-width:620px){#main-header .navbar{padding-left:.85rem !important;padding-right:.85rem !important;}#main-header .logo{font-size:1.08rem !important;letter-spacing:1.4px !important;}#main-header .nav-right{gap:4px !important;}.atlas-heading h1{font-size:3.2rem;}.atlas-heading p{font-size:.98rem;max-width:calc(100vw - 3rem);}.atlas-map-panel,.atlas-detail-panel{padding:.75rem;}.atlas-filter{width:100%;justify-content:space-between;overflow:hidden;}.atlas-filter-btn{flex:1;padding:.35rem .45rem;min-width:0;}.atlas-map{min-height:430px;}.makam-node{width:74px;min-height:44px;}.makam-node span{font-size:.61rem;padding:.48rem .35rem .48rem 1.35rem;}.makam-node::before{width:8px;height:8px;left:8px;}.atlas-sound{grid-template-columns:42px minmax(0, 1fr);}.atlas-audio-state{grid-column:1 / -1;}.makam-card-grid{grid-template-columns:1fr;}.makam-card p{min-height:auto;}.atlas-compare-section,.atlas-library,.atlas-faq-section{padding:4rem 0;}}@media (prefers-reduced-motion:reduce){.atlas-sound.playing .atlas-wave span{animation:none;}.makam-node,.makam-card,.atlas-play-btn,.makam-card-play{transition:none;}}.atlas-lines line{transition:stroke 0.4s ease, stroke-width 0.4s ease, stroke-dasharray 0.4s ease, opacity 0.4s ease, filter 0.4s ease;}.atlas-lines line.highlighted{stroke:var(--accent, var(--gold));stroke-width:1.25;stroke-dasharray:6 4;animation:lineFlow 1.2s linear infinite;filter:drop-shadow(0 0 8px var(--accent, var(--gold)));opacity:0.95;}@keyframes lineFlow{to{stroke-dashoffset:-20;}}.atlas-lines line.is-muted{opacity:0.04;}.atlas-tuning-selector{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 0.8rem;background:rgba(9, 8, 14, 0.42);border:1px solid rgba(237, 232, 213, 0.08);border-radius:8px;margin-top:0.5rem;}.atlas-tuning-label{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);}.tuning-switch{display:flex;background:rgba(9, 8, 14, 0.6);border-radius:6px;padding:2px;border:1px solid rgba(237, 232, 213, 0.06);}.tuning-btn{border:none;background:transparent;color:var(--text-dim);font-size:0.65rem;font-weight:800;padding:0.35rem 0.7rem;border-radius:4px;cursor:pointer;font-family:"DM Sans", sans-serif;transition:var(--transition);}.tuning-btn.active{background:var(--gold);color:#fff;box-shadow:0 2px 8px rgba(184, 146, 42, 0.3);}.atlas-fretboard{margin-top:1.10rem;background:linear-gradient(90deg, #3d2314 0%, #29160d 30%, #200f07 70%, #150a04 100%);border:1px solid #1c0e06;border-radius:6px;padding:1.5rem 1rem;position:relative;overflow:visible;transition:all 0.3s ease;box-shadow:inset 0 0 15px rgba(0,0,0,0.85), 0 8px 24px rgba(0,0,0,0.45);}.fretboard-frets-bg{position:absolute;inset:0;display:flex;justify-content:space-between;pointer-events:none;padding:0 1rem;}.fret-line{width:2px;height:100%;background:linear-gradient(180deg, #7a7a7a 0%, #e2e2e2 50%, #444444 100%);opacity:0.85;box-shadow:1px 0 2px rgba(0,0,0,0.6);}.fretboard-string{height:3px;background:linear-gradient(180deg, #fcebb1 0%, #e2b342 50%, #825a07 100%);width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);box-shadow:0 3px 6px rgba(0, 0, 0, 0.6);border-radius:1px;transition:top 0.3s ease, opacity 0.3s ease;pointer-events:none;z-index:4;}.fretboard-notes-container{position:relative;width:100%;height:28px;z-index:5;}.fretboard-note{position:absolute;top:50%;transform:translate(-50%, -50%);width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%, #ffffff 0%, #e6e6e6 45%, #999999 85%, #666666 100%);border:2.5px solid #222;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 0.2s, box-shadow 0.2s, border-color 0.2s;box-shadow:0 4px 8px rgba(0, 0, 0, 0.65);}.fretboard-note-label{font-size:0.58rem;font-weight:900;pointer-events:none;color:#111;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}.fretboard-note-tooltip{display:none;position:absolute;bottom:36px;left:50%;transform:translateX(-50%);background:rgba(17, 15, 29, 0.95);backdrop-filter:blur(5px);border:1px solid rgba(255, 255, 255, 0.15);color:#fff;padding:4px 10px;font-size:0.65rem;font-weight:700;border-radius:6px;white-space:nowrap;box-shadow:0 6px 16px rgba(0, 0, 0, 0.6);pointer-events:none;z-index:10;}.fretboard-note:hover .fretboard-note-tooltip{display:block;}.fretboard-note:hover{transform:translate(-50%, -50%) scale(1.22);background:radial-gradient(circle at 35% 35%, #ffffff 0%, #f0f0f0 40%, #cccccc 85%);border-color:#fff;box-shadow:0 0 16px rgba(255, 255, 255, 0.8);}.fretboard-note.playing{transform:translate(-50%, -50%) scale(1.35);background:radial-gradient(circle at 35% 35%, #fffde8 0%, #ffd966 50%, #c28e17 85%, #8a6005 100%) !important;border-color:#fff;color:#000;box-shadow:0 0 25px var(--accent, var(--gold));}.fretboard-note.playing .fretboard-note-label{color:#000;text-shadow:none;}.atlas-cents-info{margin-top:0.75rem;font-size:0.78rem;color:var(--text-muted);line-height:1.5;background:rgba(9, 8, 14, 0.3);padding:0.5rem 0.8rem;border-radius:6px;border-left:2px solid var(--gold);}.atlas-cents-info:empty{display:none;}.atlas-emotion-discovery{margin-bottom:2rem;padding:1.5rem 1.8rem;background:rgba(15, 14, 27, 0.55);border:1px solid rgba(237, 232, 213, 0.08);border-radius:10px;text-align:center;}.atlas-emotion-title{font-family:"Cormorant Garamond", Georgia, serif;font-size:1.25rem;color:var(--text-on-dark);margin-bottom:1.1rem;font-weight:600;}.emotion-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:0.6rem;}.btn-emotion{display:inline-flex;align-items:center;gap:6px;padding:0.6rem 1.2rem;border:1px solid rgba(237, 232, 213, 0.14);border-radius:999px;background:rgba(9, 8, 14, 0.5);color:var(--text-dim);font-family:"DM Sans", sans-serif;font-size:0.78rem;font-weight:700;cursor:pointer;transition:background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.25s ease, box-shadow 0.3s ease;white-space:nowrap;}.btn-emotion:hover{color:var(--text-on-dark);border-color:var(--gold-border);background:rgba(203, 161, 83, 0.12);transform:translateY(-2px);box-shadow:0 4px 16px rgba(203, 161, 83, 0.15);}.btn-emotion.active,.btn-emotion[aria-pressed="true"]{color:#fff;background:var(--gold);border-color:var(--gold);box-shadow:0 4px 18px rgba(203, 161, 83, 0.3);}.atlas-quiz-section{background:var(--paper);border-top:1px solid var(--border);padding:5.5rem 0;}.quiz-container{max-width:780px;margin:0 auto;background:var(--paper-2);border:1px solid var(--border);border-radius:12px;padding:2.2rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:box-shadow 0.3s ease;}.quiz-container:hover{box-shadow:var(--shadow-md);}.quiz-container::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg, var(--atlas-teal), var(--gold), var(--atlas-red));}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.8rem;border-bottom:1px solid var(--border);padding-bottom:1rem;}.quiz-title{font-size:1.45rem;color:var(--text-on-dark);font-weight:800;margin:0;}.quiz-score{font-size:0.8rem;font-weight:750;color:var(--gold);background:rgba(184, 146, 42, 0.08);padding:0.35rem 0.8rem;border-radius:20px;border:1px solid rgba(184, 146, 42, 0.16);}.quiz-body{min-height:240px;}.quiz-question-info{font-size:0.65rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:0.4rem;font-weight:800;}.quiz-question{font-size:1.15rem;color:var(--text-on-dark);margin-bottom:1.5rem;line-height:1.6;font-weight:700;}.quiz-audio-box{display:flex;align-items:center;gap:1rem;padding:0.9rem 1.1rem;background:var(--paper);border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;}.quiz-play-btn{width:44px;height:44px;border:none;border-radius:50%;background:var(--gold);color:#fff;cursor:pointer;font-size:0.88rem;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition);}.quiz-play-btn:hover{background:var(--gold-light);transform:translateY(-1px);}.quiz-play-btn.playing{background:var(--atlas-teal);box-shadow:0 0 10px rgba(47, 157, 143, 0.4);}.quiz-audio-label{font-size:0.85rem;font-weight:700;color:var(--text);}.quiz-options{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.8rem;margin-bottom:1.5rem;}.quiz-option-btn{background:var(--paper);border:1px solid var(--border);border-radius:8px;padding:1rem 1.1rem;font-family:"DM Sans", sans-serif;font-size:0.88rem;font-weight:700;color:var(--text);cursor:pointer;transition:var(--transition);text-align:left;display:flex;align-items:center;justify-content:space-between;}.quiz-option-btn:hover:not(:disabled){border-color:var(--gold);background:var(--paper-2);transform:translateY(-1px);box-shadow:var(--shadow-sm);}.quiz-option-btn:disabled{cursor:not-allowed;opacity:0.72;}.quiz-option-btn.correct{background:rgba(47, 157, 143, 0.1) !important;border-color:var(--atlas-teal) !important;color:var(--atlas-teal) !important;}.quiz-option-btn.incorrect{background:rgba(184, 79, 79, 0.1) !important;border-color:var(--atlas-red) !important;color:var(--atlas-red) !important;}.quiz-feedback{border-radius:8px;padding:1.1rem;margin-top:1rem;font-size:0.85rem;line-height:1.7;display:none;border:1px solid transparent;}.quiz-feedback.success{display:block;background:rgba(47, 157, 143, 0.05);border-color:rgba(47, 157, 143, 0.15);color:var(--text);}.quiz-feedback.error{display:block;background:rgba(184, 79, 79, 0.05);border-color:rgba(184, 79, 79, 0.15);color:var(--text);}.quiz-feedback h5{font-weight:800;margin-bottom:0.25rem;font-size:0.95rem;}.quiz-feedback.success h5{color:var(--atlas-teal);}.quiz-feedback.error h5{color:var(--atlas-red);}.quiz-actions{display:flex;justify-content:flex-end;margin-top:1.5rem;}.quiz-next-btn,.quiz-start-btn,.quiz-restart-btn{background:var(--gold);border:none;color:#fff;padding:0.7rem 1.6rem;font-weight:700;border-radius:6px;cursor:pointer;font-family:"DM Sans", sans-serif;font-size:0.82rem;transition:var(--transition);}.quiz-next-btn:hover,.quiz-start-btn:hover,.quiz-restart-btn:hover{background:var(--gold-light);transform:translateY(-1px);}.quiz-start-view,.quiz-result-view{text-align:center;padding:1.5rem 0;}.quiz-start-view p,.quiz-result-view p{color:var(--text-muted);line-height:1.8;margin-bottom:1.6rem;font-size:0.92rem;}.quiz-result-score{font-size:3.2rem;font-weight:800;color:var(--gold);margin-bottom:0.5rem;}.quiz-result-rank{font-size:1.2rem;font-weight:800;color:var(--text-on-dark);margin-bottom:1.6rem;}@media (max-width:620px){.quiz-options{grid-template-columns:1fr;gap:0.6rem;}.quiz-container{padding:1.2rem;}.atlas-emotion-discovery{padding:1rem 1.1rem;}.btn-emotion{padding:0.5rem 0.9rem;font-size:0.72rem;}}.atlas-compare-tool{background:var(--paper-2);padding:5.5rem 0;border-top:1px solid var(--border);}.compare-tool-container{max-width:880px;margin:0 auto;background:rgba(13, 11, 23, 0.65);border:1px solid rgba(255, 255, 255, 0.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:12px;padding:2rem;box-shadow:0 24px 70px rgba(0, 0, 0, 0.4);}.compare-tool-selectors{display:flex;align-items:center;gap:1.2rem;margin-bottom:2rem;}.compare-selector{flex:1;display:flex;flex-direction:column;gap:0.5rem;}.compare-selector label{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);}.compare-select{width:100%;padding:0.75rem 1rem;background:rgba(9, 8, 14, 0.6);border:1px solid rgba(237, 232, 213, 0.1);border-radius:8px;color:var(--text-on-dark);font-family:"DM Sans", sans-serif;font-size:0.9rem;font-weight:700;cursor:pointer;transition:border-color 0.3s ease, box-shadow 0.3s ease;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23b8922a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;}.compare-select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(184, 146, 42, 0.15);}.compare-select option{background:#111;color:#fff;}.compare-vs-badge{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, rgba(184, 146, 42, 0.2), rgba(184, 146, 42, 0.05));border:1px solid rgba(184, 146, 42, 0.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1.4rem;}.compare-vs-badge span{font-size:0.72rem;font-weight:800;color:var(--gold);letter-spacing:1px;}.compare-tool-result{border-top:1px solid rgba(237, 232, 213, 0.08);padding-top:1.5rem;min-height:120px;}.compare-tool-empty{text-align:center;color:var(--text-muted);font-size:0.9rem;padding:2rem 0;}.compare-result-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:start;}.compare-makam-col{padding:1rem;border-radius:8px;background:rgba(9, 8, 14, 0.4);border:1px solid rgba(255, 255, 255, 0.05);}.compare-makam-col h3{font-size:1.6rem;color:var(--text-on-dark);margin-bottom:0.3rem;}.compare-makam-col .compare-family{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);margin-bottom:0.8rem;display:block;}.compare-makam-col dl{display:grid;gap:0.5rem;}.compare-makam-col dl > div{display:flex;justify-content:space-between;align-items:center;padding:0.45rem 0;border-bottom:1px solid rgba(255, 255, 255, 0.04);}.compare-makam-col dt{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);}.compare-makam-col dd{font-weight:700;font-size:0.85rem;color:var(--text-on-dark);}.compare-makam-col .compare-feeling{margin-top:0.8rem;padding:0.6rem 0.8rem;border-radius:6px;background:rgba(237, 232, 213, 0.04);font-size:0.82rem;line-height:1.6;color:var(--text-muted);font-style:italic;}.compare-notes-row{display:flex;flex-wrap:wrap;gap:0.3rem;margin-top:0.6rem;}.compare-notes-row span{display:inline-flex;align-items:center;padding:0.25rem 0.5rem;border-radius:999px;font-size:0.68rem;font-weight:700;background:rgba(237, 232, 213, 0.06);border:1px solid rgba(237, 232, 213, 0.08);color:var(--text-on-dark);}.compare-notes-row span.common{background:rgba(184, 146, 42, 0.15);border-color:rgba(184, 146, 42, 0.3);color:var(--gold-light);}.compare-divider{display:flex;align-items:center;justify-content:center;padding-top:2rem;}.compare-divider-line{width:1px;height:100%;min-height:200px;background:linear-gradient(180deg, transparent, rgba(184, 146, 42, 0.3), transparent);}.compare-tool-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(237, 232, 213, 0.06);}.compare-play-both{padding:0.7rem 1.6rem;font-size:0.82rem;}.quiz-progress{margin-bottom:1.5rem;}.quiz-progress-track{width:100%;height:4px;background:rgba(237, 232, 213, 0.08);border-radius:999px;overflow:hidden;margin-bottom:0.8rem;}.quiz-progress-bar{height:100%;background:linear-gradient(90deg, var(--atlas-teal), var(--gold));border-radius:999px;transition:width 0.5s cubic-bezier(0.16, 1, 0.3, 1);box-shadow:0 0 8px rgba(184, 146, 42, 0.3);}.quiz-progress-steps{display:flex;justify-content:space-between;gap:0.5rem;}.quiz-step{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:800;color:var(--text-muted);background:rgba(9, 8, 14, 0.5);border:1px solid rgba(237, 232, 213, 0.08);transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);}.quiz-step.active{color:#fff;background:var(--gold);border-color:var(--gold);box-shadow:0 0 12px rgba(184, 146, 42, 0.3);}.quiz-step.completed{color:#fff;background:var(--atlas-teal);border-color:var(--atlas-teal);}.atlas-feeling{padding-top:0.2rem;}.feeling-badge{margin-top:0.5rem;padding:0.5rem 0.85rem;border-radius:8px;background:linear-gradient(135deg, rgba(var(--makam-accent-rgb, 184, 146, 42), 0.1), rgba(var(--makam-accent-rgb, 184, 146, 42), 0.03));border-left:3px solid var(--makam-accent, var(--gold));color:var(--text-dim);font-size:0.85rem;line-height:1.6;font-style:italic;transition:border-color 0.4s ease, background 0.4s ease;}.seyir-visual{margin-top:0.3rem;height:24px;display:flex;align-items:center;gap:4px;}.seyir-arrow{display:inline-flex;align-items:center;gap:3px;font-size:0.7rem;color:var(--makam-accent, var(--gold));opacity:0.8;}.seyir-arrow i{font-size:0.55rem;animation:seyirPulse 2s ease-in-out infinite;}.seyir-arrow.up i{animation-name:seyirUp;}.seyir-arrow.down i{animation-name:seyirDown;}.seyir-arrow.mixed i{animation-name:seyirMixed;}@keyframes seyirUp{0%, 100%{transform:translateY(2px);opacity:0.5;}50%{transform:translateY(-3px);opacity:1;}}@keyframes seyirDown{0%, 100%{transform:translateY(-2px);opacity:0.5;}50%{transform:translateY(3px);opacity:1;}}@keyframes seyirMixed{0%, 100%{transform:translateY(0);opacity:0.5;}25%{transform:translateY(-3px);opacity:1;}75%{transform:translateY(3px);opacity:1;}}@keyframes seyirPulse{0%, 100%{opacity:0.4;}50%{opacity:1;}}@media (max-width:820px){.compare-tool-selectors{flex-direction:column;}.compare-vs-badge{margin-top:0;}.compare-result-grid{grid-template-columns:1fr;}.compare-divider{display:none;}.atlas-compare-tool{padding:4rem 0;}}@media (max-width:620px){.compare-tool-container{padding:1.2rem;}.quiz-step{width:28px;height:28px;font-size:0.65rem;}}.atlas-microtonal-keyboard{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem;background:var(--paper-2);padding:1rem;border-radius:8px;border:1px solid var(--border);}.microtonal-btn{background:var(--paper-3);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:0.5rem 1rem;cursor:pointer;transition:all 0.2s;display:flex;flex-direction:column;align-items:center;min-width:60px;}.microtonal-btn strong{font-size:1rem;color:var(--gold);}.microtonal-btn small{font-size:0.7rem;opacity:0.7;margin-top:0.2rem;}.microtonal-btn:hover, .microtonal-btn.playing{background:var(--gold);color:#fff;border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px rgba(184, 146, 42, 0.3);}.microtonal-btn:hover strong, .microtonal-btn.playing strong,.microtonal-btn:hover small, .microtonal-btn.playing small{color:#fff;}.baglama-view{background:var(--paper-2);padding:1rem;border-radius:8px;border:1px solid var(--border);overflow-x:auto;margin-bottom:1.5rem;}.baglama-svg{width:100%;min-width:500px;height:auto;display:block;}.baglama-note-group{cursor:pointer;}.baglama-note-circle{fill:var(--paper-3);stroke:var(--gold);stroke-width:2;transition:all 0.2s;}.baglama-note-text{fill:var(--text);font-size:12px;font-weight:bold;text-anchor:middle;pointer-events:none;transition:fill 0.2s;}.baglama-note-group:hover .baglama-note-circle,.baglama-note-circle.playing{fill:var(--gold);transform:scale(1.2);transform-origin:center;}.baglama-note-group:hover .baglama-note-text,.baglama-note-circle.playing + .baglama-note-text{fill:#fff;}.atlas-modulations{background:var(--paper-2);padding:1rem;border-radius:8px;border:1px solid var(--border);}.modulation-tree{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem;}.modulation-btn{background:transparent;border:1px solid var(--gold);color:var(--gold);padding:0.4rem 0.8rem;border-radius:20px;font-size:0.85rem;cursor:pointer;transition:all 0.2s;}.modulation-btn:hover{background:var(--gold);color:#fff;}.repertuvar-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.5rem;margin-top:2rem;}.repertuvar-card{background:var(--paper-2);border-radius:12px;padding:1.5rem;border:1px solid var(--border);box-shadow:0 4px 20px rgba(0,0,0,0.05);transition:transform 0.3s;}.repertuvar-card:hover{transform:translateY(-5px);}.repertuvar-card h4{font-size:1.1rem;margin-bottom:0.3rem;color:var(--text-on-dark);}.repertuvar-card p{font-size:0.9rem;color:var(--text-muted);margin-bottom:1rem;}.repertuvar-card iframe{width:100%;height:180px;border-radius:8px;}.atlas-modulations{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid rgba(237, 232, 213, 0.08);}.modulation-tree-container{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:0.8rem;}.modulation-btn{background:rgba(9, 8, 14, 0.5);border:1px solid rgba(237, 232, 213, 0.15);border-radius:6px;padding:0.45rem 0.8rem;color:var(--text-on-dark);font-family:"DM Sans", sans-serif;font-size:0.78rem;font-weight:700;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:6px;}.modulation-btn::before{content:"→";color:var(--gold);font-weight:800;}.modulation-btn:hover{background:rgba(203, 161, 83, 0.15);border-color:var(--gold);color:#fff;transform:translateX(3px);}.atlas-repertuvar-section{background:var(--paper-2);padding:5.5rem 0;border-top:1px solid var(--border);}.repertuvar-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;margin-top:2.5rem;}.repertuvar-card{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:1.2rem;box-shadow:var(--shadow-sm);transition:var(--transition);}.repertuvar-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:rgba(203, 161, 83, 0.3);}.repertuvar-card h4{font-family:"Cormorant Garamond", Georgia, serif;font-size:1.25rem;color:var(--text-on-dark);margin:0 0 0.3rem 0;}.repertuvar-card p{font-size:0.85rem;color:var(--text-muted);margin:0 0 1rem 0;font-weight:600;}.repertuvar-card iframe{width:100%;aspect-ratio:16 / 9;border-radius:8px;background:#000;}