/* === experience.css === */
.experience{--paper:#fffefa;--canvas:#f5f4ef;--ink:#242d30;--muted:#5f6b69;--line:#dde0e2;--accent:#3b5782;--accent-soft:#e5ecf5;--chord:#405b81;background:var(--canvas);color:var(--ink);font-family:Mark,Arial,sans-serif;margin:0;line-height:1.5}.experience.theme-dark{--paper:#212327;--canvas:#17191c;--ink:#e7eaec;--muted:#a4aab1;--line:#3a3e43;--accent:#a6bad1;--accent-soft:#2c343e;--chord:#95bcd9}.experience *{box-sizing:border-box}.experience button,.experience input,.experience select{font:inherit}.experience button{cursor:pointer}/* Use a quiet focus treatment rather than a second rectangular frame. */ body.experience :focus,body.experience :focus-visible{outline:0!important}body.experience :is(a,button,[role=button],[tabindex]):focus-visible{background-color:var(--accent-soft);text-decoration:underline;text-underline-offset:4px}body.experience :is(input,textarea,select):focus{box-shadow:none!important}body.experience :is(input,textarea,select):focus-visible{background-color:var(--accent-soft)}.experience .h{min-height:76px;padding:0 24px;background:var(--paper);color:var(--ink);border:0;border-bottom:1px solid var(--line);box-shadow:none;position:relative;gap:36px;z-index:20;width:100%;max-width:none}.experience .brand{font-size:27px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;gap:0;color:var(--ink)}.experience .h a{background:0 0;-webkit-text-fill-color:currentColor;padding:0;transition:none}.experience .h .brand{font-size:27px;padding:0;min-height:0;line-height:1.2}.primary-nav{display:flex;gap:28px;font-size:14px;margin-right:auto;white-space:nowrap}.primary-nav a:hover{color:var(--accent)}.experience .fixed-icons{gap:12px;display:flex;align-items:center;font-size:14px}.experience .fixed-icons button{color:inherit;background:0 0;border:0;min-width:40px;min-height:44px;padding:8px}.experience .h button{color:var(--ink)!important}.experience .fixed-icons .m-14{margin:0}.experience .n,.experience .s-dl{display:none}.experience .al6{display:block;max-width:1560px;margin:0 auto;padding:32px 24px;box-shadow:none}.experience .al6:hover{box-shadow:none}.experience .al6>.las1,.experience .al6>.ras1{display:none}.experience .mc1{background:0 0;box-shadow:none;overflow:visible;min-width:0;min-height:0;transition:none}.experience .s{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:24px;animation:none;transform:none;opacity:1;box-shadow:none;transition:none}.experience .s:hover{transform:none;box-shadow:none}.experience .st{background:0 0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:0 0 16px!important;color:var(--ink)!important;font-size:18px;cursor:pointer}.experience .st:after,.experience .st:before{display:none!important}.experience .l{padding:0;margin:0;max-height:none!important;overflow:visible!important}.experience .l a{background:0 0!important;box-shadow:none!important;border-radius:0!important;border:0;border-bottom:1px solid var(--line);padding:13px 0;color:var(--ink);display:flex;align-items:center;gap:12px;transition:background .15s}.experience .l a:hover{background:var(--accent-soft)!important;transform:none}.experience .l .c1{font-size:11px;color:var(--accent);background:var(--accent-soft);padding:4px 7px;border-radius:4px;min-width:64px;text-align:center;margin:0}.experience .l .t{font-size:14px;min-width:0}.experience .content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:24px 0;padding:0}.experience .features,.experience .pc1{padding:0;background:0 0;border:0;box-shadow:none}.experience .sh2{text-align:left;padding:16px 0 0;margin:0;background:0 0}.experience .sh2 h2{font-size:22px;letter-spacing:-.4px;color:var(--ink);margin:6px 0}.experience .sh2 p{color:var(--muted);margin:0}.eyebrow,.reader-heading-label{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent)}.discovery-hero{position:relative;isolation:isolate;padding:50px 48px 38px;background:#e0e7ec;border:1px solid #d3dbe1;border-radius:16px;overflow:hidden;color:#252c36}.theme-dark .discovery-hero{background:#282f37;color:var(--ink);border-color:var(--line)}.discovery-hero h1{font-size:clamp(40px,4.7vw,62px);font-weight:700;letter-spacing:-2.5px;line-height:1.07;margin:24px 0 20px}.discovery-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.discovery-hero p{font-size:16px;color:#5a6168;margin:0 0 26px}.theme-dark .discovery-hero p{color:var(--muted)}.live-dot{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;margin-right:8px}.discovery-search{position:relative;display:flex;align-items:center;gap:14px;max-width:650px;background:var(--paper);padding:8px 8px 8px 20px;border:1px solid #bcc3c9;border-radius:9px;box-shadow:0 5px 12px #3f4e5d10}.discovery-search svg{width:20px;flex:none;color:var(--accent)}.discovery-search input{width:100%;min-width:0;outline:0;border:0;background:0 0;color:var(--ink);height:42px;font-size:15px}.discovery-search button{border:0;background:var(--accent);color:var(--paper);padding:13px 18px;white-space:nowrap;border-radius:6px;font-size:13px;font-weight:700}.discovery-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:11px;color:#535961}.discovery-chips>a{border:1px solid #b8c1c8;border-radius:20px;padding:6px 11px;color:inherit}.discovery-chips>span{margin-right:5px}.hero-strings{position:absolute;z-index:-1;right:-12px;top:30px;width:280px;height:340px;transform:rotate(-16deg);opacity:.7;display:flex;justify-content:space-around;border-block:1px solid #6e777f33}.hero-strings>span{height:120%;width:1px;background:#6e777f50}.hero-strings b{position:absolute;display:grid;place-items:center;border:1px solid #636e7850;width:58px;height:58px;border-radius:50%;font-size:18px;font-family:Georgia,serif;background:#d3dce3;color:#495561;left:20px;top:140px}.hero-strings .hero-chord-one{left:8%;top:148px}.hero-strings .hero-chord-two{left:44%;top:52px}.hero-strings .hero-chord-three{left:64%;top:208px}.hero-strings .hero-symbol{position:absolute;font-family:Georgia,"Times New Roman",serif;font-style:normal;font-weight:400;line-height:1;color:#495561;opacity:.45;transform:rotate(16deg);pointer-events:none}.hero-strings .hero-symbol-note{left:8%;top:36px;font-size:38px}.hero-strings .hero-symbol-flat{left:81%;top:133px;font-size:34px}.hero-strings .hero-symbol-sharp{left:34%;top:234px;font-size:30px}.hero-strings b::after{content:attr(data-chord)}.hero-strings .hero-symbol::after{content:attr(data-symbol)}@media(max-width:700px){.hero-strings .hero-chord-three,.hero-strings .hero-symbol{display:none}}.home-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0 28px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.home-shortcuts>a{display:flex;align-items:center;gap:16px;padding:20px 24px;border-right:1px solid var(--line)}.home-shortcuts>a:last-child{border:0}.home-shortcuts svg{width:24px;color:var(--accent)}.home-shortcuts strong{display:block;font-size:14px}.home-shortcuts small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.home-shortcuts>a>span:last-child{margin-left:auto;color:var(--accent)}.ad-slot{position:relative;text-align:center;margin:28px auto 36px;max-width:100%;border:1px solid var(--line);background:var(--canvas);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.ad-label{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);position:absolute;top:6px;left:0;right:0}.ad-slot-portrait{width:302px;min-height:626px;margin:0 auto 24px;padding-top:22px}.ad-slot-leaderboard{width:972px;min-height:276px;padding-top:22px}.ad-slot-rectangle{width:338px;min-height:276px;padding-top:22px}.ad-preview-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:12px}.ad-preview-content small{font-size:10px;letter-spacing:1px}.ad-preview-symbol{font-family:Georgia,serif;font-size:40px;font-style:italic;color:#b1b7bc}.ad-preview{background:repeating-linear-gradient(135deg,transparent,transparent 5px,#818a9206 5px,#818a9206 6px),var(--canvas)}.experience.detail-page .al6{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:32px;max-width:1560px;align-items:start}.experience.detail-page .al6>.ras1{display:block;padding-top:36px}.song-breadcrumb{font-size:11px;color:var(--muted);display:flex;gap:12px;margin-bottom:18px}.experience .song-page{padding:0;background:0 0;border:0}.experience.detail-page .song-page{padding:0}.song-reader{background:var(--paper);border:1px solid var(--line);border-radius:12px;--reader-font:16px;overflow:clip}.reader-heading-label{padding:20px 32px 0}.experience .song-reader .st2b{display:flex;gap:18px;align-items:center;border:0;padding:10px 32px 18px;margin:0}.experience .song-reader h1.st3{font-size:32px;letter-spacing:-1.2px;line-height:1.15;font-weight:700;color:var(--ink);margin:0 0 7px;border:0;padding:0}.song-artist{color:var(--muted);font-size:14px}.song-artist a{color:inherit}.experience .song-reader .rpek{font-size:11px;margin:0;padding:0;border:0;flex-shrink:0;float:none;background:0 0;width:auto;height:auto;min-width:116px}.experience .song-reader .ch_cc{font-size:11px;width:auto;padding-left:22px;color:var(--muted)}.experience .song-reader .checkmark2{width:15px;height:15px;border:1px solid var(--line);background:var(--paper);border-radius:4px;top:0}.reader-bar{display:flex;align-items:center;gap:5px;padding:8px 24px;border-block:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5;min-height:58px}.reader-bar button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;background:0 0;color:var(--ink);font-size:12px;padding:9px 10px;min-height:40px}.reader-bar button:hover{background:var(--accent-soft)}.reader-bar svg{width:16px;height:16px}.reader-bar .reader-tone{gap:10px}.control-caption{font-size:9px;letter-spacing:1px;color:var(--muted)}.reader-tone strong{color:var(--accent);font-size:16px}.reader-capo{font-size:11px;color:var(--muted);white-space:nowrap;margin:0 8px}.reader-capo b{color:var(--ink);font-weight:400}.reader-bar-divider{width:1px;height:22px;background:var(--line);margin:0 8px}.reader-bar .reader-play{background:var(--accent-soft);color:var(--accent);margin-left:auto}.reader-play[aria-pressed=true]{background:var(--accent);color:var(--paper)}.reader-settings{padding:20px 28px;background:var(--canvas);border-bottom:1px solid var(--line)}.reader-settings[hidden]{display:none!important}.reader-settings-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px}.reader-settings-heading button{border:0;background:0 0;color:var(--ink);font-size:26px;min-width:44px;min-height:44px}.reader-preferences{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:12px;margin:12px 0 20px}.font-control,.reader-preferences label{display:flex;align-items:center;gap:10px}.reader-preferences input{width:110px;accent-color:var(--accent)}.reader-preferences button{border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);min-height:40px;min-width:40px}.experience .reader-settings .modern-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0;margin:0;border:0;background:0 0;box-shadow:none}.experience .reader-settings .modern-btn{border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:5px;box-shadow:none;min-height:38px;width:auto;padding:8px;display:inline-flex;gap:6px;align-items:center;font-size:11px;margin:0}.reader-settings .modern-btn svg{width:16px;height:16px}.reader-settings .info{padding:10px 0;gap:8px}.reader-settings .info span{font-size:12px}.experience .reader-settings .ttk1{display:flex;flex-wrap:wrap;gap:5px;padding:0;background:0 0;margin:0}.experience .reader-settings .ttk1 a{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:4px;min-width:36px;padding:7px;text-align:center;font-size:12px;margin:0}.experience .reader-settings .ttk1 a.on,.experience .reader-settings .ttk1 a.selected{background:var(--accent);color:var(--paper)}.experience .song-reader .akorlar-section{padding:20px 32px 0;min-height:150px}.experience .song-page .c-ntc{background:var(--paper);border-color:var(--line);color:var(--muted);font-size:12px}.experience .song-page .ds-fg{display:flex;flex-wrap:wrap;gap:12px;max-width:100%}.experience .song-page #piano,.experience .song-page .tab-cont{max-width:100%;overflow-x:auto}.experience .song-reader pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace!important;font-size:var(--reader-font)!important;line-height:1.65!important;margin:0;white-space:pre!important;overflow-x:auto;max-width:100%;color:var(--ink);tab-size:4;padding:8px 0 16px;letter-spacing:0;word-break:normal}.experience .song-reader pre span{font-size:inherit!important;font-family:inherit!important;letter-spacing:inherit;line-height:inherit}.experience .song-reader pre .c{color:var(--chord);font-weight:700;cursor:pointer}.experience .song-reader pre.chsp{column-count:2;column-gap:36px}.reader-end{font-size:10px;text-align:center;letter-spacing:1px;color:var(--muted);margin:24px 0 28px}.reader-end span{margin:0 12px}.sidebar-note{border:1px solid var(--line);border-radius:10px;padding:24px;background:var(--paper)}.sidebar-note .tuner-reminder-title{font-family:Georgia,serif;font-weight:400;font-size:26px;margin:10px 0;color:var(--ink)}.sidebar-note p{font-size:12px;color:var(--muted);margin:0 0 22px}.sidebar-note a{font-size:12px;color:var(--accent);display:flex;justify-content:space-between}.experience .mf5{background:var(--paper);border-top:1px solid var(--line);box-shadow:none;color:var(--muted);margin-top:40px}.experience .fc7{padding:40px 24px;max-width:1560px}.experience .mf5 a,.experience .mf5 h2,.experience .mf5 h3{color:var(--ink)}.experience .fg4{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.experience .fc5{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:24px;color:var(--ink);box-shadow:none}.experience .fc5 p{color:var(--muted)}.experience .cbnnr{background:var(--ink);color:var(--paper);box-shadow:0 8px 30px #0002;border-radius:10px;font-size:12px;z-index:30}.experience .cbnnr button{min-height:36px}.experience .cbnnr #accept-cookie{background:var(--paper);color:var(--ink);border-radius:5px;border:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#reader-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:hidden}#reader-dialog::backdrop{background:var(--paper)}#reader-fullscreen-host{width:100%;height:100%;overflow:auto;background:var(--paper);color:var(--ink);overscroll-behavior:contain;scroll-behavior:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#reader-fullscreen-host .song-reader{border:0;border-radius:0;overflow:visible;min-height:100%}#reader-fullscreen-host .reader-end,#reader-fullscreen-host .reader-heading-label,#reader-fullscreen-host .st2b{display:none}#reader-fullscreen-host .reader-bar{position:sticky;top:0;justify-content:flex-end}#reader-fullscreen-host .akorlar-section{padding:12px 24px 90px}#reader-fullscreen-host .reader-hidden .reader-bar{display:none}.reader-reveal{position:fixed;right:16px;bottom:16px;z-index:10;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--accent);box-shadow:0 3px 12px #0001}.reader-reveal[hidden]{display:none}.reader-reveal svg{width:20px}body.reader-open{overflow:hidden}#reader-fullscreen-host .ad-container,#reader-fullscreen-host .ad-slot,#reader-fullscreen-host iframe,#reader-fullscreen-host ins{display:none!important}@media(min-width:1400px){.hero-strings{right:30px;width:350px}}@media(max-width:1000px){.primary-nav{gap:16px}.experience .h{gap:18px}.experience.detail-page .al6{grid-template-columns:minmax(0,1fr)}.experience.detail-page .al6>.ras1{display:none}.hero-strings{opacity:.3}.experience .fg4{grid-template-columns:1fr 1fr}}@media(max-width:700px){.experience .h{min-height:56px;padding:0 14px;gap:8px}.experience .brand{font-size:23px}.experience .fixed-icons #lang-switch-en,.experience .fixed-icons .btbl,.experience .fixed-icons>a,.primary-nav{display:none}.experience .fixed-icons{margin-left:auto;gap:2px}.experience .fixed-icons button{min-width:36px;padding:6px}.experience .h .fs-24{font-size:20px}.experience .h .brand{font-size:23px}.experience .al6{padding:20px 14px}.experience.detail-page .al6{padding:0;gap:0}.song-breadcrumb{display:none}.experience .content-grid{grid-template-columns:1fr;gap:16px;margin:18px 0}.experience .s{padding:20px;border-radius:9px}.experience .sh2 h2{font-size:20px}.experience .l a{padding:12px 0}.experience .l .t{font-size:13px}.discovery-hero{padding:30px 22px 26px;border-radius:10px}.discovery-hero h1{font-size:40px;letter-spacing:-1.8px;margin:22px 0 16px}.discovery-hero p{font-size:13px;max-width:245px;line-height:1.65}.discovery-search{gap:9px;padding:6px 6px 6px 12px}.discovery-search input{font-size:12px}.discovery-search button{font-size:0;padding:12px}.discovery-search button span{font-size:20px}.discovery-chips{font-size:10px}.discovery-chips>span{display:none}.hero-strings{width:180px;right:-45px;opacity:.25}.home-shortcuts{grid-template-columns:1fr;margin:14px 0 22px}.home-shortcuts>a{padding:14px 18px;border-right:0;border-bottom:1px solid var(--line)}.home-shortcuts small{display:none}.home-shortcuts strong{font-size:12px}.home-shortcuts svg{width:20px}.song-reader{border:0;border-radius:0}.reader-heading-label{display:none}.experience .song-reader .st2b{padding:12px 16px;gap:8px;align-items:flex-start}.experience .song-reader h1.st3{font-size:21px;letter-spacing:-.7px;margin:0 0 3px;line-height:1.2}.song-artist{font-size:12px}.experience .song-reader .rpek{min-width:92px;padding-top:5px}.experience .song-reader .ch_cc{max-width:92px;font-size:10px;line-height:1.4}.reader-bar{padding:4px 8px;gap:2px;min-height:48px}.reader-bar button{padding:8px;gap:5px}.reader-bar .reader-tone{gap:5px}.reader-capo{font-size:10px;margin:0 5px}.reader-bar-divider{margin:0 3px}.reader-bar .reader-play{font-size:11px}.desktop-label{display:none}.reader-tone strong{font-size:14px}.control-caption{font-size:8px}.experience .song-reader .akorlar-section{padding:14px 16px 0}.experience .song-reader pre{line-height:1.55!important}.experience .song-reader pre.chsp{column-count:1}.reader-settings{padding:12px 16px}.reader-preferences{gap:12px}.reader-end{margin-bottom:24px}.reader-settings .info{flex-wrap:wrap}.ad-slot{margin:22px auto 28px}.ad-slot-leaderboard{width:338px}.ad-slot-rectangle{max-width:100%}.experience .fg4{grid-template-columns:1fr}.experience .fc7{padding:30px 20px}.experience .cbnnr{max-width:calc(100vw - 32px);left:16px;bottom:16px}#reader-fullscreen-host .akorlar-section{padding:8px 12px 80px}}@media(prefers-reduced-motion:reduce){.experience *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media print{.ad-slot,.experience .cbnnr,.experience .h,.experience .las1,.experience .mf5,.experience .ras1,.reader-bar,.reader-reveal,.reader-settings{display:none!important}.experience .al6{display:block;padding:0}.song-reader{border:0}.experience .song-reader pre{overflow:visible;color:#000}}.experience .reader-settings .brep,.experience .reader-settings .btnk{display:none}.experience .h .fixed-icons>a{color:var(--ink)}
/* === workspaces.css === */
.experience .page-body{min-width:0}.experience.with-sidebar:not(.home-page) .al6{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:32px;align-items:start}.experience.with-sidebar .al6>.las1{display:none!important}.experience.with-sidebar .al6>.ras1{display:block;padding-top:0;min-width:0}.experience:not(.with-sidebar) .al6{display:block}.experience .page-intro{padding:0 0 28px;margin:0;background:0 0;color:var(--ink)}.workspace-crumb{display:flex;gap:12px;font-size:11px;color:var(--muted);margin-bottom:28px}.page-intro h1{font-size:clamp(28px,3vw,44px);letter-spacing:-1.5px;line-height:1.15;margin:12px 0;color:var(--ink)}.page-intro p{font-size:14px;color:var(--muted);margin:0;max-width:680px;line-height:1.7}.workspace-filter{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:8px 16px;margin-top:24px;max-width:700px}.workspace-filter svg{width:18px;flex:none;color:var(--accent)}.workspace-filter input{min-width:0;width:100%;border:0;background:0 0;color:var(--ink);height:34px;outline:0;font-size:14px}#workspace-count{white-space:nowrap;color:var(--muted);font-size:11px}.workspace-actions{display:flex;align-items:center;gap:20px;margin-top:18px;font-size:12px;color:var(--accent)}.workspace-primary{display:inline-flex;align-items:center;padding:11px 16px;background:var(--accent);color:var(--paper);border-radius:6px;font-weight:700}.tool-switcher{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;font-size:12px}.tool-switcher a{padding:8px 15px;border:1px solid var(--line);border-radius:22px;color:var(--muted);background:var(--paper)}.tool-switcher a[aria-current=page]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.experience .workspace-empty{padding:36px;text-align:center;background:var(--paper);color:var(--muted);border:1px dashed var(--line);border-radius:10px}.experience [data-filter-hidden]{display:none!important}.experience.ui-catalog .page-body,.experience.ui-catalog .page-body>.mc1{display:grid;gap:24px}.experience.ui-catalog .s{padding:24px;border-radius:12px}.experience.ui-catalog .l a,.experience.ui-catalog .l-item{min-height:52px}.experience.ui-catalog .l{max-height:none;mask-image:none;-webkit-mask-image:none}.experience.ui-catalog .t{white-space:normal;line-height:1.45}.experience .c-ntc{background:var(--paper);color:var(--muted);border-color:var(--line);box-shadow:none}.experience.ui-repertoire .page-body>.s{padding:0;border:0;background:0 0}.experience.ui-repertoire .tab{display:flex!important;gap:8px;padding:0 0 20px;margin:0!important;overflow-x:auto;border:0;background:0 0;white-space:nowrap;scrollbar-width:thin}.experience.ui-repertoire .tlnk{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 0 auto;width:auto;height:46px;padding:10px 18px;margin:0;border:1px solid var(--line);border-radius:7px;background:var(--paper)!important;color:var(--ink)!important;font-size:12px;cursor:pointer;text-decoration:none;box-shadow:none}.experience.ui-repertoire .tlnk:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rep-color,var(--accent));flex:none}.experience.ui-repertoire .tlnk.active{border-color:var(--rep-color,var(--accent));box-shadow:inset 0 -2px var(--rep-color,var(--accent));font-weight:700}.tlnk.rbir{--rep-color:#737a7a}.tlnk.riki{--rep-color:#d5794c}.tlnk.rucc{--rep-color:#9774ad}.tlnk.rdrt{--rep-color:#c5a138}.tlnk.rbes{--rep-color:#5c7794}.tlnk.rlti{--rep-color:#4b8bbc}.tlnk.rydi{--rep-color:#c67795}.experience.ui-repertoire .tbct{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.experience.ui-repertoire .hrfp{display:flex;flex-wrap:wrap;gap:4px;background:var(--canvas);border:0}.experience.ui-repertoire .hrfp>div{margin:0!important;padding:0}.experience.ui-repertoire .hrfp a{display:grid;place-items:center;font-size:12px;border-radius:4px;color:var(--muted)}.experience.ui-repertoire .hrfp a:hover{background:var(--accent-soft);color:var(--accent)}.experience.ui-repertoire .flt-r{float:none}.experience.ui-repertoire .bbsd{display:block;font-size:12px;letter-spacing:1px;color:var(--accent);font-weight:700;padding:22px 0 8px}.experience.ui-repertoire .l-item{background:0 0;border:0;border-bottom:1px solid var(--line);box-shadow:none;margin:0!important;padding:0!important;border-radius:0;opacity:1!important;animation:none!important;transition:none!important;transform:none!important}.experience.ui-repertoire .l-item>a{display:flex;align-items:center;gap:16px;min-height:54px;padding:8px 4px;font-size:14px;color:var(--ink)}.experience.ui-repertoire .l-item>a:hover{background:var(--accent-soft)}.experience.ui-repertoire .l-item .c1{order:2;margin-left:auto!important;margin-right:0;min-width:40px}.experience.ui-repertoire .l-item button.delete{width:40px;height:40px;background:0 0;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:18px}.experience.ui-repertoire .l-item button.delete:hover{background:#f6e9e5;color:#a54330}.experience.ui-auth .al6{max-width:620px;padding-top:46px}.experience.ui-auth .page-intro{text-align:center}.experience.ui-auth .workspace-crumb{justify-content:center}.experience.ui-auth .page-intro h1{font-size:36px}.experience.ui-auth .page-body>.p-3{padding:0}.experience.ui-auth .login-container{width:100%;max-width:480px;margin:0 auto!important;position:static;background:0 0}.experience.ui-auth .login-card{width:100%;max-width:none;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:30px;box-shadow:none;color:var(--ink)}.experience.ui-auth .login-panel{display:flex;flex-direction:column;gap:10px;text-align:left}.experience.ui-auth .login-label{font-size:12px;color:var(--muted);margin:8px 0 0}.experience.ui-auth .login-panel input{width:100%;height:46px;padding:11px 13px;border:1px solid var(--line);border-radius:6px;background:var(--canvas);color:var(--ink);margin:0}.experience.ui-auth .login-card button{min-height:46px;border-radius:6px;box-shadow:none;font-size:13px;margin:0;width:100%}.experience.ui-auth .login-card .gb1{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.experience.ui-auth .login-card .bl8{background:var(--accent);border:0;color:var(--paper)}.experience.ui-auth .btn-create{background:0 0;border:1px solid var(--line);color:var(--accent)}.experience.ui-auth .wrnk{padding:10px;border-radius:5px;background:#fbeae7;color:#9e3a2b;font-size:12px}.experience.ui-contact .page-body>.s,.experience.ui-editor .page-body>.s{padding:30px;max-width:1050px}.experience.ui-editor form{display:grid;gap:16px}.experience.ui-contact input,.experience.ui-contact textarea,.experience.ui-editor input[type=text],.experience.ui-editor select,.experience.ui-editor textarea{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:12px 14px;width:100%;box-shadow:none;min-height:44px}.experience.ui-editor textarea{font:15px/1.7 ui-monospace,monospace;min-height:330px;resize:vertical;white-space:pre;overflow:auto}.experience.ui-editor .select-items,.experience.ui-editor .select-selected{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px}.experience.ui-editor .custom-select{width:100%;max-width:340px}.experience.ui-contact .page-body button,.experience.ui-editor .bl8,.experience.ui-editor .btng{background:var(--accent);color:var(--paper);border:0;border-radius:6px;padding:12px 22px;min-height:44px;width:auto;box-shadow:none}.experience.ui-keyboard .page-body>.p-3,.experience.ui-practice .s,.experience.ui-tool .s{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.experience.ui-tool .mod-box,.experience.ui-tool .pentatonik-box,.experience.ui-tool .tone-container,.experience.ui-tool .tone-selection{background:var(--canvas);border:1px solid var(--line);border-radius:8px;padding:20px;color:var(--ink);box-shadow:none}.experience.ui-tool .ttk1{display:flex;flex-wrap:wrap;gap:6px;background:0 0;margin:12px 0;padding:0}.experience.ui-tool .ttk1 a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:40px;background:var(--paper);border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:13px;margin:0}.experience.ui-tool .ttk1 a.selected{background:var(--accent);color:var(--paper);border-color:var(--accent)}.experience.ui-tool .chord-results,.experience.ui-tool .mod-info,.experience.ui-tool .pentatonik-info{background:var(--accent-soft);color:var(--ink);padding:20px;border-radius:8px;box-shadow:none}.experience.ui-tool .section-title,.experience.ui-tool h2{color:var(--ink);font-size:22px;letter-spacing:-.4px;margin:24px 0 12px}.experience.ui-tool h3{color:var(--ink);font-size:18px}.experience.ui-tool li,.experience.ui-tool p{line-height:1.8;color:var(--muted);font-size:14px}.experience.ui-tool pre{color:var(--ink);background:var(--canvas);border-radius:6px;padding:16px;max-width:100%;overflow:auto}.experience.ui-tool #container,.experience.ui-tool #wrapper{width:100%;max-width:100%;overflow:auto}.experience.ui-practice .tab-container{display:flex;gap:6px;flex-wrap:wrap;background:var(--canvas);border:0;border-radius:8px;padding:6px;box-shadow:none}.experience.ui-practice .tab-button{background:0 0;color:var(--muted);border:0;border-radius:5px;padding:10px 15px;min-height:42px;cursor:pointer;font-size:13px}.experience.ui-practice .tab-button.active{background:var(--accent);color:var(--paper);box-shadow:none}.experience.ui-practice .ct-tabs{background:0 0;box-shadow:none;max-width:100%}.experience.ui-practice .dropdown,.experience.ui-practice select{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:10px;border-radius:6px;min-height:42px}.experience.ui-practice #fretboard,.experience.ui-practice .fretboard,.experience.ui-practice .positions-out{max-width:100%;overflow-x:auto}.experience.ui-keyboard .wrapper{width:100%;max-width:none;box-shadow:none;border:1px solid var(--line);border-radius:12px;background:#26292d;padding:24px}.experience.ui-keyboard .controls{display:flex;flex-wrap:wrap;gap:12px}.experience.ui-keyboard .page-body button{border-radius:6px;min-height:40px;box-shadow:none}.experience.ui-keyboard .piano-keys{overflow-x:auto;max-width:100%}.experience.ui-tuner .al6{max-width:900px}.experience.ui-tuner #tuner-container{position:relative;inset:auto;transform:none;width:100%;max-width:560px;margin:0 auto;padding:36px 24px;border:1px solid var(--line);border-radius:14px;box-shadow:none;background:var(--paper);color:var(--ink)}.experience.ui-tuner #note-display{color:var(--accent);font-size:84px;font-weight:700;text-shadow:none!important}.experience.ui-tuner #frequency-display{color:var(--muted)}.experience.ui-tuner #start-button{background:var(--accent);color:var(--paper);border:0;padding:13px 28px;min-height:48px}.experience.ui-timeline .player-container{max-width:none;background:var(--paper);box-shadow:none;margin:0;padding:0;border:0}.experience.ui-timeline .song-info-panel{background:var(--canvas);border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:none;color:var(--ink)}.experience.ui-timeline .song-details{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:flex-start}.experience.ui-timeline .info-item{background:0 0;color:var(--muted);font-size:12px}.experience.ui-timeline .main-play-btn{background:var(--accent);color:var(--paper);border:0;border-radius:50%;width:44px;height:44px;box-shadow:none}.experience.ui-timeline .youtube-embed{margin:18px 0;max-width:720px;border-radius:10px;overflow:hidden}.experience.ui-timeline .timeline-ui-wrapper{border:1px solid var(--line);border-radius:8px;background:var(--canvas);box-shadow:none}.experience.ui-timeline .lyrics-content,.experience.ui-timeline .lyrics-section{background:var(--paper);color:var(--ink);box-shadow:none;border:0;padding:16px 0}.experience.ui-timeline .lyrics-title{font-size:20px;color:var(--ink)}.experience.ui-timeline pre{font:16px/1.7 ui-monospace,monospace;color:var(--ink);overflow-x:auto}.experience.ui-article .al6,.experience.ui-contact .al6{max-width:1050px}.experience.ui-article .s,.experience.ui-contact .s{padding:36px 44px}.experience.ui-article .about-page,.experience.ui-article .privacy-policy,.experience.ui-article .repertuar-system{background:0 0;padding:0;max-width:760px;color:var(--ink);box-shadow:none}.experience.ui-article h2{font-size:22px;color:var(--ink);margin:24px 0 12px;letter-spacing:-.5px}.experience.ui-article h3{font-size:18px;color:var(--ink)}.experience.ui-article li,.experience.ui-article p,.experience.ui-contact p{font-size:15px;line-height:1.85;color:var(--muted)}.experience.ui-article a,.experience.ui-contact a{color:var(--accent)}.experience .page-body .s{min-width:0}@media(max-width:1000px){.experience.with-sidebar:not(.home-page) .al6{grid-template-columns:minmax(0,1fr)}.experience.with-sidebar .al6>.ras1{display:none}}@media(max-width:700px){.experience .page-intro{padding-bottom:22px}.workspace-crumb{margin-bottom:20px}.page-intro h1{font-size:29px;letter-spacing:-.9px}.page-intro p{font-size:13px}.page-intro .eyebrow{font-size:9px;letter-spacing:1.5px}.workspace-filter{margin-top:18px;padding:6px 12px}.workspace-filter input{font-size:12px}#workspace-count{font-size:10px}.workspace-actions{gap:12px;font-size:11px;flex-wrap:wrap}.tool-switcher{gap:6px;margin-bottom:16px}.tool-switcher a{padding:7px 11px;font-size:11px}.experience.ui-repertoire .tlnk{flex:0 0 auto;height:42px;padding:8px 12px;font-size:11px}.experience.ui-repertoire .tbct{padding:14px}.experience.ui-repertoire .l-item>a{font-size:13px;gap:8px}.experience.ui-repertoire .hrfp{gap:2px;padding:6px}.experience.ui-repertoire .hrfp a{min-width:26px;min-height:32px}.experience.ui-auth .al6{padding-top:24px}.experience.ui-auth .login-card{padding:22px}.experience.ui-auth .page-intro h1{font-size:30px}.experience.ui-contact .page-body>.s,.experience.ui-editor .page-body>.s,.experience.ui-keyboard .page-body>.p-3,.experience.ui-practice .s,.experience.ui-tool .s{padding:16px}.experience.ui-tool .mod-box,.experience.ui-tool .pentatonik-box,.experience.ui-tool .tone-container,.experience.ui-tool .tone-selection{padding:12px}.experience.ui-editor textarea{font-size:13px;min-height:280px}.experience.ui-keyboard .wrapper{padding:14px}.experience.ui-practice .tab-button{font-size:11px;padding:8px 10px}.experience.ui-article .s,.experience.ui-contact .s{padding:22px}.experience.ui-article h2{font-size:20px}.experience.ui-article li,.experience.ui-article p{font-size:14px}.experience.ui-timeline .s{padding:14px}.experience.ui-timeline .song-details{gap:10px}.experience.ui-timeline pre{font-size:14px}}.experience .h{padding:0 24px!important}.experience.ui-editor textarea.trar{height:360px;min-height:260px}.experience.ui-editor .ttk1{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.experience.ui-editor .ttk1 a{display:grid;place-items:center;min-width:38px;min-height:40px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:5px}.experience.ui-editor .ttk1 a.selected{background:var(--accent);color:var(--paper)}.experience.ui-tuner #start-button{background:var(--accent)!important;border-radius:7px!important;box-shadow:none!important}.experience .workspace-crumb,.experience .workspace-crumb a,.experience .workspace-crumb span{font-size:11px!important;line-height:1.5}.workspace-error{max-width:680px;margin:50px auto;text-align:center}.workspace-error h1{font-size:32px;line-height:1.2;color:var(--ink)}.workspace-error p{margin:20px 0 30px;color:var(--muted)}.experience.ui-repertoire .repertoire-layout{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;align-items:start}.experience.ui-repertoire .repertoire-index{position:sticky;top:16px;align-self:start;max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-width:thin}.experience.ui-repertoire .hrfp{position:static!important;inset:auto;width:100%;height:auto;max-width:none;box-shadow:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:3px;margin:0}.experience.ui-repertoire .hrfp a{min-width:0;min-height:34px;width:100%}.experience.ui-repertoire .repertoire-songs{min-width:0}.experience.ui-repertoire .repertoire-songs>.bbsd:first-of-type{padding-top:0}.experience.ui-repertoire .repertoire-layout:has(.hrfp[data-filter-hidden]){grid-template-columns:minmax(0,1fr)}.experience.ui-repertoire .repertoire-index:has(.hrfp[data-filter-hidden]){display:none}.experience.ui-repertoire .tbct{overflow:visible}.experience .fixed-icons [role=button]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:36px}@media(max-width:700px){.experience .h{padding:0 14px!important}.experience.ui-editor textarea.trar{height:300px}.experience.ui-repertoire .repertoire-layout{grid-template-columns:64px minmax(0,1fr);gap:12px}.experience.ui-repertoire .hrfp a{min-height:34px}.experience.ui-repertoire .repertoire-index{top:10px;max-height:calc(100dvh - 20px)}.experience .fixed-icons #lang-switch-tr,.experience .fixed-icons .btbl{display:none}}.experience.ui-repertoire .bbsd{background:0 0!important;border:0;border-radius:0;color:var(--accent)!important;min-height:0;box-shadow:none}.experience .h .mm3{position:absolute;top:100%;right:24px;left:auto;width:min(560px,calc(100vw - 48px));max-height:calc(100dvh - 90px);overflow:auto;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 18px 40px #35404e20;color:var(--ink);z-index:50}.experience .h .mm3.active{display:grid;grid-template-columns:1fr 1fr;gap:4px}.experience .h .mm3 a{display:flex;align-items:center;min-height:44px;font-size:13px;line-height:1.4;padding:10px 12px;border:0;border-radius:5px;color:var(--ink)}.experience .h .mm3 a:hover{background:var(--accent-soft);color:var(--accent)}@media(max-width:700px){.experience .h .mm3{right:14px;width:calc(100vw - 28px);max-height:calc(100dvh - 70px)}.experience .fixed-icons .btbl{display:inline-flex!important}.experience .fg4{grid-template-columns:minmax(0,1fr)}}.experience.ui-contact .page-body .container,.experience.ui-editor .page-body .container{max-width:none;width:100%;padding:0;margin:0;background:0 0;box-shadow:none;border:0}.experience.ui-editor .native-select{max-width:340px;width:100%}.experience.ui-editor .native-select select{display:block;width:100%}.experience .workspace-field-label{display:block;color:var(--muted);font-size:12px;font-weight:700;margin:6px 0 8px}.experience.ui-contact .page-body input[type=submit]{background:var(--accent);color:var(--paper);border:0;cursor:pointer}.experience .l .glst{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.5}.experience.ui-practice .tol-cont{display:flex;flex-wrap:wrap;gap:12px;max-width:100%}.experience.ui-practice .tol-cont .clear-btn{margin:0;min-height:42px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:10px 14px;cursor:pointer}.experience .fg4{min-width:0;padding:0}.experience .fc5{min-width:0;width:100%;max-width:100%}.experience .fc5>*{min-width:0;max-width:100%}.experience .fc5 img{width:100%;height:auto;object-fit:cover}.repertoire-access{display:flex;align-items:center;gap:18px;padding:22px 24px;margin:0 0 24px;background:var(--accent-soft);border:1px solid var(--line);border-radius:12px}.repertoire-access>svg{width:28px;height:28px;flex:none;color:var(--accent)}.repertoire-access-copy{flex:1;min-width:0}.repertoire-access-copy strong{font-size:16px}.repertoire-access-copy p{margin:5px 0 0;font-size:13px;color:var(--muted)}.repertoire-access .workspace-primary{flex:none;text-align:center;justify-content:center;gap:8px}@media(max-width:700px){.repertoire-access{flex-wrap:wrap;gap:14px;padding:18px}.repertoire-access-copy{flex-basis:calc(100% - 44px)}.repertoire-access .workspace-primary{width:100%}}
/* === components.css === */
.experience{--radius:10px;--danger:#a94b45;--shadow:0 12px 32px #3b4a5c10}.experience.theme-dark{--danger:#eea39b;--shadow:none}body.experience .al6{display:block!important;grid-template-columns:none!important;width:100%;gap:28px}body.experience .al6>.las1,body.experience .al6>.ras1{display:none!important}body.experience .al6>.mc1{width:100%;max-width:100%;min-width:0;margin:0;padding:0}body.experience.with-sidebar .al6{display:grid!important;grid-template-columns:minmax(0,1fr) 302px!important;align-items:start}body.experience.with-sidebar .al6>.ras1{display:block!important}body.experience.ui-auth .al6{max-width:600px;padding-top:32px}body.experience.ui-auth .login-container{max-width:480px}body.experience.ui-auth .page-intro h1{font-size:36px}body.experience .page-intro{padding-bottom:24px}body.experience .workspace-filter{max-width:none;margin-top:20px}body.experience.ui-catalog .content-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:0!important;margin:0!important;gap:24px}body.experience.ui-catalog .page-body{gap:24px}body.experience.ui-catalog .page-body .pc1{width:100%;padding:0}body.experience .s{margin-bottom:0}body.experience .s+.s{margin-top:24px}body.experience .content-grid>.s{margin:0;min-width:0}body.experience .l>a,body.experience .pc1 .l>a{margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;background:0 0!important;padding:14px 0!important;min-height:56px;animation:none!important;opacity:1!important;transform:none!important;gap:14px}body.experience .pc1 .l>a:hover{background:var(--accent-soft)!important}body.experience .l>a:last-child{border-bottom:0!important}body.experience .l .c1{flex:none;border:0;background:var(--accent-soft)!important;color:var(--accent)!important;border-radius:5px;padding:5px 8px!important;font-size:11px!important;line-height:1.4;min-width:72px}body.experience .l .c1 b,body.experience .l .c1 span{background:0 0!important;color:inherit!important;padding:0!important;border:0;box-shadow:none;font-size:inherit}body.experience .l .glst,body.experience .l .t{font-size:14px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;color:var(--ink)}body.experience .st{font-size:18px;line-height:1.5;letter-spacing:-.3px}body.experience .l .arrow,body.experience .st .arrow{display:none}body.experience .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:8px 12px!important;border:1px solid var(--line)!important;border-radius:6px;color:var(--ink);flex:none}.menu-button-label{font-size:12px;white-space:nowrap}body.experience .h .mm3{width:min(920px,calc(100vw - 48px));padding:26px;max-height:calc(100dvh - 94px);background:var(--paper);box-shadow:var(--shadow);border:1px solid var(--line)}body.experience .h .mm3.active{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:28px}.menu-section{min-width:0}.menu-section+.menu-section{border-left:1px solid var(--line);padding-left:24px}body.experience .h .mm3 .menu-section-title{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--accent);margin:0 0 14px;padding:0;border:0}body.experience .h .mm3 .menu-secondary-heading{margin-top:24px}body.experience .h .mm3 a{min-height:38px;padding:8px 0;font-size:13px;line-height:1.4;border:0}body.experience .h .mm3 a:hover{padding-left:8px}body.experience.ui-tool .chord-section{background:0 0;padding:0;margin:0;border:0;border-radius:0;box-shadow:none}body.experience.ui-tool .section-title{border:0;padding:0;margin:0 0 16px;font-size:22px;color:var(--ink);line-height:1.25}body.experience.ui-tool .progression-title,body.experience.ui-tool .section-subtitle{border:0;border-top:1px solid var(--line);padding:24px 0 0;margin:28px 0 16px;font-size:18px;color:var(--ink)}body.experience.ui-tool .chord-box,body.experience.ui-tool .chord-progression{padding:20px 24px;margin:20px 0;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}body.experience.ui-tool .chord-example,body.experience.ui-tool .chord-list,body.experience.ui-tool .chord-list-alt,body.experience.ui-tool .song-examples{background:var(--paper);color:var(--ink);border:0;border-left:2px solid var(--accent);border-radius:0;padding:12px 16px;margin:10px 0;box-shadow:none;font-size:14px;line-height:1.7}body.experience.ui-tool .highlight-box{background:var(--accent-soft);color:var(--ink);padding:16px 22px;border:0;border-radius:8px;margin:22px 0;font-weight:400}body.experience.ui-tool .highlight-title{color:var(--accent);font-weight:700}body.experience.ui-tool .mod-container,body.experience.ui-tool .pentatonik-container{padding:0;background:0 0;border:0;border-radius:0}body.experience.ui-tool .mod-box,body.experience.ui-tool .pentatonik-box{padding:22px;background:var(--paper);border:1px solid var(--line);box-shadow:none}body.experience.ui-tool .mod-info,body.experience.ui-tool .pentatonik-info,body.experience.ui-tool .scale-info,body.experience.ui-tool .tone-info{padding:16px 20px;background:var(--accent-soft);border:0;border-radius:8px;color:var(--ink)}body.experience.ui-tool .mod-info h3,body.experience.ui-tool .pentatonik-info h3{background:0 0;color:var(--ink);display:block;margin:0;padding:0;font-size:16px;line-height:1.8}body.experience.ui-tool .c_mod{background:var(--canvas);color:var(--ink);border:1px solid var(--line);padding:18px;line-height:1.6;border-radius:8px;box-shadow:none}body.experience.ui-tool .mod-footer,body.experience.ui-tool .pentatonik-footer{border-top:1px solid var(--line);padding:20px 0;text-align:left;color:var(--muted);font-size:14px}body.experience.ui-tool .divider,body.experience.ui-tool .pentatonik-divider{height:1px;border:0;background:var(--line)}body.experience.ui-practice .guitar-neck{background:url(/images/bulmaca/fretbort_24.png) 0 0/1384px 304px no-repeat;width:1384px;height:304px;border:0;border-radius:6px;color:var(--ink);overflow:hidden}body.experience.ui-practice .string{position:absolute;border:0;box-shadow:none;background:0 0}body.experience.ui-practice .fret{border:0;background:0 0;flex-shrink:0}body.experience.ui-practice .fret:hover{background:#ffffff14}body.experience.ui-practice .fret-label{left:5px;z-index:3;width:26px;line-height:26px;font-size:12px;background:#192029!important;color:#e9edf1;border-radius:4px}body.experience.ui-practice .fret-inner{border-radius:50%;width:25px;height:25px;font-size:11px;box-shadow:0 0 0 2px #fffefa;color:#fff}body.experience.ui-practice .fret-number{font-size:11px;color:var(--muted)}body.experience.ui-practice .ct-tabs{margin:20px 0 0;padding:20px 0 0;border:0;border-top:1px solid var(--line)}body.experience.ui-practice .tol-cont{align-items:center;padding:18px 0;margin:0;border:0;gap:16px}body.experience.ui-practice #metronome{height:auto;width:auto;padding:0;margin:0}body.experience.ui-practice #bpm-controls{position:static;display:flex;align-items:center;gap:6px;width:auto;height:auto;margin:0;padding:0}body.experience.ui-practice #metronome-display{position:static;width:42px;height:42px;background:var(--accent);color:var(--paper);box-shadow:none;border-radius:6px}body.experience.ui-practice .bpm-button{margin:0;width:42px;height:42px;background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;box-shadow:none;font-size:20px}body.experience.ui-practice #bpm-input{position:static;order:0;width:66px;height:42px;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:16px}body.experience.ui-practice .position-div{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:10px 14px;border-radius:6px;font-size:13px;transform:none}body.experience.ui-practice .position-div.active{background:var(--accent);color:var(--paper);border-color:var(--accent)}body.experience.ui-keyboard .controls{margin:0 0 24px;padding:0;justify-content:flex-start;gap:8px}body.experience.ui-keyboard .controls button,body.experience.ui-keyboard .recording-btn{background:var(--accent-soft);color:#3c506d;border:1px solid transparent;border-radius:6px;font-size:12px;min-height:40px;padding:10px 14px;box-shadow:none}body.experience.ui-keyboard .controls button:disabled{opacity:.4;cursor:not-allowed}body.experience.ui-keyboard #start-new-recording{background:#bbc9d9;color:#36475d}body.experience.ui-keyboard .note-dyn{margin:18px 0 0;padding:12px;background:#ffffff0d;border-radius:6px;min-height:44px;font-size:15px}body.experience.ui-keyboard .user-recordings{background:var(--paper);border:1px solid var(--line);padding:24px;margin:24px 0;border-radius:var(--radius);box-shadow:none}body.experience.ui-keyboard .recordings-list{display:grid;gap:0}body.experience.ui-keyboard .recording-item{padding:16px 0;background:0 0;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;transform:none;gap:16px}body.experience.ui-keyboard .recording-item:last-child{border-bottom:0}body.experience.ui-keyboard .recording-info{min-width:0;flex:1}.experience.ui-keyboard .recording-name{color:var(--ink);font-size:14px;overflow-wrap:anywhere}body.experience.ui-keyboard .recording-date{font-size:11px;color:var(--muted);margin-top:4px}body.experience.ui-keyboard .recording-actions{display:flex;gap:8px;flex:none}body.experience.ui-keyboard .delete-btn{color:var(--danger);background:0 0;border:1px solid var(--line)}body.experience.ui-keyboard .play-btn{background:var(--accent-soft);color:var(--accent)}body.experience .usage-guide{background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:none;padding:28px;border-radius:var(--radius);margin:24px 0}body.experience .usage-guide h2{text-align:left;font-size:22px;color:var(--ink);margin:0 0 16px}body.experience .usage-guide .gradient-bg:before,body.experience .usage-guide h2:after,body.experience .usage-guide h4:before{display:none}body.experience .usage-guide h3,body.experience .usage-guide h4{color:var(--ink);font-size:16px;text-align:left}body.experience .usage-guide li,body.experience .usage-guide p{font-size:14px;color:var(--muted);line-height:1.8;transform:none}body.experience .usage-guide .gradient-bg,body.experience .usage-guide .keyboard-map{background:var(--canvas);color:var(--ink);border:1px solid var(--line);box-shadow:none;padding:20px;border-radius:8px}body.experience .usage-guide .list-unstyled li:hover{padding-left:0;background:0 0}body.experience .practice-container,body.experience .practice-container.akor-theme,body.experience .practice-container.pentatonik-theme{font-family:inherit;background:var(--paper);border:1px solid var(--line);color:var(--ink);box-shadow:none;border-radius:var(--radius);padding:20px;max-width:100%}body.experience .note-card,body.experience .practice-filter-btn{background:var(--canvas);color:var(--ink);border:1px solid var(--line);box-shadow:none;transform:none}body.experience .practice-container .note-card.selected,body.experience .practice-filter-btn.active{background:var(--accent)!important;color:var(--paper)!important;box-shadow:none!important;border:1px solid var(--accent)!important}body.experience .practice-result{background:var(--canvas);color:var(--ink);border:1px solid var(--line);box-shadow:none;backdrop-filter:none}body.experience .practice-description,body.experience .practice-notes,body.experience .practice-type,body.experience .triad-warning{background:var(--accent-soft);color:var(--ink);border:0;box-shadow:none;line-height:1.7}body.experience .triad-warning:after{display:none}body.experience .cbnnr{background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);padding:20px;border-radius:var(--radius)}body.experience .cbnnr p{color:var(--muted);font-size:12px;line-height:1.7}body.experience .cbnnr button{background:var(--accent);color:var(--paper);border:0;border-radius:5px;padding:8px 14px}body.experience .cbnnr .close-btn{background:0 0;color:var(--muted)}@media(max-width:1050px){body.experience.with-sidebar .al6{display:block!important;grid-template-columns:none!important}body.experience.with-sidebar .al6>.ras1{display:none!important}body.experience .primary-nav{gap:14px}}@media(max-width:700px){body.experience .h{gap:8px}.menu-button-label{display:none}body.experience .menu-toggle{min-width:36px;padding:6px!important;border:0!important}body.experience .h .mm3{width:calc(100vw - 28px);padding:20px;max-height:calc(100dvh - 72px)}body.experience .h .mm3.active{grid-template-columns:1fr;gap:24px}.menu-section+.menu-section{border:0;border-top:1px solid var(--line);padding:20px 0 0}body.experience .h .mm3 a{min-height:44px;font-size:14px}body.experience.ui-auth .page-intro h1{font-size:30px}body.experience .page-intro{padding-bottom:20px}body.experience .usage-guide,body.experience.ui-tool .chord-box,body.experience.ui-tool .chord-progression{padding:18px}body.experience.ui-tool .section-title{font-size:22px}body.experience.ui-tool .mod-box,body.experience.ui-tool .pentatonik-box{padding:14px}body.experience.ui-keyboard .user-recordings{padding:16px}body.experience.ui-keyboard .recording-item{flex-wrap:wrap;gap:10px}body.experience.ui-keyboard .recording-actions{margin-left:auto}body.experience .l .c1{min-width:62px;font-size:10px!important}body.experience .l .glst{font-size:13px}}body.experience .l>.l-item{list-style:none;margin:0!important;padding:0!important;background:0 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;animation:none!important;opacity:1!important;min-width:0}body.experience .l>.l-item>a{min-height:58px;padding:14px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:0 0!important;box-shadow:none!important;gap:14px}body.experience .l>.l-item>a:hover{background:var(--accent-soft)!important}@media(min-width:1250px){body.experience.ui-catalog .s>.l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}body.experience.ui-practice #play-pause-button{position:static;display:grid;place-items:center;width:100%;height:100%;font-size:18px}body.experience.ui-practice .fret .fret-inner{left:50%!important;right:auto!important;top:50%;bottom:auto;transform:translate(-50%,-50%)}body.experience.ui-practice .string .fret-label{left:-35px!important;position:absolute}body.experience.ui-practice #sc_summary{border-color:var(--line);padding:20px 0;color:var(--ink)}body.experience.ui-article .harf-links,body.experience.ui-article .sanatci-links{display:flex;flex-wrap:wrap;gap:8px}body.experience.ui-article .harf-link{padding:10px 14px;background:var(--accent-soft);color:var(--accent);border:1px solid var(--line);border-radius:5px;font-size:13px}body.experience.ui-article .about-page,body.experience.ui-article .privacy-policy,body.experience.ui-article .repertuar-system{max-width:none}body.experience.ui-article .page-body li,body.experience.ui-article .page-body p{max-width:78ch}body.experience .page-body .content{background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:none;border-radius:8px;padding:24px;max-width:none}body.experience .page-body .page-footer,body.experience .page-body .page-header{background:var(--accent-soft);color:var(--ink);box-shadow:none;text-align:left;border:0;border-radius:8px}body.experience .page-body .highlight{color:var(--accent)}body.experience .fc5,body.experience .fc5:hover{box-shadow:none;transform:none;animation:none}.experience .fc5 .fi4{color:var(--accent);background:var(--canvas);border-radius:8px}.experience .fc5 h3{color:var(--ink);font-size:19px}.experience .fc5 .feature-link{color:var(--accent);background:var(--accent-soft);border:0;border-radius:5px;font-size:12px;padding:9px 14px}body.experience .mf5 .site-name{font-size:26px;letter-spacing:-1px;color:var(--ink);background:0 0;-webkit-text-fill-color:var(--ink);margin:0 0 8px}body.experience .mf5 .stag{color:var(--accent);font-size:12px;background:0 0;-webkit-text-fill-color:currentColor;font-weight:400}body.experience .mf5 .fd7{font-size:13px;line-height:1.8;color:var(--muted);max-width:40ch}body.experience .mf5 .ft1{font-size:12px;font-weight:700;letter-spacing:.3px;margin:0 0 18px;padding:0;color:var(--ink)}body.experience .mf5 .fl2 a:before,body.experience .mf5 .ft1:after{display:none}body.experience .mf5 .fl2 a{font-size:12px;color:var(--muted);line-height:1.7;padding:5px 0;min-height:30px;transform:none}body.experience .mf5 .sl1{background:0 0;border:1px solid var(--line);color:var(--muted);border-radius:5px;box-shadow:none;transform:none;min-height:36px;padding:8px}body.experience .mf5 .sl1:hover{background:var(--accent-soft);color:var(--accent)}body.experience .mf5 .fb2{background:var(--canvas);border-top:1px solid var(--line);padding:18px 24px;color:var(--muted)}body.experience .mf5 .ci1,body.experience .mf5 .copyright{font-size:11px;color:var(--muted)}body.experience .mf5 .ci1 i{color:var(--accent)}body.experience .scdv{background:var(--paper);border-bottom:1px solid var(--line);padding:18px 24px;color:var(--ink);box-shadow:none}body.experience .gsc-control-cse{background:var(--paper);border:0;font-family:inherit}body.experience .gsc-input-box{border:1px solid var(--line);background:var(--paper);border-radius:6px;box-shadow:none}body.experience .gsc-search-button-v2{background:var(--accent);border-color:var(--accent);border-radius:6px}body.experience .gs-snippet,body.experience .gsc-result-info{color:var(--muted)}body.experience .gsc-webResult.gsc-result{background:var(--paper);border:0;border-bottom:1px solid var(--line);padding:16px}body.experience .gs-title,body.experience .gs-title b{color:var(--accent)!important}body.experience .reader-settings .modern-toolbar{border:0;background:0 0;box-shadow:none;flex-wrap:wrap;padding:14px 0 0}body.experience .reader-settings .modern-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:5px;box-shadow:none;transform:none;padding:8px;min-width:38px;min-height:38px;margin:0}body.experience .piano-cont,body.experience .tab-cont,body.experience .tab-rek{border:0;border-top:1px solid var(--line);padding:24px 0;margin-top:24px;background:0 0;box-shadow:none}body.experience #postit{background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:20px;max-width:calc(100vw - 32px)}body.experience #postithead{color:var(--ink);background:0 0;border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:14px}body.experience #postit textarea,body.experience .txar{background:var(--canvas);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:12px;line-height:1.6}body.experience .btnpst{background:var(--accent);color:var(--paper);border:0;padding:10px 16px;border-radius:6px}@media(min-width:1051px){body.experience.with-sidebar .al6>.ras1{position:sticky;top:24px;align-self:start}}body.experience.ui-keyboard .recording-title{font-size:14px;color:var(--ink);font-weight:700;overflow-wrap:anywhere}body.experience .reader-settings .info .highlight{background:var(--accent-soft);color:var(--accent);border:0;border-radius:5px}body.experience .c-ntc{font-size:12px;line-height:1.7;padding:16px;border:1px solid var(--line);background:var(--canvas);color:var(--muted);border-radius:8px}body.experience.ui-article hr{height:1px;border:0;background:var(--line);margin:26px 0}body.experience.ui-tool #container>.section{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px;margin:0 0 28px}body.experience.ui-tool #container .chord-description,body.experience.ui-tool #container .title{grid-column:1/-1;margin:0;color:var(--ink)}body.experience.ui-tool #container .title{font-size:24px;font-weight:700;padding:12px 0;border-bottom:1px solid var(--line)}body.experience.ui-tool #container .chord-description:empty,body.experience.ui-tool #container .title:empty{display:none}body.experience.ui-tool #container .chord{display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;margin:0;padding:12px 0;background:var(--canvas);border:1px solid var(--line);border-radius:8px}body.experience.ui-tool #container .chordname{color:var(--accent);font-size:13px;font-weight:700;margin:6px 0 0}body.experience.ui-tool #container svg path{stroke:var(--ink)!important}body.experience.ui-tool #container svg text{fill:var(--ink)!important}body.experience.ui-tool #container svg circle{fill:var(--accent)!important;stroke:var(--accent)!important}.chart-filter{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 24px;padding:16px;background:var(--accent-soft);border-radius:8px}.chart-filter label{font-size:12px;font-weight:700;color:var(--accent)}.chart-filter select{border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:10px 14px;min-width:160px;min-height:42px}body.experience.ui-timeline .segment{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line);border-radius:5px;box-shadow:none;font-size:13px}body.experience.ui-timeline .segment.active{background:var(--accent)!important;color:var(--paper)!important;border-color:var(--accent)}body.experience.ui-timeline .playhead{width:3px;background:var(--danger);box-shadow:none;border-radius:2px}body.experience.ui-timeline .youtube-embed{margin:20px auto;box-shadow:none;border:0;padding:0;background:#181c20}body.experience.ui-timeline .info-item{border:0;box-shadow:none;background:0 0}body.experience.ui-timeline .timeline-diagram-row{background:0 0;border:0;box-shadow:none}body.experience .cd5-slider{border:0;border-radius:0;box-shadow:none;margin:0}body.experience .cd5-container{width:132px;min-width:132px;height:205px!important;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;box-shadow:none}body.experience .cd5-slider button,body.experience .cd5-slider select{background:var(--canvas);color:var(--ink);border:1px solid var(--line);border-radius:5px;min-height:32px}body.experience .cd5-slider .diagram-tabs{display:flex;align-items:center;justify-content:center;gap:4px;top:8px;left:0;transform:none;width:100%;padding:0 4px;box-sizing:border-box;font-size:0;white-space:nowrap}body.experience .cd5-slider .diagram-tab{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:4px 6px;font-size:11px;line-height:18px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink)}body.experience .cd5-container #fpo{left:0;top:78px;margin-left:auto;margin-right:auto;background:var(--canvas);border-color:var(--line);color:var(--ink)}body.experience .cd5-container :is(#chord-name,.siar,.fret-number,.mute,.o-s){color:var(--ink)}body.experience .cd5-container .note{background:var(--chord);box-shadow:none}body.experience .cd5-container #arrow-left{left:-4px}body.experience .cd5-container #arrow-right{left:auto;right:-4px}body.experience .cd5-container .siar{width:29px;min-height:29px}body.experience .cd5-container [role=button]:focus-visible{background-color:var(--accent-soft)}body.experience .cd5-slider .diagram-tab.active{background:var(--accent-soft);color:var(--accent)}body.experience #acModal{background:#19202a70;backdrop-filter:blur(4px)}body.experience.ui-tool .makam-info,body.experience.ui-tool .nihavend-container{background:var(--paper);border:0;box-shadow:none;color:var(--ink);padding:20px 0;margin:0}body.experience.ui-tool .highlighted-text,body.experience.ui-tool .scale-notes{background:var(--accent-soft);color:var(--ink);border:0;border-radius:6px;padding:12px 16px;line-height:1.7}body.experience.ui-tool .nihavend-box{background:var(--canvas);color:var(--ink);border:1px solid var(--line);box-shadow:none;padding:24px;border-radius:8px;margin-top:24px}body.experience.ui-tool .example-scale,body.experience.ui-tool .nihavend-box h3,body.experience.ui-tool .nihavend-title,body.experience.ui-tool .scale-formula,body.experience.ui-tool .subtitle{color:var(--ink);font-size:18px;line-height:1.6}body.experience.ui-tool .nihavend-table{border-collapse:collapse;width:100%;font-size:13px}body.experience.ui-tool .nihavend-table th{background:var(--accent-soft);color:var(--accent);font-weight:700}body.experience.ui-tool .nihavend-table td,body.experience.ui-tool .nihavend-table th{border:1px solid var(--line);padding:12px 8px}body.experience.ui-tool .nihavend-footer{border-top:1px solid var(--line);padding:20px 0;color:var(--muted)}body.experience.ui-tool .bold{color:var(--accent)}body.experience .tglr{background:var(--accent-soft);color:var(--accent);border:1px solid var(--line);box-shadow:none;border-radius:6px;min-width:40px;min-height:40px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;font-size:24px!important;font-weight:500;line-height:1;vertical-align:middle}body.experience .tglr.delete{background:var(--paper);color:var(--muted);border:1px solid var(--line)}body.experience .fll1{display:inline-flex;justify-content:center;align-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid var(--line);border-radius:5px;box-shadow:none;padding:10px 16px;font-size:12px;min-height:40px;margin-top:16px}body.experience.ui-practice .ct-tabs{padding-top:0;margin-top:0;border-top:0}@media(max-width:700px){body.experience.ui-tool #container>.section{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.experience.ui-tool #container .chord svg{max-width:100%;height:auto}body.experience.ui-tool .nihavend-box{padding:16px}.experience.ui-tool .nihavend-table{font-size:12px}}body.experience.ui-tool .chord-list,body.experience.ui-tool .chord-list-alt{white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;word-spacing:8px;line-height:2}body.experience.ui-tool .chord-list .c,body.experience.ui-tool .chord-list-alt .c{white-space:nowrap;display:inline-block}body.experience.ui-tool .tone-container{padding:0;background:0 0;border:0;box-shadow:none;margin:0 0 24px}body.experience.ui-tool .tone-selection{border:0;margin:0 0 24px;padding:20px;background:var(--canvas)}body.experience.ui-tool .mod-container>.mod-box,body.experience.ui-tool .pentatonik-container>.pentatonik-box{border:0;padding:0;background:0 0}.catalog-switcher{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px}.catalog-switcher a{display:grid;place-items:center;min-width:36px;min-height:40px;padding:6px 10px;background:var(--paper);border:1px solid var(--line);border-radius:5px;font-size:12px;color:var(--muted)}.catalog-switcher a[aria-current=page]{background:var(--accent);color:var(--paper);border-color:var(--accent)}body.experience.ui-keyboard .user-recordings h3{color:var(--ink);font-size:18px;margin:0 0 12px}body.experience.ui-keyboard .controls button{color:var(--accent)}body.experience .usage-guide strong{color:var(--ink)}body.experience .usage-guide .text-muted{color:var(--muted)!important}@media(max-width:360px){body.experience .ad-slot-leaderboard,body.experience .ad-slot-rectangle{width:302px;max-width:none;margin-left:calc((100% - 302px)/ 2);margin-right:calc((100% - 302px)/ 2)}}body.experience[class*=ui-] .page-body h1{display:block;color:var(--ink);font-size:30px;line-height:1.25;letter-spacing:-.6px;margin:0 0 16px;padding:0;border:0;background:0 0;box-shadow:none}body.experience.ui-auth .page-body h1{text-align:center;font-size:28px}body.experience .song-reader h1.st3{font-size:28px;line-height:1.25;letter-spacing:-.5px;margin:0}@media(max-width:700px){body.experience.ui-tool .tone-selection{padding:14px}body.experience[class*=ui-] .page-body h1{font-size:24px;margin-bottom:14px}body.experience .song-reader h1.st3{font-size:22px;margin:0}}body.experience.ui-keyboard .title-container{display:block;background:0 0;padding:0;margin:0 0 24px}body.experience .home-reference{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}body.experience .home-reference article{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}body.experience .home-reference h2{font-size:20px;line-height:1.35;margin:0 0 14px;color:var(--ink)}body.experience .home-reference p{font-size:13px;line-height:1.8;color:var(--muted)}body.experience .home-reference-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}body.experience .home-reference .cta-button{font-size:12px;padding:0;background:0 0;color:var(--accent);border:0;box-shadow:none;transform:none}@media(max-width:900px){body.experience .home-reference{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){body.experience .home-reference{grid-template-columns:1fr}body.experience.ui-auth .page-body h1{font-size:24px}}.workspace-find{display:flex;justify-content:flex-end}.workspace-find-toggle{border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:var(--paper);color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.workspace-find-toggle[aria-expanded=true]{color:var(--accent);background:var(--accent-soft)}body.experience .workspace-filter[hidden]{display:none!important}body.experience #fsc{color:#333}body.experience .heading-icon{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;margin-right:.3em;vertical-align:-.18em;color:var(--accent);line-height:1}body.experience .heading-icon svg{display:block;width:100%;height:100%;stroke-width:1.75}body.experience .heading-emoji-source{display:none}body.experience h1 .emj,body.experience h2 .emj{font-size:inherit}body.experience .fixed-icons #lang-switch-en,body.experience .fixed-icons #lang-switch-tr{align-items:center;justify-content:center;align-self:center;line-height:1}body.experience .fixed-icons #lang-switch-en img,body.experience .fixed-icons #lang-switch-tr img{display:block;width:24px;height:24px;margin:0;object-fit:contain}body.experience.home-page .scdv .gsc-search-box{display:none!important}body.experience.home-page .scdv{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:var(--radius)}body.experience .fixed-icons>button,body.experience .fixed-icons>button>i{display:inline-flex;align-items:center;justify-content:center}body.experience .fixed-icons>button svg{display:block}body.experience .discovery-search input:focus,body.experience .discovery-search input:focus-visible{outline:0;box-shadow:none;border:0}body.experience .discovery-search:focus-within{border-color:var(--accent);box-shadow:none}body.experience .timeline-scroll-wrapper{height:280px}@media(max-width:700px){body.experience .fixed-icons #lang-switch-en,body.experience .fixed-icons #lang-switch-tr{display:inline-flex!important;min-width:32px;padding:4px!important}body.experience .fixed-icons #lang-switch-en img,body.experience .fixed-icons #lang-switch-tr img{width:22px;height:22px}body.experience .h .fixed-icons{padding:0;gap:2px}body.experience .h .menu-toggle{padding:6px!important;min-width:32px}body.experience :is(input[type=text],input[type=search],input[type=email],input[type=password],input:not([type]),textarea,select){font-size:16px}body.experience .usage-guide h2,body.experience.ui-tool .section-title,body.experience.ui-tool h2{font-size:20px}}body.experience .reader-media[hidden]{display:none!important}body.experience .reader-media{margin:20px 32px 24px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--canvas)}body.experience .reader-media-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--paper)}body.experience .reader-media-choices{display:flex;flex-wrap:wrap;gap:6px}body.experience .reader-media-toolbar button{font:inherit;font-size:12px;line-height:1.4;padding:8px 10px;min-height:36px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);cursor:pointer}body.experience .reader-media-choices button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}body.experience .reader-media-close{flex:none;align-self:flex-start}body.experience .reader-media-content{padding:16px;min-width:0}body.experience .reader-media :is(.cn-nt,.cn-tb,.uku-c,.you-sh){width:100%;margin:0;padding:0;border:0;box-shadow:none;background:0 0}body.experience .reader-media video{display:block;width:auto;height:auto;max-width:100%;max-height:70svh;margin:0 auto;background:#f5f5f5;object-fit:contain;border-radius:4px}body.experience .reader-media .uku-c{max-height:70svh;overflow:auto;overscroll-behavior:contain;background:#fff;border-radius:4px}body.experience .reader-media .uku-object{display:block;width:100%;max-width:794px;height:auto;aspect-ratio:793.33331/1122.6667;margin:0 auto 16px!important;padding:0;background:#fff}body.experience .reader-media .you-sh iframe{display:block;width:100%;max-width:800px;height:auto;aspect-ratio:16/9;margin:auto;border:0}@media(max-width:700px){body.experience .reader-media{margin:12px 12px 18px}body.experience .reader-media-toolbar{gap:8px;padding:8px;align-items:flex-start}body.experience .reader-media-content{padding:8px}body.experience .reader-media-toolbar button{font-size:11px;padding:7px 8px;min-height:36px}}#reader-fullscreen-host .reader-media{display:none!important}body.experience .reader-media-error{margin:12px 0 0;color:var(--muted);font-size:13px;text-align:center}body.experience .reader-media-error[hidden]{display:none}body.experience .song-page :is(.tab-cont,.piano-cont,.tab-rek){padding:24px 32px;margin:0;border-top:1px solid var(--line);overflow:visible;min-width:0}body.experience .song-page :is(.tab-cont,.piano-cont,.tab-rek)>.st{margin:0 0 20px;line-height:1.5;overflow-wrap:anywhere}body.experience .song-page>.c-ntc{margin:20px 32px}body.experience .song-page .u-cd5s{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:0;align-items:start}body.experience .song-page .u-k{min-width:0;background:var(--canvas);border:1px solid var(--line);border-radius:8px}body.experience .song-page .cd5s{display:grid!important;grid-template-columns:minmax(0,1fr);gap:24px;margin:0}body.experience .song-page .a-k{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px}body.experience .song-page .a-b{grid-column:1/-1}body.experience .song-page :is(.a-b,.u-b) pre{padding:0;margin:0 0 10px;font:700 15px/1.5 Mark,Arial,sans-serif;background:0 0;border:0}body.experience .song-page :is(.a-b,.u-b) .c{color:var(--accent)}body.experience .song-page .cd5{display:block;min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--ink)}body.experience .song-page .u-k .cd5{padding:0;border:0;border-radius:0;background:0 0}body.experience .song-page .cd5 pre{margin:0;padding:0;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;color:var(--ink);background:0 0}body.experience .song-page .cd5 p{margin:0 0 10px;line-height:1.4;color:var(--muted)}body.experience .song-page #piano{width:100%;overflow:visible;min-width:0}body.experience .song-page #piano h3{margin:20px 0 10px;font-size:15px;color:var(--accent)}body.experience .song-page #piano .piano{display:flex;align-items:flex-end;width:100%;max-width:480px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);width:max-content;max-width:none;margin:0;padding:14px}body.experience .song-page #piano .key{flex:1 1 0;margin:0;border:1px solid #9aa5a1;border-radius:0 0 4px 4px;background:#fff;color:#292e35}body.experience .song-page #piano .key.black{flex:0 0 18px;background:#262b31;color:#fff;z-index:2;align-self:flex-start}@media(max-width:700px){body.experience .song-page :is(.tab-cont,.piano-cont,.tab-rek){padding:20px 16px}body.experience .song-page>.c-ntc{margin:16px}body.experience .song-page .a-k,body.experience .song-page .u-cd5s{grid-template-columns:repeat(2,minmax(0,1fr))}body.experience .song-page :is(.tab-cont,.piano-cont,.tab-rek)>.st{font-size:17px;margin-bottom:16px}}body.experience .song-page .reference-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--accent) var(--canvas);padding-bottom:10px;scroll-snap-type:x proximity;scroll-padding-inline:1px}body.experience .song-page .reference-scroll:focus-visible{background-color:var(--accent-soft)}body.experience .song-page .u-cd5s{display:flex!important;flex-wrap:nowrap;gap:16px;align-items:stretch}body.experience .song-page .u-k{flex:0 0 176px;padding:18px;scroll-snap-align:start}body.experience .song-page .a-k{display:block;width:100%;min-width:0}body.experience .song-page .tab-versions{display:flex;gap:16px;align-items:stretch}body.experience .song-page .tab-versions>.cd5{flex:0 0 176px;padding:18px;scroll-snap-align:start}body.experience .song-page .cd5 pre{font-size:17px;line-height:1.7}body.experience .song-page .cd5 p{font-size:12px}body.experience .song-page #piano h3,body.experience .song-page :is(.a-b,.u-b) pre{font-size:17px}body.experience .song-page .piano-scroll{margin-bottom:24px}body.experience .song-page #piano .key{flex:0 0 46px;min-width:46px;height:164px;font-size:13px;padding-bottom:12px}body.experience .song-page #piano .key.black{flex:0 0 28px;min-width:28px;height:104px;margin:0 -14px;font-size:11px;padding:0}body.experience .song-page #piano .highlight .circle{background:#3b5782;box-shadow:0 0 0 2px #fff;width:14px;height:14px;display:none}body.experience .song-page .reference-scroll-hint{display:none;margin:-4px 0 16px;font-size:12px;line-height:1.5;color:var(--muted)}@media(max-width:700px){body.experience .song-page .reference-scroll-hint{display:block}}body.experience .song-page #piano .key.highlight{background:#c6d1df;border-color:#76879b;color:#39495e}body.experience .song-page #piano .key.black.highlight{background:#4c6383;border-color:#3b4f6a;color:#fff}body.experience .h .ucm1{position:relative;display:flex;align-items:center;flex:none}body.experience .h .account-trigger{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--accent-soft);color:var(--ink)}body.experience .h .account-trigger .rep-renk{float:none!important;width:40px;height:40px;padding:9px!important;border-radius:7px;transform:none}body.experience .h .ucm1 .ddlc{display:block;position:absolute;top:calc(100% + 10px);right:0;left:auto;width:252px;min-width:0;max-width:calc(100vw - 28px);padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #35404e20;z-index:60}body.experience .h .ucm1 .ddlc[hidden]{display:none!important}body.experience .h .ucm1 .ddlc:before{content:"";position:absolute;left:0;right:0;top:-11px;height:11px}body.experience .h .ucm1 .ddlc a{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px!important;margin:0;border-radius:6px;color:var(--ink);font-size:14px;line-height:1.4;white-space:normal}body.experience .h .ucm1 .ddlc a svg{width:20px;height:20px;flex:none;color:var(--accent)}body.experience .h .ucm1 .ddlc a:focus-visible,body.experience .h .ucm1 .ddlc a:hover{background:var(--accent-soft)}body.experience .h .ucm1 .ddlc a:last-child{margin-top:5px;border-top:1px solid var(--line);border-radius:0 0 6px 6px;color:var(--muted)}@media(max-width:700px){body.experience .h .account-trigger{width:40px;height:40px}body.experience .h .account-trigger .rep-renk{width:36px;height:36px;padding:8px!important}body.experience .h .ucm1 .ddlc{width:252px}}@media(min-width:701px){body.experience [data-reader-fullscreen]{display:none!important}}body.experience .cbnnr .cookie-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* 29.09.2026: "Repertuara Ekle" onay kutusu — eski temadaki 20px'lik tik işareti 15px kutuya sığdırıldı */
.experience .song-reader .ch_cc{cursor:pointer}
.experience .song-reader .ch_cc .checkmark2{top:1px;left:0;box-sizing:border-box;transition:background-color .15s,border-color .15s}
.experience .song-reader .ch_cc .checkmark2:after{left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;box-sizing:content-box}
.experience .song-reader .ch_cc input:checked~.checkmark2{background:var(--accent);border-color:var(--accent)}
.experience .song-reader .ch_cc:hover .checkmark2{border-color:var(--accent)}
.experience .song-reader .ch_cc input:focus-visible~.checkmark2{outline:2px solid var(--accent);outline-offset:2px}

/* 29.09.2026: şarkı sayfası mobil — üst bilgi satırları (ton/akorlar/kolay ton) gizli, çalma çubuğu tek satır ve taşmasız */
@media (max-width:700px){
  .experience .song-identity .song-summary{display:none!important}
  .experience .song-reader .reader-bar{gap:4px;flex-wrap:nowrap}
  .experience .song-reader .reader-bar>*{flex-shrink:0}
  .experience .song-reader .reader-bar-divider{display:none}
  .experience .song-reader .reader-tone{white-space:nowrap;gap:4px}
  .experience .song-reader .reader-tone .control-caption{display:none}
  .experience .song-reader .reader-tone strong{white-space:nowrap}
  .experience .song-reader .reader-capo{white-space:nowrap}
  .experience .song-reader .sa-barswitch{white-space:nowrap}
}
@media (max-width:420px){
  .experience .song-reader .reader-play>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .experience .song-reader .reader-play{padding-left:10px;padding-right:10px}
}
/* 29.09.2026: şarkı sayfası alt listeleri (sanatçının şarkıları, aynı tondakiler) iç içe iki kutu olmasın */
body.detail-page .page-body>section.s:has(>.pc1){border:0!important;background:none!important;padding:0!important;box-shadow:none!important}
/* 30.09.2026: "Dereceler" anahtarının yanında ton: G / Em (etkin olan vurgulu, tıklayınca değişir) */
.experience .song-reader .reader-deg-key{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;min-width:0!important;min-height:0!important;height:28px;padding:0 8px!important;margin-left:-2px;border:1px solid var(--line)!important;border-radius:99px!important;background:transparent!important;box-shadow:none!important;font:700 12px/1 inherit;font-family:inherit;color:var(--muted)!important;cursor:pointer;white-space:nowrap}
.experience .song-reader .reader-deg-key i{font-style:normal;opacity:.45;font-weight:400}
.experience .song-reader .reader-deg-key span.is-on{color:var(--accent)}
.experience .song-reader .reader-deg-key:hover{border-color:var(--accent)!important}
.experience .song-reader .reader-deg-key.is-off{opacity:.5}
.experience .song-reader .reader-deg-key:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:420px){.experience .song-reader .reader-capo{display:none}.experience .song-reader .reader-deg-key{padding:0 7px!important}}
.experience .song-reader .reader-deg-key span{font-weight:500}
.experience .song-reader .reader-deg-key span.is-on{font-weight:700!important;color:var(--accent)!important}
/* G - Em: çerçevesiz, yalnız harfler */
.experience .song-reader .reader-deg-key{border:0!important;padding:0 4px!important;height:auto;font-size:13px!important;gap:4px}
.experience .song-reader .reader-deg-key:hover span:not(.is-on){color:var(--accent)!important}
/* 30.09.2026: ikiye böl — kıta blokları sütun ortasından bölünmez; çubukta düğme; Kaydır/Ayarlar sola yanaşır (masaüstü) */
.experience .song-reader pre.chsp{column-count:2;column-gap:112px;column-rule:0!important;column-fill:balance;max-width:calc(var(--xk-ch,40) * 2ch + 112px)}
.experience .song-reader pre.chsp>.xk{display:block;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin-bottom:1.65em}
.experience .song-reader .reader-split{display:inline-grid;place-items:center;width:32px;height:32px;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--muted)!important;cursor:pointer;flex-shrink:0}
.experience .song-reader .reader-split:hover{color:var(--accent)!important}
.experience .song-reader .reader-split[aria-pressed=true]{color:var(--accent)!important;background:var(--accent-soft)!important}
@media (min-width:1000px){.experience .song-reader .reader-bar .reader-play{margin-left:8px!important}}
@media (max-width:999px){.experience .song-reader .reader-split{display:none}.experience .song-reader pre.chsp{column-count:1;max-width:none}}

/* 30.09.2026: çubukta ikonlar arası ferahlık (masaüstü) */
@media (min-width:1000px){
  .experience .song-reader .reader-bar{gap:10px}
  .experience .song-reader .reader-deg-key{margin-left:2px}
  .experience .song-reader .reader-split{margin-left:6px}
  .experience .song-reader .reader-bar .reader-play{margin-left:10px!important}
  .experience .song-reader .reader-bar .reader-play+button{margin-left:4px}
}

/* 30.09.2026: "Dereceler" anahtarı + ton (D - Bm) tek grup */
.experience .song-reader .reader-deg-group{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:3px 10px 3px 8px;border:1px solid var(--line);border-radius:99px;background:var(--paper)}
.experience .song-reader .reader-deg-group .sa-barswitch{margin:0!important;padding:0!important;border:0!important;background:none!important}
.experience .song-reader .reader-deg-group .reader-deg-key{margin:0!important;padding:0 0 0 8px!important;border-left:1px solid var(--line)!important;border-radius:0!important;height:18px}
@media (max-width:420px){.experience .song-reader .reader-deg-group{padding:2px 8px 2px 6px;gap:4px}}
.experience .song-reader .reader-deg-group{border:0!important;background:none!important;padding:0!important}

/* 30.09.2026: hesap menüsü akor sayfasında da açılsın — song.js/akors_v5.js dış tıklamada .ddlc'ye satır içi display:none yazıyor;
   görünürlüğü yalnız [hidden] belirler (workspaces.js) */
body.experience .h .ucm1 .ddlc:not([hidden]){display:block!important}

/* 30.09.2026: "Çalımını ayarla" paneli — etiketli, düzenli bölümler */
.experience .song-reader .reader-settings:not([hidden]){display:flex;flex-direction:column;gap:0;padding:18px 24px 8px}
.experience .song-reader .reader-settings>*{margin:0!important}
.experience .song-reader .reader-settings-heading{order:0;display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}
.experience .song-reader .reader-settings .reader-preferences{order:1}
.experience .song-reader .reader-settings #reader-transpose{order:2}
.experience .song-reader .reader-settings .info{order:3}
.experience .song-reader .reader-settings .sa-settings-deg{order:4}
.experience .song-reader .reader-settings .ekbt{order:5}
.experience .song-reader .reader-settings .reader-preferences,
.experience .song-reader .reader-settings #reader-transpose,
.experience .song-reader .reader-settings .sa-settings-deg,
.experience .song-reader .reader-settings .ekbt{display:grid!important;grid-template-columns:110px minmax(0,1fr);align-items:center;column-gap:16px;row-gap:10px;padding:14px 0!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.experience .song-reader .reader-settings .reader-preferences::before,
.experience .song-reader .reader-settings #reader-transpose::before,
.experience .song-reader .reader-settings .sa-settings-deg::before,
.experience .song-reader .reader-settings .ekbt::before{grid-column:1;grid-row:1/span 9;align-self:start;padding-top:8px;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}
.experience .song-reader .reader-settings .reader-preferences::before{content:"Okuma"}
.experience .song-reader .reader-settings #reader-transpose::before{content:"Ton"}
.experience .song-reader .reader-settings .sa-settings-deg::before{content:"Dereceler"}
.experience .song-reader .reader-settings .ekbt::before{content:"Araçlar"}
html[lang^=en] .experience .song-reader .reader-settings .reader-preferences::before{content:"Reading"}
html[lang^=en] .experience .song-reader .reader-settings #reader-transpose::before{content:"Key"}
html[lang^=en] .experience .song-reader .reader-settings .sa-settings-deg::before{content:"Degrees"}
html[lang^=en] .experience .song-reader .reader-settings .ekbt::before{content:"Tools"}
/* okuma */
.experience .song-reader .reader-settings .reader-preferences>*{grid-column:2}
.experience .song-reader .reader-settings .reader-preferences{grid-auto-flow:row}
.experience .song-reader .reader-settings .reader-preferences label,.experience .song-reader .reader-settings .font-control{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink)}
.experience .song-reader .reader-settings .reader-preferences label{justify-content:flex-start}
/* ton: tuşlar tek düzen */
.experience .song-reader .reader-settings #reader-transpose>*{grid-column:2}
.experience .song-reader .reader-settings .ttk1{display:flex;flex-wrap:wrap;gap:6px}
.experience .song-reader .reader-settings .ttk1 a{display:inline-grid;place-items:center;min-width:36px;height:34px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:13px;font-weight:600;color:var(--ink);text-decoration:none}
.experience .song-reader .reader-settings .ttk1 a:hover{border-color:var(--accent);color:var(--accent)}
.experience .song-reader .reader-settings .ttk1 a.selected{background:var(--accent);border-color:var(--accent);color:var(--paper)}
.experience .song-reader .reader-settings .ttk1 .ek1,.experience .song-reader .reader-settings .ttk1 .ek2{border-radius:99px;padding:0 12px;border-color:var(--accent);color:var(--accent)}
.experience .song-reader .reader-settings .ttk1 .ek1{margin-left:8px}
/* ton özeti: Ton bölümünün altında, küçük */
.experience .song-reader .reader-settings .info{display:flex!important;align-items:center;gap:10px;padding:0 0 14px 126px!important;font-size:12px;color:var(--muted)}
/* dereceler: kendi etiketi yerine bölüm etiketi */
.experience .song-reader .reader-settings .sa-degswitch{grid-column:2;display:flex;flex-wrap:wrap;gap:6px}
.experience .song-reader .reader-settings .sa-degswitch-label{display:none}
.experience .song-reader .reader-settings .ekbt{display:flex!important;flex-wrap:wrap;gap:8px;position:relative;padding-left:126px!important}
.experience .song-reader .reader-settings .ekbt::before{position:absolute;left:0;top:14px}
/* araçlar: tek tip çipler; tekrar edenler gizli (ikiye böl çubukta, yazı boyutu Okuma'da) */
.experience .song-reader .reader-settings .ekbt .spch,
.experience .song-reader .reader-settings .ekbt .cur-p,
.experience .song-reader .reader-settings .ekbt .cur-p+.modern-btn{display:none!important}
.experience .song-reader .reader-settings .ekbt>a,.experience .song-reader .reader-settings .ekbt>button{display:inline-flex!important;align-items:center;gap:6px;height:34px;min-height:0!important;padding:0 12px!important;margin:0!important;border:1px solid var(--line)!important;border-radius:99px!important;background:var(--paper)!important;box-shadow:none!important;font-size:13px!important;color:var(--ink)!important;white-space:nowrap}
.experience .song-reader .reader-settings .ekbt>a:hover,.experience .song-reader .reader-settings .ekbt>button:hover{border-color:var(--accent)!important;color:var(--accent)!important}
.experience .song-reader .reader-settings .ekbt svg{width:16px;height:16px}
@media (max-width:700px){
  .experience .song-reader .reader-settings:not([hidden]){padding:14px 16px 6px}
  .experience .song-reader .reader-settings .reader-preferences,
  .experience .song-reader .reader-settings #reader-transpose,
  .experience .song-reader .reader-settings .sa-settings-deg,
  .experience .song-reader .reader-settings .ekbt{grid-template-columns:1fr}
  .experience .song-reader .reader-settings .reader-preferences::before,
  .experience .song-reader .reader-settings #reader-transpose::before,
  .experience .song-reader .reader-settings .sa-settings-deg::before,
  .experience .song-reader .reader-settings .ekbt::before{grid-row:auto;padding-top:0}
  .experience .song-reader .reader-settings .reader-preferences>*,
  .experience .song-reader .reader-settings #reader-transpose>*,
  .experience .song-reader .reader-settings .sa-degswitch{grid-column:1}
  .experience .song-reader .reader-settings .info{padding-left:0!important}
  .experience .song-reader .reader-settings .ekbt{padding-left:0!important;padding-top:36px!important}
}
/* panel bölümleri: etiket solda sabit, içerik sağda (satır boşluğu oluşmasın) */
.experience .song-reader .reader-settings .reader-preferences,
.experience .song-reader .reader-settings #reader-transpose,
.experience .song-reader .reader-settings .sa-settings-deg,
.experience .song-reader .reader-settings .ekbt{display:block!important;position:relative;padding:14px 0 14px 126px!important}
.experience .song-reader .reader-settings .reader-preferences::before,
.experience .song-reader .reader-settings #reader-transpose::before,
.experience .song-reader .reader-settings .sa-settings-deg::before,
.experience .song-reader .reader-settings .ekbt::before{position:absolute;left:0;top:23px;padding:0}
.experience .song-reader .reader-settings .reader-preferences{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px 32px}
.experience .song-reader .reader-settings .ekbt{display:flex!important;flex-wrap:wrap;gap:8px}
.experience .song-reader .reader-settings .info{padding:0 0 14px 126px!important;margin-top:-4px!important}
@media (max-width:700px){
  .experience .song-reader .reader-settings .reader-preferences,
  .experience .song-reader .reader-settings #reader-transpose,
  .experience .song-reader .reader-settings .sa-settings-deg,
  .experience .song-reader .reader-settings .ekbt{padding:36px 0 14px!important}
  .experience .song-reader .reader-settings .reader-preferences::before,
  .experience .song-reader .reader-settings #reader-transpose::before,
  .experience .song-reader .reader-settings .sa-settings-deg::before,
  .experience .song-reader .reader-settings .ekbt::before{top:14px}
  .experience .song-reader .reader-settings .info{padding-left:0!important}
}
/* 30.09.2026: Notlar (post-it) penceresi — sitenin kart diliyle */
body.experience #postit{width:340px;padding:0!important;border-radius:14px!important;overflow:hidden;box-shadow:0 18px 40px -18px rgba(53,64,78,.35)!important}
body.experience #postitheader{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 16px!important;background:var(--paper)!important;color:var(--ink)!important;border-bottom:1px solid var(--line);font-size:14px;font-weight:700;cursor:move;user-select:none}
body.experience #postitheader::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:8px}
body.experience #postitheader{justify-content:flex-start}
body.experience #postit .pstitX{float:none!important;margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-size:0;color:var(--muted);cursor:pointer}
body.experience #postit .pstitX::before{content:"×";font-size:20px;line-height:1}
body.experience #postit .pstitX:hover{background:var(--canvas);color:var(--ink)}
body.experience #postit .txar{display:block;width:calc(100% - 28px)!important;margin:14px!important;min-height:180px;resize:vertical;font:14px/1.6 inherit;font-family:inherit!important;background:var(--canvas)!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:12px!important;box-sizing:border-box}
body.experience #postit .txar:focus{outline:none;border-color:var(--accent)!important;background:var(--paper)!important}
body.experience #postit .pmsj{margin:0 14px;font-size:12px;color:var(--accent)}
body.experience #postit .btnpst{float:none!important;display:block;margin:0 14px 14px auto!important;padding:9px 18px!important;border-radius:99px!important;font-weight:700;font-size:13px;cursor:pointer;background:var(--accent)!important;color:var(--paper)!important}
body.experience #postit .btnpst:hover{filter:brightness(1.08)}
/* Dil seçici (header "TR ▾" + tam menüde dil listesi) */
.dil-secici{position:relative;display:inline-flex;align-items:center}
.dil-secici>summary{list-style:none;display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--ink);cursor:pointer;user-select:none;background:transparent}
.dil-secici>summary::-webkit-details-marker{display:none}
.dil-secici>summary:hover,.dil-secici[open]>summary{border-color:var(--accent);color:var(--accent)}
.dil-secici>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dil-secici .dil-ok{font-size:10px;line-height:1;opacity:.7;transition:transform .15s}
.dil-secici[open] .dil-ok{transform:rotate(180deg)}
.dil-secici .dil-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:168px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #35404e20;z-index:70}
.dil-menu a,.dil-liste a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--ink);font-size:14px;text-decoration:none;white-space:nowrap}
.dil-menu a b,.dil-liste a b{display:inline-block;min-width:22px;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.dil-menu a:hover,.dil-liste a:hover{background:var(--canvas)}
.dil-menu a.aktif,.dil-liste a.aktif{color:var(--accent);font-weight:700}
.dil-menu a.aktif b,.dil-liste a.aktif b{color:var(--accent)}
.menu-dil .dil-liste{display:flex;flex-wrap:wrap;gap:4px}
.menu-dil .dil-liste a{padding:6px 10px;border:1px solid var(--line);border-radius:99px}
.menu-dil .dil-liste a.aktif{border-color:var(--accent)}
@media (max-width:480px){.dil-secici>summary{padding:0 8px;min-height:32px}.dil-secici .dil-menu{right:-40px}}

/* 2026-10-13 — Kardeş site Rigvia bağlam linki (Views/Shared/_RigviaBaglanti.cshtml) */
.rigvia-link{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:24px 0;padding:18px 20px;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius,10px);min-width:0}
.rigvia-link__main{display:grid;gap:4px;flex:1 1 320px;min-width:0;color:var(--ink);text-decoration:none}
.rigvia-link__main strong{font-size:16px;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}
.rigvia-link__main:hover strong,.rigvia-link__main:focus-visible strong{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.rigvia-link__kicker{font-size:10px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--accent)}
.rigvia-link__text{font-size:13px;line-height:1.7;color:var(--muted)}
.rigvia-link__extra{flex:none;font-size:13px;font-weight:700;color:var(--accent);padding:8px 0;min-height:40px;display:inline-flex;align-items:center}
body.experience .song-page .rigvia-link{margin:24px 32px}
@media(max-width:700px){.rigvia-link{padding:16px}body.experience .song-page .rigvia-link{margin:20px 16px}}

/* 13.10.2026 CLS: akors_v5 ton listesini önce pre üstüne ekliyor, sonra ayarlar paneline taşınıyor (72px kayma) */
.akorlar-section>.ttk1{display:none}
/* 13.10.2026 CLS: lucide simgeleri defer ile sonradan çiziliyor; yerlerini önceden ayır */
.fixed-icons i[data-lucide]{display:flex;width:24px;height:24px}
.menu-toggle i[data-lucide]{display:block;width:24px;height:30px}
.c_scad i[data-lucide]{display:inline-block;width:24px;height:24px;vertical-align:middle}
.reader-bar i[data-lucide]{display:block;width:16px;height:21px;flex-shrink:0}
