.nazmlar-page{--gold-dim:color-mix(in srgb, var(--gold) 42%, transparent);background:var(--black);color:var(--foreground);font-family:var(--font-ui), sans-serif;line-height:1.6;overflow-x:clip}.hero-watermark{font-family:var(--font-arabic-display), serif;color:var(--gold);opacity:.09;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;text-shadow:0 0 60px color-mix(in srgb, var(--gold) 25%, transparent);z-index:1;font-size:clamp(130px,28vw,280px);font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:2;max-width:760px;margin:0 auto;position:relative}.hero-breadcrumb{font-size:var(--fs-md,13px);letter-spacing:0;color:var(--muted);text-transform:none;margin-bottom:var(--sp-5,20px)}.hero-breadcrumb span{color:var(--gold)}.hero-divider{justify-content:center;align-items:center;gap:16px;width:fit-content;margin:18px auto 22px;display:flex}.hero-divider-line{background:linear-gradient(to right, transparent, var(--gold));width:80px;height:1px}.hero-divider-line.right{background:linear-gradient(to left, transparent, var(--gold))}.hero-divider-diamond{background:var(--gold-fill,var(--gold));width:8px;height:8px;transform:rotate(45deg)}.controls{scroll-margin-top:calc(var(--navbar-height) + 12px);background:var(--black);border:0;flex-direction:column;align-items:stretch;gap:10px;padding:40px 40px 22px;display:flex}.controls-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;width:100%;display:flex}@media (max-width:768px){.controls-row{flex-direction:column;align-items:stretch}.controls-row .search-bar{width:100%;max-width:100%}}.nazm-sort-row{border-bottom:1px solid var(--border);background:var(--black);justify-content:flex-end;padding:0 40px 22px;display:flex}.section-wrap{padding:clamp(28px,4vw,48px) clamp(16px,4vw,40px)}.featured-nazm{border:1px solid var(--border-mid);background:linear-gradient(180deg, var(--card-bg) 0%, var(--deep) 100%);text-align:center;margin-bottom:32px;padding:50px 40px;position:relative;overflow:hidden}.featured-nazm:before,.featured-nazm:after{content:"";border:1px solid var(--gold);pointer-events:none;width:18px;height:18px;position:absolute}.featured-nazm:before{border-bottom:none;border-right:none;top:8px;left:8px}.featured-nazm:after{border-top:none;border-left:none;bottom:8px;right:8px}.featured-watermark{font-family:var(--font-arabic-display), serif;color:var(--gold);opacity:.04;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(110px,16vw,200px);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.featured-watermark--name{text-align:center;opacity:.06;width:96%;max-width:1000px;font-size:clamp(38px,8.5vw,96px);line-height:1.35}.featured-badge{font-size:var(--fs-md,13px);letter-spacing:0;color:var(--gold);text-transform:none;margin-bottom:var(--sp-4,16px);z-index:2;border:none;padding:0;display:inline-block;position:relative}.featured-arabic-poem{font-family:var(--font-arabic-display), serif;color:var(--foreground);z-index:2;direction:rtl;margin-bottom:24px;font-size:24px;line-height:2.4;position:relative}.featured-translation{color:var(--muted);z-index:2;max-width:600px;margin:0 auto 24px;font-size:16px;font-style:italic;line-height:2;position:relative}.featured-meta{justify-content:center;gap:var(--sp-6,24px);font-size:var(--fs-md,13px);letter-spacing:0;color:var(--muted);text-transform:none;z-index:2;flex-wrap:wrap;display:flex;position:relative}.featured-meta-item{align-items:center;gap:8px;display:flex}.featured-meta-item:before{content:"◇";color:var(--gold)}.nazm-grid{border-top:1px solid var(--border-mid);border-left:1px solid var(--border-mid);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0;display:grid}.nazm-card{border-right:1px solid var(--border-mid);border-bottom:1px solid var(--border-mid);background:var(--card-bg);cursor:pointer;padding:28px 26px;transition:background .25s;position:relative;overflow:hidden}.nazm-card:hover{background:color-mix(in srgb, var(--gold) 8%, var(--card-bg))}.nazm-num-frame{border:1px solid var(--border-mid);border-radius:var(--r-sharp,2px);width:34px;height:34px;margin-bottom:var(--sp-4,16px);z-index:2;justify-content:center;align-items:center;transition:border-color .25s;display:flex;position:relative;transform:none}.nazm-num-frame span{font-family:var(--font-ui), sans-serif;font-size:var(--fs-md,13px);font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600;transform:none}.nazm-card:hover .nazm-num-frame{border-color:var(--gold)}.nazm-cat{font-size:var(--fs-sm,12px);letter-spacing:0;text-transform:none;background:color-mix(in srgb, var(--foreground) 7%, transparent);color:var(--muted);border-radius:var(--r-sharp,2px);margin-bottom:var(--sp-3,12px);z-index:2;border:none;padding:3px 9px;display:inline-block;position:relative}.nazm-title{font-size:var(--fs-xl,16px);color:var(--foreground);margin-bottom:var(--sp-2,8px);z-index:2;font-weight:600;line-height:1.35;position:relative}.nazm-arabic{font-family:var(--font-arabic-display), serif;color:var(--gold);z-index:2;direction:rtl;margin-bottom:14px;font-size:16px;font-weight:700;line-height:1.9;position:relative}.nazm-divider{background:linear-gradient(90deg, transparent, var(--gold) 50%, transparent);opacity:.3;height:1px;margin-bottom:14px;position:relative}.nazm-divider:after{content:"";background:var(--gold-fill,var(--gold));width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.nazm-author{font-family:var(--font-arabic-display), serif;color:var(--gold);letter-spacing:1px;z-index:2;font-size:12px;position:relative}.nazm-meta{z-index:2;justify-content:space-between;margin-top:12px;display:flex;position:relative}.nazm-meta-item{color:var(--dim);letter-spacing:1px;font-size:11px}.nashid-grid{border-top:1px solid var(--border-mid);border-left:1px solid var(--border-mid);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0;display:grid}.nashid-card{border-right:1px solid var(--border-mid);border-bottom:1px solid var(--border-mid);background:var(--card-bg);cursor:pointer;transition:background .25s;position:relative}.nashid-card:hover{background:color-mix(in srgb, var(--gold) 8%, var(--card-bg))}.nashid-thumb{background:linear-gradient(135deg, var(--deep) 0%, var(--background) 100%);border-bottom:1px solid var(--border-mid);justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.nashid-thumb-watermark{color:var(--gold);opacity:.22;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nashid-thumb-watermark svg{width:clamp(56px,7.5vw,92px);height:clamp(56px,7.5vw,92px)}.nashid-play{border:1px solid var(--gold-bright);z-index:2;cursor:pointer;background:0 0;justify-content:center;align-items:center;width:50px;height:50px;transition:background .25s;display:flex;position:relative;transform:rotate(45deg)}.nashid-play svg{fill:var(--gold-bright);margin-left:3px;transition:fill .3s;transform:rotate(-45deg)}.nashid-card:hover .nashid-play{background:var(--gold-bright)}.nashid-card:hover .nashid-play svg{fill:var(--black)}.nashid-duration{background:color-mix(in srgb, var(--card-bg) 85%, transparent);color:var(--gold);font-size:11px;font-family:var(--font-arabic-display), serif;border:1px solid var(--gold);-webkit-backdrop-filter:blur(6px);padding:3px 8px;position:absolute;bottom:10px;right:10px}.nashid-body{padding:14px 16px}.nashid-cat{font-size:var(--fs-sm,12px);letter-spacing:0;text-transform:none;background:color-mix(in srgb, var(--foreground) 7%, transparent);color:var(--muted);border-radius:var(--r-sharp,2px);margin-bottom:var(--sp-3,12px);z-index:2;border:none;padding:3px 9px;display:inline-block;position:relative}.nashid-title{font-size:var(--fs-xl,16px);color:var(--foreground);margin-bottom:var(--sp-2,8px);font-weight:600;line-height:1.35}.nashid-singer{font-family:var(--font-arabic-display), serif;color:var(--gold);margin-bottom:6px;font-size:12px}.nashid-meta{justify-content:space-between;margin-top:6px;display:flex}.nashid-date{color:var(--dim);letter-spacing:1px;font-size:11px}@media (max-width:1024px){.nazm-grid{grid-template-columns:repeat(2,1fr)}.nashid-grid{grid-template-columns:repeat(3,1fr)}.featured-arabic-poem{font-size:20px}}@media (max-width:768px){.controls,.section-wrap,.nazm-sort-row{padding-left:20px;padding-right:20px}.tab-bar{padding:0 12px}.tab-btn{letter-spacing:1px;gap:6px;padding:14px 16px;font-size:11px}.nazm-grid,.nashid-grid{grid-template-columns:repeat(2,1fr)}.featured-nazm{padding:32px 24px}.featured-arabic-poem{font-size:17px}}@media (max-width:480px){.nashid-grid{grid-template-columns:repeat(3,1fr)}.nashid-body{padding:8px 10px 10px}.nashid-title{font-size:11px;line-height:1.3}.nashid-cat{padding:2px 6px;font-size:11px}.nashid-singer{font-size:11px}}@media (max-width:420px){.nazm-card{padding:14px 12px}.nazm-title{font-size:12px;line-height:1.35}.nazm-arabic{margin-bottom:8px;font-size:13px;line-height:1.6}.nazm-cat{margin-bottom:10px;padding:2px 6px;font-size:11px}.nazm-author{font-size:11px}.nazm-num-frame{width:28px;height:28px;margin-bottom:12px}.nazm-num-frame span{font-size:11px}}@media (max-width:480px){.featured-nazm{margin-bottom:22px;padding:22px 16px}.featured-arabic-poem{margin-bottom:18px;font-size:16px;line-height:2}.featured-translation{margin-bottom:18px;font-size:13px;line-height:1.8}.featured-meta{letter-spacing:1.5px;gap:18px;font-size:11px}.featured-badge{margin-bottom:14px;padding:4px 10px;font-size:11px}}.nazm-card-link,.nashid-card-link,.featured-nazm-link{color:inherit;text-decoration:none;display:block}.nazm-empty{padding:var(--sp-16,64px) var(--sp-5,20px);text-align:center;color:var(--dim);font-size:var(--fs-lg,15px);letter-spacing:0;text-transform:none;grid-column:1/-1}.nashid-thumb-img{object-fit:cover;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}:root[data-theme=light] .nashid-thumb,:root[data-theme=light] .nazm-card{background:linear-gradient(135deg, var(--deep) 0%, var(--card-bg) 100%)}@media (max-width:600px){.hero-watermark{font-size:clamp(72px,22vw,130px)}}