:root{--paper: #fbf4d8;--paper-edge: #f2e8c4;--surface: #f7f1de;--surface-2: #ede6c5;--ink: #2f2418;--ink-soft: #6b5a42;--ink-faint: #99886b;--line: rgba(93, 49, 30, .24);--line-soft: rgba(93, 49, 30, .12);--line-strong: rgba(93, 49, 30, .46);--brass: #9a7328;--brass-deep: #74551c;--garnet: #a8433a;--garnet-deep: #8c3129;--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-ar: "Amiri", "Cormorant Garamond", serif;font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:radial-gradient(120% 80% at 50% -10%,var(--surface) 0%,var(--paper) 46%,var(--paper-edge) 100%) fixed;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:var(--garnet);text-decoration-thickness:1px;text-underline-offset:2px}.muted{color:var(--ink-soft)}::selection{background:#a8781d38}.app{max-width:1060px;margin:0 auto;padding:0 28px 96px;position:relative;z-index:1}.app.embed{max-width:none;padding:6px 12px 18px}header.top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:30px 0 16px;border-bottom:1px solid var(--line);box-shadow:0 2px 0 var(--line-soft);margin-bottom:38px}.brand h1{font-family:var(--font-display);font-weight:600;font-size:30px;line-height:1;letter-spacing:.01em;margin:0}.brand .home-link{color:inherit;text-decoration:none}.brand .home-link:hover{color:var(--garnet-deep)}.brand .ar{font-family:var(--font-ar);font-size:19px;color:var(--brass-deep);margin-top:3px}.brand .tagline{font-size:12px;color:var(--ink-faint);letter-spacing:.14em;text-transform:uppercase;margin-top:2px}header.top nav{display:flex;gap:4px}header.top nav button{background:none;border:none;font:inherit;cursor:pointer;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding:8px 12px;border-radius:4px;transition:color .18s,background .18s}header.top nav button:hover{color:var(--ink);background:#a8781d14}header.top nav button.active{color:var(--garnet)}header.top nav button.active:after{content:"";display:block;height:2px;margin-top:5px;border-radius:2px;background:var(--garnet)}.section-title{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep);margin:34px 0 12px}.section-title:before{content:"";width:26px;height:1px;background:var(--brass);opacity:.7;flex:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px 22px;box-shadow:0 1px 2px #4a38180d,0 10px 30px -22px #4a381873}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:16px}.maqam-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.fchip{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.fchip:hover{color:var(--ink);border-color:var(--brass);background:var(--surface)}.fchip .swatch{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1px #0000001f}.fchip .fcount{font-variant-numeric:tabular-nums;opacity:.65}.fchip.on{font-weight:600}.song-list{border-top:1px solid var(--line)}.song-row{position:relative;display:grid;grid-template-columns:38px 14px 1fr auto;align-items:baseline;gap:16px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--line-soft);border-radius:0;padding:15px 12px;cursor:pointer;animation:rise .4s both;transition:background .15s,padding .15s}.song-row:hover{background:#a8781d0f;border-color:var(--line-soft);padding-left:20px}.song-row:before{content:"";position:absolute;left:0;top:0;bottom:-1px;width:2px;background:var(--garnet);transform:scaleY(0);transform-origin:center;transition:transform .15s}.song-row:hover:before{transform:scaleY(1)}.row-idx{font-family:var(--font-display);font-size:16px;color:var(--brass);font-variant-numeric:tabular-nums}.row-dot{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 1px #0000001f;align-self:center}.row-title{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.12;letter-spacing:.01em}.row-meta{font-size:13px;color:var(--ink-soft);text-align:right;white-space:nowrap}.row-perf{color:var(--ink)}@media(max-width:560px){.song-row{grid-template-columns:28px 12px 1fr}.row-meta{grid-column:3;text-align:left;white-space:normal}}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:3px 10px;border-radius:99px;background:#a8781d21;color:var(--brass-deep);border:1px solid rgba(168,120,29,.22)}.back{background:none;border:none;cursor:pointer;font:inherit;padding:0;color:var(--garnet);font-size:13px;letter-spacing:.04em;margin-bottom:18px}.back:hover{color:var(--garnet-deep)}.song-head h2{font-family:var(--font-display);font-weight:600;font-size:40px;line-height:1.04;margin:0 0 8px}.song-head .sub{color:var(--ink-soft);margin-bottom:14px;font-size:15px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.song-head .blurb{font-size:15px;line-height:1.65;color:#463c2b;max-width:66ch;font-family:var(--font-display);font-size:18px}.transport{display:flex;align-items:center;gap:14px;margin:18px 0 6px;padding:12px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:99px}.transport .play{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--brass);background:var(--paper);color:var(--brass-deep);cursor:pointer;display:grid;place-items:center;transition:background .18s,transform .1s}.transport .play:hover{background:#a8781d1f}.transport .play:active{transform:scale(.94)}.transport .play svg{display:block}.transport .bar{flex:1;height:6px;background:#4a381824;border-radius:99px;position:relative;cursor:pointer}.transport .bar .fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--brass),var(--garnet));border-radius:99px}.transport .bar .head{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--garnet);transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000040}.transport .t{font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums;min-width:86px;text-align:right;letter-spacing:.02em}.tl{font-size:13px}.tl-head,.tl-row{display:grid;grid-template-columns:56px 1fr;align-items:start;gap:12px}.tl-row{padding:4px 0;animation:rise .4s both}.tl-row.active .tl-box{box-shadow:0 0 0 2px var(--garnet)}.tl-time{color:var(--ink-faint);font-variant-numeric:tabular-nums;padding-top:7px;font-size:12px;letter-spacing:.03em}.tl-cell{min-width:0}.tl-track{display:grid;column-gap:3px}.tl-head .tl-track{margin-bottom:6px;border-bottom:1px solid var(--line-soft);padding-bottom:4px}.tl-deg{text-align:center;color:var(--ink-faint);font-size:11px;font-variant-numeric:tabular-nums}.tl-box{grid-row:1;height:30px;border:1px solid rgba(0,0,0,.22);border-radius:5px;font:inherit;font-size:13px;font-weight:500;cursor:pointer;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;letter-spacing:.01em;transition:filter .15s,transform .1s}.tl-box:hover{filter:brightness(1.07) saturate(1.05)}.tl-box:active{transform:translateY(1px)}.tl-note{color:var(--ink-soft);font-size:13px;margin:3px 2px 0;font-family:var(--font-display);font-style:italic}table.stats{width:100%;border-collapse:collapse;font-size:13px}table.stats th,table.stats td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line-soft)}table.stats th{color:var(--brass-deep);font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase}table.stats td.num{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft)}table.stats tr:hover td{background:#a8781d0d}.stat-row{cursor:pointer}.stat-row.active td{background:#9a332714}.stat-row.active td:first-child{box-shadow:inset 3px 0 0 var(--garnet)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:8px 28px;margin-top:4px}.detail-card{margin-top:16px;border-color:var(--line-strong)}.detail-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ink-soft)}.detail-head .detail-label{font-weight:500;color:var(--ink)}.detail-head button{border:none;background:none;font-size:22px;line-height:1;color:var(--ink-faint);padding:0 4px}.detail-head button:hover{color:var(--garnet);background:none}.detail-songs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.song-link{font-family:var(--font-display);font-size:16px;padding:5px 13px;border-radius:99px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.song-link:hover{border-color:var(--garnet);color:var(--garnet-deep);background:#9a33270f}.metric{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 18px}.metric .v{font-family:var(--font-display);font-weight:600;font-size:42px;line-height:1;color:var(--ink)}.metric .k{font-size:11px;color:var(--ink-faint);letter-spacing:.13em;text-transform:uppercase;margin-top:6px}select,input,button,textarea{font:inherit;color:var(--ink)}select,input[type=text],input[type=number],input:not([type]){padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:var(--surface);transition:border-color .16s,box-shadow .16s}select:focus,input:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px #a8781d24}button{padding:8px 14px;border:1px solid var(--line);border-radius:7px;background:var(--surface);cursor:pointer;letter-spacing:.02em;transition:border-color .16s,background .16s,transform .08s}button:hover{border-color:var(--brass);background:#a8781d12}button:active{transform:translateY(1px)}button:disabled{opacity:.42;cursor:default;transform:none}.btn-primary{border-color:var(--garnet);color:var(--garnet-deep);background:#9a33270f}.btn-primary:hover{border-color:var(--garnet);background:#9a33271f}.ed-source{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}.ed-source label{font-size:12px;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase}.ed-source label select{display:block;margin-top:5px;text-transform:none;letter-spacing:normal}.ed-upload input{display:block;margin-top:6px;border:none;padding:0;font-size:12px}.ed-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-bottom:14px}.ed-cursor{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:18px;font-weight:600;margin-bottom:8px}.ed-cursor .dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px #0000002e}.ed-cursor .muted{font-family:var(--font-sans);font-size:13px;font-weight:400}.ed-wave-wrap{position:relative}.ed-wave{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;min-height:116px}.ed-wave-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;background:#f4edddc7;border-radius:10px;color:var(--ink-soft);font-size:13px}.spinner{width:20px;height:20px;border:2.5px solid var(--line);border-top-color:var(--brass);border-radius:50%;animation:spin .8s linear infinite}.ed-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:14px 0 6px}.ed-zoom{display:inline-flex;align-items:center;gap:6px}.ed-zoom input{width:96px}.ed-zoom button{padding:5px 10px;line-height:1}.ed-list{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 4px}.ed-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;border:1px solid var(--line);border-left:4px solid;border-radius:7px;background:var(--surface);font-size:12px;cursor:pointer;transition:border-color .15s,transform .1s,box-shadow .15s}.ed-chip:hover{transform:translateY(-1px);box-shadow:0 6px 16px -12px #4a3818b3}.ed-chip.sel{box-shadow:0 0 0 1.5px var(--garnet)}.ed-chip.playing{background:#a8781d1f}.ed-chip .seq,.ed-chip .t{color:var(--ink-faint);font-variant-numeric:tabular-nums}.ed-form{margin:10px 0 4px}.ed-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:11px}.ed-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase}.jp{position:relative}.jp-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;text-transform:none;letter-spacing:normal}.jp-iv{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:11px}.jp-pop{position:absolute;z-index:30;top:calc(100% + 5px);left:0;min-width:230px;background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;box-shadow:0 18px 44px -20px #4a3818b3;padding:7px;max-height:270px;overflow:auto}.jp-pop input{width:100%;margin-bottom:6px}.jp-row{display:flex;justify-content:space-between;gap:12px;padding:7px 9px;border-radius:6px;cursor:pointer;font-size:13px}.jp-row:hover{background:#a8781d1a}.jp-tag{color:var(--ink-faint);margin-left:4px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}