.makam-atlasi{--atlas-teal: #2f9d8f;--atlas-blue: #5080b8;--atlas-red: #b84f4f;--atlas-violet: #7d74b8;--gold: #cba153;--gold-light: #e5c381;--gold-border: rgba(203, 161, 83, .3);--card-bg: rgba(13, 11, 23, .65);--border-light: rgba(255, 255, 255, .08);--text-on-dark: #ffffff;--text-dim: #b3b3b3;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(160px);opacity:.08;pointer-events:none;transition:background-color 1.2s ease,transform 1.2s cubic-bezier(.34,1.56,.64,1),filter .8s ease,opacity .8s ease;z-index:0;will-change:transform,background-color,opacity}.ambient-glow-circle-1{width:600px;height:600px;background-color:var(--makam-accent, var(--gold));left:-200px;top:8%;animation:floatGlow1 24s ease-in-out infinite alternate}.ambient-glow-circle-2{width:700px;height:700px;background-color:var(--makam-accent, var(--gold));right:-250px;top:35%;animation:floatGlow2 32s ease-in-out infinite alternate}@keyframes floatGlow1{0%{transform:translate(0) scale(1)}to{transform:translate(120px,80px) scale(1.2)}}@keyframes floatGlow2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-150px,-100px) scale(.85)}}.atlas-stage.is-playing .ambient-glow-circle-1{opacity:.22;filter:blur(110px);transform:scale(1.5) translate(50px,30px)!important}.atlas-stage.is-playing .ambient-glow-circle-2{opacity:.18;filter:blur(120px);transform:scale(1.4) translate(-60px,-40px)!important}.makam-atlasi *,.makam-atlasi :after,.makam-atlasi :before{min-width:0;box-sizing:border-box}.makam-atlasi .container{width:100%}.atlas-stage{position:relative;padding:8.5rem 0 5.5rem;background:#09080e;color:var(--text-on-dark);overflow:hidden}.atlas-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.015) 1px,transparent 1px);background-size:24px 24px;opacity:.85;pointer-events:none}.atlas-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#09080e73,#09080ef8);pointer-events:none}.atlas-stage-inner{position:relative;z-index:1}.atlas-heading{max-width:860px;margin-bottom:2.5rem}.atlas-heading h1{font-family:Outfit,sans-serif;font-size:clamp(3.2rem,7vw,6.5rem);color:var(--text-on-dark);margin-bottom:1rem;font-weight:700;letter-spacing:-1.5px;background:linear-gradient(135deg,#ffffff 40%,var(--gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.atlas-heading p{max-width:760px;color:var(--text-dim);font-size:1.1rem;line-height:1.85;overflow-wrap:break-word}.atlas-emotion-discovery{margin-bottom:2.5rem;padding:1.8rem 2.2rem;background:#0f0e1b73;border:1px solid var(--border-light);border-radius:16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.atlas-emotion-title{font-family:Outfit,sans-serif;font-size:1.35rem;color:var(--text-on-dark);margin-bottom:1.2rem;font-weight:600;letter-spacing:-.4px}.emotion-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.btn-emotion{display:inline-flex;align-items:center;gap:8px;padding:.7rem 1.4rem;border:1px solid var(--border-light);border-radius:999px;background:#09080e99;color:var(--text-dim);font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);white-space:nowrap}.btn-emotion:hover{color:var(--text-on-dark);border-color:var(--gold);background:#cba15326;transform:translateY(-2px);box-shadow:0 6px 20px #cba15326}.btn-emotion.active,.btn-emotion[aria-pressed=true]{color:#fff;background:var(--gold);border-color:var(--gold);box-shadow:0 4px 18px #00000080;transform:scale(1.03)}.atlas-tool{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:1.5rem;align-items:stretch;min-width:0}.atlas-detail-panel,.atlas-map-panel{border:1px solid var(--border-light);background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 32px 80px #00000080,inset 0 1px #ffffff1f,inset 0 0 20px #ffffff05;border-radius:24px;transition:border-color .4s ease,box-shadow .4s ease,background-color .4s ease}.atlas-detail-panel:hover,.atlas-map-panel:hover{border-color:rgba(var(--makam-accent-rgb, 203, 161, 83),.25);box-shadow:0 24px 70px #00000073,0 0 30px rgba(var(--makam-accent-rgb, 203, 161, 83),.06)}.atlas-map-panel{padding:1.5rem;display:flex;flex-direction:column}.atlas-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.atlas-block-label,.atlas-eyebrow,.atlas-family,.compare-panel span,.makam-card-head span{display:inline-block;font-size:.72rem;letter-spacing:2.2px;text-transform:uppercase;font-weight:700}.atlas-block-label,.atlas-eyebrow,.atlas-family{color:var(--gold)}.atlas-detail-top h2,.atlas-panel-head h2{color:var(--text-on-dark);font-family:Outfit,sans-serif;font-weight:600}.atlas-panel-head h2{font-size:1.65rem;margin-top:.2rem}.atlas-filter{display:flex;align-items:center;gap:.4rem;padding:.3rem;border:1px solid var(--border-light);border-radius:10px;background:#09080e66}.atlas-filter-btn,.makam-card-select{border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .25s ease;font-family:Outfit,sans-serif}.atlas-filter-btn{min-height:34px;padding:.35rem .85rem;color:var(--text-dim);background:transparent;font-size:.76rem;font-weight:700}.atlas-filter-btn.active,.atlas-filter-btn:hover{color:var(--text-on-dark);border-color:#b8922a59;background:#b8922a26}.atlas-map{position:relative;width:100%;max-width:100%;min-height:540px;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--border-light);border-radius:16px;background:radial-gradient(circle at center,#0f0d1a,#06050b);box-shadow:inset 0 0 40px #000c}.atlas-map-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.06;filter:saturate(.6) blur(2px);pointer-events:none}.atlas-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.atlas-lines path{stroke:#d4aa481f;stroke-width:1.5;fill:none;transition:stroke .4s ease,stroke-width .4s ease,opacity .4s ease,filter .4s ease}.atlas-lines path.highlighted{stroke:var(--accent, var(--gold));stroke-width:3;opacity:.95;filter:drop-shadow(0 0 8px var(--accent, var(--gold)));stroke-dasharray:8 4;animation:curveFlow 2s linear infinite}@keyframes curveFlow{to{stroke-dashoffset:-32}}.atlas-lines path.is-muted{opacity:.02}.makam-node{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:120px;min-height:44px;transform:translate(-50%,-50%);border:1px solid var(--border-light);border-radius:30px;background:#110f1dd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffd9;cursor:pointer;box-shadow:0 8px 24px #00000080,inset 0 1px #ffffff0f;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease,background-color .3s ease,border-color .3s ease,color .3s ease,opacity .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:13px;transform:translateY(-50%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent, var(--gold)),transparent 74%);transition:transform .25s ease,box-shadow .25s ease}.makam-node span{display:block;padding:.55rem .55rem .55rem 2rem;font-size:.76rem;font-weight:800;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makam-node.active,.makam-node:hover{transform:translate(-50%,-50%) scale(1.08);background:color-mix(in srgb,var(--accent, var(--gold)),#09080e 80%);border-color:var(--accent, var(--gold));box-shadow:0 16px 36px color-mix(in srgb,var(--accent, var(--gold)),transparent 65%),0 0 15px color-mix(in srgb,var(--accent, var(--gold)),transparent 75%);color:#fff}.makam-node.active:before,.makam-node:hover:before{transform:translateY(-50%) scale(1.2);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent, var(--gold)),transparent 50%),0 0 12px var(--accent, var(--gold))}.makam-card.is-muted,.makam-node.is-muted{opacity:.22}.atlas-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.4rem;padding-top:1.25rem;color:var(--text-dim);font-size:.8rem;border-top:1px solid var(--border-light);margin-top:auto}.atlas-legend span{display:inline-flex;align-items:center;gap:.45rem}.atlas-legend i{color:var(--gold)}.kbd-shortcut-helper{margin-left:auto;font-size:.74rem;color:var(--text-muted);background:#ffffff0a;padding:.35rem .8rem;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.kbd-key{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:1px 5px;font-family:monospace;font-size:.68rem;color:var(--gold-light);box-shadow:0 1px #0009}.atlas-detail-panel{padding:1.5rem;display:flex;flex-direction:column;gap:1.35rem}.atlas-detail-top h2{font-size:2.5rem;margin:.2rem 0 .5rem;letter-spacing:-.8px;line-height:1.1}.atlas-detail-top p,.atlas-difference p{color:var(--text-dim);line-height:1.75;font-size:.94rem;overflow-wrap:break-word}.atlas-sound{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.9rem 1.1rem;border:1px solid var(--border-light);border-radius:16px;background:#09080e8c;box-shadow:inset 0 1px #ffffff0d}.atlas-play-btn,.makam-card-play{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--makam-accent, var(--gold));color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 10px #0000004d}.atlas-play-btn{width:48px;height:48px;font-size:1.1rem}.atlas-play-btn:hover,.makam-card-play:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px color-mix(in srgb,var(--makam-accent, var(--gold)),transparent 50%);background:var(--gold-light)}.atlas-wave{height:38px;display:flex;align-items:flex-end;gap:4px;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:.3;transition:background-color .4s ease}.atlas-sound.playing .atlas-wave span{animation:atlasWave .65s ease-in-out infinite alternate;opacity:.95;filter:drop-shadow(0 0 6px 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-sound.playing .atlas-wave span:nth-child(4n){animation-delay:.05s}@keyframes atlasWave{0%{transform:scaleY(.4)}to{transform:scaleY(1.9)}}.atlas-audio-state{color:var(--text-dim);font-size:.82rem;white-space:nowrap;font-weight:700}.atlas-tuning-selector{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:#09080e73;border:1px solid rgba(255,255,255,.05);border-radius:12px}.atlas-tuning-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);transition:color .3s ease}.tuning-switch{display:flex;background:#09080eb3;border-radius:8px;padding:3px;border:1px solid rgba(255,255,255,.06)}.tuning-btn{border:none;background:transparent;color:var(--text-dim);font-size:.7rem;font-weight:800;padding:.45rem .9rem;border-radius:6px;cursor:pointer;font-family:Outfit,sans-serif;transition:all .3s cubic-bezier(.25,.8,.25,1)}.tuning-btn.active{background:var(--makam-accent, var(--gold));color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--makam-accent, var(--gold)),transparent 60%);transform:scale(1.02)}.atlas-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.atlas-facts div{padding:.85rem;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#ffffff08;box-shadow:inset 0 1px #ffffff05;transition:border-color .3s ease,background-color .3s ease}.atlas-facts div:hover{border-color:#ffffff1f;background:#ffffff0f}.atlas-facts dt{color:var(--text-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.atlas-facts dd{margin-top:.4rem;color:var(--text-on-dark);font-weight:700;font-size:.92rem;line-height:1.35}#vexflow-canvas{background:#09080e73!important;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.25rem;transition:all .3s ease;display:flex;justify-content:center;align-items:center}#vexflow-canvas svg{max-width:100%;height:auto;display:block}#vexflow-canvas svg path,#vexflow-canvas svg rect{fill:#fffc!important;stroke:#fffc!important;transition:fill .25s ease,stroke .25s ease,filter .25s ease}#vexflow-canvas svg g path[stroke-width="1"]{fill:#ffffff26!important;stroke:#ffffff26!important}#vexflow-canvas svg .vf-stavenote.playing path{fill:var(--makam-accent, var(--gold))!important;stroke:var(--makam-accent, var(--gold))!important;filter:drop-shadow(0 0 6px var(--makam-accent, var(--gold)))}#vexflow-canvas .vf-stavenote.playing path{fill:var(--atlas-teal)!important;stroke:var(--atlas-teal)!important;transition:all .2s ease}.atlas-microtonal-keyboard{display:flex;flex-wrap:wrap;gap:.4rem;background:#09080e73;border:1px solid var(--border-light);border-radius:14px;padding:1rem}.microtonal-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-dim);border-radius:10px;padding:.6rem .8rem;cursor:pointer;transition:all .25s cubic-bezier(.25,.8,.25,1);flex:1 1 70px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 6px #00000026}.microtonal-btn strong{font-size:1rem;color:var(--text-on-dark);font-family:Outfit,sans-serif}.microtonal-btn small{font-size:.64rem;color:var(--text-muted);margin-top:3px;text-align:center}.microtonal-btn.playing,.microtonal-btn:hover{background:var(--makam-accent, var(--gold))!important;border-color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px color-mix(in srgb,var(--makam-accent, var(--gold)),transparent 60%)}.microtonal-btn.playing strong,.microtonal-btn.playing small,.microtonal-btn:hover strong,.microtonal-btn:hover small{color:#fff!important}.microtonal-btn.playing{background-color:var(--atlas-teal)!important;box-shadow:0 0 12px var(--atlas-teal)}.instrument-view-container{margin-top:1.5rem}.instrument-svg-view{position:relative;width:100%;height:140px;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 30px #000c,0 10px 25px #0000004d;border:1px solid var(--border-light)}.baglama-svg{width:100%;height:100%;background:linear-gradient(90deg,#422514,#5d351e 20%,#351a0b,#1e0e05)!important}.baglama-fret-line{stroke:#dcdcdc73;stroke-width:1.5}.baglama-fret-line.active-fret{stroke:#ffffffd9;stroke-width:2.2;filter:drop-shadow(0 0 3px rgba(255,255,255,.8))}.baglama-note-circle{fill:#ffffff14!important;stroke:#fff6!important;stroke-width:1.5;transition:all .25s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.baglama-note-text{fill:#ffffffb3!important;font-size:10px;font-family:Outfit,sans-serif;font-weight:700;pointer-events:none;text-anchor:middle;dominant-baseline:middle;transition:all .25s ease}.baglama-note-group:hover .baglama-note-circle,.baglama-note-circle.playing{fill:var(--makam-accent, var(--gold))!important;stroke:#fff!important;stroke-width:2px!important;filter:drop-shadow(0 0 10px var(--makam-accent, var(--gold)));r:16px!important}.baglama-note-group:hover .baglama-note-text,.baglama-note-circle.playing+.baglama-note-text{fill:#fff!important;font-size:11px!important;font-weight:900}.baglama-note-circle.playing{background-color:var(--atlas-teal)!important;box-shadow:0 0 10px var(--atlas-teal);fill:var(--atlas-teal)!important;stroke:#fff!important;stroke-width:2px!important}.ud-svg{width:100%;height:100%;background:linear-gradient(90deg,#1c130e,#2b1d16 15%,#170d08 70%,#0d0603)!important}.ud-nut{fill:#f5f0eb;stroke:#d9d0c7}.ud-note-marker{fill:#ffffff0d!important;stroke:#cba15340!important;stroke-width:1.5;transition:all .25s ease;cursor:pointer}.ud-note-marker.playing,.ud-note-group:hover .ud-note-marker{fill:var(--makam-accent, var(--gold))!important;stroke:#fff!important;filter:drop-shadow(0 0 10px var(--makam-accent, var(--gold)));r:10px!important}.ud-note-text{fill:#fffc!important;font-size:9px;font-family:Outfit,sans-serif;font-weight:700;pointer-events:none;text-anchor:middle;dominant-baseline:middle}.ud-note-marker.playing+.ud-note-text,.ud-note-group:hover .ud-note-text{fill:#fff!important;font-size:10px!important}.atlas-cents-info{margin-top:.75rem;font-size:.82rem;color:var(--text-dim);line-height:1.6;background:#09080e73;padding:.75rem 1rem;border-radius:12px;border-left:4px solid var(--makam-accent, var(--gold));box-shadow:inset 0 1px #ffffff05}.atlas-cents-info:empty{display:none}.atlas-difference{padding-top:.2rem}.atlas-difference p{margin-top:.55rem}.atlas-feeling{padding-top:.2rem}.feeling-badge{margin-top:.55rem;padding:.8rem 1.1rem;border-radius:12px;background:linear-gradient(135deg,rgba(var(--makam-accent-rgb, 184, 146, 42),.08),rgba(var(--makam-accent-rgb, 184, 146, 42),.02));border-left:4px solid var(--makam-accent, var(--gold));color:var(--text-dim);font-size:.92rem;line-height:1.65;font-style:italic;box-shadow:inset 0 1px #ffffff05}.seyir-visual{margin-top:.35rem}.seyir-arrow{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--makam-accent, var(--gold));font-weight:700}.seyir-arrow i{font-size:.72rem}.seyir-arrow.up i{animation:seyirUp 1.8s ease-in-out infinite}.seyir-arrow.down i{animation:seyirDown 1.8s ease-in-out infinite}.seyir-arrow.mixed i{animation:seyirMixed 2s ease-in-out infinite}@keyframes seyirUp{0%,to{transform:translateY(2px);opacity:.5}50%{transform:translateY(-3px);opacity:1}}@keyframes seyirDown{0%,to{transform:translateY(-2px);opacity:.5}50%{transform:translateY(3px);opacity:1}}@keyframes seyirMixed{0%,to{transform:translateY(0);opacity:.5}25%{transform:translateY(-3px);opacity:1}75%{transform:translateY(3px);opacity:1}}.atlas-modulations{margin-top:1.5rem;padding-top:1.35rem;border-top:1px solid rgba(255,255,255,.08)}.modulation-tree-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.modulation-btn{background:#09080e80;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.5rem .95rem;color:var(--text-on-dark);font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:8px}.modulation-btn:before{content:"→";color:var(--gold);font-weight:800}.modulation-btn:hover{background:rgba(var(--makam-accent-rgb, 203, 161, 83),.18);border-color:var(--makam-accent, var(--gold));color:#fff;transform:translate(4px);box-shadow:0 4px 12px #00000040}.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(320px,1fr));gap:1.5rem;margin-top:2.5rem}.repertuvar-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:all .3s ease}.repertuvar-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--gold-border)}.repertuvar-card h4{font-family:Outfit,sans-serif;font-size:1.35rem;color:var(--text-on-dark);margin:0 0 .35rem}.repertuvar-card p{font-size:.88rem;color:var(--text-muted);margin:0 0 1.25rem;font-weight:600}.yt-play-btn{display:inline-flex;align-items:center;gap:8px;background:#cba15326;border:1px solid var(--gold-border);color:var(--gold-light);padding:.6rem 1.2rem;border-radius:20px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .25s ease}.yt-play-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold);box-shadow:0 4px 12px #cba15340;transform:translateY(-2px)}.atlas-compare-section{background:var(--paper);padding:5.5rem 0}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.compare-panel{border:1px solid var(--border-light);border-radius:20px;background:#13112273;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.8rem;box-shadow:0 10px 30px #00000026;transition:all .4s cubic-bezier(.165,.84,.44,1)}.compare-panel:hover{transform:translateY(-6px);border-color:var(--gold-border);box-shadow:0 20px 40px #00000059}.compare-panel.featured{border-color:#2f9d8f59;background:linear-gradient(145deg,#2f9d8f1a,#13112280)}.compare-panel h3{color:var(--text-on-dark);font-family:Outfit,sans-serif;font-size:1.6rem;margin-bottom:.75rem;font-weight:600}.compare-panel p{color:var(--text-muted);line-height:1.75;overflow-wrap:break-word}.atlas-compare-tool{background:var(--paper-2);padding:5.5rem 0;border-top:1px solid var(--border)}.compare-tool-container{max-width:960px;margin:0 auto;background:#0d0b17a6;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2.5rem;box-shadow:0 32px 80px #00000080}.compare-tool-selectors{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem}.compare-selector{flex:1;display:flex;flex-direction:column;gap:.6rem}.compare-selector label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim)}.compare-select{width:100%;padding:.85rem 1.2rem;background:#09080ebf;border:1px solid var(--border-light);border-radius:12px;color:var(--text-on-dark);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cba153' 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 16px center;padding-right:44px}.compare-select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px #cba15340}.compare-vs-badge{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#cba15340,#cba1530d);border:1px solid var(--gold-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1.4rem;box-shadow:0 0 15px #cba1531a;animation:pulseVs 3s infinite alternate}@keyframes pulseVs{0%{transform:scale(1);box-shadow:0 0 10px #cba1531a}to{transform:scale(1.06);box-shadow:0 0 20px #cba15340}}.compare-vs-badge span{font-size:.8rem;font-weight:900;color:var(--gold-light);letter-spacing:1px}.compare-tool-result{border-top:1px solid var(--border-light);padding-top:2rem;min-height:140px}.compare-tool-empty{text-align:center;color:var(--text-muted);font-size:.98rem;padding:3rem 0}.compare-result-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1.8rem;align-items:start}.compare-makam-col{padding:1.5rem;border-radius:16px;background:#09080e80;border:1px solid var(--border-light);box-shadow:inset 0 1px #ffffff08}.compare-makam-col h3{font-family:Outfit,sans-serif;font-size:1.8rem;color:var(--text-on-dark);margin-bottom:.3rem;font-weight:600}.compare-makam-col .compare-family{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--gold);margin-bottom:1rem;display:block}.compare-makam-col dl{display:grid;gap:.6rem}.compare-makam-col dl>div{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.compare-makam-col dt{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim)}.compare-makam-col dd{font-weight:700;font-size:.88rem;color:var(--text-on-dark);text-align:right}.compare-makam-col .compare-feeling{margin-top:1rem;padding:.75rem 1rem;border-radius:10px;background:#ffffff08;font-size:.88rem;line-height:1.65;color:var(--text-dim);font-style:italic;border-left:3px solid var(--accent, var(--gold))}.compare-notes-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.compare-notes-row span{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;font-size:.74rem;font-weight:700;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-on-dark)}.compare-notes-row span.common{background:#cba1531f;border-color:#cba15359;color:var(--gold-light)}.compare-divider{display:flex;align-items:center;justify-content:center;height:100%}.compare-divider-line{width:1.5px;height:100%;min-height:250px;background:linear-gradient(180deg,transparent,rgba(203,161,83,.35) 30%,rgba(203,161,83,.35) 70%,transparent)}.compare-tool-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light)}.compare-play-both{padding:.8rem 2rem;font-size:.88rem;background:var(--gold);border:none;color:#fff;border-radius:30px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #cba15340}.compare-play-both:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 20px #cba15366}.atlas-library{background:var(--paper-2);padding:5.5rem 0}.makam-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.makam-card{position:relative;padding:1.5rem;overflow:hidden;border:1px solid var(--border-light);border-radius:20px;background:#13112273;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000026,inset 0 1px #ffffff08;transition:all .4s cubic-bezier(.165,.84,.44,1)}.makam-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--accent, var(--gold));transition:height .3s ease}.makam-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent, var(--gold)),var(--border-light) 60%);box-shadow:0 20px 45px #00000059,0 0 15px color-mix(in srgb,var(--accent, var(--gold)),transparent 90%)}.makam-card:hover:before{height:6px}.makam-card-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.2rem}.makam-card-head span{color:var(--text-muted);letter-spacing:1.5px}.makam-card-play{width:38px;height:38px;flex:0 0 auto;font-size:.8rem}.makam-card h3{color:var(--text-on-dark);font-family:Outfit,sans-serif;font-size:1.85rem;margin-bottom:.5rem;font-weight:600;letter-spacing:-.5px}.makam-card p{color:var(--text-dim);font-size:.92rem;line-height:1.7;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s cubic-bezier(.25,.8,.25,1),opacity .4s ease,margin-top .4s ease}.makam-card:focus-within p,.makam-card:hover p{max-height:150px;opacity:1;margin-top:.6rem}.makam-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1.2rem 0}.makam-card dl div{border-top:1px solid rgba(255,255,255,.06);padding-top:.8rem}.makam-card dt{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:800}.makam-card dd{color:var(--text-on-dark);font-size:.86rem;font-weight:700;line-height:1.35;margin-top:.3rem}.makam-card-select{width:100%;min-height:42px;color:var(--text-dim);background:transparent;border:1px solid rgba(255,255,255,.1);font-weight:800;font-size:.8rem;box-shadow:0 2px 4px #0000001a}.makam-card-select:hover{color:#fff;background:var(--accent, var(--gold));border-color:var(--accent, var(--gold));box-shadow:0 4px 12px color-mix(in srgb,var(--accent, var(--gold)),transparent 60%)}.makam-card.active{border-color:var(--accent, var(--gold));box-shadow:0 12px 36px #00000073}.atlas-quiz-section{background:var(--paper);border-top:1px solid var(--border);padding:5.5rem 0}.quiz-container{max-width:800px;margin:0 auto;background:var(--paper-2);border:1px solid var(--border);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:box-shadow .3s ease}.quiz-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;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:2rem;border-bottom:1px solid var(--border);padding-bottom:1.2rem}.quiz-title{font-family:Outfit,sans-serif;font-size:1.6rem;color:var(--text-on-dark);font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.quiz-title i{color:var(--gold)}.quiz-score{font-size:.84rem;font-weight:700;color:var(--gold);background:#cba1531f;padding:.45rem 1.1rem;border-radius:20px;border:1px solid rgba(203,161,83,.25)}.quiz-body{min-height:260px}.quiz-progress{margin-bottom:2rem}.quiz-progress-track{width:100%;height:6px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-bottom:1rem}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,var(--atlas-teal),var(--gold));border-radius:999px;transition:width .5s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #cba15366}.quiz-progress-steps{display:flex;justify-content:space-between;gap:.5rem}.quiz-step{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:800;color:var(--text-muted);background:#09080ecc;border:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.16,1,.3,1)}.quiz-step.active{color:#fff;background:var(--gold);border-color:var(--gold);box-shadow:0 0 15px #cba15366;transform:scale(1.08)}.quiz-step.completed{color:#fff;background:var(--atlas-teal);border-color:var(--atlas-teal)}.quiz-question-info{font-size:.72rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:.5rem;font-weight:800}.quiz-question{font-size:1.25rem;color:var(--text-on-dark);margin-bottom:2rem;line-height:1.6;font-weight:700}.quiz-audio-box{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.4rem;background:var(--paper);border:1px solid var(--border);border-radius:14px;margin-bottom:2rem;box-shadow:inset 0 1px #ffffff05}.quiz-play-btn{width:46px;height:46px;border:none;border-radius:50%;background:var(--gold);color:#fff;cursor:pointer;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 4px 10px #0003}.quiz-play-btn:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 6px 15px #cba15359}.quiz-play-btn.playing{background:var(--atlas-teal);box-shadow:0 0 15px #2f9d8f73}.quiz-audio-label{font-size:.92rem;font-weight:700;color:var(--text)}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:2rem}.quiz-option-btn{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.3rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;color:var(--text);cursor:pointer;transition:all .25s ease;text-align:left;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}.quiz-option-btn:hover:not(:disabled){border-color:var(--gold);background:var(--paper-2);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quiz-option-btn:disabled{cursor:not-allowed;opacity:.75}.quiz-option-btn.correct{background:#2f9d8f1f!important;border-color:var(--atlas-teal)!important;color:var(--atlas-teal)!important;animation:correctPulse .4s ease}.quiz-option-btn.incorrect{background:#b84f4f1f!important;border-color:var(--atlas-red)!important;color:var(--atlas-red)!important;animation:shakeErr .45s ease}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes shakeErr{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.quiz-feedback{border-radius:12px;padding:1.25rem;margin-top:1.2rem;font-size:.92rem;line-height:1.75;display:none;border:1px solid transparent;box-shadow:inset 0 1px #ffffff05}.quiz-feedback.success{display:block;background:#2f9d8f14;border-color:#2f9d8f40;color:var(--text)}.quiz-feedback.error{display:block;background:#b84f4f14;border-color:#b84f4f40;color:var(--text)}.quiz-feedback h5{font-weight:850;margin-bottom:.35rem;font-size:1.05rem}.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:2rem}.quiz-next-btn,.quiz-restart-btn,.quiz-start-btn{background:var(--gold);border:none;color:#fff;padding:.8rem 2rem;font-weight:700;border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;font-size:.88rem;transition:all .3s ease;box-shadow:0 4px 12px #cba15340}.quiz-next-btn:hover,.quiz-restart-btn:hover,.quiz-start-btn:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 18px #cba15366}.quiz-result-view,.quiz-start-view{text-align:center;padding:2rem 0}.quiz-result-view p,.quiz-start-view p{color:var(--text-muted);line-height:1.8;margin-bottom:1.8rem;font-size:.98rem}.quiz-result-score{font-family:Outfit,sans-serif;font-size:4rem;font-weight:800;color:var(--gold);margin-bottom:.5rem;text-shadow:0 0 20px rgba(203,161,83,.3)}.quiz-result-rank{font-size:1.45rem;font-weight:800;color:var(--text-on-dark);margin-bottom:1.8rem}.quiz-share-btn{background:#ffffff0f;border:1px solid var(--border-light);color:var(--text-on-dark);padding:.8rem 2rem;font-weight:700;border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;font-size:.88rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.quiz-share-btn:hover{background:#ffffff1f;transform:translateY(-2px)}.confetti-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99}.atlas-faq-section{background:var(--paper);padding:5.5rem 0}.atlas-faq-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3.5rem;align-items:start}.atlas-faq-list{display:grid;gap:.85rem}.atlas-faq-list details{border:1px solid var(--border-light);border-radius:16px;background:#13112273;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #00000026,inset 0 1px #ffffff05;padding:1.1rem 1.4rem;transition:border-color .3s ease,background-color .3s ease}.atlas-faq-list details:hover{border-color:#ffffff26}.atlas-faq-list summary{cursor:pointer;color:var(--text-on-dark);font-weight:800;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:.98rem}.atlas-faq-list summary::-webkit-details-marker{display:none}.atlas-faq-list summary:after{content:"+";color:var(--gold);font-size:1.3rem;line-height:1;transition:transform .3s ease}.atlas-faq-list details[open] summary:after{content:"-";transform:rotate(180deg)}.atlas-faq-list p{margin-top:.95rem;color:var(--text-muted);line-height:1.8;font-size:.92rem;overflow-wrap:break-word}@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.5rem 0 3.5rem}.atlas-faq-wrap,.atlas-panel-head{grid-template-columns:1fr}.atlas-panel-head{flex-direction:column;align-items:stretch}.atlas-map{min-height:480px;aspect-ratio:1/1.05}.atlas-facts,.compare-grid{grid-template-columns:1fr}.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){#main-header .navbar{padding-left:.95rem!important;padding-right:.95rem!important}#main-header .logo{font-size:1.1rem!important;letter-spacing:1.5px!important}#main-header .nav-right{gap:6px!important}.atlas-heading h1{font-size:3.4rem}.atlas-heading p{font-size:1rem;max-width:calc(100vw - 3rem)}.atlas-detail-panel,.atlas-map-panel{padding:.9rem}.atlas-filter{width:100%;justify-content:space-between;overflow:hidden}.atlas-filter-btn{flex:1;padding:.35rem .5rem;min-width:0;font-size:.72rem}.atlas-map{min-height:440px}.makam-node{width:78px;min-height:44px}.makam-node span{font-size:.64rem;padding:.5rem .35rem .5rem 1.45rem}.makam-node:before{width:8px;height:8px;left:9px}.atlas-sound{grid-template-columns:44px 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-faq-section,.atlas-library{padding:4rem 0}.quiz-options{grid-template-columns:1fr;gap:.75rem}.quiz-container{padding:1.4rem}.atlas-emotion-discovery{padding:1.1rem 1.2rem}.btn-emotion{padding:.55rem 1rem;font-size:.74rem}.compare-tool-container{padding:1.4rem}.quiz-step{width:30px;height:30px;font-size:.68rem}}@media (prefers-reduced-motion: reduce){.atlas-sound.playing .atlas-wave span{animation:none}.atlas-play-btn,.makam-card,.makam-card-play,.makam-node{transition:none}.atlas-lines path.highlighted{animation:none}}