.taal-detail-page{padding:2rem 0 2.5rem;background:transparent;max-width:1200px;margin:0 auto}.taal-detail-inner{max-width:1120px;margin:0 auto;padding:0 1.5rem}.taal-detail-card{background:#fff;border-radius:18px;padding:20px 24px 32px;box-shadow:0 14px 30px rgba(15,23,42,.08);border:1px solid #e5e7eb;color:#111827;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin-top:.5rem;margin-bottom:.75rem}.taal-detail-back{margin-bottom:12px;padding-bottom:10px;font-size:.9rem}.taal-detail-back-bottom{margin-top:18px;padding-top:8px}.taal-detail-back-link{color:#2563eb;font-weight:500;font-size:13px;text-decoration:none}.taal-detail-back-link:hover{text-decoration:underline}.taal-detail-header{border-bottom:1px solid #e5e7eb;padding-bottom:12px;margin-bottom:20px}.taal-detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.taal-detail-title{margin:0;font-size:26px;font-weight:700;color:#0f172a}.taal-detail-pill{display:inline-flex;align-items:center;gap:10px;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;padding:6px 12px;box-shadow:0 10px 22px rgba(15,23,42,.06);white-space:nowrap}.taal-detail-pill-strong{font-size:12px;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.08em}.taal-detail-pill-muted{font-size:12px;font-weight:600;color:#6b7280}.taal-detail-submeta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.taal-tag{border-radius:999px!important;font-size:12px!important;padding:2px 10px!important}.taal-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.7fr);grid-gap:24px;gap:24px}.taal-detail-section{background:#fff;border-radius:14px;border:1px solid #e5e7eb;padding:14px 16px;color:#111827;margin-bottom:12px}.taal-detail-section-full{margin-top:2rem;border-radius:16px;padding:18px 20px}.taal-detail-section-title{font-size:1.05rem;margin:0 0 10px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#111827}.taal-detail-meta-grid{display:grid;grid-template-columns:150px minmax(0,1fr);grid-row-gap:8px;row-gap:8px;grid-column-gap:10px;column-gap:10px;font-size:.95rem}.taal-detail-label{font-weight:600}.taal-marker-row{display:flex;flex-wrap:wrap;gap:6px}.taal-marker-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;border:1px solid #e5e7eb;background:#f9fafb;color:#374151}.taal-notes{color:#374151;font-size:.95rem;line-height:1.55;white-space:pre-wrap}.taal-theka-grid-wrapper{max-width:100%;margin-top:10px;overflow-x:auto;padding-bottom:6px}.taal-list{margin:0;padding-left:18px}.taal-list-item{margin:6px 0}.taal-table-wrapper{width:100%;overflow-x:auto}.taal-table{width:100%;border-collapse:collapse;min-width:640px}.taal-table thead th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;padding:10px 12px;border-bottom:1px solid #e5e7eb}.taal-table tbody td{padding:12px;border-bottom:1px solid #f1f5f9;color:#111827;font-size:.95rem;vertical-align:top}.taal-table tbody tr:hover td{background:#fafafa}.taal-table-row-link{color:#2563eb;text-decoration:none;font-weight:600}.taal-table-row-link:hover{text-decoration:underline}.taal-table-sub-link{color:#2563eb;text-decoration:none}.taal-table-sub-link:hover{text-decoration:underline}.taal-bandish-more-row{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.taal-bandish-more-muted{font-size:12px;color:#6b7280}.taal-bandish-more-button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;color:#2563eb;border:1px solid #dbeafe;background:#eff6ff;text-decoration:none}.taal-bandish-more-button:hover{background:#dbeafe}.taal-theka-grid-wrapper .notation-grid{margin-top:1.25rem;padding:1.25rem;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.taal-theka-grid-wrapper .notation-grid-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.taal-theka-grid-wrapper .notation-grid-header-main{min-width:0}.taal-theka-grid-wrapper .notation-grid-title{font-size:1rem;font-weight:600;margin:0;color:#0f172a}.taal-theka-grid-wrapper .notation-grid-subtitle{margin:.25rem 0 0;font-size:.75rem;line-height:1.2;color:#6b7280}.taal-theka-grid-wrapper .notation-grid-legend{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-size:.7rem;color:#4b5563}.taal-theka-grid-wrapper .notation-legend-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb}.taal-theka-grid-wrapper .notation-legend-dot{width:.4rem;height:.4rem;border-radius:999px}.taal-theka-grid-wrapper .notation-legend-dot-sam{background:#10b981}.taal-theka-grid-wrapper .notation-legend-dot-taali{background:#f59e0b}.taal-theka-grid-wrapper .notation-legend-dot-khaali{background:#0ea5e9}.taal-theka-grid-wrapper .notation-grid-rows{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.taal-theka-grid-wrapper .notation-grid-row{display:flex;flex-direction:row;gap:.5rem}.taal-theka-grid-wrapper .notation-grid-row-label{width:70px;flex-shrink:0;font-size:.7rem;color:#6b7280;display:flex;align-items:center;justify-content:center;white-space:nowrap}.taal-theka-grid-wrapper .notation-grid-row-beats{flex:1 1;display:grid;grid-gap:.35rem;gap:.35rem}.taal-theka-grid-wrapper .notation-beat-box{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:7px;border:1px solid #e5e7eb;background:#fff;text-align:center;min-height:52px;padding:.3rem .45rem .35rem}.taal-theka-grid-wrapper .notation-beat-sam{border-color:#10b981}.taal-theka-grid-wrapper .notation-beat-taali{border-color:#f59e0b}.taal-theka-grid-wrapper .notation-beat-khaali{border-color:#0ea5e9;border-style:dashed}.taal-theka-grid-wrapper .notation-beat-marker{position:absolute;top:.1rem;left:.25rem;font-size:.7rem;font-weight:600;font-style:italic;color:#374151;line-height:1}.taal-theka-grid-wrapper .notation-beat-number{position:absolute;bottom:.15rem;right:.25rem;font-size:.65rem;color:#6b7280;line-height:1}.taal-theka-grid-wrapper .notation-beat-bandish,.taal-theka-grid-wrapper .notation-beat-swar{display:none!important}.taal-theka-grid-wrapper .notation-beat-bol{margin:0;padding:0;font-size:.9rem;line-height:1.1;font-weight:600;color:#111827}.taal-theka-grid-wrapper .notation-grid-row-new-cycle{border-top:2px solid #cbd5e1;margin-top:12px;padding-top:12px}.taal-theka-grid-wrapper .notation-grid-row-new-cycle:first-child{border-top:none;margin-top:0;padding-top:0}.taal-edit-toolbar{display:inline-flex;gap:8px}.taal-cancel-button,.taal-edit-button,.taal-save-button{padding:4px 10px;font-size:.85rem;border-radius:999px;border:1px solid transparent;cursor:pointer}.taal-edit-button{background:#e5e7eb;color:#111827}.taal-edit-button:hover{background:#d1d5db}.taal-save-button{background:#16a34a;color:#fff}.taal-save-button:hover{background:#15803d}.taal-cancel-button{background:#f3f4f6;color:#111827}.taal-cancel-button:hover{background:#e5e7eb}.taal-history-button{padding:4px 10px;font-size:.85rem;border-radius:999px;border:1px solid #d4d4d4;background:#f9fafb;color:#111827;cursor:pointer}.taal-history-button:hover{background:#e5e7eb}.taal-edit-desktop-only{display:none}@media (min-width:768px){.taal-edit-desktop-only{display:inline-flex}}@media (max-width:640px){.taal-theka-grid-wrapper .notation-grid-row-label{display:none}}@media (max-width:900px){.taal-detail-inner{max-width:100%;padding:0 1rem}.taal-detail-grid{grid-template-columns:minmax(0,1fr)}.taal-detail-card{padding:20px 18px 24px}.taal-detail-title{font-size:1.6rem}.taal-detail-meta-grid{grid-template-columns:120px minmax(0,1fr);font-size:.9rem}}@media (max-width:768px){.taal-detail-page{padding:1.25rem 0 2rem}.taal-detail-inner{padding:0 .75rem}.taal-detail-card{border-radius:14px;box-shadow:0 10px 24px rgba(15,23,42,.45)}}